:root{--ink:#11142e;--ink-deep:#0d1024;--ink-void:#080b21;--ink-lift:#181c3d;--ink-line:#3b4070;--ink-shade:#04050f;--paper:#fff7d7;--paper-warm:#f0d9bb;--paper-bright:#fff;--sky:#86d3ee;--rose:#ff4d73;--gold:#ffc83a;--leaf:#7ee08a;--sky-deep:#14688a;--rose-deep:#c81a5c;--gold-deep:#a86a00;--leaf-deep:#1f7a3a;--cyan:var(--sky);--magenta:var(--rose);--yellow:var(--gold);--green:var(--leaf);--ink-rgb:17 20 46;--ink-deep-rgb:13 16 36;--ink-void-rgb:7 10 28;--paper-rgb:255 247 215;--paper-warm-rgb:240 217 187;--paper-bright-rgb:255 255 255;--cyan-rgb:134 211 238;--magenta-rgb:255 77 115;--yellow-rgb:255 200 58;--surface-paper:var(--paper);--border-loud:2px solid var(--ink);--shadow-hard:4px 4px 0 var(--ink-shade);--shadow-pop:6px 6px 0 var(--magenta);--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--header-height:3.5rem;--page-max:80rem;--page-pad:clamp(1rem, 3vw, 2.5rem);--footer-height:4.5rem;--radius-none:0;--duration:.16s;--ease:cubic-bezier(.16, 1, .3, 1);--font-display:Impact, Haettenschweiler, "Arial Black", sans-serif;--font-body:"Trebuchet MS", "Gill Sans", "Avenir Next Condensed", system-ui, sans-serif;--font-mono:"SFMono-Regular", Menlo, Consolas, monospace;--page-ground:var(--ink-deep);--page-tone:rgb(var(--paper-rgb) / .055);--page-burst:rgb(var(--magenta-rgb) / .5);--scrollbar-track:var(--ink);--panel-bg:var(--ink-lift);--panel-border:var(--ink-line);--panel-text:var(--paper);--panel-muted:var(--paper-warm);--body-text:var(--paper);--body-muted:var(--paper-warm);--console-bg:var(--ink-void);--console-field-bg:rgb(var(--paper-rgb) / .08);--chrome-bg:var(--ink-deep);--on-accent:var(--ink);--edge:rgb(var(--paper-rgb) / .3);--edge-soft:rgb(var(--paper-rgb) / .16);--ground-tint:rgb(var(--paper-rgb) / .08);--ground-tint-strong:rgb(var(--paper-rgb) / .18);--polis-ground:#6e8f5f}:root[data-theme=light]{--cyan:var(--sky-deep);--magenta:var(--rose-deep);--yellow:var(--gold-deep);--green:var(--leaf-deep);--ink-shade:#1a1436;--cyan-rgb:20 104 138;--magenta-rgb:200 26 92;--yellow-rgb:168 106 0;--body-text:#1a1436;--body-muted:#4a4166;--console-bg:#fffaf0;--console-field-bg:#1a14360f;--chrome-bg:#fbf1dc;--on-accent:var(--paper);--edge:#1a143659;--edge-soft:#1a143629;--ground-tint:#1a14360f;--ground-tint-strong:#1a143624;--page-ground:#fbf1dc;--page-tone:#1a143612;--page-burst:#c81a5c52;--scrollbar-track:#e8dcc0;--panel-bg:#fffaf0;--panel-border:#1a1436;--panel-text:#1a1436;--panel-muted:#4a4166;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root{font-family:var(--font-body);color:var(--body-text);background:radial-gradient(var(--page-tone) 1.2px, transparent 1.7px) 0 0 / 14px 14px, radial-gradient(var(--page-tone) 1.2px, transparent 1.7px) 7px 7px / 14px 14px, var(--page-ground);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;line-height:1.5}*{box-sizing:border-box}::selection{background:var(--magenta);color:var(--on-accent)}body:before{background:radial-gradient(var(--page-burst) 2.4px, transparent 2.9px) 0 0 / 11px 11px;content:"";pointer-events:none;z-index:-1;width:min(44rem,90vw);height:min(34rem,80vh);position:fixed;top:0;right:0;-webkit-mask-image:radial-gradient(at 100% 0,#000 0%,#0000 68%);mask-image:radial-gradient(at 100% 0,#000 0%,#0000 68%)}body{scrollbar-color:var(--cyan) var(--scrollbar-track);scrollbar-width:thin;min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}button{border:0;font-family:inherit}input,select{font:inherit}#root{min-height:100vh}.shell{max-width:var(--page-max);min-height:calc(100dvh - var(--header-height) - var(--footer-height));padding:clamp(1rem, 3vw, 2.5rem) var(--page-pad) var(--space-7);margin:0 auto;position:relative;overflow-x:hidden}.hero{max-width:none;min-height:calc(100dvh - var(--header-height) - clamp(2rem, 6vw, 5rem));z-index:1;grid-template-columns:minmax(26rem,1.04fr) minmax(18rem,.68fr);align-items:center;gap:clamp(1rem,2.4vw,2.5rem);min-width:0;margin:0 auto;display:grid;position:relative}.copy{gap:0;min-width:0;max-width:40rem;min-height:0;display:grid}.mobile-logo{display:none}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.mobile-logo-button,.mascot-button{cursor:pointer;background:0 0;padding:0;position:relative}.mobile-logo-button{display:none}.mobile-logo-button:focus-visible,.mascot-button:focus-visible{box-shadow:0 0 0 3px var(--paper), 0 0 0 6px var(--ink);outline:0}.mobile-logo-button[data-impact=true],.mascot-button[data-impact=true]{animation:.22s cubic-bezier(.16,1,.3,1) pashi-impact}.mobile-logo-button[data-loading=true] img,.mascot-button[data-loading=true] img{animation:.74s steps(2,end) infinite pashi-loading-pop}.eyebrow{color:var(--body-muted);letter-spacing:.04em;text-transform:uppercase;margin:0 0 1rem;font-size:clamp(.86rem,1vw,1rem);font-weight:800}h1{color:var(--body-text);font-family:var(--font-display);letter-spacing:.01em;text-shadow:.05em .05em 0 var(--magenta);text-transform:uppercase;margin:0;font-size:clamp(3.5rem,7.5vw,7rem);font-weight:400;line-height:.9}.intro{color:var(--body-muted);margin:var(--space-3) 0 var(--space-5);max-width:36rem;font-size:clamp(1.05rem,1.6vw,1.25rem)}.app-mode-tabs{align-items:center;gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));max-width:20rem;margin:0 0 1rem;display:inline-grid}.app-mode-tabs button{border:2px solid var(--edge);color:var(--body-text);cursor:pointer;font:900 .82rem / 1 var(--font-body);letter-spacing:.04em;text-transform:uppercase;min-height:2.5rem;transition:background var(--duration) var(--ease), border-color var(--duration) var(--ease), color var(--duration) var(--ease);background:0 0;padding:0 1.1rem}.app-mode-tabs button:hover,.app-mode-tabs button:focus-visible{background:var(--ground-tint-strong);border-color:var(--body-text);outline:0}.app-mode-tabs button[aria-pressed=true]{background:var(--body-text);border-color:var(--body-text);color:var(--page-ground)}.app-mode-tabs button:disabled{border-color:var(--edge-soft);color:var(--body-muted);cursor:not-allowed;opacity:.5;background:0 0}.tool-surface{align-content:start;min-height:0;display:grid;position:relative}.tool-surface>*{max-width:min(38rem,100%)}.tool-surface>.generator{animation:.18s cubic-bezier(.16,1,.3,1) tool-surface-in}.generator{--generator-max-height:min(39rem, calc(100dvh - 16.5rem));--generator-padding:clamp(.85rem, 2vw, 1.15rem);background:var(--console-bg);border:2px solid var(--body-text);box-shadow:8px 8px 0 var(--magenta);max-height:var(--generator-max-height);grid-template-rows:minmax(0,1fr) auto;gap:0;max-width:38rem;min-height:0;padding:0;display:grid;overflow:hidden}.generator-content{max-height:calc(var(--generator-max-height) - (3.25rem + (var(--generator-padding) * 1.3)));overscroll-behavior:contain;min-height:0;padding:var(--generator-padding);scrollbar-color:var(--cyan) var(--ground-tint);scrollbar-width:thin;gap:.55rem;display:grid;overflow-y:auto}.generator label{color:var(--yellow);letter-spacing:.06em;text-transform:uppercase;font-size:.74rem;font-weight:900;display:block}.generator-empty{min-height:16.5rem}.generator-empty-copy{align-content:start;gap:.45rem;margin-top:.25rem;display:grid}.generator-empty-copy h2{color:var(--body-text);text-transform:uppercase;margin:0;font-size:clamp(1.25rem,2vw,1.6rem);line-height:1.05}.generator-empty-copy p{color:var(--body-muted);margin:0;font-size:.94rem;line-height:1.4}.input-row input{background:var(--paper);border:2px solid var(--ink-deep);box-shadow:3px 3px 0 var(--ink-shade);color:var(--ink-deep);font:inherit;border-radius:0;width:100%;min-width:0;min-height:3.25rem;padding:0 1rem;font-weight:800;transition:background .16s,box-shadow .16s,transform .16s}.input-row input:focus-visible{background:var(--paper);box-shadow:inset 0 0 0 1px rgb(var(--ink-rgb) / .28), 5px 5px 0 var(--magenta);outline:3px solid var(--body-text);outline-offset:2px;transform:translate(-1px,-1px)}.tool-picker{z-index:10;position:relative}.tool-trigger{background:var(--paper);border:2px solid var(--ink-deep);color:var(--ink-deep);cursor:pointer;font:inherit;text-align:left;width:100%;min-height:3rem;box-shadow:3px 3px 0 var(--ink-shade);justify-content:space-between;align-items:center;padding:0 .85rem 0 1rem;font-weight:900;transition:background .16s,box-shadow .16s,transform .16s;display:flex}.tool-trigger:hover{background:var(--paper);box-shadow:4px 4px 0 var(--magenta);transform:translate(-1px,-1px)}.tool-trigger span{gap:.1rem;min-width:0;display:grid}.tool-trigger strong,.tool-trigger small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tool-trigger small{color:rgb(var(--ink-deep-rgb) / .54);letter-spacing:.08em;text-transform:uppercase;font-size:.72rem}.tool-trigger strong{text-transform:uppercase;font-size:1.08rem;line-height:1.05}.tool-trigger kbd{border:1px solid rgb(var(--ink-rgb) / .4);color:var(--ink);font-family:var(--font-mono);padding:.1rem .4rem;font-size:.74rem;font-weight:700}.tool-trigger:focus-visible{outline:3px solid var(--body-text);outline-offset:2px}.tool-menu{background:var(--console-bg);border:2px solid var(--body-text);box-shadow:8px 8px 0 var(--magenta);max-height:min(var(--tool-menu-max-height), calc(100dvh - 2rem));transform-origin:top;z-index:80;grid-template-rows:auto minmax(0,1fr);gap:.6rem;padding:.75rem;display:grid;position:fixed;left:0;overflow:hidden}.tool-menu[data-side=top]{transform-origin:bottom}.tool-search{background:var(--paper);border:2px solid var(--ink-deep);color:var(--ink-deep);font:inherit;border-radius:0;width:100%;min-height:2.75rem;padding:0 .85rem;font-weight:800}.tool-list{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-color:var(--cyan) var(--ground-tint);scrollbar-width:thin;gap:.7rem;min-height:0;padding-right:.2rem;display:grid;overflow:auto}.tool-group{gap:.35rem;display:grid}.tool-group p{color:var(--yellow);text-transform:uppercase;letter-spacing:.06em;margin:0;font-size:.76rem;font-weight:900}.tool-option{background:var(--ground-tint);color:var(--body-text);cursor:pointer;text-align:left;border-left:3px solid #0000;gap:.15rem;width:100%;padding:.55rem .65rem;transition:background .14s,border-color .14s,box-shadow .14s,transform .14s;display:grid}.tool-option[aria-selected=true],.tool-option[data-active=true],.tool-option:hover,.tool-option:focus-visible{background:rgb(var(--cyan-rgb) / .12);border-left-color:var(--cyan);outline:0}.tool-option[data-active=true]{box-shadow:inset 0 0 0 1px rgb(var(--cyan-rgb) / .45);transform:translate(2px)}.tool-option span{font-weight:900}.tool-option small{color:var(--body-muted);font-size:.78rem;line-height:1.25}.tool-empty{color:var(--body-muted);margin:0;padding:.8rem;font-weight:800}.tool-description{color:var(--body-muted);margin:0;font-size:.92rem;line-height:1.35}.input-row{grid-template-columns:minmax(0,1fr);gap:.55rem;display:grid}.generate-actions .primary-action,.input-row button{background:var(--magenta);border:2px solid var(--ink-shade);box-shadow:3px 3px 0 var(--ink-shade);color:var(--on-accent);cursor:pointer;letter-spacing:.03em;text-transform:uppercase;min-height:2.95rem;transition:background var(--duration) var(--ease), box-shadow var(--duration) var(--ease), transform var(--duration) var(--ease);flex-shrink:0;padding:0 1.35rem;font-size:.94rem;font-weight:900}.generate-actions .primary-action:hover:not(:disabled),.input-row button:hover:not(:disabled){background:var(--yellow);box-shadow:5px 5px 0 var(--ink-shade);transform:translate(-2px,-2px)}.generate-actions .primary-action:active:not(:disabled),.input-row button:active:not(:disabled){box-shadow:1px 1px 0 var(--ink-shade);transform:translate(2px,2px)}.generate-actions .primary-action:disabled,.input-row button:disabled{cursor:wait;opacity:.72}.generate-actions .primary-action:focus-visible,.input-row button:focus-visible{outline:3px solid var(--body-text);outline-offset:3px}.generate-actions{background:var(--ground-tint);border-top:2px solid var(--edge-soft);min-height:calc(3.25rem + (var(--generator-padding) * 1.3));padding:.75rem var(--generator-padding) calc(var(--generator-padding) + .25rem);grid-template-columns:minmax(0,1fr);align-items:stretch;gap:.55rem;display:grid}.generate-actions>.primary-action{width:100%}.mode-toggle{border:2px solid var(--edge);grid-template-columns:1fr 1fr;min-height:2.25rem;display:inline-grid}.mode-control{align-items:center;gap:.5rem;display:inline-flex}.mode-control>span{color:var(--body-muted);letter-spacing:.06em;text-transform:uppercase;font-size:.76rem;font-weight:900}.mode-toggle button{color:var(--body-muted);cursor:pointer;text-transform:uppercase;background:0 0;min-width:5.25rem;padding:0 .65rem;font-size:.76rem;font-weight:900}.mode-toggle button[aria-pressed=true]{background:var(--body-text);color:var(--page-ground)}.mode-toggle button:hover:not([aria-pressed=true]),.mode-toggle button:focus-visible:not([aria-pressed=true]){background:var(--ground-tint-strong);color:var(--body-text);outline:0}.field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;display:grid}.field-control{gap:.28rem;display:grid}.field-control-full{grid-column:1/-1}.field-control span{color:var(--yellow);text-transform:uppercase;letter-spacing:.06em;font-size:.78rem;font-weight:900}.field-control input,.field-control select,.field-control textarea{background:var(--paper);border:2px solid var(--ink-deep);box-shadow:3px 3px 0 var(--ink-shade);color:var(--ink-deep);font:inherit;border-radius:0;width:100%;min-width:0;min-height:2.7rem;padding:0 .8rem;font-weight:800;transition:background .16s,box-shadow .16s,transform .16s}.field-control select{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--ink) 50%), linear-gradient(135deg, var(--ink) 50%, transparent 50%), linear-gradient(90deg, rgb(var(--ink-rgb) / .18), rgb(var(--ink-rgb) / .18));background-position:calc(100% - 1rem),calc(100% - .68rem),calc(100% - 2rem);background-repeat:no-repeat;background-size:.34rem .34rem,.34rem .34rem,1px 1.45rem;padding-right:2.65rem}.field-control input[type=file]{cursor:pointer;align-items:center;padding:.34rem;display:flex}.field-control input[type=file]::file-selector-button{background:var(--ink);color:var(--paper);cursor:pointer;font:inherit;text-transform:uppercase;min-height:1.9rem;transition:background var(--duration) var(--ease), color var(--duration) var(--ease);border:0;margin-right:.7rem;padding:0 .65rem;font-weight:900}.field-control input[type=file]:hover::file-selector-button{background:var(--rose-deep)}.field-control input[type=file]:focus-visible::file-selector-button{background:var(--rose-deep)}.field-control textarea{resize:none;min-height:6rem;padding-block:.65rem}.converter-input textarea{min-height:12rem}.field-control input:focus-visible,.field-control select:focus-visible,.field-control textarea:focus-visible{background:var(--paper);box-shadow:inset 0 0 0 1px rgb(var(--ink-rgb) / .28), 5px 5px 0 var(--magenta);outline:3px solid var(--body-text);outline-offset:2px;transform:translate(-1px,-1px)}.field-control:focus-within span{color:var(--body-text)}.examples{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.examples span{color:var(--yellow);text-transform:uppercase;letter-spacing:.06em;font-size:.75rem;font-weight:900}.examples button{border:2px solid var(--edge);color:var(--body-text);cursor:pointer;transition:background var(--duration) var(--ease), border-color var(--duration) var(--ease);background:0 0;padding:.2rem .5rem;font-size:.82rem;font-weight:700}.examples button:hover,.examples button:focus-visible{background:var(--ground-tint-strong);border-color:var(--body-text);outline:0}.error{color:var(--yellow);overflow-wrap:anywhere;margin:0;font-weight:800;line-height:1.25}.generate-actions .error{background:rgb(var(--yellow-rgb) / .1);border:2px solid var(--yellow);scrollbar-color:var(--yellow) var(--ground-tint);scrollbar-width:thin;max-height:min(8rem,26dvh);padding:.65rem .8rem;font-size:.88rem;line-height:1.3;overflow:auto}.selected-file{color:var(--body-muted);overflow-wrap:anywhere;grid-column:1/-1;margin:0;font-size:.8rem;font-weight:800}.slackmoji-preset-status{color:var(--body-muted);overflow-wrap:anywhere;margin:0;font-size:.72rem;font-weight:800}.slackmoji-preset-control{grid-template-columns:minmax(9rem,.28fr) minmax(0,1fr);align-items:start;gap:.75rem;display:grid}.slackmoji-preset-copy{gap:.35rem;display:grid}.slackmoji-effect-grid{grid-template-columns:repeat(auto-fill,minmax(4.7rem,1fr));align-items:stretch;gap:.35rem;max-height:clamp(8rem,19dvh,12rem);padding-bottom:.15rem;display:grid;overflow:auto}.slackmoji-effect-item{background:var(--ground-tint);border:1px solid var(--edge);color:var(--body-muted);white-space:nowrap;text-overflow:ellipsis;align-items:center;min-height:2.3rem;padding:.35rem .45rem;font-size:.74rem;font-weight:800;overflow:hidden}.slackmoji-effect-item[aria-pressed=true]{background:var(--body-text);border-color:var(--body-text);color:var(--page-ground)}.slackmoji-preset-grid{grid-template-columns:repeat(auto-fill,minmax(6.25rem,1fr));align-items:stretch;gap:.35rem;max-height:clamp(8.75rem,22dvh,13rem);padding-bottom:.15rem;display:grid;overflow:auto}.slackmoji-preset-item{background:var(--ground-tint);border:1px solid var(--edge);color:var(--body-muted);text-align:left;grid-template-columns:2.05rem minmax(0,1fr);place-items:center;gap:.3rem;width:100%;min-height:2.85rem;padding:.3rem .45rem;display:grid}.slackmoji-preset-item img{background:var(--ground-tint-strong);object-fit:contain;width:2.05rem;height:2.05rem}.slackmoji-preset-item span{color:var(--body-muted);overflow-wrap:anywhere;text-overflow:clip;white-space:normal;min-width:0;font-size:.67rem;font-weight:800;line-height:1.15;overflow:hidden}.slackmoji-preset-item[aria-pressed=true]{background:var(--ground-tint-strong);border-color:var(--body-text)}.converter-output-list{flex-wrap:wrap;gap:.4rem;display:flex}.converter-output-list span{border:1px solid var(--edge);color:var(--body-text);font-family:var(--font-mono);text-transform:uppercase;padding:.2rem .45rem;font-size:.72rem}.showcase{place-items:center start;min-width:0;min-height:0;display:grid;position:relative;transform:translateY(clamp(1.25rem,3vh,2rem))}.mascot-button{z-index:2;justify-self:end;justify-items:center;width:clamp(10.5rem,22vw,16.5rem);display:grid;transform:translate(-1rem,-.5rem)}.mascot{filter:drop-shadow(8px 8px 0 var(--magenta));z-index:2;width:100%;max-width:100%;position:relative;transform:translateY(-1rem)}.result-stage{z-index:3;justify-self:start;justify-items:center;width:clamp(20.5rem,30vw,26.5rem);min-height:0;margin-top:-.7rem;display:grid;position:relative}.result-box{aspect-ratio:1;background:var(--paper);border:3px solid var(--ink);box-shadow:10px 10px 0 rgb(var(--cyan-rgb) / .9), -8px -8px 0 rgb(var(--magenta-rgb) / .9);grid-template-rows:minmax(0,1fr) auto auto;place-items:center stretch;width:100%;padding:0;transition:box-shadow .18s,transform .18s;display:grid;position:relative;overflow:hidden;transform:rotate(-2deg)}.result-box[data-result-tone=code]{transform:rotate(-.45deg)}.result-stage-tools{z-index:6;gap:.35rem;display:flex;position:absolute;top:.65rem;right:.65rem}.result-stage-tool-button{background:var(--ink);color:var(--paper);cursor:pointer;font:900 .9rem / 1 var(--font-body);height:2rem;transition:background var(--duration) var(--ease), color var(--duration) var(--ease);place-items:center;width:2rem;display:grid}.result-stage-tool-button:hover,.result-stage-tool-button:focus-visible,.result-stage-tool-button[aria-pressed=true]{background:var(--rose-deep);outline:0}.result-content{place-items:center;width:100%;height:100%;min-height:0;animation:.19s cubic-bezier(.16,1,.3,1) result-content-in;display:grid}.result-history-view{align-content:stretch;width:100%;height:100%;min-height:0;padding:.75rem;display:grid;overflow:hidden}.result-summary-strip{background:var(--gold);border-top:2px solid var(--ink);color:var(--ink);z-index:4;justify-self:stretch;align-items:center;gap:.12rem;min-height:2.35rem;padding:.35rem .65rem;display:grid;position:relative}.result-box[data-result-tone=code] .result-summary-strip{background:var(--ink);color:var(--paper)}.result-box[data-result-tone=code] .result-summary-strip span{color:rgb(var(--paper-rgb) / .68)}.result-box[data-result-tone=code] .result-generated-at{border-top-color:rgb(var(--paper-rgb) / .2);color:rgb(var(--paper-warm-rgb) / .72)}.result-summary-strip strong,.result-summary-strip span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.result-summary-strip strong{text-transform:uppercase;font-size:.72rem;font-weight:900;line-height:1.1}.result-summary-strip span{color:rgb(var(--ink-rgb) / .72);font-size:.72rem;font-weight:900;line-height:1.1}.result-generated-at{background:var(--ink);color:rgb(var(--paper-rgb) / .76);letter-spacing:.02em;text-overflow:ellipsis;white-space:nowrap;z-index:3;justify-self:stretch;align-items:center;min-height:1.55rem;margin:0;padding:.3rem .65rem;font-size:.72rem;font-weight:800;display:flex;position:relative;overflow:hidden}.result-box:after{border:1px solid rgb(var(--ink-rgb) / .14);content:"";pointer-events:none;position:absolute;inset:.55rem .55rem 4.35rem}.result-dialog-backdrop{background:rgb(var(--ink-void-rgb) / .78);z-index:90;place-items:center;padding:clamp(1rem,3vw,2rem);animation:.16s cubic-bezier(.16,1,.3,1) result-dialog-in;display:grid;position:fixed;inset:0}.result-dialog{background:var(--paper);border:3px solid var(--ink);box-shadow:12px 12px 0 var(--cyan), -10px -10px 0 var(--magenta);color:var(--ink);grid-template-rows:auto minmax(0,1fr);width:100%;max-width:min(52rem,100vw - 2rem);min-height:min(30rem,100dvh - 3rem);max-height:min(42rem,100dvh - 3rem);display:grid;overflow:hidden}.result-dialog-header{background:var(--ink);color:var(--paper);letter-spacing:.04em;text-transform:uppercase;justify-content:space-between;align-items:center;padding:.55rem .7rem;font-size:.78rem;font-weight:900;display:flex}.result-dialog-header button{border:1px solid rgb(var(--paper-rgb) / .5);color:var(--paper);cursor:pointer;font:900 1rem / 1 var(--font-body);background:0 0;place-items:center;width:2rem;height:2rem;display:grid}.result-dialog-header button:hover,.result-dialog-header button:focus-visible{background:var(--rose);border-color:var(--rose);color:var(--ink);outline:0}.result-dialog-main{grid-template-columns:minmax(12rem,.44fr) minmax(0,1fr);min-height:0;display:grid;overflow:hidden}.result-summary-panel{background:rgb(var(--ink-rgb) / .06);border-right:2px solid var(--ink);color:var(--ink);scrollbar-color:var(--rose-deep) rgb(var(--ink-rgb) / .12);scrollbar-width:thin;align-content:start;gap:.85rem;min-height:0;padding:clamp(.85rem,2vw,1.05rem);display:grid;overflow:auto}.result-summary-panel h2{color:var(--ink);overflow-wrap:anywhere;text-transform:uppercase;font-size:clamp(1rem,2vw,1.25rem);line-height:1.05;font-family:var(--font-display);margin:0;font-weight:400}.result-summary-panel p{color:var(--gold-deep);text-transform:uppercase;margin:.28rem 0 0;font-size:.76rem;font-weight:900;line-height:1.25}.result-summary-metrics,.result-summary-details{gap:.45rem;margin:0;display:grid}.result-summary-metrics{grid-template-columns:repeat(auto-fit,minmax(4.6rem,1fr))}.result-summary-metrics div,.result-summary-details div{background:rgb(var(--ink-rgb) / .06);min-width:0;padding:.45rem .5rem}.result-summary-panel dt{color:var(--gold-deep);text-transform:uppercase;font-size:.72rem;font-weight:900}.result-summary-panel dd{color:var(--ink);overflow-wrap:anywhere;margin:.14rem 0 0;font-size:.76rem;font-weight:800;line-height:1.25}.result-summary-panel a{color:var(--sky-deep)}.result-summary-footnote{border-top:1px solid rgb(var(--ink-rgb) / .2);padding-top:.75rem}.result-dialog-content{scrollbar-color:var(--magenta) rgb(var(--ink-rgb) / .12);scrollbar-width:thin;min-height:0;padding:clamp(.85rem,2vw,1.2rem);display:grid;overflow:auto}.result-stage:hover .result-box{box-shadow:12px 12px 0 rgb(var(--cyan-rgb) / .9), -8px -8px 0 rgb(var(--magenta-rgb) / .9);transform:rotate(-1.4deg)translateY(-1px)}.result-stage:hover .result-box[data-result-tone=code]{box-shadow:10px 10px 0 rgb(var(--cyan-rgb) / .78), -6px -6px 0 rgb(var(--magenta-rgb) / .74);transform:rotate(0)translateY(-1px)}.result-box[data-result-kind=image]{background:var(--paper-bright)}.result-box[data-result-kind=image] .result-content{background:var(--paper-bright);padding:.75rem}.loading-generate{background:linear-gradient(90deg, transparent, rgb(var(--ink-rgb) / .14), transparent);z-index:2;animation:.9s linear infinite generate-scan;position:absolute;inset:0}.empty-result{color:var(--ink);text-align:center;align-content:center;justify-items:center;gap:.55rem;max-width:15rem;margin:0 0 12%;display:grid}.empty-result-mark{aspect-ratio:1;background:rgb(var(--magenta-rgb) / .1);border:2px solid rgb(var(--ink-rgb) / .26);color:var(--rose-deep);font:900 1.6rem / 1 var(--font-body);place-items:center;width:2.85rem;display:grid}.empty-result p{font:900 .95rem / 1.3 var(--font-body);text-transform:uppercase;margin:0}.empty-result-chips{justify-content:center;gap:.35rem;display:flex}.empty-result-chips span{background:rgb(var(--ink-rgb) / .055);border:1px solid rgb(var(--ink-rgb) / .3);color:rgb(var(--ink-rgb) / .74);font:900 .7rem / 1 var(--font-body);padding:.24rem .34rem}.image-result{object-fit:contain;width:100%;height:100%;min-height:0;display:block}.result-box .image-result{background:var(--paper-bright);box-shadow:0 0 0 .45rem var(--paper-bright);width:calc(100% - 2.25rem);height:calc(100% - 2.25rem);transform:rotate(2deg)}.image-preview-result{scrollbar-color:var(--magenta) rgb(var(--ink-rgb) / .12);scrollbar-width:thin;gap:.55rem;width:100%;max-height:100%;padding:.85rem;display:grid;overflow:auto}.image-preview-grid{grid-template-columns:repeat(auto-fit,minmax(min(8rem,100%),1fr));gap:.55rem;width:100%;display:grid}.image-preview-result[data-compact=true]{align-self:center;padding:1rem .85rem .85rem;overflow:hidden}.image-preview-result[data-compact=true] .image-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.image-preview-item{background:var(--paper-bright);border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);color:var(--ink);gap:.35rem;min-width:0;padding:.45rem;text-decoration:none;display:grid}.image-preview-item img{aspect-ratio:1;background:linear-gradient(45deg, rgb(var(--ink-rgb) / .08) 25%, transparent 25% 75%, rgb(var(--ink-rgb) / .08) 75%), linear-gradient(45deg, rgb(var(--ink-rgb) / .08) 25%, transparent 25% 75%, rgb(var(--ink-rgb) / .08) 75%);object-fit:contain;background-position:0 0,.4rem .4rem;background-size:.8rem .8rem;width:100%;display:block}.image-preview-item span{font:900 .66rem / 1.2 var(--font-body);text-align:center;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;overflow:hidden}.text-result{color:var(--ink);font:800 .76rem / 1.52 var(--font-mono);scrollbar-color:var(--magenta) rgb(var(--ink-rgb) / .12);scrollbar-width:thin;white-space:pre-wrap;width:100%;max-height:100%;margin:0;padding:1.35rem;overflow:auto}.text-result[data-density=short],.text-result[data-density=medium]{text-align:center;place-items:center;display:grid;overflow:hidden}.text-result[data-density=short]{overflow-wrap:anywhere;padding:1.25rem;font-size:2.4rem;font-weight:900;line-height:1}.text-result[data-density=medium]{overflow-wrap:anywhere;padding:1.2rem;font-size:1.18rem;font-weight:900;line-height:1.3}.field-result{scrollbar-color:var(--magenta) rgb(var(--ink-rgb) / .12);scrollbar-width:thin;gap:.5rem;width:100%;max-height:100%;margin:0;padding:1rem;display:grid;overflow:auto}.result-dialog-content .field-result,.result-dialog-content .records-result,.result-dialog-content .palette-result,.result-dialog-content .colour-records-result,.result-dialog-content .dice-result-view,.result-dialog-content .text-result{min-height:100%;max-height:none}.field-result div{background:rgb(var(--ink-rgb) / .07);padding:.5rem .6rem}.field-result .field-status{background:var(--ink);color:var(--paper);order:-2}.field-result .field-status dt,.field-result .field-status dd{color:inherit}.field-result .field-status dd{text-transform:uppercase;font-size:1.25rem;line-height:1}.field-result .field-status[data-status=complete]{box-shadow:inset 0 -4px 0 var(--leaf)}.field-result .field-status[data-status=failed],.field-result .field-error{box-shadow:inset 0 -4px 0 var(--rose)}.field-result .field-error{background:rgb(var(--magenta-rgb) / .14);order:-1}.field-result dt{color:var(--ink);text-transform:uppercase;font-size:.66rem;font-weight:900}.field-result dd{color:var(--ink);overflow-wrap:anywhere;white-space:pre-wrap;margin:.12rem 0 0;font-size:.82rem;font-weight:800;line-height:1.3}.records-result{color:var(--ink);scrollbar-color:var(--magenta) rgb(var(--ink-rgb) / .12);scrollbar-width:thin;width:100%;max-height:100%;margin:0;padding:1rem;overflow:auto}.records-result table{border-collapse:collapse;font:800 .78rem / 1.35 var(--font-body);min-width:100%}.records-result th,.records-result td{border-bottom:1px solid rgb(var(--ink-rgb) / .2);text-align:left;vertical-align:top;padding:.45rem .55rem}.records-result th{color:var(--rose-deep);text-transform:uppercase;font-size:.68rem}.records-result td{overflow-wrap:anywhere;white-space:pre-wrap}.record-preview-result{align-content:center;gap:.55rem;width:100%;height:100%;padding:.85rem;display:grid;overflow:hidden}.record-preview-list{gap:.45rem;min-height:0;display:grid;overflow:hidden}.record-preview-item{background:rgb(var(--ink-rgb) / .07);gap:.18rem;min-width:0;padding:.42rem .5rem;display:grid}.record-preview-item span{color:rgb(var(--ink-rgb) / .72);text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-size:.7rem;font-weight:900;overflow:hidden}.record-preview-item strong{color:var(--ink);font:900 .82rem / 1.12 var(--font-body);overflow-wrap:anywhere}.image-preview-more,.record-preview-more,.dice-result-more,.slackmoji-batch-more{background:var(--ink);color:var(--paper);font:900 .68rem / 1.2 var(--font-body);letter-spacing:.04em;text-transform:uppercase;justify-self:center;margin:0;padding:.3rem .55rem}.result-with-history{scrollbar-color:var(--magenta) rgb(var(--ink-rgb) / .12);scrollbar-width:thin;align-content:start;gap:.65rem;width:100%;height:100%;max-height:100%;padding:.75rem;display:grid;overflow:auto}.result-with-history[data-compact=true]{align-content:center}.result-with-history>.field-result,.result-with-history>.records-result,.result-with-history>.palette-result,.result-with-history>.colour-records-result,.result-with-history>.image-preview-result,.result-with-history>.record-preview-result,.result-with-history>.text-result{height:auto;min-height:0;max-height:none;padding:0;overflow:visible}.result-with-history[data-compact=true]>.text-result[data-density=long]{padding:.4rem .35rem}.result-with-history>.text-result[data-density=short],.result-with-history>.text-result[data-density=medium]{min-height:8rem}.dice-result-view{scrollbar-color:var(--magenta) rgb(var(--ink-rgb) / .12);scrollbar-width:thin;align-content:start;gap:.65rem;width:100%;height:100%;max-height:100%;padding:.75rem;display:grid;overflow:auto}.dice-result-view[data-compact=true]{padding:.8rem .75rem .65rem;overflow:auto}.dice-result-header{grid-template-columns:minmax(0,1fr) minmax(4.8rem,auto);align-items:stretch;gap:.5rem;display:grid}.dice-result-header div,.dice-roll-card{background:var(--paper-bright);border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);min-width:0}.dice-result-header div{gap:.15rem;padding:.5rem .6rem;display:grid}.dice-result-header span,.dice-roll-card-header span,.dice-roll-metrics dt,.result-history-header span,.result-history-item span,.result-history-item em{color:rgb(var(--ink-rgb) / .72);text-transform:uppercase;font-size:.7rem;font-weight:900}.dice-result-header strong{color:var(--ink);font:900 .95rem / 1.05 var(--font-body);overflow-wrap:anywhere}.dice-result-header div:last-child strong{color:var(--rose-deep);text-align:right;font-size:1.55rem}.dice-roll-stack{gap:.55rem;display:grid;overflow:visible}.dice-roll-card{gap:.55rem;padding:.6rem;display:grid}.dice-roll-card-header{justify-content:space-between;align-items:center;min-width:0;display:flex}.dice-roll-card-header strong{background:var(--ink);color:var(--paper);font:900 1.45rem / 1 var(--font-body);text-align:center;min-width:2.75rem;padding:.25rem .4rem}.dice-face-row{flex-wrap:wrap;justify-content:center;gap:.45rem;display:flex}.dice-face{aspect-ratio:1;background:var(--ink);box-shadow:3px 3px 0 var(--rose-deep);color:var(--paper);font:900 1rem / 1 var(--font-body);flex:0 0 2.55rem;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);place-items:center;width:2.55rem;display:grid}.dice-face>span{background:var(--paper);border-radius:999px;width:.38rem;height:.38rem}.dice-face span[data-position=top-left]{grid-area:1/1}.dice-face span[data-position=top-right]{grid-area:1/3}.dice-face span[data-position=middle-left]{grid-area:2/1}.dice-face span[data-position=center]{grid-area:2/2}.dice-face span[data-position=middle-right]{grid-area:2/3}.dice-face span[data-position=bottom-left]{grid-area:3/1}.dice-face span[data-position=bottom-right]{grid-area:3/3}.dice-roll-metrics{grid-template-columns:repeat(auto-fit,minmax(4.4rem,1fr));gap:.35rem;margin:0;display:grid}.dice-roll-metrics div{background:rgb(var(--ink-rgb) / .07);min-width:0;padding:.35rem .42rem}.dice-roll-metrics dd{color:var(--ink);overflow-wrap:anywhere;margin:.08rem 0 0;font-size:.76rem;font-weight:900;line-height:1.15}.coin-result-view{scrollbar-color:var(--magenta) rgb(var(--ink-rgb) / .12);scrollbar-width:thin;align-content:start;gap:.65rem;width:100%;height:100%;max-height:100%;padding:.75rem;display:grid;overflow:auto}.coin-result-header{grid-template-columns:minmax(0,1fr) repeat(2,minmax(3.6rem,auto));gap:.45rem;display:grid}.coin-result-header div{background:var(--paper-bright);border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);gap:.15rem;min-width:0;padding:.5rem .55rem;display:grid}.coin-result-header span{color:rgb(var(--ink-rgb) / .72);text-transform:uppercase;font-size:.7rem;font-weight:900}.coin-result-header strong{color:var(--ink);font:900 .95rem / 1.05 var(--font-body);overflow-wrap:anywhere}.coin-result-header div:not(:first-child) strong{color:var(--rose-deep);text-align:right;font-size:1.45rem}.coin-stack{flex-wrap:wrap;justify-content:center;gap:.48rem;display:flex}.coin-face{aspect-ratio:1;background:var(--gold);border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);color:var(--ink);font:900 1.35rem / 1 var(--font-body);border-radius:999px;flex:0 0 3.55rem;justify-content:center;align-items:center;width:3.55rem;display:inline-flex}.coin-face[data-side=tails]{background:var(--sky)}.result-history{border:2px solid var(--ink);color:var(--ink);gap:.5rem;width:100%;margin-top:.15rem;padding:.55rem;display:grid;overflow:visible}.result-history-view .result-history{height:100%;min-height:0;margin:0;overflow:hidden}.result-history-header{justify-content:space-between;align-items:center;gap:.75rem;min-width:0;display:flex}.result-history-header div{gap:.12rem;min-width:0;display:grid}.result-history-header span,.result-history-item span,.result-history-item em{color:rgb(var(--ink-rgb) / .72)}.result-history-header strong{color:var(--ink);font:900 .85rem / 1.1 var(--font-body);text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;overflow:hidden}.result-history-header button{border:2px solid var(--rose-deep);color:var(--rose-deep);cursor:pointer;font:900 .72rem / 1 var(--font-body);text-transform:uppercase;background:0 0;min-height:1.8rem;padding:0 .55rem}.result-history-header button:hover,.result-history-header button:focus-visible{background:var(--rose-deep);color:var(--paper);outline:0}.result-history-list{scrollbar-color:var(--rose-deep) rgb(var(--ink-rgb) / .12);scrollbar-width:thin;gap:.4rem;display:grid;overflow:auto}.result-history-item{background:rgb(var(--ink-rgb) / .07);color:inherit;cursor:pointer;text-align:left;border:2px solid #0000;grid-template-columns:minmax(0,1fr) auto;gap:.22rem;min-width:0;padding:.45rem .55rem;display:grid}.result-history-item:hover,.result-history-item:focus-visible{background:var(--paper-bright);border-color:var(--ink);outline:0}.result-history-item strong,.result-history-item small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.result-history-item strong{color:var(--ink);text-transform:uppercase;font-size:.86rem;font-weight:900}.result-history-item small{color:var(--gold-deep);font-size:.7rem;font-weight:900}.result-history-item em{grid-area:1/2/span 3;place-self:center end;font-style:normal}.palette-result{scrollbar-color:var(--magenta) rgb(var(--ink-rgb) / .12);scrollbar-width:thin;grid-template-columns:repeat(auto-fit,minmax(min(7rem,100%),1fr));gap:.5rem;width:100%;max-height:100%;padding:1rem;display:grid;overflow:auto}.swatch{aspect-ratio:1;border:1px solid var(--ink);align-items:end;min-width:0;min-height:100%;padding:.45rem;display:flex}.swatch span{background:rgb(var(--ink-void-rgb) / .84);color:var(--paper);overflow-wrap:anywhere;text-align:center;width:100%;padding:.2rem;font-size:clamp(.56rem,2.2vw,.68rem);font-weight:900}.colour-records-result{scrollbar-color:var(--magenta) rgb(var(--ink-rgb) / .12);scrollbar-width:thin;grid-template-columns:repeat(auto-fit,minmax(min(9rem,100%),1fr));gap:.65rem;width:100%;max-height:100%;padding:1rem;display:grid;overflow:auto}.colour-card{aspect-ratio:1;border:1px solid var(--ink);color:var(--paper);min-width:0;padding:.6rem;display:grid}.colour-card>strong,.colour-card>span,.colour-card dl{background:rgb(var(--ink-void-rgb) / .86);overflow-wrap:anywhere;align-self:end;padding:.28rem .35rem}.colour-card>strong{font-size:clamp(.74rem,2.4vw,.92rem);line-height:1.1}.colour-card>span{color:var(--sky);text-transform:uppercase;font-size:.66rem;font-weight:900}.colour-card dl{gap:.24rem;margin:0;display:grid}.colour-card dl div{grid-template-columns:3.4rem minmax(0,1fr);gap:.2rem;display:grid}.colour-card dt,.colour-card dd{margin:0;font-size:.72rem;line-height:1.15}.colour-card dt{color:var(--gold);font-weight:900}.result-actions{flex-wrap:wrap;justify-content:center;justify-self:center;gap:.5rem;width:100%;max-width:21rem;margin-top:0;display:flex}.result-action-slot{box-sizing:border-box;opacity:0;pointer-events:none;place-items:start center;width:100%;height:7.05rem;padding-top:1.55rem;transition:opacity .16s,transform .18s cubic-bezier(.16,1,.3,1);display:grid;transform:translateY(-.25rem)}.result-action-slot[data-visible=true]{opacity:1;pointer-events:auto;transform:translateY(0)}.slackmoji-batch{align-self:start;gap:.45rem;width:100%;padding:.75rem;display:grid}.slackmoji-batch h3{background:var(--ink);color:var(--paper);width:fit-content;margin:0;padding:.35rem .6rem;font-size:.74rem;display:inline-flex}.slackmoji-batch[data-compact=true]{align-self:center;padding:1.1rem .75rem .75rem}.slackmoji-batch-grid{grid-template-columns:repeat(auto-fill,minmax(3.75rem,1fr));gap:.45rem;display:grid}.slackmoji-batch[data-compact=true] .slackmoji-batch-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.slackmoji-batch-item{background:var(--paper);border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);place-items:start center;gap:.28rem;min-width:0;padding:.35rem;display:grid}.slackmoji-batch-meta{color:var(--ink);place-items:center;gap:.16rem;width:100%;display:grid}.slackmoji-batch-effect,.slackmoji-batch-status{font:800 .7rem / 1.2 var(--font-body);text-transform:uppercase;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%;overflow:hidden}.slackmoji-batch-thumb,.slackmoji-batch-thumb img{border:0;line-height:1;display:block}.slackmoji-batch-thumb img{background:var(--ink);object-fit:contain;width:3.5rem;height:3.5rem}.slackmoji-batch-status{color:var(--rose-deep)}.slackmoji-batch-error{color:var(--rose-deep);font:800 .55rem / 1.2 var(--font-body);text-align:center;margin:0;padding:0 .2rem}@media (width>=900px){.slackmoji-batch-grid{grid-template-columns:repeat(auto-fill,minmax(4.25rem,1fr))}.slackmoji-batch-thumb img{width:4rem;height:4rem}}.result-actions a,.result-actions button{background:var(--paper);border:2px solid var(--ink-shade);box-shadow:3px 3px 0 var(--ink-shade);color:var(--ink);cursor:pointer;font:900 1rem / 1 var(--font-body);height:2.45rem;transition:background var(--duration) var(--ease), box-shadow var(--duration) var(--ease), transform var(--duration) var(--ease);justify-content:center;align-items:center;gap:.35rem;width:2.45rem;padding:0;text-decoration:none;display:inline-flex}.result-actions a[data-has-label=true],.result-actions button[data-has-label=true]{width:auto;min-width:6.4rem;padding:0 .7rem}.result-actions a span,.result-actions button span{display:block;transform:translateY(-.02rem)}.result-actions a strong,.result-actions button strong{text-transform:uppercase;font-size:.72rem;line-height:1}.result-actions a:hover,.result-actions button:hover,.result-actions a:focus-visible,.result-actions button:focus-visible{background:var(--gold);box-shadow:4px 4px 0 var(--magenta);transform:translate(-1px,-1px)}.result-actions a:focus-visible,.result-actions button:focus-visible{outline:3px solid var(--body-text);outline-offset:2px}.result-actions a:active,.result-actions button:active{box-shadow:none;transform:translate(0)}.pashi-toast:not([data-visible=true]){clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.pashi-toast[data-visible=true]{background:var(--paper);border:2px solid var(--ink-shade);box-shadow:5px 5px 0 var(--magenta);color:var(--ink);letter-spacing:.03em;text-transform:uppercase;z-index:70;max-width:min(18rem,100vw - 2rem);padding:.7rem .8rem;font-size:.8rem;font-weight:900;animation:.18s cubic-bezier(.16,1,.3,1) toast-in;position:fixed;bottom:1.25rem;right:1.25rem;rotate:-1.5deg}@keyframes generate-scan{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes pashi-impact{0%{transform:scale(1)rotate(0)}38%{transform:scale(.9)rotate(-5deg)}64%{transform:scale(1.08)rotate(3deg)}to{transform:scale(1)rotate(0)}}@keyframes pashi-loading-pop{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-.18rem)scale(1.025)}}@keyframes pashi-loading-ring{to{transform:rotate(360deg)}}@keyframes loading-copy-step{50%{opacity:.46}}@keyframes toast-in{0%{opacity:0;transform:translateY(.5rem)}to{opacity:1;transform:translateY(0)}}@keyframes result-content-in{0%{opacity:0;transform:translateY(.35rem)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes result-dialog-in{0%{opacity:0;transform:scale(.985)}to{opacity:1;transform:scale(1)}}@keyframes tool-surface-in{0%{opacity:0;transform:translateY(.45rem)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.mobile-logo-button[data-impact=true],.mascot-button[data-impact=true],.mobile-logo-button[data-loading=true] img,.mascot-button[data-loading=true] img,.generator-loading .tool-description,.loading-generate,.pashi-toast,.result-dialog-backdrop,.result-content,.tool-surface>.generator{animation:none}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.result-action-slot{transition:none}}@media (width<=1000px),(height<=720px){body{overflow:hidden auto}.shell{height:auto;min-height:100dvh;overflow:hidden visible}.hero{grid-template-columns:minmax(0,1fr);min-height:0}.generator{--generator-max-height:none}.hero{grid-template-columns:1fr;align-items:start;gap:1rem;min-height:auto;padding:2rem 0}.copy{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"logo title""intro intro""mode-tabs mode-tabs""generator generator";align-items:center;gap:0 1rem;max-width:none;display:grid}.mobile-logo-button{grid-area:logo;width:clamp(3.25rem,18vw,5rem);display:block}.mobile-logo{filter:drop-shadow(4px 4px 0 var(--magenta));width:100%;display:block}h1{grid-area:title;font-size:clamp(3rem,14vw,5rem)}.intro{margin:var(--space-3) 0 0;grid-area:intro}.tool-controls{grid-area:mode-tabs;margin:1rem 0 0}.tool-controls .app-mode-tabs{margin:0}.tool-surface{grid-area:generator;min-height:auto}.generator{width:100%;max-width:none;max-height:none;margin-top:1.25rem;overflow:visible}.generator-content{max-height:none;overflow:visible}.showcase{justify-items:center;margin-top:1rem;transform:none}.mascot-button{display:none}.result-stage{justify-self:center;width:min(22rem,86vw);min-height:calc(min(22rem,86vw) + 4rem);margin-top:0}.result-dialog{min-height:min(26rem,100dvh - 2rem);max-height:calc(100dvh - 2rem)}.result-dialog-main{grid-template-rows:auto minmax(0,1fr);grid-template-columns:1fr}.result-summary-panel{border-bottom:2px solid var(--ink);border-right:0;max-height:15rem}.image-result{max-width:100%}.tool-menu{box-shadow:6px 6px 0 var(--magenta);max-height:min(var(--tool-menu-max-height), calc(100dvh - 1.5rem))}}@media (width<=560px){.input-row,.field-grid,.slackmoji-preset-control{grid-template-columns:1fr}.generate-actions{flex-direction:column;align-items:stretch}.mode-control{flex-direction:column;align-items:stretch;gap:.35rem;width:100%}.mode-toggle,.generate-actions .primary-action,.input-row button{width:100%}.result-actions a[data-has-label=true],.result-actions button[data-has-label=true]{flex:8rem}}.hub{max-width:var(--page-max);min-height:calc(100dvh - var(--header-height) - var(--footer-height));padding:clamp(1.5rem, 4vw, 3.5rem) var(--page-pad) var(--space-7);z-index:1;margin:0 auto;position:relative}.hub-header{border-bottom:3px solid var(--body-text);align-items:center;gap:var(--space-4) var(--space-5);padding-bottom:var(--space-6);flex-wrap:wrap;display:flex}.hub-intro{flex:12rem;min-width:0}.hub-header .hub-logo-button{flex:none;order:1}.hub-logo-button{cursor:pointer;background:0 0;padding:0}.hub-logo{width:auto;height:clamp(4.5rem,14vw,11rem);display:block}.hub-header h1{color:var(--body-text);font-family:var(--font-display);letter-spacing:.02em;text-shadow:.05em .05em 0 var(--magenta);text-transform:uppercase;margin:0;font-size:clamp(3rem,9vw,6rem);line-height:.85}.hub-header .intro{color:var(--body-muted);margin:var(--space-3) 0 0;max-width:44ch;font-size:clamp(1rem,1.6vw,1.2rem)}.hub-section-title{color:var(--body-text);font-family:var(--font-display);letter-spacing:.02em;margin:var(--space-6) 0 var(--space-4);text-transform:uppercase;font-size:1.5rem;font-weight:400;line-height:1}.project-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(18rem,1fr));max-width:72rem;display:grid}.project-card{background:var(--panel-bg);border:2px solid var(--panel-border);box-shadow:var(--shadow-hard);color:var(--panel-text);align-items:flex-start;gap:var(--space-2);padding:var(--space-4);transition:box-shadow var(--duration) var(--ease), transform var(--duration) var(--ease);flex-direction:column;text-decoration:none;display:flex}.project-card:hover,.project-card:focus-visible{box-shadow:var(--shadow-pop);outline:0;transform:translate(-2px,-2px)}.project-card:focus-visible{border-color:var(--body-text)}.project-card h2{color:var(--panel-text);font-family:var(--font-display);letter-spacing:.01em;text-transform:uppercase;margin:0;font-size:1.9rem}.project-card p{color:var(--panel-muted);margin:0;font-size:.92rem}.project-card .card-action{margin-top:var(--space-2)}.project-card>:nth-last-child(2){margin-bottom:auto}.project-card-status{border:2px solid var(--ink-shade);color:var(--on-accent);letter-spacing:.06em;text-transform:uppercase;align-items:center;height:1.6rem;padding:0 .5rem;font-size:.72rem;font-weight:900;line-height:1;display:inline-flex;rotate:-2deg}.project-card-status[data-status=live]{background:var(--cyan)}.project-card-status[data-status=lab]{background:var(--yellow)}.project-card-status[data-status=archived]{background:var(--paper-warm)}.project-card-stack{gap:0 var(--space-2);margin:var(--space-1) 0 0;flex-wrap:wrap;padding:0;list-style:none;display:flex}.project-card-stack li{color:var(--panel-muted);font-family:var(--font-mono);font-size:.7rem}.project-card-stack li+li:before{color:var(--magenta);content:"/";margin-right:var(--space-2)}.page{max-width:var(--page-max);min-height:calc(100dvh - var(--header-height) - var(--footer-height));padding:clamp(1.5rem, 4vw, 3.5rem) var(--page-pad) var(--space-7);z-index:1;margin:0 auto;position:relative}.page h1{color:var(--body-text);font-family:var(--font-display);letter-spacing:.02em;margin:var(--space-4) 0 var(--space-3);text-shadow:.05em .05em 0 var(--magenta);text-transform:uppercase;font-size:clamp(2.4rem,7vw,4rem);line-height:1}.page>h2{color:var(--body-text);font-family:var(--font-display);letter-spacing:.02em;margin:var(--space-6) 0 var(--space-2);text-transform:uppercase;font-size:1.5rem;font-weight:400;line-height:1.1}.page p{color:var(--body-muted);margin:0 0 var(--space-3);max-width:62ch;line-height:1.65}.page-lede{font-size:1.08rem;color:var(--body-text)!important}.page a:not(.card-action){color:var(--cyan)}.page-code{background:var(--panel-bg);border:2px solid var(--panel-border);color:var(--panel-text);font-family:var(--font-mono);margin:0 0 var(--space-4);padding:var(--space-3);font-size:.82rem;overflow-x:auto}.page-search{gap:var(--space-1);margin:var(--space-5) 0 var(--space-4);max-width:22rem;display:grid}.page-search span{color:var(--body-muted);letter-spacing:.06em;text-transform:uppercase;font-size:.74rem;font-weight:900}.page-search input{background:var(--paper);border:2px solid var(--ink-deep);box-shadow:3px 3px 0 var(--ink-shade);color:var(--ink);padding:.55rem .7rem;font-weight:700}.api-tool-list,.lab-list{gap:var(--space-3);max-width:60rem;margin:0;padding:0;list-style:none;display:grid}.api-tool-list li,.lab-list li{background:var(--panel-bg);border:2px solid var(--panel-border);box-shadow:var(--shadow-hard);color:var(--panel-text);gap:var(--space-2);padding:var(--space-4);display:grid}.api-tool-head h2,.lab-head h2{color:var(--panel-text);font-family:var(--font-display);letter-spacing:.02em;text-transform:uppercase;margin:0;font-size:1.35rem;font-weight:400;line-height:1.1}.api-tool-head,.lab-head{align-items:center;gap:var(--space-3);justify-content:space-between;display:flex}.api-tool-kind,.lab-state{color:var(--panel-muted);font-family:var(--font-mono);text-transform:uppercase;font-size:.7rem}.lab-state[data-state=live]{background:var(--cyan);border:2px solid var(--ink-shade);color:var(--on-accent);font-family:var(--font-body);letter-spacing:.06em;padding:.25rem .45rem;font-weight:900;line-height:1;rotate:-2deg}.api-tool-endpoint{color:var(--cyan);font-family:var(--font-mono);font-size:.78rem}.api-tool-fields{gap:var(--space-1);margin:0;display:grid}.api-tool-fields div{gap:var(--space-2);grid-template-columns:minmax(6rem,auto) minmax(0,1fr);display:grid}.api-tool-fields dt{color:var(--panel-text);font-family:var(--font-mono);font-size:.76rem}.api-tool-fields dd{color:var(--panel-muted);margin:0;font-size:.8rem}.tool-controls{align-items:center;gap:var(--space-2) var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.tool-controls .app-mode-tabs{grid-template-columns:repeat(2,auto);max-width:none;margin:0}.route-loading,.render-error{color:var(--body-text);max-width:40rem;padding:var(--space-7) var(--space-4);z-index:1;margin:0 auto;position:relative}@media (width<=640px){.hub-header{grid-template-columns:1fr}}.ask-form{gap:var(--space-2);margin:var(--space-5) 0 var(--space-4);max-width:44rem;display:grid}.ask-form label{color:var(--body-muted);letter-spacing:.06em;text-transform:uppercase;font-size:.74rem;font-weight:900}.ask-form textarea{background:var(--paper);border:2px solid var(--ink-deep);box-shadow:3px 3px 0 var(--ink-shade);color:var(--ink);font-family:var(--font-mono);padding:var(--space-3);resize:vertical;font-size:.92rem}.ask-form textarea:focus-visible{box-shadow:5px 5px 0 var(--magenta);outline:3px solid var(--body-text);outline-offset:2px}.ask-form>button,.ask-result button,.render-error button{background:var(--magenta);border:2px solid var(--ink-shade);box-shadow:3px 3px 0 var(--ink-shade);color:var(--on-accent);cursor:pointer;letter-spacing:.03em;text-transform:uppercase;min-height:2.6rem;transition:background var(--duration) var(--ease), box-shadow var(--duration) var(--ease), transform var(--duration) var(--ease);justify-self:start;padding:.55rem 1.1rem;font-weight:900}.ask-form>button:hover:not(:disabled),.ask-result button:hover,.render-error button:hover{background:var(--yellow);box-shadow:5px 5px 0 var(--ink-shade);transform:translate(-2px,-2px)}.ask-form>button:disabled{cursor:not-allowed;opacity:.55}.ask-examples{gap:var(--space-2);margin:0 0 var(--space-5);flex-wrap:wrap;padding:0;list-style:none;display:flex}.ask-examples button{border:2px solid var(--edge);color:var(--body-text);cursor:pointer;transition:background var(--duration) var(--ease), border-color var(--duration) var(--ease);background:0 0;padding:.25rem .55rem;font-size:.8rem;font-weight:700}.ask-examples button:hover,.ask-examples button:focus-visible{background:var(--ground-tint-strong);border-color:var(--body-text);outline:0}.ask-error{background:rgb(var(--magenta-rgb) / .1);border:2px solid var(--magenta);padding:var(--space-2) var(--space-3);color:var(--body-text)!important}.ask-result{background:var(--panel-bg);border:2px solid var(--body-text);max-width:60rem;box-shadow:8px 8px 0 var(--magenta);color:var(--panel-text);gap:var(--space-3);padding:var(--space-5);display:grid}.ask-result h2{margin:0;font-size:1.4rem}.ask-fields{gap:var(--space-1);margin:0;display:grid}.ask-fields div{gap:var(--space-2);grid-template-columns:minmax(5rem,auto) minmax(0,1fr);display:grid}.ask-fields dt{color:var(--panel-muted);font-family:var(--font-mono);font-size:.76rem}.ask-fields dd{color:var(--panel-text);overflow-wrap:anywhere;margin:0;font-size:.85rem}.theme-toggle{border:2px solid var(--edge);color:var(--body-text);cursor:pointer;font:inherit;align-items:center;gap:var(--space-2);letter-spacing:.04em;text-transform:uppercase;min-height:2.25rem;transition:background var(--duration) var(--ease), border-color var(--duration) var(--ease);white-space:nowrap;background:0 0;justify-content:center;width:2.25rem;padding:0;font-size:.78rem;font-weight:900;text-decoration:none;display:inline-flex}.theme-toggle:hover{background:var(--ground-tint-strong);border-color:var(--body-text);outline:0}.theme-toggle:focus-visible,.palette-button:focus-visible,.site-sign-in:focus-visible,.site-brand:focus-visible{outline:3px solid var(--magenta);outline-offset:2px}.explain-subjects{gap:var(--space-2);margin:var(--space-5) 0 0;flex-wrap:wrap;display:flex}.explain-subjects button{border:2px solid var(--edge);color:var(--body-text);cursor:pointer;transition:background var(--duration) var(--ease), border-color var(--duration) var(--ease);letter-spacing:.04em;text-transform:uppercase;background:0 0;padding:.35rem .75rem;font-size:.82rem;font-weight:700}.explain-subjects button:hover,.explain-subjects button:focus-visible{background:var(--ground-tint-strong);border-color:var(--body-text);outline:0}.explain-subjects button[aria-pressed=true]{background:var(--body-text);border-color:var(--body-text);color:var(--page-ground)}.explain-warnings{background:rgb(var(--yellow-rgb) / .1);border:2px solid var(--yellow);color:var(--panel-text);gap:var(--space-1);padding:var(--space-2) var(--space-3);margin:0;list-style:none;display:grid}.palette-backdrop{background:rgb(var(--ink-void-rgb) / .72);padding:clamp(2rem, 10vh, 7rem) var(--space-4) var(--space-4);z-index:90;justify-content:center;align-items:flex-start;display:flex;position:fixed;inset:0}.palette{background:var(--console-bg);border:2px solid var(--body-text);box-shadow:8px 8px 0 var(--magenta);grid-template-rows:auto minmax(0,1fr) auto;gap:0;width:min(38rem,100%);max-height:min(32rem,70vh);display:grid}.palette-input{background:var(--paper);border:0;border-bottom:2px solid var(--ink-deep);color:var(--ink);padding:var(--space-3);width:100%;font-size:1rem;font-weight:700}.palette-input:focus-visible{outline:0}.palette-list{padding:var(--space-1);gap:1px;display:grid;overflow-y:auto}.palette-option{color:var(--body-text);cursor:pointer;font:inherit;align-items:baseline;gap:var(--space-2);padding:.45rem var(--space-2);text-align:left;background:0 0;border:0;grid-template-columns:6.5rem minmax(0,1fr) auto;width:100%;display:grid}.palette-option[data-active=true]{background:var(--body-text);color:var(--page-ground)}.palette-option-group{letter-spacing:.04em;opacity:.75;text-transform:uppercase;font-size:.68rem;font-weight:900}.palette-option-label{text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.palette-option-hint{opacity:.7;font-size:.72rem}.palette-empty{color:var(--body-muted);padding:var(--space-3);margin:0}.palette-footnote{border-top:2px solid var(--edge-soft);color:var(--body-muted);padding:var(--space-2) var(--space-3);margin:0;font-size:.72rem}.palette-favourite{color:var(--cyan);cursor:pointer;font:inherit;background:0 0;border:0;padding:0;text-decoration:underline}.palette-button{border:2px solid var(--edge);color:var(--body-text);cursor:pointer;font:inherit;align-items:center;gap:var(--space-2);letter-spacing:.04em;text-transform:uppercase;min-height:2.25rem;transition:background var(--duration) var(--ease), border-color var(--duration) var(--ease);white-space:nowrap;background:0 0;padding:0 .7rem;font-size:.78rem;font-weight:900;text-decoration:none;display:inline-flex}.palette-button:hover{background:var(--ground-tint-strong);border-color:var(--body-text);outline:0}.palette-button kbd{border:1px solid var(--edge);color:var(--body-muted);font-family:var(--font-mono);padding:0 .3rem;font-size:.68rem;font-weight:400}.mascot-button[data-state=ready] img{animation:mascot-nod .42s var(--ease)}.mascot-button[data-state=error] img{filter:saturate(.7);animation:.32s ease-in-out mascot-shake}.mascot-button[data-state=empty] img{opacity:.9}@keyframes mascot-nod{0%{transform:translateY(0)rotate(0)}40%{transform:translateY(6px)rotate(-3deg)}to{transform:translateY(0)rotate(0)}}@keyframes mascot-shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.site-header{background:var(--chrome-bg);border-bottom:2px solid var(--panel-border);z-index:60;position:sticky;top:0}.site-header-inner{align-items:center;gap:var(--space-4);height:var(--header-height);max-width:var(--page-max);padding:0 var(--page-pad);margin:0 auto;display:flex}.site-brand{color:var(--body-text);align-items:center;gap:var(--space-2);text-decoration:none;display:inline-flex}.site-brand img{width:auto;height:2rem}.site-brand span{font-family:var(--font-display);letter-spacing:.02em;text-transform:uppercase;font-size:1.5rem;line-height:1}.site-nav{align-self:stretch;gap:var(--space-1);margin-left:var(--space-4);display:flex}.site-nav a{color:var(--body-muted);letter-spacing:.04em;text-transform:uppercase;transition:border-color var(--duration) var(--ease), color var(--duration) var(--ease);border-top:4px solid #0000;border-bottom:4px solid #0000;align-items:center;padding:0 .7rem;font-size:.84rem;font-weight:900;text-decoration:none;display:inline-flex}.site-nav a:hover,.site-nav a.is-active{border-bottom-color:var(--magenta);color:var(--body-text)}.site-nav a:focus-visible{outline:3px solid var(--magenta);outline-offset:-3px}.site-actions{align-items:center;gap:var(--space-2);margin-left:auto;display:flex}.site-footer{border-top:2px solid var(--panel-border);z-index:1;position:relative}.site-footer-inner{align-items:center;gap:var(--space-3) var(--space-5);max-width:var(--page-max);min-height:var(--footer-height);padding:var(--space-4) var(--page-pad);flex-wrap:wrap;justify-content:space-between;margin:0 auto;display:flex}.site-footer-note{color:var(--body-muted);margin:0;font-size:.82rem}.site-footer-links{gap:var(--space-4);display:flex}.site-footer-links a{color:var(--body-muted);letter-spacing:.04em;text-transform:uppercase;font-size:.8rem;font-weight:900;text-decoration:none}.site-footer-links a:hover{color:var(--body-text);text-decoration:underline;-webkit-text-decoration-color:var(--magenta);text-decoration-color:var(--magenta);text-underline-offset:4px;text-decoration-thickness:3px}.card-action{background:var(--paper);border:2px solid var(--ink-shade);box-shadow:3px 3px 0 var(--ink-shade);color:var(--ink);letter-spacing:.04em;text-transform:uppercase;height:2.5rem;transition:background var(--duration) var(--ease), box-shadow var(--duration) var(--ease), color var(--duration) var(--ease), transform var(--duration) var(--ease);justify-self:start;align-items:center;gap:.4rem;margin-top:auto;padding:0 .85rem;font-size:.78rem;font-weight:900;line-height:1;text-decoration:none;display:inline-flex}.card-action span{transition:transform var(--duration) var(--ease);font-size:.9em;line-height:1}.project-card:hover .card-action,.project-card:focus-visible .card-action,.card-action:hover,.card-action:focus-visible{background:var(--yellow);box-shadow:4px 4px 0 var(--magenta);color:var(--on-accent);outline:0;transform:translate(-1px,-1px)}.project-card:hover .card-action span,.card-action:hover span{transform:translate(3px)}.api-key-field{gap:var(--space-2);margin-top:var(--space-4);display:grid}.api-key-field-head{justify-content:space-between;align-items:baseline;display:flex}.api-key-field-head label{color:var(--panel-muted);letter-spacing:.06em;text-transform:uppercase;font-size:.74rem;font-weight:900}.api-key-field-status{color:var(--body-muted);font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;font-size:.68rem}.api-key-field[data-configured] .api-key-field-status{color:var(--green)}.api-key-field-row{gap:var(--space-2);grid-template-columns:minmax(0,1fr) auto auto;display:grid}.api-key-field-row input{background:var(--paper);border:2px solid var(--ink-deep);box-shadow:3px 3px 0 var(--ink-shade);color:var(--ink);font-family:var(--font-mono);width:100%;min-width:0;padding:.55rem .7rem;font-size:.86rem}.api-key-field-row input:focus-visible{box-shadow:5px 5px 0 var(--magenta);outline:3px solid var(--body-text);outline-offset:2px}.api-key-field-row input::placeholder{color:rgb(var(--ink-rgb) / .45);font-family:var(--font-body)}.api-key-field-row button{border:2px solid var(--edge);color:var(--body-text);cursor:pointer;font:inherit;align-items:center;gap:var(--space-2);letter-spacing:.04em;text-transform:uppercase;transition:background var(--duration) var(--ease), border-color var(--duration) var(--ease);white-space:nowrap;background:0 0;padding:0 .7rem;font-size:.78rem;font-weight:900;text-decoration:none;display:inline-flex}.api-key-field-row button:hover:not(:disabled),.api-key-field-row button:focus-visible{background:var(--ground-tint-strong);border-color:var(--body-text);outline:0}.api-key-field-row button:disabled{cursor:default;opacity:.4}.api-key-field-hint{color:var(--body-muted);margin:0;font-size:.78rem}.tool-skeleton{gap:var(--space-3);min-height:18rem;padding:var(--generator-padding);display:grid}.tool-skeleton-label{color:var(--yellow);letter-spacing:.06em;text-transform:uppercase;font-size:.68rem;font-weight:900}.tool-skeleton-picker,.tool-skeleton-line,.tool-skeleton-field,.tool-skeleton-button{background:linear-gradient(100deg, var(--ground-tint) 20%, var(--ground-tint-strong) 50%, var(--ground-tint) 80%);background-size:200% 100%;animation:1.4s ease-in-out infinite skeleton-shimmer}.tool-skeleton-picker{border:2px solid var(--edge-soft);height:3rem}.tool-skeleton-line{height:.9rem}.tool-skeleton-fields{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.tool-skeleton-field{height:2.6rem}.tool-skeleton-button{height:2.8rem;margin-top:auto}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.tool-skeleton-picker,.tool-skeleton-line,.tool-skeleton-field,.tool-skeleton-button{animation:none}}@media (width<=720px){.site-header-inner{height:auto;padding-bottom:var(--space-2);padding-top:var(--space-2);row-gap:var(--space-2);flex-wrap:wrap}.site-nav{margin-left:calc(var(--space-2) * -1);order:3;width:100%}.site-nav a{min-height:2rem;padding:0 var(--space-2);border-top:0}.site-brand span{font-size:1.25rem}.palette-button kbd{display:none}}.site-sign-in{border:2px solid var(--edge);color:var(--body-text);cursor:pointer;font:inherit;align-items:center;gap:var(--space-2);letter-spacing:.04em;text-transform:uppercase;min-height:2.25rem;transition:background var(--duration) var(--ease), border-color var(--duration) var(--ease);white-space:nowrap;background:0 0;padding:0 .7rem;font-size:.78rem;font-weight:900;text-decoration:none;display:inline-flex}.site-sign-in:hover{background:var(--ground-tint-strong);border-color:var(--body-text);outline:0}.site-sign-in-dot{border:2px solid var(--edge);border-radius:50%;width:.6rem;height:.6rem}.site-sign-in[data-signed-in] .site-sign-in-dot{background:var(--green);border-color:var(--green)}.key-required{background:rgb(var(--yellow-rgb) / .1);border:2px solid var(--yellow);color:var(--body-text);align-items:center;gap:var(--space-2) var(--space-4);margin:var(--space-4) 0 0;padding:var(--space-2) var(--space-3);flex-wrap:wrap;justify-content:space-between;font-size:.86rem;display:flex}.key-required a{color:var(--yellow);letter-spacing:.04em;text-transform:uppercase;font-weight:900;text-decoration:none}.key-required a:hover{text-decoration:underline}.quick-picks{gap:var(--space-2);margin-top:var(--space-4);display:grid}.quick-picks-label{color:var(--body-muted);letter-spacing:.06em;text-transform:uppercase;font-size:.72rem;font-weight:900}.quick-picks ul{gap:var(--space-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.quick-picks button{border:2px solid var(--edge);color:var(--body-text);cursor:pointer;transition:background var(--duration) var(--ease), border-color var(--duration) var(--ease);background:0 0;padding:.4rem .75rem;font-size:.9rem;font-weight:700}.quick-picks button:hover,.quick-picks button:focus-visible{background:var(--ground-tint-strong);border-color:var(--body-text);outline:0}.sign-in-panel{background:var(--panel-bg);border:2px solid var(--body-text);box-shadow:8px 8px 0 var(--magenta);color:var(--panel-text);gap:var(--space-3);margin:var(--space-5) 0;max-width:40rem;padding:var(--space-5);display:grid}.sign-in-panel .api-key-field{margin-top:0}.polychat-connect-title{color:var(--panel-muted);letter-spacing:.06em;text-transform:uppercase;font-size:.74rem;font-weight:900}.polychat-connect-code{font-family:var(--font-mono);letter-spacing:.12em;margin:0;font-size:1.4rem;font-weight:900}.polychat-connect-action{border:2px solid var(--edge);color:var(--body-text);cursor:pointer;font:inherit;align-items:center;gap:var(--space-2);letter-spacing:.04em;text-transform:uppercase;min-height:2.25rem;transition:background var(--duration) var(--ease), border-color var(--duration) var(--ease);white-space:nowrap;background:0 0;justify-self:start;padding:0 .7rem;font-size:.78rem;font-weight:900;text-decoration:none;display:inline-flex}.polychat-connect-action:hover:not(:disabled),.polychat-connect-action:focus-visible{background:var(--ground-tint-strong);border-color:var(--body-text);outline:0}.polychat-connect-action:disabled{cursor:default;opacity:.4}.sign-in-dev{border:2px dashed rgb(var(--yellow-rgb) / .7);color:var(--yellow);cursor:pointer;letter-spacing:.04em;text-transform:uppercase;background:0 0;justify-self:start;padding:.45rem .8rem;font-size:.76rem;font-weight:900}.sign-in-dev:hover:not(:disabled){background:rgb(var(--yellow-rgb) / .12)}.sign-in-dev:disabled{cursor:default;opacity:.6}.sign-in code{background:var(--ground-tint-strong);font-family:var(--font-mono);padding:.1em .35em;font-size:.85em}.result-box .result-content>:is(.dice-result-view,.coin-result-view,.result-with-history,.field-result,.records-result,.palette-result,.colour-records-result){padding-top:3rem}.app-card-uses{font-size:.8rem}.app-page{max-width:none;padding-top:var(--space-4)}.app-page-back{letter-spacing:.04em;margin:0 0 var(--space-3);text-transform:uppercase;font-size:.84rem;font-weight:900}.app-frame{background:var(--page-ground);border:2px solid var(--panel-border);box-shadow:var(--shadow-hard);box-sizing:content-box;height:max(36rem, calc(100dvh - var(--header-height) - 9rem));width:calc(100% - 4px);display:block}