:root{--c-bg:#fbf8f4;--c-surface:#fff;--c-surface-2:#f5f1ea;--c-ink:#1d1b19;--c-muted:#8c857d;--c-line:#e9e2d9;--c-line-strong:#d9d2c7;--c-accent:#f2794b;--c-accent-hover:#e0653a;--c-accent-soft:#fdede5;--c-accent-ink:#fff;--c-guide-cut:#e5484d;--c-guide-bleed:#fbdcdd;--c-guide-safe:#30a46c;--c-select:#f2794b;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--r-sm:6px;--r-md:10px;--r-lg:16px;--r-pill:999px;--font-display:"Manrope", system-ui, sans-serif;--font-ui:"Onest", system-ui, sans-serif;--shadow-sm:0 1px 2px #1d1b190f;--shadow-md:0 6px 20px #1d1b191a;--shadow-lg:0 18px 48px #1d1b1929;--z-canvas-el:1;--z-selection:500;--z-floating-toolbar:900;--z-strip:1000;--z-modal:2000;--rail-w:84px;--panel-w:336px;--strip-h:132px;--header-h:60px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font-ui);color:var(--c-ink);background:var(--c-bg);-webkit-font-smoothing:antialiased;font-size:14px}button{font:inherit;color:inherit;cursor:pointer}.app{grid-template-rows:var(--header-h) minmax(0, 1fr) var(--strip-h);height:100%;display:grid}.workspace{grid-template-columns:var(--rail-w) var(--panel-w) minmax(0, 1fr);border-top:1px solid var(--c-line);min-height:0;display:grid}.workspace>*{min-width:0;min-height:0}.header{align-items:center;gap:var(--space-4);padding:0 var(--space-4);background:var(--c-surface);display:flex}.header__back{align-items:center;gap:var(--space-2);color:var(--c-muted);padding:var(--space-2);border-radius:var(--r-sm);background:0 0;border:0;display:flex}.header__back:hover{color:var(--c-ink);background:var(--c-surface-2)}.header__crumbs{align-items:baseline;gap:var(--space-2);letter-spacing:.04em;text-transform:uppercase;min-width:0;color:var(--c-muted);font-size:13px;display:flex}.header__title{font-family:var(--font-display);color:var(--c-ink);border:0;border-bottom:1px dashed var(--c-line-strong);letter-spacing:.04em;text-transform:uppercase;background:0 0;width:20ch;min-width:0;padding:2px 0;font-size:13px;font-weight:700}.header__title:focus{border-bottom-color:var(--c-accent);outline:none}.header__spacer{flex:1;min-width:0}.header__group{align-items:center;gap:var(--space-2);display:flex}.saved{align-items:center;gap:var(--space-2);color:var(--c-muted);white-space:nowrap;font-size:13px;display:flex}.saved__dot{background:var(--c-line-strong);border-radius:50%;width:8px;height:8px;transition:background .2s}.saved--saved .saved__dot{background:#7fb3ac}.saved--saving .saved__dot{background:var(--c-accent)}.btn{justify-content:center;align-items:center;gap:var(--space-2);height:38px;padding:0 var(--space-4);border-radius:var(--r-pill);border:1px solid var(--c-line-strong);background:var(--c-surface);white-space:nowrap;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.btn:hover{background:var(--c-surface-2)}.btn:disabled{opacity:.4;cursor:default}.btn:disabled:hover{background:var(--c-surface)}.btn--primary{background:var(--c-accent);border-color:var(--c-accent);color:var(--c-accent-ink);font-weight:600}.btn--primary:hover{background:var(--c-accent-hover);border-color:var(--c-accent-hover)}.btn--ghost{background:0 0;border-color:#0000}.btn--ghost:hover{background:var(--c-surface-2)}.btn--icon{border-radius:50%;width:38px;padding:0}.btn--warn{border-color:var(--c-accent);color:var(--c-accent);background:var(--c-surface)}.btn--warn:hover{background:var(--c-accent-soft)}.rail{background:var(--c-surface);border-right:1px solid var(--c-line);flex-direction:column;display:flex;overflow-y:auto}.rail__tab{justify-content:center;align-items:center;gap:var(--space-2);height:var(--rail-w);color:var(--c-muted);letter-spacing:.08em;text-transform:uppercase;background:0 0;border:0;flex-direction:column;font-size:10px;transition:background .15s,color .15s;display:flex}.rail__tab:hover{background:var(--c-surface-2);color:var(--c-ink)}.rail__tab[aria-selected=true]{background:var(--c-accent);color:var(--c-accent-ink)}.panel{background:var(--c-surface);border-right:1px solid var(--c-line);padding:var(--space-4);gap:var(--space-4);flex-direction:column;display:flex;overflow-y:auto}.panel__hint{color:var(--c-muted);margin:0;font-size:12px;line-height:1.5}.panel__section-title{font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:var(--c-muted);margin:0 0 var(--space-3);font-size:11px;font-weight:700}.dropzone{align-items:center;gap:var(--space-2);padding:var(--space-5) var(--space-4);border:2px dashed var(--c-accent);border-radius:var(--r-lg);background:var(--c-accent-soft);text-align:center;flex-direction:column;transition:background .15s;display:flex}.dropzone:hover,.dropzone--over{background:#fbdfd2}.dropzone__icon{background:var(--c-accent);width:44px;height:44px;color:var(--c-accent-ink);border-radius:50%;place-items:center;display:grid}.dropzone__title{font-family:var(--font-display);font-weight:700}.dropzone__sub{color:var(--c-muted);font-size:12px}.counter{letter-spacing:.08em;text-transform:uppercase;color:var(--c-muted);font-size:11px}.toolbar-row{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.check{align-items:center;gap:var(--space-2);color:var(--c-muted);font-size:12px;display:flex}.select{border-radius:var(--r-md);border:1px solid var(--c-line-strong);background:var(--c-surface);height:36px;padding:0 var(--space-3);min-width:0}.grid{gap:var(--space-2);grid-template-columns:repeat(var(--cols,2), minmax(0, 1fr));display:grid}.tile{aspect-ratio:var(--tile-ratio,1);border-radius:var(--r-md);border:1px solid var(--c-line);background:var(--c-surface-2);place-items:center;padding:0;transition:border-color .15s,box-shadow .15s;display:grid;position:relative;overflow:hidden}.tile:hover{border-color:var(--c-line-strong);box-shadow:var(--shadow-sm)}.tile[aria-pressed=true],.tile--active{border-color:var(--c-accent);box-shadow:0 0 0 2px var(--c-accent-soft)}.tile img{object-fit:cover;width:100%;height:100%;display:block}.tile--used:after{content:"";inset:auto var(--space-1) var(--space-1) auto;background:var(--c-accent);border:2px solid var(--c-surface);border-radius:50%;width:10px;height:10px;position:absolute}.tile__remove{top:var(--space-1);right:var(--space-1);color:#fff;opacity:0;background:#1d1b198c;border:0;border-radius:50%;place-items:center;width:22px;height:22px;transition:opacity .15s;display:grid;position:absolute}.tile:hover .tile__remove{opacity:1}.tile--sticker{background:var(--c-surface);font-size:28px}.layout-card{gap:var(--space-2);border:1px solid var(--c-line);border-radius:var(--r-md);background:var(--c-surface);padding:var(--space-2);text-align:left;flex-direction:column;transition:border-color .15s,box-shadow .15s;display:flex}.layout-card:hover{border-color:var(--c-line-strong);box-shadow:var(--shadow-sm)}.layout-card__preview{aspect-ratio:3/2;border-radius:var(--r-sm);background:var(--c-surface-2);position:relative;overflow:hidden}.layout-card__preview:after{content:"";background:var(--c-line-strong);width:1px;position:absolute;top:0;bottom:0;left:50%}.layout-card__slot{background:var(--c-accent);opacity:.32;border-radius:2px;position:absolute}.layout-card__name{color:var(--c-muted);font-size:11px}.text-preset{justify-content:space-between;align-items:center;gap:var(--space-3);border:1px solid var(--c-line);border-radius:var(--r-md);background:var(--c-surface);width:100%;padding:var(--space-3);text-align:left;transition:border-color .15s,background .15s;display:flex}.text-preset:hover{border-color:var(--c-accent);background:var(--c-accent-soft)}.text-preset__sample{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.text-preset__meta{color:var(--c-muted);white-space:nowrap;font-size:11px}.stage{padding:var(--space-6);background-color:var(--c-bg);background-image:radial-gradient(var(--c-line-strong) 1px, transparent 1px);background-size:22px 22px;align-content:safe center;justify-items:center;display:grid;position:relative;overflow:auto}.stage__inner{align-items:stretch;gap:var(--space-3);flex-direction:column;min-width:0;display:flex}.spread-frame{width:100%;box-shadow:var(--shadow-lg);position:relative}.spread{aspect-ratio:3/2;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden;container-type:size}.spread--interactive{cursor:default}.spread__fold{pointer-events:none;width:1px;z-index:var(--z-selection);background:#1d1b1924;position:absolute;top:0;bottom:0;left:50%}.spread__spine{pointer-events:none;width:8%;z-index:var(--z-selection);border-left:1px dashed #1d1b1959;border-right:1px dashed #1d1b1959;place-items:center;display:grid;position:absolute;top:0;bottom:0;left:46%}.spread__spine-label{writing-mode:vertical-rl;letter-spacing:.2em;text-transform:uppercase;opacity:.7;font-size:2.2cqh}.guides{pointer-events:none;z-index:var(--z-selection);position:absolute;inset:0}.guides__bleed{border:1.6cqh solid var(--c-guide-bleed);opacity:.75;position:absolute;inset:0}.guides__cut{border:1px solid var(--c-guide-cut);position:absolute;inset:1.6cqh}.guides__safe{border:1px dashed var(--c-guide-safe);position:absolute;inset:5cqh}.page-label{letter-spacing:.18em;text-transform:uppercase;width:100%;color:var(--c-muted);justify-content:space-between;font-size:11px;display:flex}.el{position:absolute}.el--interactive{cursor:move}.el__photo{background:#1d1b190f;width:100%;height:100%;overflow:hidden}.el__photo img{object-fit:cover;width:100%;height:100%;display:block}.el__slot{color:#1d1b1973;text-align:center;border:1px dashed #1d1b1947;place-items:center;gap:1cqh;width:100%;height:100%;padding:1cqh;font-size:1.9cqh;display:grid}.el__slot--over{border-color:var(--c-accent);background:var(--c-accent-soft);color:var(--c-accent)}.el__slot-plus{border:1px solid;border-radius:50%;place-items:center;width:5cqh;height:5cqh;font-size:3cqh;line-height:1;display:grid}.el__text{white-space:pre-wrap;word-break:break-word;outline:none;flex-direction:column;justify-content:center;width:100%;height:100%;display:flex;overflow:hidden}.el__sticker{place-items:center;width:100%;height:100%;line-height:1;display:grid}.el__frame{border:1.5px solid var(--c-select);pointer-events:none;position:absolute;inset:-1px}.handle{background:var(--c-surface);border:1.5px solid var(--c-select);border-radius:2px;width:10px;height:10px;margin:-5px;position:absolute}.handle--rot{background:var(--c-select);cursor:grab;border-radius:50%;width:12px;height:12px;margin:-6px}.floating{max-width:calc(100% - var(--space-4));z-index:var(--z-floating-toolbar);align-items:center;gap:var(--space-1);padding:var(--space-2);border-radius:var(--r-pill);background:var(--c-surface);box-shadow:var(--shadow-md);border:1px solid var(--c-line);white-space:nowrap;scrollbar-width:thin;display:flex;position:absolute;overflow-x:auto;transform:translate(-50%)}.tbtn{border-radius:var(--r-sm);width:32px;height:32px;color:var(--c-ink);background:0 0;border:0;place-items:center;display:grid}.tbtn:hover{background:var(--c-surface-2)}.tbtn[aria-pressed=true]{background:var(--c-accent);color:var(--c-accent-ink)}.tbtn--danger:hover{background:var(--c-accent-soft);color:var(--c-accent)}.tsep{background:var(--c-line);width:1px;height:22px;margin:0 var(--space-1)}.tfield{border:1px solid var(--c-line);border-radius:var(--r-sm);background:var(--c-surface);height:32px;padding:0 var(--space-2);min-width:0}.tfield--num{text-align:center;width:56px}.tfield--font{max-width:168px;font-family:var(--font-ui)}.swatch{border-radius:var(--r-sm);border:1px solid var(--c-line-strong);width:32px;height:32px;padding:0;overflow:hidden}.swatch input{opacity:0;cursor:pointer;width:100%;height:100%}.strip{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--c-surface);border-top:1px solid var(--c-line);z-index:var(--z-strip);display:flex;overflow-x:auto}.thumb{align-items:center;gap:var(--space-2);background:0 0;border:0;flex-direction:column;flex:none;padding:0;display:flex;position:relative}.thumb__frame{border-radius:var(--r-sm);width:152px;box-shadow:var(--shadow-sm);border:2px solid #0000;transition:border-color .15s;overflow:hidden}.thumb:hover .thumb__frame{border-color:var(--c-line-strong)}.thumb[aria-current=true] .thumb__frame{border-color:var(--c-accent)}.thumb--cover .thumb__frame{width:130px}.thumb__label{letter-spacing:.1em;text-transform:uppercase;color:var(--c-muted);font-size:10px}.thumb[aria-current=true] .thumb__label{color:var(--c-accent);font-weight:600}.thumb__del{border:1px solid var(--c-line);background:var(--c-surface);width:20px;height:20px;color:var(--c-muted);opacity:0;border-radius:50%;place-items:center;transition:opacity .15s;display:grid;position:absolute;top:-6px;right:-6px}.thumb:hover .thumb__del{opacity:1}.thumb__del:hover{color:var(--c-accent);border-color:var(--c-accent)}.strip__add{border:1px dashed var(--c-line-strong);border-radius:var(--r-md);background:var(--c-surface);width:152px;height:76px;color:var(--c-muted);flex:none;place-items:center;display:grid}.strip__add:hover{border-color:var(--c-accent);color:var(--c-accent)}.zoom{right:var(--space-5);bottom:var(--space-5);align-items:center;gap:var(--space-2);padding:var(--space-2);border-radius:var(--r-pill);background:var(--c-surface);box-shadow:var(--shadow-md);z-index:var(--z-floating-toolbar);display:flex;position:absolute}.zoom__value{text-align:center;font-variant-numeric:tabular-nums;min-width:52px}.modal{z-index:var(--z-modal);padding:var(--space-6);background:#1d1b19b8;place-items:center;display:grid;position:fixed;inset:0}.modal__body{gap:var(--space-4);flex-direction:column;width:min(1100px,100%);display:flex}.modal__nav{justify-content:center;align-items:center;gap:var(--space-4);color:#fff;display:flex}.modal__close{top:var(--space-5);right:var(--space-5);position:fixed}