:root{color:#18212f;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#f5f1e8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.4}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer}#app{flex-direction:column;min-height:100vh;display:flex}.topbar{background:#fffdf7;border-bottom:1px solid #d8d3c8;grid-template-columns:minmax(180px,240px) 1fr;align-items:center;gap:18px;padding:16px 18px;display:grid}.brand h1{letter-spacing:0;margin:0;font-size:1.35rem;line-height:1}.brand span{color:#6a6258;margin-top:5px;font-size:.88rem;display:block}.control-strip{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;display:flex}.control-group,.range-control{gap:6px;display:grid}.label,.range-control label{color:#5b6470;font-size:.76rem;font-weight:700}.range-control label{justify-content:space-between;gap:12px;display:flex}.range-control output{color:#1f6f78;text-align:right;min-width:42px}.range-control input{accent-color:#1f6f78;width:120px}.segmented{background:#fff;border:1px solid #cfd5da;border-radius:8px;display:inline-flex;overflow:clip}.segmented button{color:#344050;white-space:nowrap;background:0 0;border:0;border-right:1px solid #cfd5da;min-height:34px;padding:0 12px;font-size:.88rem}.layout-segment button{padding-inline:10px}.segmented button:last-child{border-right:0}.segmented button[aria-pressed=true]{color:#fff;background:#1f6f78}.export-button,.secondary-button,.icon-button{color:#fff;background:#1f6f78;border:1px solid #1f6f78;border-radius:8px;font-weight:700}.export-button{align-items:center;gap:8px;min-height:40px;padding:0 14px;display:inline-flex}.secondary-button{min-height:34px;padding:0 12px}.tool-button{color:#1f6f78;background:#fff;align-self:end}button:disabled{cursor:not-allowed;opacity:.45}.icon-button{color:#5b6470;background:#fff;border-color:#cfd5da;place-items:center;width:30px;height:30px;padding:0;display:grid}.workspace{flex:1;grid-template-columns:300px minmax(0,1fr);min-height:0;display:grid}.sidebar{background:#faf8f1;border-right:1px solid #d8d3c8;min-height:0;padding:18px;overflow:auto}.panel{gap:14px;display:grid}.panel-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.panel-head h2{letter-spacing:0;margin:0;font-size:1rem}.dropzone{color:#46525e;text-align:center;background:#fff;border:1px dashed #9eaaa8;border-radius:8px;place-content:center;gap:6px;min-height:126px;display:grid}.dropzone strong{font-size:1rem}.dropzone span,.empty-tray{color:#7a746c;font-size:.86rem}.dropzone.is-dragging{background:#e8f4f2;border-color:#1f6f78}.photo-list{gap:10px;display:grid}.photo-item{background:#fff;border:1px solid #ddd8ce;border-radius:8px;grid-template-columns:54px minmax(0,1fr) 30px;align-items:center;gap:10px;padding:8px;display:grid}.photo-item img{object-fit:cover;border-radius:6px;width:54px;height:54px}.photo-meta{gap:2px;min-width:0;display:grid}.photo-meta strong,.photo-meta span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.photo-meta strong{font-size:.86rem}.photo-meta span{color:#7a746c;font-size:.78rem}.stage{background-color:#eef0ed;background-image:linear-gradient(90deg,#18212f0d 1px,#0000 1px),linear-gradient(#18212f0d 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:24px 24px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;place-items:center;min-width:0;min-height:0;padding:24px;display:grid;overflow:auto}.sheet-shell{place-items:center;width:min(100%,1080px);display:grid}.sheet{aspect-ratio:297/210;background:#fff;width:min(100%,141.4vh - 212.1px);max-width:1080px;position:relative;box-shadow:0 24px 70px #18212f38,0 2px 10px #18212f1f}.sheet.portrait{aspect-ratio:210/297;width:min(100%,620px,70.7vh - 106.05px)}.front-panel,.blank-half,.fold-line{position:absolute}.front-panel{background:#fff;overflow:hidden}.blank-half{background:#fff;inset:0}.fold-line{pointer-events:none;opacity:.42}.sheet.landscape .fold-line{border-left:1px dashed #7d8792;top:0;bottom:0;left:50%}.sheet.portrait .fold-line{border-top:1px dashed #7d8792;top:50%;left:0;right:0}.slot{-webkit-user-select:none;user-select:none;touch-action:none;background:#eff3f1;position:absolute;overflow:hidden}.slot.is-filled{cursor:grab}.slot.is-panning{cursor:grabbing}.slot.is-empty{border:1px solid #d5dbd9;place-items:center;display:grid}.slot.is-empty span{color:#66736e;background:#fff;border:1px solid #c8d1cf;border-radius:50%;place-items:center;width:32px;height:32px;font-size:1.35rem;line-height:1;display:grid}.slot.is-drop-target{outline-offset:-3px;outline:3px solid #1f6f78}.slot.is-custom{outline-offset:-1px;outline:1px solid #1f6f7859}.resize-handle{z-index:3;background:#1f6f7800;border:0;border-radius:0;padding:0;position:absolute}.slot.is-custom:hover .resize-handle,.is-resizing-layout .resize-handle{background:#1f6f7866}.resize-n,.resize-s{cursor:ns-resize;height:8px;left:14px;right:14px}.resize-n{top:0}.resize-s{bottom:0}.resize-e,.resize-w{cursor:ew-resize;width:8px;top:14px;bottom:14px}.resize-e{right:0}.resize-w{left:0}.resize-ne,.resize-nw,.resize-se,.resize-sw{width:14px;height:14px}.resize-ne,.resize-sw{cursor:nesw-resize}.resize-nw,.resize-se{cursor:nwse-resize}.resize-ne{top:0;right:0}.resize-nw{top:0;left:0}.resize-se{bottom:0;right:0}.resize-sw{bottom:0;left:0}.slot img{pointer-events:none;-webkit-user-drag:none;max-width:none;max-height:none;position:absolute}@media (width<=980px){.topbar{grid-template-columns:1fr}.control-strip{justify-content:flex-start}.workspace{grid-template-columns:1fr}.sidebar{border-bottom:1px solid #d8d3c8;border-right:0}.photo-list{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}}@media (width<=640px){.topbar{padding:14px}.control-strip{gap:10px}.segmented button{padding-inline:9px;font-size:.82rem}.stage{padding:14px}.sheet,.sheet.portrait{width:100%}}