@keyframes piece-reveal{0%,to{transform:rotateY(0deg)}50%{transform:rotateY(90deg)}}@keyframes hint-pulse{0%{fill:var(--accent-a8);stroke-opacity:.6}to{fill:var(--accent-a30);stroke-opacity:1}}@keyframes snap-glow-pulse{0%{filter:drop-shadow(0 0 2px var(--accent))}40%{filter:drop-shadow(0 0 14px var(--accent))}to{filter:none}}@keyframes rc-breathe{0%,to{opacity:1}50%{opacity:.62}}*,::after,::before{margin:0;padding:0;box-sizing:border-box}@font-face{font-family:"Archivo";font-style:normal;font-weight:100 900;font-stretch:100%;font-display:swap;src:url(fonts/archivo-var.woff2)format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg:#F4F6FB;--surface:#FFFFFF;--surface2:#E9EDF7;--border:#D4DBEA;--rule:#10162B;--text:#10162B;--text2:#3C465F;--text3:#6B7690;--accent:#2F59E6;--accent-solid:#2F59E6;--accent-dim:#2444C0;--success:#22c55e;--radius:0;--shadow-modal:0 24px 60px rgba(16,22,43,0.18);--grid-line:rgba(16,22,43,0.04);--ghost-fill:rgba(16,22,43,0.06);--seam-line:rgba(16,22,43,0.72);--piece-edge:rgba(16,22,43,0.55);--seam-groove:rgba(16,22,43,0.62);--seam-lip:rgba(255,255,255,0.6);--shadow-color:rgba(16,22,43,0.18);--overlay-bg:rgba(244,246,251,0.82);--overlay-bg-deep:rgba(244,246,251,0.88);--accent-a8:rgba(47,89,230,0.09);--accent-a5:rgba(47,89,230,0.06);--accent-a15:rgba(47,89,230,0.16);--accent-a30:rgba(47,89,230,0.32);--error:#dc2626;--label-bg:rgba(16,22,43,0.64);--z-piece-placed:100;--z-piece:200;--z-piece-top:400;--z-piece-drag:600;--z-completion:700;--z-board:0;--z-status:40;--z-ref:55;--z-toolbar:120;--z-header:100;--z-backdrop:500;--z-flyout:600;--z-embed:800;--z-overlay:800;--z-drop:9000}[data-theme=dark]{--bg:#0B1020;--surface:#141B2E;--surface2:#1B2440;--border:#2B3752;--rule:#E7EBF5;--text:#E7EBF5;--text2:#B9C2D8;--text3:#8B96B0;--accent:#5B8CFF;--accent-solid:#2F59E6;--accent-dim:#3E6AE0;--success:#4ade80;--shadow-modal:0 24px 60px rgba(0,0,0,0.5);--grid-line:rgba(231,235,245,0.05);--ghost-fill:rgba(255,255,255,0.08);--seam-line:rgba(255,255,255,0.9);--piece-edge:rgba(255,255,255,0.7);--seam-groove:rgba(6,10,24,0.6);--seam-lip:rgba(255,255,255,0.42);--shadow-color:rgba(0,0,0,0.45);--overlay-bg:rgba(11,16,32,0.72);--overlay-bg-deep:rgba(11,16,32,0.88);--accent-a8:rgba(91,140,255,0.1);--accent-a5:rgba(91,140,255,0.06);--accent-a15:rgba(91,140,255,0.18);--accent-a30:rgba(91,140,255,0.32);--error:#ff5b5b;--label-bg:rgba(0,0,0,0.7)}body,html{height:100%;background:var(--bg);color:var(--text);font-family:"Archivo",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;font-size:13px;line-height:1.5;overflow:hidden;-webkit-font-smoothing:antialiased;user-select:none}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.section-title{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:1.2px;color:var(--text2);margin-bottom:10px}.control-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.control-row label{font-size:11px;color:var(--text2)}.control-row .value{font-size:11px;color:var(--accent);min-width:28px;text-align:right}input[type=range]{width:100%;margin:4px 0 0;-webkit-appearance:none;appearance:none;height:4px;background:var(--border);outline:0}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;background:var(--accent);cursor:pointer;border:2px solid var(--surface)}input[type=range]::-moz-range-thumb{width:14px;height:14px;background:var(--accent);cursor:pointer;border:2px solid var(--surface)}input[type=range]::-moz-range-track{height:4px;background:var(--border);border:0}.btn-row{display:flex;gap:6px;margin-top:12px}.board{flex:1;position:relative;overflow:hidden}.puzzle-piece{position:absolute;cursor:grab;image-rendering:auto;touch-action:none;z-index:calc(var(--z-piece) + var(--piece-z, 0));filter:drop-shadow(0 1px 0 rgba(0,0,0,.2)) drop-shadow(1px 3px 3px var(--shadow-color));transition:filter .18s ease-out}@media (prefers-reduced-motion:reduce){.puzzle-piece{transition:none}}.puzzle-piece:active{cursor:grabbing}.piece-wall{left:0;top:0;width:100%;height:100%;overflow:visible}.piece-canal,.piece-face,.piece-hi,.piece-wall{position:absolute;pointer-events:none}.piece-face{inset:0}.piece-canal,.piece-hi{left:0;top:0;width:100%;height:100%;overflow:visible}.piece-face.revealing{animation:piece-reveal 320ms cubic-bezier(.4,0,.2,1);backface-visibility:hidden}@media (prefers-reduced-motion:reduce){.piece-face.revealing{animation:none}}.board--preview .puzzle-piece{pointer-events:none}.puzzle-piece:not(.placed){will-change:transform;filter:drop-shadow(0 9px 12px rgba(0,0,0,.45)) drop-shadow(0 2px 3px rgba(0,0,0,.35))}.puzzle-piece.piece-top:not(.placed){z-index:calc(var(--z-piece-top) + var(--piece-z, 0))}.puzzle-piece.dragging{z-index:var(--z-piece-drag);filter:brightness(1.06) drop-shadow(0 24px 26px rgba(0,0,0,.5)) drop-shadow(0 4px 6px rgba(0,0,0,.35));transition:none}.puzzle-piece.placed{cursor:default;pointer-events:none;filter:drop-shadow(1px 1px 2px var(--shadow-color));z-index:calc(var(--z-piece-placed) + var(--piece-z, 0))}.board--layered .puzzle-piece.placed{pointer-events:auto;cursor:pointer}.board-silhouette{opacity:.24;object-fit:fill;z-index:0}.board-silhouette,.ghost-piece,.piece-edge{position:absolute;pointer-events:none}.ghost-piece path,.ghost-piece polygon{fill:var(--ghost-fill);stroke:var(--seam-line);stroke-width:2;filter:drop-shadow(0 1.5px .5px rgba(0,0,0,.55)) drop-shadow(0-1px .4px rgba(255,255,255,.18))}.board--silhouette .ghost-piece path,.board--silhouette .ghost-piece polygon{fill:none;stroke:var(--seam-groove);stroke-width:2;filter:drop-shadow(-.6px -.6px 0 var(--seam-lip)) drop-shadow(.7px .9px .4px rgba(0,0,0,.72)) drop-shadow(0 0 1.3px rgba(0,0,0,.4))}.piece-edge{inset:0}.piece-edge path{fill:none;stroke:var(--piece-edge);stroke-width:2;stroke-linejoin:round}.puzzle-piece.placed .piece-edge{display:none}.ghost-piece.hint-active path,.ghost-piece.hint-active polygon{fill:var(--accent-a15);stroke:var(--accent);stroke-width:2;filter:none;animation:hint-pulse .8s ease-in-out infinite alternate}.ghost-piece.snap-glow path{animation:snap-glow-pulse .5s ease-out}@media (prefers-reduced-motion:reduce){.ghost-piece.snap-glow path{animation:none}}.status-bar{padding:10px 20px;border-top:1px solid var(--border);background:var(--surface);display:flex;gap:24px;font-size:11px;color:var(--text2);min-height:38px;align-items:center;justify-content:space-between}.status-bar .status-left{display:flex;align-items:center;gap:14px;min-width:0}.status-bar .stat{display:flex;gap:6px}.status-bar .stat-value{color:var(--text)}.status-bar .timer{background:0 0;border:0;padding:0;min-width:0;font-size:12px;font-weight:600;color:var(--text)}.status-bar .stat-value.complete{color:var(--success)}.progress-bar{width:120px;height:4px;background:var(--border);overflow:hidden}.progress-fill{height:100%;background:var(--accent);transition:width .3s ease}.progress-fill.complete{background:var(--success)}.completion-overlay,.sea-ripple{position:absolute;pointer-events:none}.completion-overlay{inset:0;background:var(--overlay-bg);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;opacity:0;transition:opacity .5s;z-index:var(--z-completion)}.completion-overlay.show{opacity:1;pointer-events:auto}.completion-overlay h2{font-size:20px;color:var(--text)}.completion-overlay p{color:var(--text2);font-size:12px}.sea-ripple{border:2px solid rgba(255,255,255,.4);z-index:4}.export-overlay{position:fixed;inset:0;z-index:60;display:grid;place-items:center;background:var(--overlay-bg);padding:16px}.export-dialog{width:min(500px,100%);max-height:90vh;overflow-y:auto;padding:20px;background:var(--bg);border:2px solid var(--rule);box-shadow:var(--shadow-modal)}.export-dialog>.export-actions{position:sticky;bottom:-20px;z-index:1;margin:0-20px -20px;padding:14px 20px 20px;background:var(--bg);border-top:1px solid var(--border)}.export-dialog h2{margin:0 0 14px;font-size:1.05rem}.export-formats{display:grid;gap:8px;margin-bottom:16px}.export-format{display:grid;gap:2px;padding:12px;text-align:left;cursor:pointer;border:1px solid var(--accent-a15);background:var(--accent-a5);color:inherit;font:inherit}.export-format[aria-checked=true]{border-color:var(--accent);background:var(--accent-a15)}.export-format-t{font-weight:600}.export-format-s{font-size:.8rem;opacity:.72}.export-note{display:grid;gap:6px;margin-bottom:14px}.export-note-l{font-size:.82rem;opacity:.78}.export-note-body,.export-note-title{width:100%;padding:9px 10px;font:inherit;color:inherit;background:var(--accent-a5);border:1px solid var(--accent-a15);resize:vertical}.export-consent{margin:0 0 6px;font-size:.8rem;opacity:.75}.export-terms-link{padding:0;font:inherit;font-size:.8rem;color:var(--accent);background:0 0;border:0;cursor:pointer;text-decoration:underline}.export-terms-body{max-height:30vh;overflow-y:auto;font-size:.74rem;opacity:.7;white-space:pre-wrap}.export-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:16px}.export-actions>*{flex:1;justify-content:center;text-align:center}.export-cancel,.export-go{height:44px;padding:0 18px;cursor:pointer;font:700 12px/1"Archivo",system-ui,sans-serif;letter-spacing:.06em;text-transform:uppercase}.export-cancel{color:var(--text);background:0 0;border:1.5px solid var(--rule)}.export-cancel:hover{background:var(--surface)}.export-go{color:#fff;background:var(--accent-solid);border:1.5px solid var(--accent-solid)}.export-go:hover:not(:disabled){background:var(--accent-dim);border-color:var(--accent-dim)}.export-sub{margin:-8px 0 14px;font-size:12px;color:var(--text3)}.export-outputs{margin-bottom:16px}.export-blurb{margin:0 0 14px;font-size:13px;line-height:1.55;color:var(--text2)}.export-trial{margin:0 0 4px;font-size:10px;line-height:1.5}.export-body--pdf{display:grid;gap:12px;margin-bottom:4px}.export-paper{flex-wrap:wrap}.export-paper>button{flex:1 0 60px}.export-paper-more{color:var(--accent)!important}.export-quote{margin:0;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text3);font-variant-numeric:tabular-nums}.export-guard{padding:12px;border:1.5px solid var(--accent);background:var(--surface2)}.export-go:disabled{opacity:.45;cursor:default}.export-guard p{margin:0;font-size:12.5px;line-height:1.55;color:var(--text2)}.export-guard .export-guard-out{margin-top:6px;color:var(--text3)}.export-pdf-preview:empty{display:none}.export-pdf-preview .pdfp-frame{width:100%;height:180px;border:1px solid var(--border);background:var(--surface2)}.export-pdf-preview .pdfp-sub,.export-pdf-preview .pdfp-title,.export-pdf-preview .pdfp-warn>p{display:none}.export-pdf-preview .pdfp-pages{display:grid;gap:4px;margin:0;padding:0;list-style:none}.export-pdf-preview .pdfp-pages li{display:flex;gap:8px;font-size:12px;color:var(--text2)}.export-pdf-preview .pdfp-n{min-width:18px;font-weight:700;color:var(--text);font-variant-numeric:tabular-nums}.export-pdf-preview .pdfp-note{color:var(--text3)}.export-pdf-preview .pdfp-fixes{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.export-pdf-preview .pdfp-fix{padding:8px 12px;font:700 11px/1"Archivo",system-ui,sans-serif;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;color:var(--accent);background:0 0;border:1.5px solid var(--accent)}.export-pdf-preview .pdfp-actions,.sender-footer{display:flex;flex-wrap:wrap;gap:6px}.export-pdf-preview .pdfp-btn{padding:8px 12px;font:700 11px/1"Archivo",system-ui,sans-serif;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;color:var(--text);border:1.5px solid var(--rule)}.export-pdf-preview .pdfp-foot{margin:8px 0 0;font-size:11px;line-height:1.5;color:var(--text3)}.sender-footer{gap:4px 12px;align-items:baseline;justify-content:center;padding:6px 12px;font-size:.74rem;opacity:.72}.sender-footer .sf-note-t{font-weight:600;opacity:.9}.note-greeting{margin:8px 0 4px;text-align:center}.note-greeting .ng-title{margin:0 0 4px;font-size:1rem}.note-greeting .ng-body{margin:0;font-size:.85rem;opacity:.8;white-space:pre-wrap}.tap-greeting{position:absolute;left:50%;bottom:clamp(16px,9%,64px);transform:translateX(-50%);width:min(88%,400px);padding:0;overflow:hidden;text-align:center;pointer-events:none;z-index:calc(var(--z-completion) + 1);border:1px solid rgba(255,255,255,.24);background:#2f59e6;box-shadow:var(--shadow-modal);-webkit-user-select:none;user-select:none}.tap-greeting::before{content:"";display:block;height:5px;margin-bottom:20px;background:var(--seal-to, #eda66c)}.tap-greeting .rc-title{margin:0 20px 8px;font-family:Georgia,"Iowan Old Style","Palatino Linotype","Times New Roman",serif;font-size:27px;line-height:1.2;font-weight:400;letter-spacing:0;color:#fff}.tap-greeting .rc-body{margin:0 22px;font-size:15px;line-height:1.5;color:rgba(255,255,255,.9);white-space:pre-wrap}.tap-greeting .rc-go{display:flex;align-items:center;justify-content:center;gap:10px;margin:20px 0 0;padding:15px 20px;width:100%;background:rgba(9,20,56,.3);border-top:1px solid rgba(255,255,255,.2);font-weight:700;font-size:17px;color:#fff}.tap-greeting .rc-go svg{width:24px;height:24px;flex:none}@media (prefers-reduced-motion:no-preference){.tap-greeting .rc-go{animation:rc-breathe 2.4s ease-in-out infinite}}@media (max-width:479px){.tap-greeting{width:min(92%,360px)}.tap-greeting .rc-title{font-size:24px}.tap-greeting .rc-body{font-size:14px}.tap-greeting .rc-go{font-size:16px}}.about-id{font-size:.72rem;opacity:.6}.wm{display:inline-flex;align-items:center;gap:7px;flex:none;padding:3px 9px 3px 4px;margin-right:10px;text-decoration:none;color:var(--text);opacity:.72;background:var(--accent-a8);border:1px solid var(--accent-a15);transition:opacity .18s ease,background .18s ease}.wm:focus-visible,.wm:hover{opacity:1;background:var(--accent-a15)}.wm-mark{width:18px;height:18px;display:block;flex:none}.wm-word{font-size:10.5px;font-weight:600;letter-spacing:.055em;white-space:nowrap;text-transform:uppercase}.wm-word b{font-weight:800}.wm-lockup{display:flex;align-items:center;justify-content:center;gap:10px;margin:16px 0 4px}.wm-lockup-mark{width:34px;height:34px;display:block;flex:none}.wm-lockup-text{font-size:13px;font-weight:700;letter-spacing:.02em}@media (max-width:479px){.wm-word{display:none}.wm{padding:3px;margin-right:7px}.wm-lockup-mark{width:28px;height:28px}.wm-lockup-text{font-size:12px}}#trial-stamp{position:absolute;overflow:hidden;pointer-events:none;z-index:calc(var(--z-completion) - 1)}#trial-stamp .trial-stamp{top:44%;font-weight:900;font-size:1em;letter-spacing:.1em;line-height:1;color:rgba(255,255,255,.22);-webkit-text-stroke:.035em rgba(255,255,255,.85);text-shadow:0 .02em .22em rgba(0,0,0,.5);white-space:nowrap}#trial-stamp .trial-stamp,#trial-stamp .trial-stamp-sub,#trial-stamp .trial-tile-grid{position:absolute;left:50%;transform:translate(-50%,-50%) rotate(-18deg)}#trial-stamp .trial-stamp-sub{top:62%;font-weight:700;font-size:.16em;letter-spacing:.3em;color:rgba(255,255,255,.85);text-shadow:0 .02em .2em rgba(0,0,0,.5);white-space:nowrap}#trial-stamp .trial-tile-grid{top:50%;width:200%;height:200%;display:flex;flex-direction:column;justify-content:space-around;overflow:hidden}#trial-stamp .trial-tile-row{font-size:.1em;font-weight:800;letter-spacing:.22em;white-space:nowrap;text-align:center;color:rgba(255,255,255,.34);text-shadow:0 0 .3em rgba(0,0,0,.45)}.trial-chip{flex:none;margin-right:8px;padding:2px 8px;font-size:10px;font-weight:800;letter-spacing:.14em;color:#ffd24a;background:rgba(255,210,74,.12);border:1px solid rgba(255,210,74,.35)}.export-wm{display:grid;gap:8px;margin-bottom:14px}.export-wm-opt{display:grid;gap:2px;padding:10px 12px;text-align:left;cursor:pointer;border:1px solid var(--accent-a15);background:var(--accent-a5);color:inherit;font:inherit}.export-wm-opt[aria-checked=true]{border-color:var(--accent);background:var(--accent-a15)}.export-wm-note{margin:0;font-size:.78rem;line-height:1.45;opacity:.85}.export-wm-note a,.wm-word b{color:var(--accent)}.export-formats--seg{display:flex;gap:6px;margin-bottom:14px}.export-format--seg{flex:1;padding:9px 10px;text-align:center}.export-format--seg .export-format-t{font-weight:600;font-size:.9rem}.export-clean,.export-ent{padding:9px 14px;font:inherit;font-weight:600;cursor:pointer;background:0 0}.export-clean{color:var(--accent);border:1px solid var(--accent)}.export-clean:hover{background:var(--accent-a15)}.export-ent{display:inline-flex;align-items:center;text-decoration:none;color:inherit;border:1px solid var(--accent-a15);position:relative}.export-ent:hover{border-color:var(--accent);color:var(--accent)}.ent-tip{position:absolute;right:0;bottom:calc(100% + 10px);z-index:5;display:grid;gap:5px;width:max-content;max-width:240px;padding:12px 14px;text-align:left;pointer-events:none;color:var(--text);border:1px solid var(--accent-a30);background:var(--bg);box-shadow:var(--shadow-modal);opacity:0;transform:translateY(4px);transition:opacity .15s ease,transform .15s ease}.export-ent:focus-visible .ent-tip,.export-ent:hover .ent-tip{opacity:1;transform:translateY(0)}.ent-tip b{font-size:.8rem;color:var(--accent);letter-spacing:.02em}.ent-tip-line{font-size:.78rem;line-height:1.35}.ent-tip-line::before{content:"◆ ";color:var(--accent);font-size:.6rem}.ent-tip-foot{margin-top:3px;padding-top:7px;border-top:1px solid var(--accent-a15);font-size:.74rem;opacity:.8}@media (pointer:coarse){.ent-tip{display:none}}.tpl-empty{position:fixed;inset:0;z-index:800;display:grid;place-items:center;padding:20px;overflow:auto;background:#0b1020}.tpl-card{width:min(440px,94vw);text-align:center;padding:30px 26px 24px;background:#0d1326;border:2px solid rgba(91,140,255,.22);box-shadow:var(--shadow-modal)}.tpl-mark{width:44px;height:44px;margin:0 auto 12px;display:block}.tpl-h{margin:0 0 6px;font-size:21px;font-weight:800;color:#eef2ff}.tpl-sub{margin:0 0 18px;font-size:13.5px;color:#9aa6c4}.tpl-drop{display:grid;place-items:center;gap:6px;padding:30px 16px;cursor:pointer;border:2px dashed rgba(91,140,255,.45);background:rgba(91,140,255,.05);color:#cdd9ff;font-weight:600;font-size:14px}.tpl-drop.dragover{border-color:#5b8cff;background:rgba(91,140,255,.14)}.tpl-drop small{color:#8792b5;font-weight:400}.tpl-counts{display:flex;gap:8px;margin-top:16px}.tpl-again,.tpl-count{font:inherit;cursor:pointer;color:#cdd9ff}.tpl-count{flex:1;padding:10px 0;text-align:center;font-weight:700;font-size:14px;background:rgba(91,140,255,.06);border:1px solid rgba(91,140,255,.2)}.tpl-count[aria-checked=true]{background:#2f59e6;border-color:#2f59e6;color:#fff}.tpl-count small{display:block;font-weight:400;font-size:10.5px;opacity:.75}.tpl-again{margin-top:12px;padding:9px 16px;width:100%;font-weight:600;background:0 0;border:1px solid rgba(91,140,255,.3)}.tpl-again:hover{border-color:#5b8cff;color:#fff}@media (max-height:480px){.tpl-card{width:min(620px,96vw);padding:12px 18px}.tpl-mark{width:26px;height:26px;margin:0 auto 4px}.tpl-h{font-size:16px;margin-bottom:2px}.tpl-sub{margin-bottom:8px;font-size:12px}.tpl-drop{padding:12px;font-size:13px}.tpl-counts{margin-top:8px}.tpl-count,.tpl-sample{padding:6px 0;font-size:13px}.tpl-sample{margin-top:8px;padding:5px 10px}.tpl-sample-img{width:32px;height:32px}.tpl-again{margin-top:8px;padding:6px 12px}.tpl-sub{display:none}}.convert-nudge{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);z-index:850;display:flex;align-items:center;gap:10px;max-width:92vw;padding:11px 14px;font-size:13.5px;color:#cdd9ff;background:#0d1326;border:1px solid rgba(91,140,255,.3)}.convert-nudge b{color:#eef2ff}.convert-nudge a{color:#8fb0ff;font-weight:600}.convert-dismiss{flex:none;width:26px;height:26px;cursor:pointer;font:inherit;font-size:16px;line-height:1;color:#8792b5;background:rgba(91,140,255,.08);border:0}.convert-dismiss:hover{color:#fff}.tpl-sample{display:flex;align-items:center;gap:12px;width:100%;margin-top:14px;padding:9px 12px;cursor:pointer;text-align:left;font:inherit;font-weight:600;font-size:14px;color:#cdd9ff;background:rgba(91,140,255,.06);border:1px solid rgba(91,140,255,.2)}.tpl-sample:hover{border-color:#5b8cff;color:#fff}.tpl-sample-img{flex:none;width:46px;height:46px;object-fit:cover}.tpl-gallery-h{margin-top:14px;font-size:12px;font-weight:600;color:#8792b5;text-align:left}.tpl-gallery{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-top:8px}.tpl-thumb{padding:0;border:1px solid rgba(91,140,255,.2);overflow:hidden;cursor:pointer;background:0 0;aspect-ratio:1}.tpl-thumb:focus-visible,.tpl-thumb:hover{border-color:#5b8cff}.tpl-thumb .tpl-sample-img{width:100%;height:100%;display:block}@media (max-height:480px){.tpl-gallery-h{margin-top:8px}.tpl-gallery{grid-template-columns:repeat(12,1fr);gap:4px;margin-top:6px}.tpl-drop{padding:8px 12px}}.app-toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,12px);z-index:950;max-width:min(440px,92vw);padding:12px 16px;font-size:13.5px;line-height:1.45;color:var(--text);text-align:left;background:var(--bg);border:2px solid var(--rule);opacity:0;pointer-events:none;transition:opacity .25s,transform .25s}.app-toast.show{opacity:1;transform:translate(-50%,0)}.micro{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text3)}.micro.is-active,.micro.kicker{color:var(--accent)}.rule-strong{border-bottom:2px solid var(--rule)}.rule-hair{border-bottom:1px solid var(--border)}.btn{display:inline-flex;align-items:center;justify-content:flex-start;gap:8px;height:44px;padding:0 16px;font:700 12px/1"Archivo",system-ui,sans-serif;letter-spacing:.06em;text-transform:uppercase;text-align:left;background:0 0;color:var(--text);border:1.5px solid var(--rule);box-shadow:none;cursor:pointer;transition:background 140ms ease-out,color 140ms ease-out}.btn:hover{background:var(--surface)}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn.primary{background:var(--accent-solid);border-color:var(--accent-solid);color:#fff}.btn.primary:hover{background:var(--accent-dim)}.btn.accent-outline,.btn.active{border-color:var(--accent);color:var(--accent)}.btn.active{background:0 0}.btn.active:hover{background:var(--surface)}.btn:disabled{opacity:.45;cursor:default}.btn-row>.btn{flex:1}.seg{display:flex;border:1.5px solid var(--rule)}.seg>button{flex:1;height:44px;background:0 0;border:0;border-right:1px solid var(--border);color:var(--text3);font:700 11px/1"Archivo",system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.seg>button:last-child{border-right:0}.seg>button[aria-checked=true],.seg>button[aria-selected=true]{color:var(--text);box-shadow:inset 0-2px 0 var(--accent)}.toggle{position:relative;width:44px;height:24px;flex:0 0 auto;background:var(--border);border:0;padding:0;cursor:pointer;color:var(--text);transition:background 140ms ease-out}.toggle.on,.toggle[aria-checked=true]{background:var(--accent-solid)}.toggle .toggle-dot{position:absolute;top:3px;left:3px;width:18px;height:18px;background:#fff;transition:transform 140ms ease-out}.toggle.on .toggle-dot,.toggle[aria-checked=true] .toggle-dot{transform:translateX(20px)}.stat-cell{display:flex;flex-direction:column;gap:4px;padding:14px 12px;border:1px solid var(--border)}.stat-cell b{font:800 26px/1"Archivo",system-ui,sans-serif;font-variant-numeric:tabular-nums;color:var(--text)}.stat-cell span{font-size:9.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text3)}@media (pointer:coarse){.btn{height:48px}}