body{overflow:auto}.projects{max-width:1200px;margin:auto;padding:30px 24px 70px}.intro{display:flex;justify-content:space-between;gap:16px;align-items:center;flex-wrap:wrap}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin:24px 0}.card{background:#fffdf8;border:1px solid #d9d1c5;border-radius:10px;padding:22px}.card a{text-decoration:none}.card h2{margin-bottom:5px}.editgrid{display:grid;grid-template-columns:minmax(250px,1fr) minmax(300px,1.3fr);gap:20px;margin-top:25px}.editgrid section{background:#fffdf8;padding:22px;border:1px solid #d9d1c5;border-radius:10px}.editgrid input[type=file]{display:block;margin:8px 0;font-size:12px;width:100%}.cover-preview{width:120px;height:150px;object-fit:cover;display:block;margin:12px 0;background:#eee}.upload-button{display:inline-block;margin:0;background:#342e25;color:white;border-radius:7px;padding:9px 12px;cursor:pointer;font-size:13px}.upload-button input{display:none!important}.page-item{border:1px solid #d9d1c5;border-radius:8px;padding:14px;margin:14px 0;background:#fff}.page-item img{width:95px;height:105px;object-fit:contain;background:#eee}.pagehead{display:flex;justify-content:space-between;align-items:center;gap:5px}.page-item textarea{width:100%}.page-item.dragging{opacity:.45}.page-item select{width:auto}hr{border:0;border-top:1px solid #d9d1c5;margin:35px 0}dialog{border:0;border-radius:12px;padding:28px;max-width:440px;width:90%}dialog::backdrop{background:#0009}#state,#message{color:#765b38}@media(max-width:750px){.editgrid{grid-template-columns:1fr}header{position:static}.projects{padding:20px 15px}}

.fetch-progress{margin:16px 0;padding:16px;border:1px solid #d9d1c5;background:#f8f4ed;border-radius:10px}.fetch-progress[hidden],.fetch-error[hidden]{display:none}.fetch-progress-heading{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:13px}.fetch-progress progress{display:block;width:100%;height:12px;margin:12px 0;accent-color:#806748}.fetch-detail{margin:0;color:#605548;font-size:13px;line-height:1.5}.fetch-error{margin:12px 0 0;padding:12px;border:1px solid #deaaa1;border-radius:7px;color:#8a251e;background:#fff1ef;font-size:13px;line-height:1.5}

.layout-tools{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:18px 0 10px}.page-strip{display:flex;overflow-x:auto;gap:12px;scroll-snap-type:x proximity;padding:10px 4px 16px;overscroll-behavior-x:contain}.strip-page{flex:0 0 112px;scroll-snap-align:start;padding:6px;background:#f6f1e9;border:2px solid transparent;border-radius:8px;color:#342e25}.strip-page.selected{border-color:#8a6e49}.strip-page>span,.suggest-card>span{display:block;font-size:11px;margin-top:6px}.editor-photo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:4px;background:#eee8de;aspect-ratio:0.77;overflow:hidden}.editor-photo-grid img{width:100%;height:100%;min-width:0;min-height:0;object-fit:cover}.editor-photo-grid.count-1{grid-template-columns:1fr;grid-template-rows:1fr}.editor-photo-grid.count-2{grid-template-rows:1fr}.editor-photo-grid.layout-stack{grid-template-columns:1fr;grid-template-rows:repeat(var(--rows,2),minmax(0,1fr))}.editor-photo-grid.layout-stack.count-3{--rows:3}.editor-photo-grid.layout-stack.count-4{--rows:4}.editor-photo-grid.count-3:not(.layout-stack) img:first-child{grid-row:span 2}.page-item>.editor-photo-grid{width:min(100%,360px);margin:16px auto}.page-item .editor-photo-grid img{width:100%;height:100%}.editor-photo{display:flex;align-items:center;gap:8px;flex-wrap:wrap;border-top:1px solid #e2dbd1;padding:12px 0}.editor-photo img{width:62px;height:70px;object-fit:contain}.editor-photo select{max-width:140px}.suggest-preview{display:flex;overflow-x:auto;gap:10px;padding:10px 0;max-height:260px}.suggest-card{flex:0 0 90px}.suggest-card .editor-photo-grid{width:90px}.suggest-preview img{width:100%;height:100%}#suggestDialog{max-width:650px}