:root{--ink:#11142e;--ink-deep:#0d1024;--ink-void:#080b21;--ink-plum:#151326;--ink-ember:#250f18;--paper:#fff7d7;--paper-warm:#f0d9bb;--paper-bright:#fff;--cyan:#25ffe6;--magenta:#ff2f78;--yellow:#ffd14c;--green:#2fff82;--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:37 255 230;--magenta-rgb:255 47 120;--yellow-rgb:255 209 76;--surface:var(--ink);--surface-deep:var(--ink-deep);--surface-paper:var(--paper);--text:var(--paper);--text-accent:var(--cyan);--text-warn:var(--yellow);--border-loud:2px solid var(--ink);--border-accent:2px solid var(--cyan);--shadow-hard:4px 4px 0 var(--ink);--shadow-hard-lg:8px 8px 0 var(--ink);--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:linear-gradient(135deg, var(--ink-deep) 0%, var(--ink-plum) 43%, var(--ink-ember) 100%);--page-grid:rgb(var(--paper-bright-rgb) / .035);--page-grid-soft:rgb(var(--paper-bright-rgb) / .03);--page-glow:rgb(var(--magenta-rgb) / .24);--scanline:rgb(var(--paper-rgb) / .02);--vignette:rgb(var(--ink-void-rgb) / .24);--scrollbar-track:var(--ink);--panel-bg:rgb(var(--ink-rgb) / .86);--panel-border:var(--paper-warm);--panel-text:var(--paper);--panel-muted:var(--paper-warm);--body-text:var(--paper);--body-muted:var(--paper-warm);--console-bg:rgb(var(--ink-void-rgb) / .8);--console-field-bg:rgb(var(--paper-rgb) / .08);--chrome-bg:rgb(var(--ink-void-rgb) / .72);--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)}:root[data-theme=light]{--cyan:#0a7d70;--magenta:#c81a5c;--yellow:#a86a00;--cyan-rgb:10 125 112;--magenta-rgb:200 26 92;--yellow-rgb:168 106 0;--body-text:#1a1436;--body-muted:#4a4166;--console-bg:#ffffffd6;--console-field-bg:#1a14360f;--chrome-bg:#ffffffd6;--on-accent:#fff7d7;--edge:#1a143659;--edge-soft:#1a143629;--ground-tint:#1a14360f;--ground-tint-strong:#1a143624;--page-ground:linear-gradient(135deg, #fdf6e3 0%, #f7ecd8 46%, #f6e4e8 100%);--page-grid:#1a14360d;--page-grid-soft:#1a14360a;--page-glow:#c81a5c1a;--scanline:#1a143605;--vignette:#1a143614;--scrollbar-track:#e8dcc0;--panel-bg:#ffffffc7;--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:linear-gradient(90deg, var(--page-grid) 1px, transparent 1px), linear-gradient(var(--page-grid-soft) 1px, transparent 1px), radial-gradient(circle at 72% 18%, var(--page-glow), transparent 25rem), var(--page-ground);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-size:42px 42px,42px 42px,auto,auto;font-weight:400;line-height:1.5}*{box-sizing:border-box}::selection{background:var(--cyan);color:var(--ink-deep)}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}.shell:before{background:linear-gradient(115deg, transparent 0 44%, rgb(var(--cyan-rgb) / .34) 44% 45%, transparent 45%), linear-gradient(155deg, transparent 0 70%, rgb(var(--yellow-rgb) / .24) 70% 71%, transparent 71%);content:"";opacity:.58;pointer-events:none;position:absolute;inset:0}.shell:after{background:linear-gradient(var(--scanline) 50%, transparent 50%), radial-gradient(ellipse at center, transparent 42%, var(--vignette) 100%);content:"";mix-blend-mode:soft-light;opacity:.36;pointer-events:none;background-size:100% 4px,auto;position:absolute;inset:0}.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(--cyan);letter-spacing:.14em;text-transform:uppercase;margin:0 0 1rem;font-size:clamp(.86rem,1vw,1rem);font-weight:800}h1{color:var(--body-text);letter-spacing:0;text-shadow:.06em .05em 0 var(--magenta), .1em .09em 0 var(--ink);text-transform:uppercase;margin:0;font-family:Impact,Haettenschweiler,Arial Black,sans-serif;font-size:clamp(5rem,10vw,9.6rem);font-weight:900;line-height:.78}.intro{color:var(--body-muted);max-width:36rem;margin:clamp(1rem,2vh,1.65rem) 0;font-size:clamp(1.08rem,2vw,1.35rem)}.app-mode-tabs{grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:.4rem;max-width:20rem;margin:0 0 1rem;display:inline-grid}.app-mode-tabs button{background:var(--ground-tint);border:2px solid rgb(var(--cyan-rgb) / .7);color:var(--body-text);cursor:pointer;text-transform:uppercase;min-height:2.5rem;padding:0 .85rem;font:900 .82rem/1 Trebuchet MS,system-ui,sans-serif;transition:background .16s,color .16s,box-shadow .16s,transform .16s}.app-mode-tabs button[aria-pressed=true],.app-mode-tabs button:hover,.app-mode-tabs button:focus-visible{background:var(--cyan);box-shadow:4px 4px 0 var(--magenta);color:var(--on-accent);outline:0;transform:translate(-1px,-1px)}.app-mode-tabs button:disabled{background:var(--ground-tint);border-color:var(--edge);box-shadow:none;color:rgb(var(--paper-rgb) / .42);cursor:not-allowed;transform:none}.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);-webkit-backdrop-filter:blur(8px)saturate(1.1);backdrop-filter:blur(8px)saturate(1.1);background:linear-gradient(135deg, rgb(var(--cyan-rgb) / .055), transparent 34%), var(--console-bg);border:2px solid var(--cyan);box-shadow:10px 10px 0 var(--magenta), 0 0 44px rgb(var(--cyan-rgb) / .16), inset 0 0 0 1px var(--ground-tint);max-height:var(--generator-max-height);grid-template-rows:minmax(0,1fr) auto;gap:0;max-width:38rem;min-height:0;padding:0;transition:border-color .18s,box-shadow .18s,transform .18s;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:focus-within{border-color:var(--yellow);box-shadow:10px 10px 0 var(--magenta), 0 0 54px rgb(var(--cyan-rgb) / .22), inset 0 0 0 1px var(--ground-tint)}.generator label{color:var(--yellow);letter-spacing:.08em;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:inset 0 0 0 1px rgb(var(--magenta-rgb) / .18), 3px 3px 0 rgb(var(--cyan-rgb) / .32);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(--paper);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;justify-content:space-between;align-items:center;width:100%;min-height:3rem;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{background:var(--ink);color:var(--cyan);padding:.12rem .38rem;font-size:.78rem;font-weight:900}.tool-trigger:focus-visible{outline:3px solid var(--paper);outline-offset:2px}.tool-menu{background:var(--ink-void);border:2px solid var(--cyan);box-shadow:8px 8px 0 var(--magenta), 0 0 38px rgb(var(--cyan-rgb) / .18);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;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 button,.input-row button{background:var(--magenta);color:var(--body-text);cursor:pointer;text-transform:uppercase;flex-shrink:0;min-height:2.95rem;padding:0 1.35rem;font-size:.94rem;font-weight:900;transition:background .16s,color .16s,transform .16s}.generate-actions button:hover:not(:disabled),.input-row button:hover:not(:disabled){background:var(--cyan);color:var(--on-accent);transform:translate(-2px,-2px)}.generate-actions button:active:not(:disabled),.input-row button:active:not(:disabled){transform:translate(0)}.generate-actions button:disabled,.input-row button:disabled{cursor:wait;opacity:.72}.generate-actions button:focus-visible,.input-row button:focus-visible{outline:3px solid var(--paper);outline-offset:3px}.generate-actions{background:linear-gradient(180deg, rgb(var(--ink-void-rgb) / .78), rgb(var(--ink-void-rgb) / .96));min-height:calc(3.25rem + (var(--generator-padding) * 1.3));padding:.6rem var(--generator-padding) var(--generator-padding);grid-template-columns:minmax(0,1fr);align-items:stretch;gap:.55rem;display:grid}.generate-actions>.primary-action{width:100%}.mode-toggle{background:var(--ink);border:2px solid var(--cyan);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(--yellow);text-transform:uppercase;font-size:.76rem;font-weight:900}.mode-toggle button{color:var(--cyan);background:0 0;min-width:5.25rem;min-height:auto;padding:0 .65rem;font-size:.76rem}.mode-toggle button[aria-pressed=true]{background:var(--cyan);color:var(--on-accent)}.mode-toggle button:hover{background:var(--yellow);color:var(--on-accent);transform:none}.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;font-size:.78rem;font-weight:900}.field-control input,.field-control select,.field-control textarea{background:rgb(var(--paper-rgb) / .92);border:2px solid var(--ink-deep);box-shadow:inset 0 0 0 1px rgb(var(--magenta-rgb) / .18), 3px 3px 0 rgb(var(--cyan-rgb) / .32);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);border:1px solid rgb(var(--cyan-rgb) / .78);color:var(--cyan);cursor:pointer;font:inherit;text-transform:uppercase;min-height:1.9rem;margin-right:.7rem;padding:0 .65rem;font-weight:900;transition:background .16s,box-shadow .16s,color .16s,transform .16s}.field-control input[type=file]:hover::file-selector-button{background:var(--cyan);box-shadow:3px 3px 0 var(--magenta);color:var(--on-accent);transform:translate(-1px,-1px)}.field-control input[type=file]:focus-visible::file-selector-button{background:var(--cyan);box-shadow:3px 3px 0 var(--magenta);color:var(--on-accent);transform:translate(-1px,-1px)}.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(--paper);outline-offset:2px;transform:translate(-1px,-1px)}.field-control:focus-within span{color:var(--cyan)}.examples{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.examples span{color:var(--yellow);text-transform:uppercase;font-size:.75rem;font-weight:900}.examples button{background:var(--ground-tint);border:1px solid var(--edge);color:var(--body-muted);cursor:pointer;padding:.25rem .45rem;font-size:.82rem;font-weight:800;transition:background .14s,color .14s,transform .14s}.examples button:hover,.examples button:focus-visible{background:var(--cyan);color:var(--on-accent);outline:0;transform:translateY(-1px)}.error{color:var(--yellow);overflow-wrap:anywhere;margin:0;font-weight:800;line-height:1.25}.generate-actions .error{background:rgb(var(--yellow-rgb) / .08);border:1px solid rgb(var(--yellow-rgb) / .44);box-shadow:inset 4px 0 0 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:rgb(var(--cyan-rgb) / .15);border-color:var(--cyan)}.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(--ink);border:1px solid rgb(var(--cyan-rgb) / .5);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]{border-color:var(--cyan)}.converter-output-list{flex-wrap:wrap;gap:.4rem;display:flex}.converter-output-list span{background:var(--ink);border:1px solid rgb(var(--cyan-rgb) / .65);color:var(--cyan);text-transform:uppercase;padding:.25rem .45rem;font-size:.72rem;font-weight:900}.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(14px 16px 0 rgb(var(--magenta-rgb) / .3));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);border:1px solid rgb(var(--cyan-rgb) / .86);color:var(--cyan);cursor:pointer;place-items:center;width:2rem;height:2rem;font:900 .9rem/1 Trebuchet MS,system-ui,sans-serif;transition:background .16s,box-shadow .16s,color .16s,transform .16s;display:grid}.result-stage-tool-button:hover,.result-stage-tool-button:focus-visible,.result-stage-tool-button[aria-pressed=true]{background:var(--cyan);box-shadow:3px 3px 0 var(--magenta);color:var(--on-accent);outline:0;transform:translate(-1px,-1px)}.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(--yellow);border-top:2px solid rgb(var(--ink-rgb) / .2);color:var(--on-accent);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);border-top-color:rgb(var(--cyan-rgb) / .32);color:var(--body-text)}.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{background:linear-gradient(90deg, var(--ink-void) 0 72%, rgb(var(--ink-void-rgb) / .92));border-top-color:rgb(var(--cyan-rgb) / .24);color:rgb(var(--paper-warm-rgb) / .72);font-size:.72rem}.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:linear-gradient(90deg, var(--ink) 0 72%, rgb(var(--ink-rgb) / .92));border-top:2px solid rgb(var(--ink-rgb) / .2);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(--paper-rgb) / .42);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:linear-gradient(135deg, rgb(var(--cyan-rgb) / .055), transparent 32%), 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(--cyan);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{background:var(--ink-void);border:1px solid rgb(var(--cyan-rgb) / .72);color:var(--body-text);cursor:pointer;place-items:center;width:2rem;height:2rem;font:900 1rem/1 Trebuchet MS,system-ui,sans-serif;display:grid}.result-dialog-header button:hover,.result-dialog-header button:focus-visible{background:var(--cyan);color:var(--on-accent);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:var(--ink);border-right:2px solid rgb(var(--cyan-rgb) / .42);color:var(--body-text);scrollbar-color:var(--magenta) var(--edge-soft);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(--cyan);overflow-wrap:anywhere;text-transform:uppercase;margin:0;font-size:clamp(1rem,2vw,1.25rem);line-height:1.05}.result-summary-panel p{color:var(--yellow);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:var(--ground-tint);border-left:3px solid var(--cyan);min-width:0;padding:.45rem .5rem}.result-summary-details div{border-left-color:var(--magenta)}.result-summary-panel dt{color:var(--yellow);text-transform:uppercase;font-size:.72rem;font-weight:900}.result-summary-panel dd{color:var(--body-text);overflow-wrap:anywhere;margin:.14rem 0 0;font-size:.76rem;font-weight:800;line-height:1.25}.result-summary-panel a{color:var(--cyan);-webkit-text-decoration-color:rgb(var(--cyan-rgb) / .55);text-decoration-color:rgb(var(--cyan-rgb) / .55)}.result-summary-footnote{border-top:1px solid var(--edge);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), 0 0 32px rgb(var(--cyan-rgb) / .14);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), 0 0 24px rgb(var(--cyan-rgb) / .12);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(--cyan-rgb) / .28), 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:rgb(var(--magenta-rgb) / .92);place-items:center;width:2.85rem;font:900 1.6rem/1 Trebuchet MS,system-ui,sans-serif;display:grid}.empty-result p{text-transform:uppercase;margin:0;font:900 .95rem/1.3 Trebuchet MS,system-ui,sans-serif}.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);padding:.24rem .34rem;font:900 .7rem/1 Trebuchet MS,system-ui,sans-serif}.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:1px solid var(--ink);box-shadow:4px 4px 0 var(--magenta);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,.image-preview-more{text-align:center;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font:900 .66rem/1.2 Trebuchet MS,system-ui,sans-serif;overflow:hidden}.image-preview-more{background:var(--ink);color:var(--cyan);justify-self:center;margin:0;padding:.3rem .55rem}.text-result{color:var(--ink);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;font:800 .76rem/1.52 SFMono-Regular,Consolas,Liberation Mono,monospace;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) / .08);border-left:3px solid var(--magenta);padding:.5rem .6rem}.field-result .field-status{background:var(--ink);border-left-color:var(--cyan);color:var(--body-text);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]{border-left-color:var(--green)}.field-result .field-status[data-status=failed],.field-result .field-error{border-left-color:var(--magenta)}.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;min-width:100%;font:800 .78rem/1.35 Trebuchet MS,system-ui,sans-serif}.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(--magenta);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) / .08);border-left:3px solid var(--magenta);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);overflow-wrap:anywhere;font:900 .82rem/1.12 Trebuchet MS,system-ui,sans-serif}.record-preview-more{background:var(--ink);color:var(--cyan);text-transform:uppercase;justify-self:center;margin:0;padding:.3rem .55rem;font:900 .68rem/1.2 Trebuchet MS,system-ui,sans-serif}.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:rgb(var(--ink-rgb) / .08);border:1px solid rgb(var(--ink-rgb) / .2);box-shadow:4px 4px 0 rgb(var(--magenta-rgb) / .34);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);overflow-wrap:anywhere;font:900 .95rem/1.05 Trebuchet MS,system-ui,sans-serif}.dice-result-header div:last-child strong{color:var(--magenta);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(--cyan);text-align:center;min-width:2.75rem;padding:.25rem .4rem;font:900 1.45rem/1 Trebuchet MS,system-ui,sans-serif}.dice-face-row{flex-wrap:wrap;justify-content:center;gap:.45rem;display:flex}.dice-face{aspect-ratio:1;background:linear-gradient(135deg, rgb(var(--cyan-rgb) / .08), transparent 56%), var(--ink);border:2px solid var(--cyan);box-shadow:3px 3px 0 var(--magenta);color:var(--body-text);flex:0 0 2.55rem;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);place-items:center;width:2.55rem;font:900 1rem/1 Trebuchet MS,system-ui,sans-serif;display:grid}.dice-face>span{background:var(--paper);box-shadow:0 0 8px rgb(var(--cyan-rgb) / .55);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(--paper-rgb) / .54);border-left:3px solid var(--cyan);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}.dice-result-more{background:var(--ink);color:var(--cyan);text-transform:uppercase;justify-self:center;margin:0;padding:.3rem .55rem;font:900 .68rem/1.2 Trebuchet MS,system-ui,sans-serif}.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:rgb(var(--ink-rgb) / .08);border:1px solid rgb(var(--ink-rgb) / .2);box-shadow:4px 4px 0 rgb(var(--magenta-rgb) / .34);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);overflow-wrap:anywhere;font:900 .95rem/1.05 Trebuchet MS,system-ui,sans-serif}.coin-result-header div:not(:first-child) strong{color:var(--magenta);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:radial-gradient(circle at 36% 30%, rgb(var(--paper-rgb) / .9), transparent 24%), var(--yellow);border:2px solid var(--ink);box-shadow:3px 3px 0 var(--magenta);color:var(--ink);border-radius:999px;flex:0 0 3.55rem;justify-content:center;align-items:center;width:3.55rem;font:900 1.35rem/1 Trebuchet MS,system-ui,sans-serif;display:inline-flex}.coin-face[data-side=tails]{background:radial-gradient(circle at 36% 30%, rgb(var(--paper-rgb) / .45), transparent 24%), var(--cyan)}.result-history{background:linear-gradient(135deg, rgb(var(--cyan-rgb) / .08), transparent 34%), rgb(var(--ink-void-rgb) / .88);border:2px solid var(--cyan);box-shadow:4px 4px 0 rgb(var(--magenta-rgb) / .42);color:var(--body-text);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:var(--cyan)}.result-history-header strong{color:var(--body-text);text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font:900 .85rem/1.1 Trebuchet MS,system-ui,sans-serif;overflow:hidden}.result-history-header button{background:var(--ink-void);border:1px solid var(--magenta);color:var(--magenta);cursor:pointer;text-transform:uppercase;min-height:1.8rem;padding:0 .55rem;font:900 .72rem/1 Trebuchet MS,system-ui,sans-serif}.result-history-header button:hover,.result-history-header button:focus-visible{background:var(--magenta);color:var(--body-text);outline:0}.result-history-list{scrollbar-color:var(--magenta) var(--edge-soft);scrollbar-width:thin;gap:.4rem;display:grid;overflow:auto}.result-history-item{background:var(--ground-tint);border:1px solid var(--ground-tint-strong);color:inherit;cursor:pointer;text-align:left;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:rgb(var(--cyan-rgb) / .14);border-color:var(--cyan);outline:0}.result-history-item strong,.result-history-item small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.result-history-item strong{color:var(--body-text);text-transform:uppercase;font-size:.86rem;font-weight:900}.result-history-item small{color:var(--yellow);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(--body-text);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(--body-text);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(--cyan);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(--yellow);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);border:1px solid rgb(var(--cyan-rgb) / .42);color:var(--cyan);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:1px solid var(--ink);box-shadow:4px 4px 0 var(--magenta);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{text-transform:uppercase;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%;font:800 .7rem/1.2 Trebuchet MS,system-ui,sans-serif;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(--magenta)}.slackmoji-batch-error{color:var(--magenta);text-align:center;margin:0;padding:0 .2rem;font:800 .55rem/1.2 Trebuchet MS,system-ui,sans-serif}.slackmoji-batch-more{background:var(--ink);color:var(--cyan);text-transform:uppercase;justify-self:center;margin:0;padding:.3rem .55rem;font:900 .68rem/1.2 Trebuchet MS,system-ui,sans-serif}@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(--ink-void);border:1px solid rgb(var(--cyan-rgb) / .75);color:var(--body-text);cursor:pointer;justify-content:center;align-items:center;gap:.35rem;width:2.45rem;height:2.45rem;padding:0;font:900 1rem/1 Trebuchet MS,system-ui,sans-serif;text-decoration:none;transition:background .16s,color .16s,box-shadow .16s,transform .16s;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(--cyan);box-shadow:4px 4px 0 var(--magenta);color:var(--on-accent);transform:translate(-1px,-1px)}.result-actions a:focus-visible,.result-actions button:focus-visible{outline:3px solid var(--paper);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(--ink);border:2px solid var(--cyan);box-shadow:6px 6px 0 var(--magenta);color:var(--yellow);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}@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""logo intro""mode-tabs mode-tabs""generator generator";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(6px 7px 0 rgb(var(--magenta-rgb) / .36));width:100%;display:block}h1{grid-area:title;font-size:clamp(3.7rem,18vw,6rem)}.intro{grid-area:intro;margin:.4rem 0 0}.tool-controls{grid-area:mode-tabs;margin:1rem 0 0}.tool-controls .app-mode-tabs{flex:12rem;grid-template-columns:repeat(2,minmax(0,1fr));max-width:none;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 rgb(var(--cyan-rgb) / .42);border-right:0;max-height:15rem}.image-result{max-width:100%}.tool-menu{box-shadow:6px 6px 0 var(--magenta), 0 0 32px rgb(var(--cyan-rgb) / .16);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 button,.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(--cyan);align-items:center;gap:var(--space-4) var(--space-5);padding-bottom:var(--space-6);flex-wrap:wrap;display:flex}.hub-intro{flex:24rem;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(5rem,14vw,11rem);display:block}.hub-header h1{color:var(--body-text);font-family:var(--font-display);letter-spacing:.02em;text-shadow:4px 4px 0 var(--magenta), 8px 8px 0 rgb(var(--ink-rgb) / .45);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(--cyan);letter-spacing:.16em;margin:var(--space-6) 0 var(--space-4);text-transform:uppercase;font-size:.8rem;font-weight:900}.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(--cyan)}.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{color:var(--on-accent);letter-spacing:.14em;text-transform:uppercase;align-items:center;height:1.6rem;padding:0 .5rem;font-size:.72rem;font-weight:900;line-height:1;display:inline-flex}.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:var(--space-1);margin:var(--space-1) 0 0;flex-wrap:wrap;padding:0;list-style:none;display:flex}.project-card-stack li{border:1px solid rgb(var(--cyan-rgb) / .5);color:var(--cyan);font-family:var(--font-mono);padding:.1rem .4rem;font-size:.66rem}.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:3px 3px 0 var(--magenta);text-transform:uppercase;font-size:clamp(2.4rem,7vw,4rem)}.page h2{color:var(--cyan);margin:var(--space-6) 0 var(--space-2);font-size:1.1rem}.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{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(--cyan);letter-spacing:.12em;text-transform:uppercase;font-size:.68rem;font-weight:900}.page-search input{background:var(--paper);border:2px solid var(--ink);color:var(--ink);padding:.5rem .6rem;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}.lab-list li{border-left:6px solid var(--cyan)}.api-tool-head h2,.lab-head h2{font-family:var(--font-display);letter-spacing:.02em;text-transform:uppercase;font-size:1.35rem}.api-tool-head,.lab-head{align-items:baseline;gap:var(--space-3);justify-content:space-between;display:flex}.api-tool-head h2,.lab-head h2{color:var(--panel-text);margin:0;font-size:1.05rem}.api-tool-kind,.lab-state{color:var(--yellow);letter-spacing:.12em;text-transform:uppercase;font-size:.72rem;font-weight:900}.lab-state[data-state=live]{color:var(--cyan)}.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(--yellow);font-family:var(--font-mono);font-size:.76rem}.api-tool-fields dd{color:var(--body-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}.render-error button{background:var(--cyan);border:2px solid var(--ink);box-shadow:var(--shadow-hard);color:var(--on-accent);cursor:pointer;margin-top:var(--space-3);text-transform:uppercase;padding:.5rem .9rem;font-weight:900}@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(--cyan);letter-spacing:.12em;text-transform:uppercase;font-size:.68rem;font-weight:900}.ask-form textarea{background:var(--paper);border:2px solid var(--ink);box-shadow:var(--shadow-hard);color:var(--ink);font-family:var(--font-mono);padding:var(--space-3);resize:vertical;font-size:.92rem}.ask-form textarea:focus-visible{border-color:var(--cyan);outline:0}.ask-form>button,.ask-result button{background:var(--cyan);border:2px solid var(--ink);box-shadow:4px 4px 0 var(--magenta);color:var(--on-accent);cursor:pointer;letter-spacing:.08em;text-transform:uppercase;min-height:2.6rem;transition: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{box-shadow:6px 6px 0 var(--magenta);transform:translate(-2px,-2px)}.ask-form>button:disabled{background:var(--paper-warm);cursor:not-allowed}.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:1px solid var(--edge);color:var(--body-muted);cursor:pointer;background:0 0;padding:.25rem .55rem;font-size:.78rem}.ask-examples button:hover{border-color:var(--cyan);color:var(--cyan)}.ask-error{border-left:4px solid var(--magenta);padding-left:var(--space-3);color:var(--body-text)!important}.ask-result{background:var(--panel-bg);border:2px solid var(--cyan);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{font-family:var(--font-display);letter-spacing:.02em;text-transform:uppercase;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(--yellow);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;background:0 0;padding:.3rem .5rem;font-size:.9rem;line-height:1}.theme-toggle:hover{border-color:var(--cyan);color:var(--cyan)}.theme-toggle:focus-visible{outline:3px solid var(--cyan);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-muted);cursor:pointer;letter-spacing:.06em;text-transform:uppercase;background:0 0;padding:.3rem .7rem;font-weight:700}.explain-subjects button[aria-pressed=true]{background:var(--cyan);border-color:var(--on-accent);box-shadow:4px 4px 0 var(--magenta);color:var(--on-accent)}.explain-warnings{border-left:4px solid var(--yellow);color:var(--panel-muted);gap:var(--space-1);padding:var(--space-1) 0 var(--space-1) 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(--cyan);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);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(--cyan);color:var(--on-accent)}.palette-option-group{letter-spacing:.1em;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-muted);cursor:pointer;font:inherit;align-items:center;gap:var(--space-2);background:0 0;padding:.3rem .6rem;font-size:.78rem;font-weight:700;display:inline-flex}.palette-button:hover{border-color:var(--cyan);color:var(--cyan)}.palette-button kbd{font-family:var(--font-mono);border:1px solid;padding:0 .25rem;font-size:.68rem}.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);-webkit-backdrop-filter:blur(10px)saturate(1.1);backdrop-filter:blur(10px)saturate(1.1);border-bottom:2px solid rgb(var(--cyan-rgb) / .35);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:.04em;text-transform:uppercase;font-size:1.35rem;line-height:1}.site-nav{gap:var(--space-1);margin-left:var(--space-3);display:flex}.site-nav a{color:var(--body-muted);letter-spacing:.1em;text-transform:uppercase;transition:border-color var(--duration) var(--ease), color var(--duration) var(--ease);border-bottom:3px solid #0000;padding:.45rem .6rem .3rem;font-size:.78rem;font-weight:900;text-decoration:none}.site-nav a:hover,.site-nav a.is-active{border-bottom-color:var(--cyan);color:var(--body-text)}.site-nav a:focus-visible{outline:3px solid var(--cyan);outline-offset:2px}.site-actions{align-items:center;gap:var(--space-2);margin-left:auto;display:flex}.site-actions .palette-button,.site-actions .theme-toggle{min-height:2.25rem}.site-footer{border-top:2px solid var(--edge-soft);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:.1em;text-transform:uppercase;font-size:.76rem;font-weight:900;text-decoration:none}.site-footer-links a:hover{color:var(--cyan)}.card-action{border:2px solid var(--cyan);color:var(--cyan);letter-spacing:.1em;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);background:0 0;justify-self:start;align-items:center;gap:.4rem;margin-top:auto;padding:0 .85rem;font-size:.74rem;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(--cyan);box-shadow:3px 3px 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(--yellow);letter-spacing:.12em;text-transform:uppercase;font-size:.68rem;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(--cyan)}.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);box-shadow:3px 3px 0 rgb(var(--yellow-rgb) / .5);color:var(--ink);font-family:var(--font-mono);width:100%;min-width:0;padding:.55rem .7rem;font-size:.86rem}.api-key-field[data-configured] .api-key-field-row input{box-shadow:3px 3px 0 var(--cyan)}.api-key-field-row input:focus-visible{border-color:var(--cyan);outline:0}.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;letter-spacing:.08em;text-transform:uppercase;background:0 0;padding:0 .7rem;font-size:.72rem;font-weight:900}.api-key-field-row button:hover:not(:disabled),.api-key-field-row button:focus-visible{background:var(--cyan);border-color:var(--cyan);color:var(--on-accent);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:.12em;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{padding-top:.3rem;padding-bottom:.2rem}.site-brand span{font-size:1.15rem}}.site-sign-in{border:2px solid var(--edge);color:var(--body-text);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;align-items:center;gap:.45rem;min-height:2.25rem;padding:0 .7rem;font-size:.76rem;font-weight:900;text-decoration:none;display:inline-flex}.site-sign-in:hover,.site-sign-in:focus-visible{border-color:var(--cyan);color:var(--cyan);outline:0}.site-sign-in-dot{background:var(--edge);border-radius:50%;width:.5rem;height:.5rem}.site-sign-in[data-signed-in]{border-color:var(--cyan);color:var(--cyan)}.site-sign-in[data-signed-in] .site-sign-in-dot{background:var(--cyan);box-shadow:0 0 0 3px rgb(var(--cyan-rgb) / .25)}.key-required{background:rgb(var(--yellow-rgb) / .1);border:2px solid rgb(var(--yellow-rgb) / .6);color:var(--body-text);align-items:center;gap:var(--space-2) var(--space-4);margin:var(--space-3) 0 0;padding:var(--space-2) var(--space-3);border-left-width:6px;flex-wrap:wrap;justify-content:space-between;font-size:.86rem;display:flex}.key-required a{color:var(--yellow);letter-spacing:.08em;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:.12em;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{background:var(--ground-tint);border:2px solid rgb(var(--cyan-rgb) / .55);color:var(--body-text);cursor:pointer;transition:background var(--duration) var(--ease), box-shadow var(--duration) var(--ease), color var(--duration) var(--ease), transform var(--duration) var(--ease);padding:.4rem .75rem;font-weight:700}.quick-picks button:hover,.quick-picks button:focus-visible{background:var(--cyan);box-shadow:3px 3px 0 var(--magenta);color:var(--on-accent);outline:0;transform:translate(-1px,-1px)}.sign-in-panel{background:var(--panel-bg);border:2px solid var(--cyan);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}.sign-in-dev{border:2px dashed rgb(var(--yellow-rgb) / .7);color:var(--yellow);cursor:pointer;letter-spacing:.08em;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:rgb(var(--paper-rgb) / .1);font-family:var(--font-mono);padding:.1em .35em;font-size:.85em}