@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-latin-400-normal-C38fXH4l.woff2)format("woff2"),url(/assets/inter-latin-400-normal-CyCys3Eg.woff)format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-latin-500-normal-Cerq10X2.woff2)format("woff2"),url(/assets/inter-latin-500-normal-BL9OpVg8.woff)format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-latin-600-normal-LgqL8muc.woff2)format("woff2"),url(/assets/inter-latin-600-normal-CiBQ2DWP.woff)format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-latin-700-normal-Yt3aPRUw.woff2)format("woff2"),url(/assets/inter-latin-700-normal-BLAVimhd.woff)format("woff")}@font-face{font-family:DM Serif Display;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/dm-serif-display-latin-400-normal-C5_t9oOD.woff2)format("woff2"),url(/assets/dm-serif-display-latin-400-normal-_kVFYEpx.woff)format("woff")}:root{--surround:#262422;--panel:#1a1917;--raised:#242220;--raised-hi:#34302c;--line:#34312d;--line-strong:#4a453f;--well:#12110f;--text:#eee9e1;--text-dim:#a29b91;--chalk:#cfc5b5;--select:#8db8e8;--warn:#f0b44c;--danger:#ff8a80;--danger-fill:#8a2f2f;--primary:var(--text);--on-primary:var(--panel);--fs-label:11px;--fs-xs:12px;--fs-s:14px;--fs-m:16px;--fs-l:20px;--fs-xl:28px;--radius-sheet:16px;--pad-side:20px;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px);--font-ui:"Inter", system-ui, sans-serif;--font-display:"DM Serif Display", Georgia, serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--panel);color:var(--text);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;touch-action:manipulation;-webkit-user-select:none;user-select:none;font-size:16px;line-height:1.4}button{font:inherit;color:inherit}.tabular,output,input{font-variant-numeric:tabular-nums}.decor-heading,.snap-sub,.export-label,.span-label,.decor-placement-label,.home-section{color:var(--text-dim);font-size:var(--fs-xs);letter-spacing:.08em;text-transform:uppercase;font-weight:600}:focus-visible{outline:2px solid var(--select);outline-offset:2px}:focus:not(:focus-visible){outline:none}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation-duration:.01ms!important}}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:900;src:url(/assets/inter-latin-900-normal-D4nM5aha.woff2)format("woff2"),url(/assets/inter-latin-900-normal-EUCDUbiG.woff)format("woff")}@font-face{font-family:Montserrat;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/montserrat-latin-400-normal-BLhwKU8k.woff2)format("woff2"),url(/assets/montserrat-latin-400-normal-xItZbAXg.woff)format("woff")}@font-face{font-family:Montserrat;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/montserrat-latin-700-normal-BdjcYUrC.woff2)format("woff2"),url(/assets/montserrat-latin-700-normal-BWkrl476.woff)format("woff")}@font-face{font-family:Montserrat;font-style:normal;font-display:swap;font-weight:900;src:url(/assets/montserrat-latin-900-normal-B0TD3Qnu.woff2)format("woff2"),url(/assets/montserrat-latin-900-normal-BDWDmVut.woff)format("woff")}@font-face{font-family:Poppins;font-style:normal;font-display:swap;font-weight:300;src:url(/assets/poppins-latin-300-normal-Dku2WoCh.woff2)format("woff2"),url(/assets/poppins-latin-300-normal-DCNuMXUj.woff)format("woff")}@font-face{font-family:Poppins;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/poppins-latin-500-normal-C8OXljZJ.woff2)format("woff2"),url(/assets/poppins-latin-500-normal-DGXqpDMm.woff)format("woff")}@font-face{font-family:Poppins;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/poppins-latin-700-normal-Qrb0O0WB.woff2)format("woff2"),url(/assets/poppins-latin-700-normal-BVuQR_eA.woff)format("woff")}@font-face{font-family:Oswald;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/oswald-latin-400-normal-BAFo8sP8.woff2)format("woff2"),url(/assets/oswald-latin-400-normal-D1wpMXgf.woff)format("woff")}@font-face{font-family:Oswald;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/oswald-latin-700-normal-vy6hmKSr.woff2)format("woff2"),url(/assets/oswald-latin-700-normal-UmC9Ev9x.woff)format("woff")}@font-face{font-family:Bebas Neue;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/bebas-neue-latin-400-normal-9mHNbWWO.woff2)format("woff2"),url(/assets/bebas-neue-latin-400-normal-Bi-ndsyu.woff)format("woff")}@font-face{font-family:Anton;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/anton-latin-400-normal-Byf51wtH.woff2)format("woff2"),url(/assets/anton-latin-400-normal-AUNGEG_V.woff)format("woff")}@font-face{font-family:Playfair Display;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/playfair-display-latin-400-normal-CFtfchNt.woff2)format("woff2"),url(/assets/playfair-display-latin-400-normal-DHYHbkg3.woff)format("woff")}@font-face{font-family:Playfair Display;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/playfair-display-latin-700-normal-CuDiGg7c.woff2)format("woff2"),url(/assets/playfair-display-latin-700-normal-Bc_1Q1cG.woff)format("woff")}@font-face{font-family:Lora;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/lora-latin-400-normal-DnxXpLNu.woff2)format("woff2"),url(/assets/lora-latin-400-normal-DBJS-Hc6.woff)format("woff")}@font-face{font-family:Lora;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/lora-latin-700-normal-BHK4Pzk4.woff2)format("woff2"),url(/assets/lora-latin-700-normal-Yfa97ytg.woff)format("woff")}@font-face{font-family:Libre Baskerville;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/libre-baskerville-latin-400-normal-C42RasBZ.woff2)format("woff2"),url(/assets/libre-baskerville-latin-400-normal-BTm3cn9P.woff)format("woff")}@font-face{font-family:Libre Baskerville;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/libre-baskerville-latin-700-normal-CLGq6Yj4.woff2)format("woff2"),url(/assets/libre-baskerville-latin-700-normal-D1DCMXWx.woff)format("woff")}@font-face{font-family:Cormorant Garamond;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/cormorant-garamond-latin-400-normal-B-1hWBU7.woff2)format("woff2"),url(/assets/cormorant-garamond-latin-400-normal-B7YtguxJ.woff)format("woff")}@font-face{font-family:Cormorant Garamond;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/cormorant-garamond-latin-600-normal-Co1r35X9.woff2)format("woff2"),url(/assets/cormorant-garamond-latin-600-normal-2CBVLo0M.woff)format("woff")}@font-face{font-family:Great Vibes;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/great-vibes-latin-400-normal-q5-78SH_.woff2)format("woff2"),url(/assets/great-vibes-latin-400-normal-BAZ173uY.woff)format("woff")}@font-face{font-family:Dancing Script;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/dancing-script-latin-400-normal--YrtvvVF.woff2)format("woff2"),url(/assets/dancing-script-latin-400-normal-BY5FxJb0.woff)format("woff")}@font-face{font-family:Dancing Script;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/dancing-script-latin-700-normal-CX8AaSVl.woff2)format("woff2"),url(/assets/dancing-script-latin-700-normal-LI5MgW9m.woff)format("woff")}@font-face{font-family:Caveat;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/caveat-latin-400-normal-D6LQsQ_v.woff2)format("woff2"),url(/assets/caveat-latin-400-normal-BzhAQZkN.woff)format("woff")}@font-face{font-family:Caveat;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/caveat-latin-700-normal-D8_1Nw6V.woff2)format("woff2"),url(/assets/caveat-latin-700-normal-cPyBTTZN.woff)format("woff")}@font-face{font-family:Space Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/space-mono-latin-400-normal-Rg4St2Dn.woff2)format("woff2"),url(/assets/space-mono-latin-400-normal-_3DlpgIW.woff)format("woff")}@font-face{font-family:Space Mono;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/space-mono-latin-700-normal-mWgeinG7.woff2)format("woff2"),url(/assets/space-mono-latin-700-normal-D7A851RN.woff)format("woff")}.color-row{flex-direction:column;gap:6px;display:flex}.color-row-label{color:var(--text-dim);font-size:14px}.color-row-swatches{flex-wrap:wrap;gap:8px;display:flex}.mini-swatch{border:1px solid var(--line-strong);width:34px;height:34px;color:var(--text);border-radius:50%;place-items:center;padding:0;display:grid;position:relative;overflow:hidden}.mini-swatch svg{filter:drop-shadow(0 0 2px #000000e6)}.mini-swatch.dropper{background:var(--line);color:var(--text)}.mini-swatch.dropper svg{filter:none}.mini-swatch.dropper.on{border-color:var(--select);background:var(--select);color:var(--panel)}.mini-swatch.custom{background:conic-gradient(red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.custom-dot{border:2px solid #fff;border-radius:50%;width:16px;height:16px}.mini-swatch.custom input{opacity:0;position:absolute;inset:0}.pick-banner{z-index:14;background:var(--panel);white-space:nowrap;border-radius:22px;align-items:center;gap:8px;padding:6px 6px 6px 14px;font-size:14px;display:flex;position:absolute;top:8px;left:50%;transform:translate(-50%);box-shadow:0 4px 16px #00000080}.pick-banner button{background:var(--raised);border:0;border-radius:18px;min-height:36px;padding:0 12px;font-size:14px}.pick-loupe{z-index:14;pointer-events:none;border:3px solid #fff;border-radius:50%;width:64px;height:64px;margin:-104px 0 0 -32px;position:absolute;box-shadow:0 0 0 1px #000,0 6px 16px #00000080}.pick-loupe span{color:#fff;background:#000000bf;border-radius:4px;margin-top:4px;padding:1px 6px;font-size:11px;position:absolute;top:100%;left:50%;transform:translate(-50%)}.dialog-scrim{z-index:40;background:#0000008c;place-items:center;padding:16px;animation:.12s ease-out fade;display:grid;position:fixed;inset:0}.dialog{border:1px solid var(--line);border-radius:var(--radius-sheet);background:var(--panel);width:min(360px,100%);padding:20px 20px 12px}.dialog h2{font:400 var(--fs-l) / 1.2 var(--font-display);margin:0 0 12px}.dialog-message{color:var(--text-dim);margin:0}.dialog-input{border:1px solid var(--line);background:var(--well);width:100%;min-height:48px;color:var(--text);font:inherit;-webkit-user-select:text;user-select:text;border-radius:8px;padding:0 12px;font-size:16px}.dialog-actions{justify-content:flex-end;gap:8px;margin-top:16px;display:flex}.dialog-btn{min-height:44px;color:var(--text);background:0 0;border:0;border-radius:8px;padding:0 16px;font-weight:700}.dialog-btn.primary{background:var(--primary);color:var(--on-primary)}.dialog-btn.danger{background:var(--danger-fill);color:#fff}.dialog-btn:disabled{opacity:.4}@keyframes fade{0%{opacity:0}}.text-editor{z-index:15;background:#00000059;flex-direction:column;justify-content:flex-end;padding:0 10px 10px;animation:.12s ease-out fade;display:flex;position:absolute;inset:0}.text-editor-input{resize:none;-webkit-user-select:text;user-select:text;width:100%;max-height:45%;caret-color:var(--select);field-sizing:content;border:0;border-radius:12px;outline:none;flex:none;min-height:2lh;padding:12px 14px;font-size:28px}.text-editor.on-dark .text-editor-input{background:#1a1917e0}.text-editor.on-gray .text-editor-input{background:#808080eb}.text-editor-bar{justify-content:flex-end;padding-top:8px;display:flex}.text-editor-bar .btn-primary{min-height:40px;padding:0 18px;font-size:16px}.font-list{overscroll-behavior:contain;max-height:34vh;margin:0 -16px;padding:0;list-style:none;overflow-y:auto}.font-row{text-align:left;background:0 0;border:0;border-left:3px solid #0000;flex-direction:column;align-items:flex-start;width:100%;min-height:56px;padding:6px 16px;display:flex}.font-row.on{border-left-color:var(--text);background:var(--raised)}.font-sample{white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:20px;line-height:1.25;overflow:hidden}.font-meta{color:var(--text-dim);font-family:var(--font-ui);font-size:12px;font-weight:400}.weight-chips{flex-wrap:wrap;margin-top:10px}.text-sheet{overscroll-behavior:contain;flex-direction:column;gap:8px;max-height:44vh;display:flex;overflow-y:auto}.text-sheet .switch-row{min-height:48px}.orient-heading{margin-top:10px}.orient-tiles{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.orient-tile{min-width:0;color:var(--text-dim);background:0 0;border:0;flex-direction:column;align-items:center;gap:4px;padding:0;font-size:11px;display:flex}.orient-tile>span:last-child{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.orient-preview{aspect-ratio:1;background:var(--raised);width:100%;color:var(--text);border:2px solid #0000;border-radius:10px;place-items:center;display:grid;overflow:hidden}.orient-tile.on .orient-preview{border-color:var(--text)}.orient-tile.on{color:var(--text)}.orient-sample{white-space:nowrap;font-size:14px;line-height:1}.orient-sample.stacked{writing-mode:vertical-lr;text-orientation:upright;font-size:11px}.orient-sample.sideways-up{transform:rotate(-90deg)}.orient-sample.sideways-down{transform:rotate(90deg)}.layer-thumb.text-thumb{color:var(--text);place-items:center;font-size:20px;line-height:1;display:grid}.layer-seam{color:var(--warn);align-items:center;gap:3px;font-size:11px;display:inline-flex}.save-style{width:100%}.styles-tabs{align-self:flex-start}.style-list{margin:0;padding:0;list-style:none}.style-row{border-bottom:1px solid var(--line);align-items:center;gap:4px;display:flex}.style-apply{text-align:left;background:0 0;border:0;flex:1;align-items:center;gap:12px;min-width:0;min-height:60px;padding:6px 0;display:flex}.style-sample{border-radius:8px;flex:none;place-items:center;width:64px;height:46px;font-size:28px;line-height:1;display:grid;overflow:hidden}.style-name{white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.style-icon{width:40px;height:44px;color:var(--text-dim);background:0 0;border:0;flex:none;place-items:center;display:grid}.style-icon.on{color:var(--warn)}.preview{z-index:50;padding:var(--safe-top) 0 var(--safe-bottom);color:#fff;background:#000;flex-direction:column;animation:.14s ease-out fade;display:flex;position:fixed;inset:0}.preview-bar{justify-content:space-between;align-items:center;padding:4px 8px;display:flex}.preview-icon{color:#fff;background:0 0;border:0;border-radius:50%;place-items:center;width:48px;height:48px;display:grid}.preview-center{align-items:center;gap:4px;display:flex}.preview-count{opacity:.8;font-size:14px}.preview-loading{opacity:.7;margin:auto}.preview-strip{scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior:contain;flex:1;display:flex;overflow-x:auto}.preview-slide{scroll-snap-align:center;scroll-snap-stop:always;flex:none;place-items:center;width:100%;display:grid}.preview-slide img{object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;max-height:100%;display:block}.preview-dots{flex-wrap:wrap;justify-content:center;gap:2px;padding:12px 16px 20px;display:flex}.preview-dots button{background:0 0;border:0;width:22px;height:22px;padding:0;position:relative}.preview-dots button:after{content:"";background:#777;border-radius:50%;width:6px;height:6px;margin:-3px 0 0 -3px;position:absolute;top:50%;left:50%}.preview-dots button.on:after{background:#3897f0}.preview-grid{grid-template-columns:repeat(3,1fr);gap:2px;display:grid}.grid-tile{aspect-ratio:3/4;background:#1c1c1c;position:relative;overflow:hidden}.grid-tile img{max-width:none;position:absolute}.preview-slide.grid-page{flex-direction:column;justify-content:flex-start;align-items:stretch;gap:12px;padding-top:8px;display:flex;overflow-y:auto}.grid-mode{border-color:#333;align-self:center}.grid-mode button{color:#bbb}.preview-dots button.grid-dot:after{border-radius:2px;width:8px;height:8px;margin:-4px 0 0 -4px}.preview-note{color:#aaa;text-align:center;margin:16px;font-size:13px}.editor{height:100%;padding:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left);background:var(--panel);flex-direction:column;display:flex}.icon-btn{min-width:44px;min-height:44px;color:var(--text);background:0 0;border:0;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:0 8px;transition:background-color 90ms ease-out;display:inline-flex}.icon-btn:active:not(:disabled){background:var(--raised);transition:none}.icon-btn svg{stroke-width:1.75px;width:22px;height:22px}.icon-btn:disabled{color:color-mix(in srgb, var(--text-dim) 50%, transparent)}.icon-btn.with-label{min-width:64px;min-height:52px;color:var(--text-dim)}.icon-btn.with-label.active{color:var(--text)}.icon-btn.with-label.active svg{color:var(--select)}.icon-btn.pending{color:var(--text-dim)}.icon-btn-label{font-size:var(--fs-label);color:var(--text-dim);font-weight:500;line-height:1.1}.icon-btn.active .icon-btn-label{color:var(--text)}.topbar{align-items:center;gap:2px;min-height:56px;padding:0 8px 0 4px;display:flex}.project-name-slot{flex:1;min-width:0;display:flex}.project-name{max-width:100%;color:var(--text);-webkit-touch-callout:none;text-align:left;white-space:nowrap;text-overflow:ellipsis;background:0 0;border:0;border-radius:8px;min-height:44px;padding:0 6px;font-size:16px;font-weight:600;overflow:hidden}.project-name:active{background:var(--raised)}.canvas-area{background:var(--surround);flex:1;min-height:0;position:relative}.canvas-wrap{touch-action:none;position:absolute;inset:0;overflow:hidden}.canvas-bottom{translate:0 var(--sheet-shift,0px);transition:translate var(--sheet-shift-ms,0s) ease-out;pointer-events:none;flex-direction:column;gap:8px;display:flex;position:absolute;bottom:0;left:0;right:0}.canvas-bottom>*{pointer-events:auto}.canvas-top{pointer-events:none;position:absolute;top:12px;left:0;right:0}.canvas-top>*{pointer-events:auto}.toast{background:var(--raised);border:1px solid var(--line);border-radius:12px;justify-content:space-between;align-items:center;gap:12px;min-height:48px;margin:0 16px;padding:6px 6px 6px 16px;animation:.16s ease-out rise;display:flex}.canvas-bottom>.toast{margin-bottom:12px}.toast button{background:var(--raised-hi);min-height:40px;color:var(--text);border:0;border-radius:8px;padding:0 14px;font-weight:600}.editor{overflow:hidden}.editor-bars-bottom{background:var(--surround);flex-direction:column;flex:none;display:flex}.editor.bars-moving .topbar,.editor.bars-moving .editor-bars-bottom{z-index:3;position:relative}@keyframes rise{0%{opacity:0;transform:translateY(8px)}}.sheet{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-sheet) var(--radius-sheet) 0 0;border-bottom:0}.sheet-head{min-height:52px;padding:12px 8px 0 var(--pad-side);touch-action:none;cursor:grab;justify-content:space-between;align-items:center;display:flex;position:relative}.sheet.folded .sheet-head{padding-bottom:4px}.sheet-head-actions{display:flex}.sheet-done{background:var(--primary);min-height:44px;color:var(--on-primary);border:0;border-radius:22px;align-items:center;gap:6px;margin-right:4px;padding:0 14px;font-size:14px;font-weight:700;display:inline-flex}.sheet-done svg{stroke-width:2.5px;width:18px;height:18px}.sheet-head h2,.layers-head h2{font:400 var(--fs-l) / 1.2 var(--font-display);letter-spacing:.01em;margin:0}.sheet-body{padding:4px var(--pad-side) 16px}.field-note{color:var(--text-dim);margin:12px 0 0;font-size:14px}.field-note.warn{color:var(--warn)}.btn-primary{background:var(--primary);min-height:44px;color:var(--on-primary);border:0;border-radius:22px;padding:0 18px;font-weight:600}.btn-primary:active:not(:disabled){background:color-mix(in srgb, var(--primary) 82%, var(--panel))}.btn-primary:disabled{opacity:.4}.tool-footer{border-top:1px solid var(--line);grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;padding:6px 12px 8px;display:grid}.tool-footer button{border:0;border-radius:24px;justify-content:center;align-items:center;gap:6px;min-height:48px;padding:0 16px;font-size:16px;font-weight:700;display:inline-flex}.tool-footer svg{stroke-width:2.5px;width:18px;height:18px}.tool-fit{color:var(--text);background:0 0;justify-self:start}.tool-cancel{color:var(--text-dim);background:0 0;grid-column:2}.tool-done{background:var(--primary);min-width:112px;color:var(--on-primary);grid-column:3;justify-self:end}.ratio-tiles{grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:4px;display:grid}.ratio-tile{border:1px solid var(--line);background:0 0;border-radius:10px;flex-direction:column;justify-content:flex-end;align-items:center;gap:6px;min-height:84px;padding:8px 4px;display:flex}.ratio-tile.active{border-color:var(--text);background:var(--raised)}.ratio-shape{border:2px solid var(--text-dim);border-radius:3px;width:auto;max-width:64px;height:40px}.ratio-tile.active .ratio-shape{border-color:var(--text)}.ratio-tile:last-child .ratio-shape{width:56px;height:auto}.ratio-tiles+.chip-grid{margin-top:8px}.chip-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.chip{border:1px solid var(--line);text-align:left;background:0 0;border-radius:8px;flex-direction:column;justify-content:center;align-items:flex-start;min-height:52px;padding:6px 10px;display:flex}.chip.active{border-color:var(--text);background:var(--raised)}.chip-main{font-weight:700}.chip-sub{color:var(--text-dim);font-size:12px;line-height:1.2}.custom-ratio{flex-wrap:wrap;align-items:flex-end;gap:8px;margin-top:12px;display:flex}.custom-ratio label,.hex-field{color:var(--text-dim);flex-direction:column;gap:2px;font-size:12px;display:flex}.custom-ratio input,.hex-field input{border:1px solid var(--line);background:var(--well);width:72px;min-height:44px;color:var(--text);font:inherit;font-variant-numeric:tabular-nums;border-radius:8px;padding:0 10px;font-size:16px}.custom-ratio .colon{padding-bottom:10px;font-weight:700}.custom-ratio .field-note{flex-basis:100%;margin-top:4px}.stepper{justify-content:center;align-items:center;gap:16px;display:flex}.stepper .icon-btn{border:1px solid var(--line);border-radius:50%;width:52px;height:52px}.stepper-value{text-align:center;min-width:96px;font-size:20px;font-weight:700}.swatches{grid-template-columns:repeat(8,1fr);gap:8px;display:grid}.swatch{aspect-ratio:1;border:1px solid var(--line-strong);min-height:36px;color:var(--text);mix-blend-mode:normal;border-radius:50%;place-items:center;display:grid}.swatch.active{outline:2px solid var(--text);outline-offset:2px}.swatch svg{filter:drop-shadow(0 0 2px #000c)}.custom-color{align-items:flex-end;gap:12px;margin-top:16px;display:flex}.color-well{border:1px solid var(--line-strong);border-radius:8px;width:44px;height:44px;position:relative;overflow:hidden}.color-well input{opacity:0;width:100%;height:100%;position:absolute;inset:0}.hex-field input{text-transform:uppercase;width:120px}.switch-row{text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;gap:16px;width:100%;min-height:56px;padding:4px 0;display:flex}.switch-text{flex-direction:column;display:flex}.switch-note{color:var(--text-dim);font-size:12px}.switch{background:var(--line-strong);border-radius:13px;flex:none;width:44px;height:26px;transition:background .15s;position:relative}.switch:after{content:"";background:var(--text);border-radius:50%;width:20px;height:20px;transition:transform .15s;position:absolute;top:3px;left:3px}.switch.on{background:var(--select)}.switch.on:after{transform:translate(18px)}.slide-dots{pointer-events:none;justify-content:center;height:28px;display:flex;position:absolute;top:0;left:52px;right:52px}.slide-dot{pointer-events:auto;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;background:0 0;border:0;flex:0 24px;place-items:center;min-width:8px;height:28px;padding:0;display:grid}.slide-dot:before{content:"";background:var(--text);opacity:.35;border-radius:50%;width:6px;height:6px;transition:opacity .16s,transform .16s}.slide-dot[aria-current=true]:before{opacity:1;transform:scale(1.35)}.view-fit{width:40px;height:40px;color:var(--text);background:#1a1917b3;border:0;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;top:2px;right:6px}.view-fit svg{width:18px;height:18px}.editor-bars-bottom>.photo-tray,.tool-row,.bottom-bar{z-index:1;position:relative}.tool-row{background:var(--panel);scrollbar-width:none;align-items:center;gap:4px;min-height:64px;padding:0 8px;display:flex;overflow-x:auto}.tool-row.even{gap:0;padding:0 4px}.tool-row.even .icon-btn{flex:1 1 0;min-width:0;padding:0 2px}.tool-row.even .icon-btn-label{white-space:nowrap}.more-grid{grid-template-columns:repeat(4,1fr);grid-auto-rows:64px;gap:4px;display:grid}.more-grid .icon-btn{width:100%;height:64px}.more-grid .icon-btn.danger,.more-grid .icon-btn.danger svg{color:var(--danger)}.bottom-bar{border-top:1px solid var(--line);background:var(--panel);justify-content:space-around;min-height:60px;display:flex}.empty-state{text-align:center;background:#1a1917eb;border-radius:12px;flex-direction:column;align-items:center;gap:12px;margin:0 16px 16px;padding:16px;display:flex}.empty-state p{margin:0;font-weight:700}.btn-primary{justify-content:center;align-items:center;gap:8px;display:inline-flex}.canvas-area.dropping:after{content:"Drop photos to add them";border:2px dashed var(--chalk);color:var(--text);pointer-events:none;background:#1a191799;border-radius:12px;place-items:center;font-weight:700;display:grid;position:absolute;inset:8px}.action-btn.frame-spot{width:100%;min-height:48px;margin-top:8px}.action-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.action-grid.two{grid-template-columns:repeat(2,1fr)}.action-grid.four{grid-template-columns:repeat(4,1fr)}.action-btn{border:1px solid var(--line);text-align:center;background:0 0;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:64px;padding:8px 4px;font-size:14px;line-height:1.2;display:flex}.action-btn svg{stroke-width:1.75px;width:22px;height:22px}.action-btn:active:not(:disabled){background:var(--raised);border-color:var(--text-dim)}.action-btn:disabled{opacity:.4}.span-row{flex-wrap:wrap;align-items:center;gap:4px 8px;margin-top:12px;display:flex}.span-label{flex-basis:100%}.span-to{color:var(--text-dim)}.span-row .btn-primary{margin-left:auto}.mini-stepper{border:1px solid var(--line);border-radius:8px;align-items:center;display:inline-flex}.mini-stepper .icon-btn{min-width:40px;padding:0}.mini-stepper .icon-btn svg{width:18px;height:18px}.mini-stepper output{text-align:center;min-width:20px;font-weight:700}.slider-head{justify-content:space-between;margin-bottom:2px;font-size:14px;display:flex}.slider-head output{color:var(--text);font-weight:700}.slider-track{touch-action:pan-y;cursor:ew-resize;outline:none;align-items:center;height:40px;display:flex;position:relative}.slider-track:focus-visible{box-shadow:0 0 0 2px var(--select);border-radius:6px}.slider-rail{background:var(--line-strong);border-radius:2px;width:100%;height:4px;position:relative;overflow:hidden}.slider-fill{background:var(--text);position:absolute;inset:0 auto 0 0}.slider-thumb{border:1px solid var(--panel);background:var(--text);pointer-events:none;border-radius:50%;width:22px;height:22px;margin:-11px 0 0 -11px;transition:transform .12s;position:absolute;top:50%;box-shadow:0 1px 3px #00000080}.slider-track.sliding .slider-thumb{transform:scale(1.2)}.num-grid{grid-template-columns:repeat(3,1fr);align-items:end;gap:8px;display:grid}.num-field{color:var(--text-dim);flex-direction:column;gap:2px;font-size:12px;display:flex}.num-input{display:flex;position:relative}.num-input input{border:1px solid var(--line);background:var(--well);width:100%;min-height:44px;color:var(--text);font:inherit;font-variant-numeric:tabular-nums;border-radius:8px;padding:0 22px 0 10px;font-size:16px}.num-suffix{color:var(--text-dim);position:absolute;top:50%;right:8px;transform:translateY(-50%)}.lock-ratio{border:1px solid var(--line);min-height:44px;color:var(--text-dim);background:0 0;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:0 6px;font-size:12px;line-height:1.1;display:flex}.lock-ratio.active{border-color:var(--select);color:var(--text)}.lock-ratio.active svg{color:var(--select)}.layers-panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-sheet) var(--radius-sheet) 0 0;border-bottom:0;flex-direction:column;max-height:40vh;display:flex}.layers-head{padding:12px 8px 4px var(--pad-side);touch-action:none;align-items:center;gap:8px;display:flex;position:relative}.drawer-grabber{background:var(--line-strong);border-radius:2px;width:36px;height:4px;margin-left:-18px;position:absolute;top:5px;left:50%}.layers-head h2{flex:1}.layers-add{background:var(--primary);min-height:40px;color:var(--on-primary);border:0;border-radius:8px;align-items:center;gap:6px;padding:0 14px 0 10px;font-weight:700;display:inline-flex}.layers-empty{color:var(--text-dim);margin:0;padding:16px 12px;font-size:14px}.layers-list{overscroll-behavior:contain;flex:none;max-height:100%;margin:0;padding:0;list-style:none;position:relative;overflow-y:auto}.layers-panel:has(.layers-list){overflow:hidden}.layers-panel .layers-list{flex:auto;min-height:0}.layer-row{height:56px;transition:transform .15s;position:absolute;top:0;left:0;right:0;overflow:hidden}.layer-row.lifted{z-index:2;transition:none;box-shadow:0 6px 16px #0009}.layer-actions{display:flex;position:absolute;inset:0 0 0 auto}.layer-actions button{background:var(--line);border:0;width:56px}.layer-actions button.danger{background:var(--danger-fill)}.layer-main{background:var(--panel);touch-action:pan-y;align-items:center;gap:8px;height:100%;padding:0 2px 0 8px;transition:transform .15s;display:flex;position:relative}.layer-main.swiping{transition:none}.layer-main.selected{background:color-mix(in srgb, var(--select) 14%, var(--panel));box-shadow:inset 3px 0 0 var(--select)}.layer-main.is-hidden .layer-thumb,.layer-main.is-hidden .layer-title{opacity:.4}.layer-thumb{background:var(--line);border-radius:4px;flex:none;width:40px;height:40px;overflow:hidden}.layer-thumb img{object-fit:cover;pointer-events:none;width:100%;height:100%}.layer-name{flex-direction:column;flex:1;min-width:0;display:flex}.layer-title{white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.layer-warn{color:var(--warn);align-items:center;gap:3px;font-size:11px;display:inline-flex}.layer-icon{width:36px;height:44px;color:var(--text-dim);background:0 0;border:0;flex:none;place-items:center;padding:0;display:grid}.layer-icon.on{color:var(--text)}.layer-icon.lock{opacity:.4}.layer-icon.lock.on{opacity:1;color:var(--text)}.segmented{border:1px solid var(--line);border-radius:8px;flex:none;padding:2px;display:inline-flex}.segmented button{min-height:36px;color:var(--text-dim);background:0 0;border:0;border-radius:6px;padding:0 10px;font-size:14px}.segmented button.on{background:var(--raised-hi);color:var(--text);font-weight:700}.crop-tabs{margin-bottom:12px;display:flex}.crop-tabs button{flex:1}.text-btn{min-height:44px;color:var(--text);background:0 0;border:0;padding:0 8px;font-size:14px;font-weight:600}.layer-meta{white-space:nowrap;align-items:center;gap:6px;min-width:0;font-size:11px;display:flex}.layer-where{color:var(--text-dim);text-overflow:ellipsis;overflow:hidden}.layer-tag{border:1px solid var(--line);background:var(--line);color:var(--text);font:inherit;border-radius:3px;flex:none;padding:0 6px;position:relative}.layer-tag:before{content:"";position:absolute;inset:-10px -6px}.layer-tag.layer{color:var(--text-dim);background:0 0}.quick-scrim{z-index:9;position:absolute;inset:0}.quick-menu{z-index:10;border:1px solid var(--line);background:var(--panel);border-radius:14px;width:216px;padding:6px;animation:.14s ease-out rise;position:absolute;box-shadow:0 8px 24px #00000059}.quick-title{color:var(--text-dim);white-space:nowrap;text-overflow:ellipsis;margin:4px 10px 6px;font-size:12px;overflow:hidden}.quick-item{text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:12px;width:100%;min-height:44px;padding:0 10px;font-size:16px;display:flex}.quick-item svg{stroke-width:1.75px;width:20px;height:20px;color:var(--text-dim)}.quick-item:active{background:var(--raised)}.quick-item.strong{background:var(--raised);margin-bottom:4px;font-weight:700}.quick-item.strong svg{color:var(--text)}.quick-item.danger,.quick-item.danger svg{color:var(--danger)}.press-ring{z-index:8;pointer-events:none;width:64px;height:64px;margin:-32px 0 0 -32px;position:absolute}.press-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.press-ring circle{fill:none;stroke:var(--text);stroke-width:3px;stroke-linecap:round;stroke-dasharray:126;stroke-dashoffset:126px;opacity:0;filter:drop-shadow(0 0 2px #000c);animation:press-fill calc(var(--press-ms) - .15s) linear .15s forwards}@keyframes press-fill{0%{opacity:1;stroke-dashoffset:126px}to{opacity:1;stroke-dashoffset:0}}.export-options,.export-done{flex-direction:column;gap:10px;display:flex}.export-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.export-include{flex-direction:column;display:flex}.export-include .export-label{margin-bottom:2px}.check-row{min-height:44px;color:var(--text);text-align:left;background:0 0;border:0;align-items:center;gap:12px;padding:0;font-size:16px;display:flex}.check-box{border:1.5px solid var(--text-dim);border-radius:4px;flex:none;place-items:center;width:20px;height:20px;display:grid}.check-row.on .check-box{border-color:var(--select);background:var(--select);color:var(--panel)}.toggle-chips{gap:6px;display:flex}.chip-toggle{border:1px solid var(--line);min-height:40px;color:var(--text-dim);background:0 0;border-radius:20px;padding:0 12px;font-size:14px}.chip-toggle.on{border-color:var(--text-dim);background:var(--raised-hi);color:var(--text);font-weight:700}.export-options .field-note{margin:0;font-size:12px}.export-warn{align-items:center;gap:6px;display:flex}.export-go{width:100%;min-height:52px;font-size:16px}.export-progress{flex-direction:column;align-items:center;gap:12px;padding-top:12px;display:flex}.export-progress p{margin:0;font-weight:700}.progress{background:var(--line);border-radius:3px;width:100%;height:6px;overflow:hidden}.progress span{background:var(--text);height:100%;transition:width .2s;display:block}.export-ready{margin:0;font-weight:700}.action-btn.primary{border-color:var(--primary);background:var(--primary);color:var(--on-primary);font-weight:700}.export-done .text-btn{align-self:center}.upscaled-list{flex-wrap:wrap;gap:6px;margin:6px 0 0;padding:0;list-style:none;display:flex}.upscaled-list button{background:#f0b44c14;border:1px solid #f0b44c80;border-radius:8px;align-items:center;gap:6px;min-height:40px;padding:0 10px 0 4px;font-size:14px;display:flex}.upscaled-thumb{background:var(--line);border-radius:4px;width:30px;height:30px;overflow:hidden}.upscaled-thumb img{object-fit:cover;width:100%;height:100%}.upscaled-name{white-space:nowrap;text-overflow:ellipsis;max-width:110px;overflow:hidden}.upscaled-factor{color:var(--warn);font-weight:700}.crop-note{margin:0 0 10px;font-size:12px}.crop-aspects{flex-wrap:wrap}.crop-actions{justify-content:space-between;align-items:center;margin-top:12px;display:flex}.text-btn:disabled{opacity:.4}.crop-flip{border:1px solid var(--line);background:0 0;border-radius:8px;align-items:center;gap:6px;min-height:44px;padding:0 12px;font-size:14px;display:inline-flex}.crop-actions{gap:8px}.crop-actions .btn-primary{margin-left:auto}.multi-count{color:var(--text-dim);flex:none;padding:0 8px 0 4px;font-size:12px}.align-spread{margin-top:8px}.mask-panel{translate:0 var(--sheet-shift,0px);transition:transform .18s ease-out, opacity .12s ease-out, translate var(--sheet-shift-ms,0s) ease-out;z-index:8;border:1px solid var(--line);background:#1a1917eb;border-radius:14px;flex-direction:column;align-items:center;gap:6px;width:64px;max-height:calc(100% - 24px);padding:6px 0;display:flex;position:absolute;bottom:12px;right:8px}.mask-panel-btn{width:44px;height:40px;color:var(--text);background:0 0;border:0;border-radius:8px;flex:none;place-items:center;display:grid}.mask-panel-btn svg{width:22px;height:22px}.mask-panel-btn.on{background:color-mix(in srgb, var(--select) 18%, transparent);color:var(--select)}.mask-panel-list{scrollbar-width:none;flex-direction:column;gap:6px;min-height:0;display:flex;overflow-y:auto}.mask-panel-item{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;background:0 0;border:0;border-radius:8px;flex-direction:column;align-items:center;gap:2px;width:56px;padding:3px 0;display:flex}.mask-panel-item .mask-thumb{box-shadow:0 0 0 1px var(--line)}.mask-panel-item.on .mask-thumb{box-shadow:0 0 0 2px var(--select)}.mask-panel-name{max-width:56px;color:var(--text-dim);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.mask-panel-item.on .mask-panel-name{color:var(--text)}.mask-thumb{background:repeating-conic-gradient(var(--line) 0 25%, var(--raised) 0 50%) 0 0 / 10px 10px;border-radius:6px;flex:none;width:44px;height:44px}.mask-thumb.off{opacity:.35}.mask-add-menu{bottom:12px;right:80px}.mask-panel{touch-action:pan-y}.mask-panel.faded{opacity:.3}.mask-panel.tucked{transform:translate(calc(100% + 8px))}.mask-panel-handle{width:24px;height:56px;color:var(--text-dim);background:#1a1917eb;border:0;border-radius:10px 0 0 10px;place-items:center;margin-top:-28px;padding:0;display:grid;position:absolute;top:50%;left:-24px;box-shadow:-3px 2px 8px #00000059}.mask-panel-handle svg{width:18px;height:18px}.mask-thumb.restore{outline-offset:-2px;outline:2px solid #34c759}.mask-mode{border:1px solid var(--line);border-radius:16px;margin-left:auto;display:inline-flex;overflow:hidden}.mask-mode button{min-height:32px;color:var(--text-dim);background:0 0;border:0;padding:0 12px;font-size:14px;font-weight:700}.mask-mode button.on{background:var(--raised-hi);color:var(--text)}.mask-mode-note{margin:0 0 6px}.quick-item .quick-label{text-align:left;flex:1}.mask-sheet-name{align-items:center;gap:8px;margin:0 0 4px;font-size:14px;font-weight:700;display:flex}.mask-sheet-name svg{width:18px;height:18px;color:var(--text-dim)}.mask-sheet-off{color:var(--text-dim);font-weight:400}.brush-mode .chip-toggle{align-items:center;gap:4px;display:inline-flex}.mask-sliders{grid-template-columns:1fr 1fr;column-gap:32px;display:grid}.quick-scrim.fixed,.quick-menu.fixed{position:fixed}.quick-scrim.fixed{z-index:35}.quick-menu.fixed{z-index:36}.quick-item:disabled{opacity:.4}.sheet.half .sheet-scroll{overscroll-behavior:contain;overflow-y:auto}.mask-panel-item.lifted{z-index:1;background:var(--raised-hi);border-radius:10px;position:relative;box-shadow:0 6px 16px #00000080}.mask-panel-item:not(.lifted){transition:transform .14s}.adjust-foot{justify-content:space-between;align-items:center;gap:12px;display:flex}.adjust-foot .field-note{margin:0}.mask-thumb.adjust{outline-offset:-2px;outline:2px solid #ffb020}.seam-warning{pointer-events:auto;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:#1a1917f0;border:1px solid #f0b44c99;border-radius:12px;align-self:flex-start;align-items:center;gap:8px;max-width:min(440px,100% - 96px);max-height:44px;margin:0 0 8px 12px;padding:3px 4px 3px 12px;font-size:14px;display:flex}.seam-warning.wide{max-width:min(520px,100% - 24px)}.seam-warning-icon{color:var(--warn);flex:none}.seam-warning-text{min-width:0;min-height:36px;color:var(--text);text-align:left;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:0;flex:1;padding:0;font-size:14px;overflow:hidden}.seam-warning-note{color:var(--text-dim);white-space:nowrap;font-size:12px}.seam-warning-btn{min-height:36px;color:var(--warn);white-space:nowrap;background:#f0b44c2e;border:0;border-radius:8px;align-items:center;gap:6px;padding:0 12px;font-size:14px;font-weight:700;display:inline-flex}.seam-warning-close{width:36px;height:36px;color:var(--text-dim);background:0 0;border:0;flex:none;place-items:center;display:grid}.seam-warning-not{min-height:36px;color:var(--text-dim);white-space:nowrap;background:#ffffff12;border:0;border-radius:8px;flex:none;align-items:center;gap:4px;padding:0 10px 0 8px;font-size:12px;display:inline-flex}.seam-warning-not:active{background:#ffffff24}.subject-pick .chip-toggle{align-items:center;gap:4px;display:inline-flex}.frame-tiles{scrollbar-width:none;overscroll-behavior-x:contain;flex:none;gap:8px;margin:0 -16px 12px;padding:2px 16px 4px;display:flex;overflow-x:auto}.frame-tile{width:72px;color:var(--text-dim);text-align:center;background:0 0;border:0;flex-direction:column;flex:none;align-items:center;gap:4px;padding:0;font-size:11px;line-height:1.2;display:flex}.frame-tile-canvas{border:1px solid var(--line);background:var(--line);border-radius:10px;width:72px;height:72px}.frame-tile.active{color:var(--text);font-weight:700}.frame-tile.active .frame-tile-canvas{border:2px solid var(--text)}.frame-caption{color:var(--text-dim);flex-direction:column;gap:4px;margin:8px 0;font-size:12px;display:flex}.frame-caption input{border:1px solid var(--line);background:var(--well);min-height:44px;color:var(--text);font:inherit;border-radius:8px;padding:0 10px;font-size:16px}.frame-fonts{margin-bottom:8px}.frame-fonts button{font-size:16px}.add-grid .action-btn{min-height:88px}.decor-tabs{margin-bottom:10px;display:flex}.decor-tabs button{flex:1}.decor-placement{flex-direction:column;gap:6px;margin-bottom:10px;display:flex}.decor-placement .segmented{display:flex}.decor-placement .segmented button{flex:1;padding:0 4px;font-size:14px}.decor-placement-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.decor-note{margin:0 0 10px;font-size:12px}.decor-heading{margin:4px 0 6px}.decor-recent{scrollbar-width:none;overscroll-behavior-x:contain;gap:8px;margin:0 -16px 10px;padding:0 16px 2px;display:flex;overflow-x:auto}.decor-recent .decor-tile{flex:none;width:60px}.decor-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.decor-tile{min-width:0;color:var(--text-dim);text-align:center;background:0 0;border:0;flex-direction:column;align-items:center;gap:4px;padding:0;font-size:11px;line-height:1.2;display:flex}.decor-tile>span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.decor-tile-canvas{border:1px solid var(--line);background:#d9d6cf;border-radius:10px;max-width:100%}.decor-tile:active .decor-tile-canvas{border-color:var(--text-dim)}.chip-grid.four{grid-template-columns:repeat(4,1fr)}.chip-grid.four .chip{min-height:44px;padding:4px 6px;font-size:14px}.decor-ends{color:var(--text-dim);flex-wrap:wrap;align-items:center;gap:8px 12px;margin-top:12px;font-size:14px;display:flex}.decor-retear{align-items:center;gap:6px;display:inline-flex}.layer-thumb.decor-thumb{background:#d9d6cf}.sticker-bar{align-items:center;gap:8px;margin-bottom:10px;display:flex}.sticker-search{border:1px solid var(--line);background:var(--raised);min-width:0;height:44px;color:var(--text);font:inherit;border-radius:10px;flex:1;padding:0 12px;font-size:16px}.sticker-import{flex:none;align-items:center;gap:6px;height:44px;display:inline-flex}.sticker-thumb{aspect-ratio:1;border:1px solid var(--line);background:conic-gradient(#8a8a8a 25%, #b4b4b4 0 50%, #8a8a8a 0 75%, #b4b4b4 0) 0 0 / 16px 16px;border-radius:10px;max-width:100%;display:block;position:relative;overflow:hidden}.sticker-thumb img{object-fit:contain;pointer-events:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;padding:6px;display:block}.sticker-tile:active .sticker-thumb{border-color:var(--text-dim)}.decor-recent .sticker-tile{flex:none;width:60px}.sticker-fav{color:#ff6b81;filter:drop-shadow(0 0 2px #0009);position:absolute;top:3px;right:3px}.sticker-preview-wrap{justify-content:center;margin:4px 0 10px;display:flex}.sticker-preview{background:conic-gradient(#8a8a8a 25%, #b4b4b4 0 50%, #8a8a8a 0 75%, #b4b4b4 0) 0 0 / 16px 16px;border-radius:10px;max-width:100%}.snap-section{border-top:1px solid var(--line);margin-top:8px;padding-top:4px}.snap-more{width:100%;min-height:44px;color:var(--text);text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;padding:0;font-size:14px;display:flex}.snap-more svg{transition:transform .15s}.snap-more svg.flipped{transform:rotate(180deg)}.snap-options{border-left:2px solid var(--line);padding-left:14px}.snap-sub{margin:6px 0 0}.snap-strength{margin:8px 0 14px}.trim-overhang{margin-top:10px}.tint-shade{margin:-4px 0 8px}.cell-layer{pointer-events:none;position:absolute;inset:0;overflow:hidden}.cell-world{transform-origin:0 0;--s:1;position:absolute;top:0;left:0}.cell-box{box-sizing:border-box;pointer-events:none;position:absolute}.cell-box.empty{border:calc(1.5px / var(--s)) dashed color-mix(in srgb, var(--chalk) 70%, transparent);background:color-mix(in srgb, var(--chalk) 6%, transparent)}.cell-box.filled.editing{border:calc(1px / var(--s)) dashed color-mix(in srgb, var(--chalk) 55%, transparent)}.cell-box.picked{border:calc(2.5px / var(--s)) solid var(--select);background:color-mix(in srgb, var(--select) 12%, transparent)}.cell-tile,.cell-chip{pointer-events:auto;transform-origin:0 0;cursor:pointer;touch-action:manipulation;border:0;position:absolute}.cell-tile{pointer-events:none;background:var(--panel);width:52px;height:52px;color:var(--chalk);border:2px solid var(--chalk);transform:scale(calc(1 / var(--s))) translate(-50%, -50%);border-radius:50%;place-items:center;display:grid;top:50%;left:50%}.cell-tile:active{background:var(--raised)}.cell-tile.pulse{animation:1.1s ease-in-out infinite cell-pulse}@keyframes cell-pulse{0%,to{box-shadow:0 0 0 0 color-mix(in srgb, var(--chalk) 70%, transparent)}50%{box-shadow:0 0 0 12px color-mix(in srgb, var(--chalk) 0%, transparent)}}.cell-chip{background:var(--panel);min-width:34px;height:34px;color:var(--text);font:600 14px var(--font-ui);border:1.5px solid var(--chalk);transform:scale(calc(1 / var(--s))) translate(calc(-100% - 8px), 8px);border-radius:17px;padding:0 8px;top:0;left:100%}.cell-box.picked .cell-chip{background:var(--select);color:var(--panel)}.cell-div{pointer-events:none;position:absolute}.cell-div-line{background:var(--chalk);position:absolute}.cell-div.v .cell-div-line{left:calc(-1px / var(--s));width:calc(2px / var(--s));height:100%;top:0}.cell-div.h .cell-div-line{top:calc(-1px / var(--s));height:calc(2px / var(--s));width:100%;left:0}.cell-div.on .cell-div-line{box-shadow:0 0 calc(6px / var(--s)) var(--select)}.cell-div-hit{pointer-events:auto;touch-action:none;cursor:grab;position:absolute}.cell-div.v .cell-div-hit{left:calc(-18px / var(--s));width:calc(36px / var(--s));height:100%;top:0}.cell-div.h .cell-div-hit{top:calc(-18px / var(--s));height:calc(36px / var(--s));width:100%;left:0}.cell-div-grip{box-sizing:border-box;border:1px solid var(--panel);transform-origin:0 0;transform:scale(calc(1 / var(--s))) translate(-50%, -50%);background:#fff;border-radius:4px;transition:background-color .12s;position:absolute;top:50%;left:50%;box-shadow:0 1px 4px #00000073}.cell-div.v .cell-div-grip{width:8px;height:32px}.cell-div.h .cell-div-grip{width:32px;height:8px}.cell-div.on .cell-div-grip,.cell-div-hit:active .cell-div-grip{background:var(--select)}.cell-drop{box-sizing:border-box;border:calc(3px / var(--s)) solid var(--chalk);background:color-mix(in srgb, var(--chalk) 22%, transparent);pointer-events:none;position:absolute}.split-section{flex-direction:column;gap:10px;margin-top:14px;display:flex}.split-presets{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.split-tile{border:1px solid var(--line);min-height:48px;color:var(--text);font:500 11px var(--font-ui);text-align:center;background:0 0;border-radius:10px;flex-direction:column;align-items:center;gap:4px;padding:8px 2px 6px;display:flex}.split-tile svg{width:40px;height:40px}.split-tile:disabled{opacity:.4}.split-tile:active:not(:disabled){background:var(--raised)}.split-row{flex-wrap:wrap;gap:8px;display:flex}.split-row>*{flex:120px}.split-tile.on{border-color:var(--text);box-shadow:inset 0 0 0 1px var(--text);color:var(--text)}.photo-tray{background:var(--panel);border-bottom:1px solid var(--line);flex:none;padding:6px 12px 8px;transition:background .12s ease-out,box-shadow .12s ease-out}.photo-tray.in-layers{border-bottom:1px solid var(--line);padding:0 12px 8px}.photo-tray.drop{background:color-mix(in srgb, var(--chalk) 16%, var(--panel));box-shadow:inset 0 0 0 2px var(--chalk)}.tray-head{align-items:center;gap:6px;min-height:36px;display:flex}.tray-status{min-width:0;color:var(--text-dim);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:12px;overflow:hidden}.photo-tray.drop .tray-status{color:var(--chalk)}.tray-btn{border:1px solid var(--line);min-height:36px;color:var(--text);font:600 14px var(--font-ui);background:0 0;border-radius:18px;flex:none;align-items:center;gap:6px;padding:0 12px;display:inline-flex}.tray-btn svg{width:17px;height:17px;color:var(--text-dim)}.tray-btn:active{background:var(--raised)}.tray-strip{overscroll-behavior-x:contain;scrollbar-width:none;touch-action:pan-x;gap:8px;margin:2px -12px 0;padding:6px 12px 2px;display:flex;overflow-x:auto}.tray-item{flex:none;position:relative}.tray-thumb{border:1px solid var(--line);background:var(--raised);touch-action:pan-x;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;border-radius:8px;width:64px;height:64px;padding:0;display:block;overflow:hidden}.tray-thumb img{object-fit:cover;pointer-events:none;width:100%;height:100%}.tray-thumb:active{border-color:var(--text-dim)}.tray-remove{width:32px;height:32px;color:var(--text);background:0 0;border:0;padding:7px;position:absolute;top:-6px;right:-6px}.tray-remove svg{background:var(--panel);width:18px;height:18px;box-shadow:0 0 0 1px var(--line);border-radius:50%;padding:2px}.carry-ghost{z-index:40;pointer-events:none;flex-direction:column;align-items:center;gap:6px;display:flex;position:fixed;transform:translate(-50%,calc(-100% - 28px))}.carry-ghost img{object-fit:cover;border:2px solid var(--select);opacity:.92;border-radius:10px;width:76px;height:76px;box-shadow:0 8px 22px #0000008c}.carry-label{background:var(--chalk);color:var(--panel);font:700 12px var(--font-ui);white-space:nowrap;border-radius:12px;padding:3px 10px}.quick-hint{color:var(--text-dim);margin:-2px 10px 6px;font-size:12px}.sheet.half .text-sheet,.sheet.half .font-list{max-height:none;overflow:visible}.cell-layer.picking{pointer-events:auto}.cell-place{border:calc(2.5px / var(--s)) solid var(--chalk);border-radius:inherit;background:color-mix(in srgb, var(--chalk) 18%, transparent);pointer-events:auto;cursor:pointer;touch-action:manipulation;place-items:center;padding:0;animation:1.1s ease-in-out infinite cell-place-glow;display:grid;position:absolute;inset:0}.cell-place:active{background:color-mix(in srgb, var(--chalk) 34%, transparent)}.cell-place span{background:var(--chalk);color:var(--panel);font:700 14px var(--font-ui);transform:scale(calc(1 / var(--s)));border-radius:16px;padding:6px 14px}@keyframes cell-place-glow{0%,to{background-color:color-mix(in srgb, var(--chalk) 12%, transparent)}50%{background-color:color-mix(in srgb, var(--chalk) 26%, transparent)}}.quick-menu.fixed{max-height:calc(100vh - 16px);overflow-y:auto}.layer-row.flash{animation:.9s ease-out layer-flash}@keyframes layer-flash{0%,40%{box-shadow:inset 0 0 0 2px var(--select);background-color:color-mix(in srgb, var(--select) 22%, var(--panel))}to{box-shadow:inset 0 0 0 2px #0000}}.tray-actions{flex-wrap:wrap;margin-top:4px}.tray-btn:disabled{opacity:.4}.photo-tray.pill{background:0 0;border-bottom:0;justify-content:center;padding:6px 12px;display:flex}.tray-pill{border:1px solid var(--line);background:var(--panel);max-width:100%;min-height:40px;color:var(--text);border-radius:22px;align-items:center;gap:8px;padding:4px 14px 4px 4px;display:inline-flex}.tray-pill:not(:has(.tray-pill-thumbs)){padding-left:14px}.photo-tray.pill.drop .tray-pill{border-color:var(--chalk);background:color-mix(in srgb, var(--chalk) 16%, var(--panel))}.tray-pill .tray-status{color:var(--text)}.tray-pill-thumbs{flex:none;display:flex}.tray-pill-thumb{border:2px solid var(--panel);background:var(--raised);border-radius:50%;width:32px;height:32px;overflow:hidden}.tray-pill-thumb+.tray-pill-thumb{margin-left:-10px}.tray-pill-thumb img{object-fit:cover;width:100%;height:100%}.tray-icon{width:40px;height:40px;color:var(--text);background:0 0;border:0;flex:none;place-items:center;padding:0;display:grid}.tray-icon svg{width:20px;height:20px}.cell-box.slot.empty{background:0 0;border:0}.cell-tile.slot-tile{border-radius:22%}.place-pick{border:3px solid var(--chalk);background:color-mix(in srgb, var(--panel) 60%, transparent);width:52px;height:52px;color:var(--panel);font:700 20px var(--font-ui);pointer-events:auto;cursor:pointer;touch-action:manipulation;transform-origin:0 0;transform:scale(calc(1 / var(--s))) translate(-50%, -50%);border-radius:50%;padding:0;position:absolute;top:50%;left:50%}.place-pick.on{background:var(--chalk)}.cell-tile,.place-pick{--size:min(var(--tile,160px), calc(40px / var(--s)));width:var(--size);height:var(--size);border-width:max(calc(var(--size) / 22), calc(1px / var(--s)));transform:translate(-50%,-50%)}.cell-tile svg{width:55%;height:55%}.place-pick{font-size:calc(var(--size) * .42)}.cell-box{overflow:hidden}.cell-tile:after,.place-pick:after{content:"";width:max(100%, calc(44px / var(--s)));height:max(100%, calc(44px / var(--s)));position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.tile-number{background:var(--chalk);min-width:46%;height:46%;color:var(--panel);font:700 calc(var(--size) * .3) / calc(var(--size) * .46) var(--font-ui);text-align:center;border-radius:999px;padding:0 6%;position:absolute;top:-22%;right:-22%}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.tray-fly{z-index:40;object-fit:cover;transform-origin:0 0;pointer-events:none;position:fixed}.slot-edit{box-sizing:border-box;outline:calc(2px / var(--s)) solid var(--select);pointer-events:none;position:absolute}.slot-edit-body{pointer-events:auto;touch-action:none;cursor:move;position:absolute;inset:0}.slot-edit-handle{box-sizing:border-box;border:2px solid var(--panel);background:var(--select);pointer-events:auto;touch-action:none;width:22px;height:22px;transform:translate(-50%, -50%) scale(calc(1 / var(--s)));border-radius:50%;position:absolute}.slot-edit-handle:after{content:"";width:44px;height:44px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.slot-edit-handle.side-v{border-radius:6px;width:12px;height:30px}.slot-edit-handle.side-h{border-radius:6px;width:30px;height:12px}.slot-edit-handle.turn{top:calc(-44px / var(--s));background:var(--panel);border-color:var(--select);left:50%}.slot-edit-stem{left:50%;top:calc(-44px / var(--s));width:calc(2px / var(--s));height:calc(44px / var(--s));background:var(--select);pointer-events:none;position:absolute;transform:translate(-50%)}.slot-edit-done{transform:translate(-50%, -50%) scale(calc(1 / var(--s)));pointer-events:none;position:absolute}.slot-edit-done button{background:var(--select);min-height:36px;color:var(--panel);font:600 14px var(--font-ui);pointer-events:auto;touch-action:manipulation;border:0;border-radius:18px;padding:0 16px}.home{height:100%;padding:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left);background:var(--panel);flex-direction:column;display:flex}.home-bar{justify-content:space-between;align-items:center;gap:12px;min-height:64px;padding:0 16px;display:flex;position:relative}.home-bar h1{font:400 var(--fs-xl) / 1.1 var(--font-display);letter-spacing:.01em;flex:1;margin:0}.home-fab{right:calc(16px + var(--safe-right));bottom:calc(16px + env(safe-area-inset-bottom));z-index:20;background:var(--primary);width:56px;height:56px;color:var(--on-primary);border:0;border-radius:50%;place-items:center;display:grid;position:fixed;box-shadow:0 6px 18px #0006}.home-fab:active{background:color-mix(in srgb, var(--primary) 82%, var(--panel))}.home-fab svg{stroke-width:2.25px;width:28px;height:28px}.home-menu-scrim{z-index:29;position:fixed;inset:0}.home-menu{z-index:30;border:1px solid var(--line);background:var(--raised);border-radius:14px;min-width:200px;padding:6px;animation:.12s ease-out fade;position:absolute;top:calc(100% - 8px);right:12px;box-shadow:0 8px 24px #00000059}.home-menu button{text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:12px;width:100%;min-height:44px;padding:0 10px;font-size:16px;display:flex}.home-menu button svg{width:20px;height:20px;color:var(--text-dim)}.home-note{border:1px solid var(--line);background:var(--raised);border-radius:12px;margin:0 16px 8px;padding:10px 14px;font-size:14px}.home-list{overscroll-behavior:contain;flex-direction:column;flex:1;gap:16px;padding:4px 0 96px;display:flex;overflow-y:auto}.home-empty{text-align:center;flex-direction:column;gap:14px;margin:auto 0;padding:8px 0 24px;display:flex}.home-empty-title{font:400 var(--fs-l) / 1.2 var(--font-display);margin:0}.home-empty .slide-row{justify-content:safe center}.project-card{border:1px solid var(--line);border-radius:var(--radius-sheet);background:var(--raised);flex:none;margin:0 16px;padding:12px 0 4px;position:relative;overflow:hidden}.project-card>.icon-btn{color:var(--text-dim);position:absolute;bottom:6px;right:4px}.project-open{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;text-align:left;background:0 0;border:0;flex-direction:column;width:100%;padding:0;display:flex}.slide-row{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;touch-action:pan-x pan-y;gap:6px;padding:0 16px;scroll-padding:0 16px;display:flex;overflow-x:auto}.slide-row::-webkit-scrollbar{display:none}.slide-tile{height:min(var(--tile-h,300px), 46vh);aspect-ratio:var(--slide-aspect);background-color:var(--surround);scroll-snap-align:start;background-repeat:no-repeat;border-radius:3px;flex:none;max-width:78vw}.slide-tile svg{width:100%;height:100%;display:block}.project-info{flex-direction:column;gap:2px;padding:12px 56px 10px 16px;display:flex}.project-title{font:400 var(--fs-l) / 1.2 var(--font-display);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.project-meta{color:var(--text-dim);font-size:var(--fs-xs)}.action-sheet-scrim{z-index:30;background:#00000080;align-items:flex-end;animation:.12s ease-out fade;display:flex;position:fixed;inset:0}.action-sheet{width:100%;padding:8px 8px calc(12px + var(--safe-bottom));border:1px solid var(--line);border-radius:var(--radius-sheet) var(--radius-sheet) 0 0;background:var(--panel);border-bottom:0;animation:.16s ease-out rise}.action-sheet-title{color:var(--text-dim);white-space:nowrap;text-overflow:ellipsis;margin:8px 12px;font-size:12px;overflow:hidden}.action-sheet button{text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:14px;width:100%;min-height:52px;padding:0 12px;font-size:16px;display:flex}.action-sheet button svg{stroke-width:1.75px;width:22px;height:22px;color:var(--text-dim)}.action-sheet button.danger,.action-sheet button.danger svg{color:var(--danger)}.action-sheet button:active{background:var(--raised)}.home-section{margin:8px 20px -6px}.project-star{color:var(--warn);vertical-align:-1px;margin-right:6px}.action-sheet.new-sheet{overscroll-behavior:contain;max-height:88vh;overflow-y:auto}.template-grid{grid-template-columns:1fr 1fr;gap:10px;padding:0 4px 6px;display:grid}.action-sheet .template-card{border:1px solid var(--line);-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;border-radius:12px;flex-direction:column;align-items:stretch;gap:4px;min-height:0;padding:6px;font-size:14px;display:flex}.template-thumb{background:var(--surround);border-radius:6px;place-items:center;height:88px;display:grid;overflow:hidden}.template-thumb img{object-fit:contain;max-width:100%;max-height:100%}.template-name{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.template-meta{color:var(--text-dim);font-size:12px}.template-empty{color:var(--text-dim);margin:0 12px 12px;font-size:12px}.layouts{z-index:40;padding:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left);background:var(--panel);flex-direction:column;display:flex;position:fixed;inset:0}.layouts-bar{align-items:center;gap:4px;min-height:56px;padding:0 8px;display:flex}.layouts-bar h1{font:400 var(--fs-l) / 1.2 var(--font-display);flex:1;margin:0}.layouts-progress{color:var(--text-dim);padding-right:8px;font-size:14px}.layouts-ratios{align-self:center;margin:4px 0 12px}.layouts-ratios button{min-width:56px;min-height:40px;font-size:16px}.layouts-cards{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;flex:1;gap:12px;min-height:0;padding:0 7%;display:flex;overflow-x:auto}.layouts-cards::-webkit-scrollbar{display:none}.layout-card{border:1px solid var(--line);background:var(--surround);scroll-snap-align:center;border-radius:14px;flex-direction:column;flex:0 0 86%;align-items:center;gap:4px;min-height:0;padding:12px 12px 16px;display:flex}.layout-card.busy{border-color:var(--text)}.layout-art{flex:1;width:100%;min-height:0;position:relative}.layout-art canvas{border-radius:2px;margin:auto;position:absolute;inset:0}.layout-name{font:400 var(--fs-l) / 1.2 var(--font-display)}.layout-meta{color:var(--text-dim);font-size:14px}.layouts-foot{flex-direction:column;align-items:center;gap:4px;padding:16px 16px 12px;display:flex}.layouts-shuffle{justify-content:center;align-items:center;gap:8px;min-width:160px;display:inline-flex}.update-banner{top:calc(64px + var(--safe-top));z-index:20;background:var(--raised);border:1px solid var(--line);border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:8px 8px 8px 16px;display:flex;position:fixed;left:16px;right:16px}.update-banner button{background:var(--primary);min-height:44px;color:var(--on-primary);border:0;border-radius:6px;padding:0 16px;font-weight:700}