@font-face{font-family:Lato;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/lato-400-latin-DXRmO6t1.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Lato;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/lato-400-latin-ext-D1nGmWeV.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Lato;font-style:italic;font-weight:400;font-display:swap;src:url(/assets/lato-400i-latin-CBz-5j84.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Lato;font-style:italic;font-weight:400;font-display:swap;src:url(/assets/lato-400i-latin-ext-Dl-lPj-x.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Lato;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/lato-700-latin-D0hIvJyG.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Lato;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/lato-700-latin-ext-BhuHovnw.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Lato;font-style:normal;font-weight:900;font-display:swap;src:url(/assets/lato-900-latin-VL-2tOya.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Lato;font-style:normal;font-weight:900;font-display:swap;src:url(/assets/lato-900-latin-ext-0tsYAwS4.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}:root{--bg: #f4efe6;--bg-2: #ebe4d8;--bg-glow: #fff8ee;--surface: #fffaf3;--surface-2: #f7f1e8;--pane: color-mix(in srgb, var(--bg-2) 88%, transparent);--line: #ddd4c6;--line-strong: #c9bdaa;--text: #2a0d08;--muted: #6f645c;--accent: #ff6d4d;--accent-2: #e85a3c;--accent-ink: #2a0d08;--ok: #2f8a5c;--warn: #c46a3a;--glow: color-mix(in srgb, var(--accent) 22%, transparent);--shadow: 0 18px 40px rgba(42, 13, 8, .08);--well: #17171d;--well-mid: #22222b;--well-hi: #26262f;--well-preview-hi: #2a2a34;--well-shadow: 0 10px 22px rgba(0, 0, 0, .32);--font-ui: Lato, "Helvetica Neue", Helvetica, Arial, sans-serif;--font-mono: ui-monospace, "SF Mono", "Cascadia Code", Menlo, monospace;--tile: 80px;--sidebar: 220px;--preview: 260px;--preview-pad: 14px;--msg-line: color-mix(in srgb, var(--msg-text) 20%, transparent);--msg-fill: color-mix(in srgb, var(--msg-text) 8%, transparent);--page-x: 12px;--grid-x: 12px;--header-h: 77px;--r-sm: 10px;--r-md: 14px;--r-lg: 20px;--r-xl: 28px;--ease: cubic-bezier(.22, 1, .36, 1)}html[data-theme=dark]{color-scheme:dark;--bg: #101014;--bg-2: #18181e;--bg-glow: #1c1c24;--surface: #202028;--surface-2: #282830;--line: #31313c;--line-strong: #3e3e4c;--text: #f4f0e8;--muted: #b0abb8;--accent-2: #ff8a6a;--ok: #6ecf9a;--warn: #f0a07a;--glow: color-mix(in srgb, var(--accent) 20%, transparent);--shadow: 0 18px 40px rgba(0, 0, 0, .32)}html[data-theme=slack]{color-scheme:dark;--bg: #3f0e40;--bg-2: #4a154b;--bg-glow: #611f69;--surface: #532654;--surface-2: #5e2f5f;--pane: #ffffff;--line: #6b3d6c;--line-strong: #8a5a8b;--text: #ffffff;--muted: #d8c7d9;--accent: #36c5f0;--accent-2: #7fd8f7;--accent-ink: #1d1c1d;--ok: #2eb67d;--warn: #ecb22e;--glow: color-mix(in srgb, var(--accent) 22%, transparent);--shadow: 0 18px 40px rgba(29, 28, 29, .42);--pane-surface: color-mix(in srgb, #1d1c1d 5%, #ffffff);--pane-surface-2: color-mix(in srgb, #1d1c1d 10%, #ffffff);--pane-line: color-mix(in srgb, #1d1c1d 15%, #ffffff);--pane-line-strong: color-mix(in srgb, #1d1c1d 30%, #ffffff);--pane-text: #1d1c1d;--pane-muted: color-mix(in srgb, #1d1c1d 84%, #ffffff);--pane-accent: #1264a3;--pane-accent-2: color-mix(in srgb, #1264a3 78%, #1d1c1d);--pane-accent-ink: #ffffff;--slack-sidebar: #4a154b;--slack-row-hover: #350d36;--slack-row-active: #611f69;--slack-row-ink: #ffffff;--slack-row-rest: rgba(255, 255, 255, .7);--slack-pane-hover: #f8f8f8}html[data-theme=slack] :is(.grid-viewport,.preview){color-scheme:light;color:var(--pane-text);--bg-2: var(--pane);--surface: var(--pane-surface);--surface-2: var(--pane-surface-2);--line: var(--pane-line);--line-strong: var(--pane-line-strong);--text: var(--pane-text);--muted: var(--pane-muted);--accent: var(--pane-accent);--accent-2: var(--pane-accent-2);--accent-ink: var(--pane-accent-ink)}html[data-theme=slack] :is(.grid-viewport,.preview) ::selection{background:color-mix(in srgb,var(--accent) 38%,var(--pane));color:var(--text)}html[data-theme=slack] .sidebar{background:var(--slack-sidebar);border-radius:0 var(--r-lg) var(--r-lg) 0}html[data-theme=slack] .side-row,html[data-theme=slack] .side-kid{color:var(--slack-row-rest)}html[data-theme=slack] .side-row:hover:not([aria-pressed=true]){background:var(--slack-row-hover);color:var(--slack-row-ink)}html[data-theme=slack] .side-row[aria-pressed=true]{background:var(--slack-row-active);color:var(--slack-row-ink)}html[data-theme=slack] .side-kid .side-label:before{content:"#";margin-right:8px;font-weight:400}html[data-theme=slack] .side-head{color:var(--slack-row-rest)}html[data-theme=slack] .side-head[aria-pressed=true]{background:transparent;box-shadow:inset 2px 0 0 var(--accent);color:var(--slack-row-ink)}html[data-well=light]{--well: #ffffff;--well-mid: #ece8e2;--well-hi: #f6f3ee;--well-preview-hi: #fffdf9;--well-shadow: 0 10px 22px rgba(42, 13, 8, .1);--msg-text: #1d1c1d;--msg-muted: #616061}html[data-well=dark]{--well: #17171d;--well-mid: #22222b;--well-hi: #26262f;--well-preview-hi: #2a2a34;--well-shadow: 0 10px 22px rgba(0, 0, 0, .32);--msg-text: #ffffff;--msg-muted: rgba(255, 255, 255, .7)}html[data-theme=slack][data-well=dark]{--well: #1a1d21;--well-mid: color-mix(in srgb, #1a1d21 93%, #ffffff);--well-hi: color-mix(in srgb, #1a1d21 91%, #ffffff);--well-preview-hi: color-mix(in srgb, #1a1d21 89%, #ffffff)}*{box-sizing:border-box}html{color-scheme:light;accent-color:var(--accent);overflow-x:clip}html,body{margin:0;min-height:100%;background:radial-gradient(70% 42% at 50% -8%,var(--bg-glow) 0%,var(--bg) 72%);color:var(--text);font:15px/1.45 var(--font-ui)}.app-shell{min-height:100%;overflow-x:clip}.app-page{min-height:100%}a{color:var(--accent-2)}a:hover{color:var(--accent)}::selection{background:color-mix(in srgb,var(--accent) 40%,#2a0d08);color:var(--text)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}header.app-header{display:flex;align-items:center;gap:12px;padding:10px var(--page-x);position:sticky;top:0;z-index:5;background:color-mix(in srgb,var(--bg) 78%,transparent);-webkit-backdrop-filter:blur(18px) saturate(1.15);backdrop-filter:blur(18px) saturate(1.15);border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;gap:10px;color:var(--text);text-decoration:none;font-weight:700;font-size:14px;letter-spacing:.04em;white-space:nowrap}.brand:before{content:"";width:9px;height:9px;border-radius:3px;background:var(--accent);box-shadow:0 0 0 3px var(--glow)}.brand-cat-hit{appearance:none;display:grid;place-items:center;width:56px;height:56px;margin:0;padding:0;border:0;background:transparent;cursor:pointer;flex:none;border-radius:var(--r-sm)}.brand-cat-hit:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.brand-cat{width:56px;height:56px;object-fit:contain;flex:none;opacity:0}.brand-cat.is-ready{opacity:1}.brand-cat-hit.is-copied .brand-cat{animation:copied-pop .35s var(--ease)}.brand-text{display:inline-flex;flex-direction:column;align-items:flex-start;line-height:1.2}.brand-wordmark{color:inherit;text-decoration:none}.brand-wordmark:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.brand-tagline{font-size:11px;font-weight:400;color:var(--muted)}.search-wrap{position:relative;flex:1}.search-wrap input{display:block;width:100%;border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:var(--r-md);padding:9px 44px 9px 36px;font:inherit;transition:border-color .18s var(--ease),box-shadow .18s var(--ease)}input[type=search]::-webkit-search-cancel-button{display:none}.search-icon,.search-hint{position:absolute;top:50%;transform:translateY(-50%);color:var(--muted);pointer-events:none}.search-icon{left:13px}.search-hint{right:12px;transition:opacity .16s var(--ease)}.search-wrap input:focus~.search-hint,.search-wrap input:not(:placeholder-shown)~.search-hint{opacity:0}.search-wrap input:focus{outline:2px solid var(--accent);outline-offset:2px;border-color:color-mix(in srgb,var(--accent) 45%,var(--line));box-shadow:0 0 0 5px var(--glow)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--line);background:var(--surface);color:var(--text);text-decoration:none;border-radius:999px;padding:8px 14px;font:inherit;cursor:pointer;white-space:nowrap;transition:transform .16s var(--ease),background .16s ease,border-color .16s ease,box-shadow .16s ease}.btn:hover:not(:disabled){transform:translateY(-1px);border-color:var(--line-strong);background:var(--surface-2)}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn.primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent);font-weight:700;box-shadow:inset 0 1px color-mix(in srgb,#fff 28%,transparent)}.btn.primary:hover:not(:disabled){background:var(--accent-2);border-color:var(--accent-2)}.btn:disabled{opacity:.45;cursor:not-allowed}#banner{margin:0;padding:8px var(--page-x);background:color-mix(in srgb,var(--warn) 14%,var(--bg-2));color:var(--text);border-bottom:1px solid color-mix(in srgb,var(--warn) 26%,var(--line));font-size:14px}#banner[hidden]{display:none}.eyebrow{margin:0 0 8px;text-transform:uppercase;letter-spacing:.14em;font-size:11px;font-weight:650;color:color-mix(in srgb,var(--muted) 82%,var(--accent))}.muted{color:var(--muted)}.seg{display:inline-flex;flex-wrap:wrap;padding:3px;gap:3px;background:var(--bg-2);border:1px solid var(--line);border-radius:999px}.seg button{position:relative;isolation:isolate;border:0;background:transparent;color:var(--text);font:inherit;padding:6px 12px;border-radius:999px;cursor:pointer;transition:background .18s ease,color .18s ease}.seg button:hover:not([aria-pressed=true]){background:var(--surface)}.seg button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.seg button[aria-pressed=true]{background:transparent;color:var(--accent-ink);font-weight:700}.seg button[aria-pressed=true]:not(:has(.sel-pill)){background:var(--accent)}.chip{position:relative;isolation:isolate;border:1px solid var(--line);background:var(--surface);color:var(--text);font:inherit;font-size:13px;padding:5px 11px;border-radius:999px;cursor:pointer;transition:background .18s ease,transform .18s var(--ease),border-color .18s ease}.chip:hover:not(:disabled){transform:translateY(-1px);border-color:var(--line-strong)}.chip:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.chip[aria-pressed=true]{background:transparent;color:var(--accent-ink);border-color:var(--accent);font-weight:700}.sel-pill{position:absolute;inset:0;border-radius:inherit;background:var(--accent);z-index:-1}.sel-label{position:relative}.chip:disabled{opacity:.35;cursor:not-allowed}.chip-letter{min-width:36px;padding-left:8px;padding-right:8px}.pane-head{display:flex;flex-direction:column;gap:8px;padding:0 2px 10px}.pane-head-top,.pane-head-sub{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}.pane-tools{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:8px}.pane-tools .seg button,.pane-head-sub .btn{font-size:13px;padding:5px 10px}#results-meta{color:var(--muted);font-size:13px}.density{display:inline-flex;align-items:center;gap:8px;padding:3px 10px 3px 12px;background:var(--bg-2);border:1px solid var(--line);border-radius:999px}.density-label{text-transform:uppercase;letter-spacing:.14em;font-size:10px;font-weight:650;color:var(--muted)}.density input[type=range]{appearance:none;-webkit-appearance:none;width:92px;height:16px;margin:0;background:transparent;cursor:pointer}.density input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:999px;background:var(--line-strong)}.density input[type=range]::-moz-range-track{height:4px;border-radius:999px;background:var(--line-strong)}.density input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:14px;height:14px;margin-top:-5px;border:0;border-radius:999px;background:var(--accent);box-shadow:0 0 0 3px var(--glow);transition:transform .16s var(--ease)}.density input[type=range]::-moz-range-thumb{width:14px;height:14px;border:0;border-radius:999px;background:var(--accent);box-shadow:0 0 0 3px var(--glow)}.density input[type=range]:hover::-webkit-slider-thumb{transform:scale(1.14)}.density input[type=range]:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:999px}.density-value{min-width:1.3em;text-align:right;font:12px/1 ui-monospace,SF Mono,Cascadia Code,Menlo,monospace;font-variant-numeric:tabular-nums;color:var(--text)}.workspace{display:grid;grid-template-columns:var(--sidebar) minmax(0,1fr) var(--preview);gap:var(--page-x);padding:10px 0 22px;align-items:start}.workspace.is-pane-closed{grid-template-columns:var(--sidebar) minmax(0,1fr)}.grid-pane{min-width:0}.sidebar{align-self:stretch;display:flex;flex-direction:column;min-height:0;max-height:calc(100vh - var(--header-h) - 32px);padding:8px 8px 10px}.side-scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-right:2px;scrollbar-color:var(--line-strong) transparent;scrollbar-width:thin}.side-row{display:flex;align-items:center;gap:8px;width:100%;min-height:30px;border:0;border-radius:var(--r-sm);background:transparent;color:var(--text);font:inherit;font-size:14px;text-align:left;padding:4px 10px;cursor:pointer;transition:background .16s var(--ease),color .16s var(--ease),box-shadow .16s var(--ease)}.side-row:hover:not([aria-pressed=true]){background:color-mix(in srgb,var(--surface) 72%,transparent)}.side-row:focus-visible{outline:2px solid var(--text);outline-offset:-2px}.side-row[aria-pressed=true]{background:var(--accent);color:var(--accent-ink);font-weight:700}.side-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.side-all{min-height:32px;margin:0 0 10px;font-weight:650}.side-head{padding-top:7px;padding-bottom:5px;color:var(--muted);font-size:10.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.side-head[aria-pressed=true]{background:color-mix(in srgb,var(--accent) 16%,transparent);box-shadow:inset 2px 0 0 var(--accent);color:var(--text)}.side-caret{flex:none;width:12px;height:12px;opacity:.74;transform-origin:center;transition:transform .18s var(--ease)}.side-head[aria-expanded=true] .side-caret{transform:rotate(90deg)}.side-caret-gap{flex:none;width:12px}.side-kids{display:flex;flex-direction:column;gap:2px;margin:0 0 6px}.side-kid{min-height:30px;padding-left:32px;border-radius:8px;font-size:13px;font-weight:400;color:var(--muted)}.side-kid[aria-pressed=true]{font-weight:650}.side-kid:hover:not([aria-pressed=true]){color:var(--text)}.side-foot{margin-top:auto;padding:12px 0 0;border-top:1px solid var(--line)}.side-foot .btn{width:100%;border-radius:var(--r-sm)}.grid-viewport{height:max(480px,calc(100vh - 250px));overflow:auto;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--pane);scrollbar-gutter:stable;transition:opacity .2s ease}.grid-viewport.is-pending{opacity:.55}.grid-empty{margin:24px;color:var(--muted)}.grid{position:relative;min-height:120px}.grid-row{position:absolute;left:0;top:0;display:grid;grid-template-columns:repeat(var(--cols),var(--tile));justify-content:center;gap:var(--grid-gap, 12px);width:100%;padding:0 var(--grid-x);will-change:transform}.btn-shuffle .dice{display:block;flex:none}.btn-shuffle.is-rolling .dice{animation:dice-roll .56s var(--ease)}@keyframes dice-roll{0%{transform:rotate(0) scale(1)}38%{transform:rotate(170deg) scaleY(.86) scale(1.1)}to{transform:rotate(360deg) scale(1)}}.tile{position:relative;width:var(--tile);border:0;background:transparent;color:var(--muted);font:11px/1.2 inherit;cursor:pointer;padding:0}.tile-well{display:block;width:var(--tile);height:var(--tile);border-radius:var(--r-md)}.grid-row .tile:nth-child(odd){--riffle-x: -7px}.grid-row .tile:nth-child(2n){--riffle-x: 7px}.grid-viewport.is-shuffling-out .tile-well,.grid-viewport.is-shuffling-in .tile-well{overflow:hidden}.grid-viewport.is-shuffling-out .tile img,.grid-viewport.is-shuffling-in .tile img{transition:none}.grid-viewport.is-shuffling-out .tile img{animation:tile-riffle-out .22s var(--ease) both}.grid-viewport.is-shuffling-in .tile img{animation:tile-riffle-in .34s var(--ease) both;animation-delay:calc(var(--tile-i, 0) * 12ms)}@keyframes tile-riffle-out{0%{transform:none}58%{transform:translate(calc(var(--riffle-x, -7px) * 1.2)) scaleY(.82)}to{transform:translate(var(--riffle-x, -7px)) scaleY(.86)}}@keyframes tile-riffle-in{0%{transform:translate(calc(var(--riffle-x, -7px) * -1)) scaleY(.86)}to{transform:none}}.tile img{width:var(--tile);height:var(--tile);border-radius:var(--r-md);background:radial-gradient(circle at 50% 42%,var(--well-hi) 0%,var(--well) 72%);box-shadow:inset 0 0 0 1px var(--line);display:block;transition:transform .2s var(--ease),box-shadow .2s ease}.tile:hover img,.tile:focus-visible img{transform:scale(1.07);box-shadow:inset 0 0 0 1px var(--line-strong),var(--well-shadow)}.tile.is-copied img{animation:copied-pop .35s var(--ease)}@keyframes copied-pop{0%{transform:scale(1)}40%{transform:scale(1.14)}to{transform:scale(1)}}.builtin-mark{display:grid;place-items:center;width:var(--tile);height:var(--tile);padding:6px;box-sizing:border-box;border:1px dashed var(--line-strong);border-radius:var(--r-md);color:var(--muted);font:11px/1.25 ui-monospace,SF Mono,Cascadia Code,Menlo,monospace;text-align:center;overflow:hidden;word-break:break-all}.builtin-mark.is-preview{position:absolute;inset:0;z-index:1;width:100%;height:100%;border:0;font-size:24px}.builtin-mark.is-inline{width:40px;height:40px;border-radius:10px;font-size:9px;flex:0 0 auto}.tile-name{display:block;margin-top:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tile.is-selected{color:var(--text)}.tile.is-selected img,.tile:focus-visible img{outline:2px solid var(--accent);outline-offset:2px;box-shadow:0 0 0 5px var(--glow)}.preview{position:sticky;top:calc(var(--header-h) + 10px);background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r-lg);padding:var(--preview-pad);min-height:500px;box-shadow:var(--shadow)}.preview .btn.primary{width:100%;margin-top:14px}.preview-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:6px 10px;margin:0 0 12px}.preview-head .eyebrow{margin:0}.preview-head-tools{display:flex;align-items:center;gap:6px}.preview-head .well-seg{flex:1 0 100%}.preview-icon{padding:3px 9px;font-size:14px;line-height:1.2}.well-bar{display:flex;justify-content:flex-end;margin:0 0 8px}.well-seg button{font-size:12px;padding:4px 9px}.preview-msg{margin:0 calc(var(--preview-pad) * -1);padding:10px var(--preview-pad) 12px;background:var(--well);color:var(--msg-text)}.preview-msg-top{display:flex;align-items:flex-start;gap:11px;margin:0 0 8px}.preview-avatar{flex:none;display:grid;place-items:center;width:38px;height:38px;border-radius:4px;background:var(--msg-fill);overflow:hidden}.preview-avatar img{display:block;width:22px;height:22px;object-fit:contain}.preview-avatar .builtin-mark{width:100%;height:100%;border:0;border-radius:0;font-size:8px;color:var(--msg-muted)}.preview-msg-ident{min-width:0;flex:1}.preview-msg-line{display:flex;align-items:baseline;margin:0 0 2px}.preview-sender{font-family:var(--font-mono);font-size:15px;font-weight:700;letter-spacing:-.03em;color:var(--msg-text);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-right:6px}.preview-tag{flex:none;margin:0 2px 0 5px;padding:1px 5px;border-radius:3px;background:var(--msg-fill);color:var(--msg-muted);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.preview-stamp{flex:none;font-size:12px;font-weight:400;color:var(--msg-muted);font-variant-numeric:tabular-nums;white-space:nowrap}.preview-frame{position:relative;width:100%;aspect-ratio:1;height:auto;margin:0 0 8px;border-radius:8px;overflow:hidden;border:1px solid var(--msg-line)}.preview-frame img{position:absolute;inset:0;z-index:1;width:100%;height:100%;object-fit:contain;image-rendering:auto;image-rendering:high-quality}.preview-frame img.preview-img-pixel{image-rendering:pixelated}.preview-alias{color:var(--msg-muted);margin:0;font-size:13px;overflow-wrap:anywhere}.preview-keywords,#suggested-keywords{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 14px}.preview-keywords{margin:0}#suggested-keywords:empty,#collisions:empty{display:none}#suggested-keywords span{background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:2px 8px;font-size:12px;color:var(--muted)}.preview-keywords span{background:var(--msg-fill);border:1px solid var(--msg-line);border-radius:999px;padding:2px 8px;font-size:12px;color:var(--msg-muted)}.preview-empty{color:var(--muted)}.preview-is-empty .preview-empty{margin:8px 0}.preview-related{margin:14px 0 0}.preview-related .eyebrow{margin:0 0 6px}.preview-related-strip{display:flex;flex-wrap:nowrap;gap:6px;overflow-x:auto;overscroll-behavior-x:contain;padding:2px 0 6px;scrollbar-width:thin}.preview-related-item{flex:none;display:grid;place-items:center;padding:3px;border:0;border-radius:var(--r-sm);background:transparent;cursor:pointer;transition:background .16s ease}.preview-related-item:hover{background:var(--surface)}html[data-theme=slack] .preview-related-item:hover{background:var(--slack-pane-hover)}.preview-related-item:focus-visible{outline:2px solid var(--accent);outline-offset:-1px}.preview-related-item img{display:block;width:40px;height:40px;object-fit:contain;border-radius:8px;transition:transform .18s var(--ease)}.preview-related-item:hover img{transform:scale(1.08)}.toast-slot{position:fixed;left:50%;bottom:24px;transform:translate(-50%);z-index:10;pointer-events:none}.toast{background:var(--accent);color:var(--accent-ink);padding:10px 16px;border-radius:999px;font-weight:700;box-shadow:var(--shadow);pointer-events:auto;white-space:nowrap}.tray{position:fixed;left:calc(var(--sidebar) + var(--page-x));right:calc(var(--preview) + var(--page-x));bottom:var(--page-x);z-index:6;padding:12px 16px;background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--shadow)}.workspace.is-pane-closed~.tray{right:var(--page-x)}.tray{animation:tray-in .25s var(--ease)}.tray-items,#tray-items{display:flex;flex-wrap:wrap;gap:8px}@keyframes tray-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.tray-item{border:0;background:transparent;padding:0;cursor:pointer}.tray-item:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:10px}.tray-item img{width:40px;height:40px;border-radius:10px;background:radial-gradient(circle at 50% 42%,var(--well-hi) 0%,var(--well) 70%);box-shadow:inset 0 0 0 1px var(--line);display:block;transition:transform .18s var(--ease)}.tray-item:hover img{transform:scale(1.12)}footer{padding:0 var(--page-x) 28px;color:var(--muted);font-size:13px}footer kbd,kbd{display:inline-block;min-width:1.3em;padding:1px 6px;border:1px solid var(--line);border-radius:6px;background:var(--surface);color:var(--text);font:12px/1.4 ui-monospace,SF Mono,Menlo,monospace}.make{display:grid;grid-template-columns:280px 1fr;gap:24px;padding:24px var(--page-x);max-width:980px}.make.is-drop{outline:2px dashed var(--accent);outline-offset:6px;border-radius:var(--r-lg);background:color-mix(in srgb,var(--accent) 8%,transparent)}.make-preview-wrap{position:sticky;top:calc(var(--header-h) + 10px);align-self:start;background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r-lg);padding:16px}.make-preview-stage{position:relative;width:256px;height:256px}#make-preview,.make-result{width:256px;height:256px;border-radius:24px}#make-preview{cursor:crosshair;background:linear-gradient(45deg,var(--well-mid) 25%,transparent 25%) 0 0 / 16px 16px,linear-gradient(45deg,transparent 75%,var(--well-mid) 75%) 8px 8px / 16px 16px,var(--well)}#make-preview.is-pannable{cursor:grab}#make-preview.is-pannable:active{cursor:grabbing}#make-preview.is-locked{cursor:default}.pan-hint{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;opacity:0;transition:opacity .15s ease}.pan-hint svg{color:#fff;padding:8px;border-radius:999px;background:#00000073;filter:drop-shadow(0 1px 3px rgba(0,0,0,.5))}.make-preview-stage:hover .pan-hint,#make-preview.is-pannable:active+.pan-hint{opacity:1}.make-result{position:absolute;inset:0;object-fit:contain;background:linear-gradient(45deg,var(--well-mid) 25%,transparent 25%) 0 0 / 16px 16px,linear-gradient(45deg,transparent 75%,var(--well-mid) 75%) 8px 8px / 16px 16px,var(--well);pointer-events:none}.field{display:grid;gap:6px;margin:0 0 14px}.field input[type=text],.field input[type=search],.field input[type=url],.field input[type=number],.field select{border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:var(--r-sm);padding:10px 12px;font:inherit}.field input[type=text]:focus,.field input[type=search]:focus,.field input[type=url]:focus,.field input[type=number]:focus,.field select:focus{outline:2px solid var(--accent);outline-offset:2px}.field-row{display:flex;gap:8px;align-items:stretch}.field-row input[type=url]{flex:1;min-width:0}.status{color:var(--muted)}.status.is-ok{color:var(--ok)}.status.is-warn,#bytes.is-warn{color:var(--warn)}#collisions{list-style:none;margin:0 0 16px;padding:0;display:grid;gap:8px;max-height:192px;overflow-y:auto}.make-adjust #collisions{margin-bottom:0}#collisions:not(:empty){padding-right:4px}#collisions li{display:flex;align-items:center;gap:10px}#collisions img{width:40px;height:40px;border-radius:10px}.actions{display:flex;gap:10px;flex-wrap:wrap}.btn-external{flex-shrink:0}.make-note{margin:0 0 14px}.make-adjust{margin:0 0 16px;padding:0 12px 12px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface)}.make-adjust:not([open]){padding-bottom:0}.make-adjust>summary{margin:0 -12px;padding:10px 12px;cursor:pointer;font-weight:650;border-radius:var(--r-sm);list-style:none;display:flex;align-items:center;gap:8px}.make-adjust>summary .muted{margin-left:auto;font-weight:400}.make-adjust[open]>summary{margin-bottom:10px}.make-adjust>summary::-webkit-details-marker{display:none}.make-adjust>summary:before{content:"";width:0;height:0;border-left:5px solid currentColor;border-top:4px solid transparent;border-bottom:4px solid transparent;opacity:.74;transition:transform .18s var(--ease)}.make-adjust[open]>summary:before{transform:rotate(90deg)}.make-adjust>summary:hover{background:var(--surface-2)}.make-adjust>summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.make-adjust>:last-child{margin-bottom:0}.make-session{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:16px 0 0;padding:10px 12px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-sm)}.make-session p{margin:0}.make-session .actions{margin:0;flex-shrink:0}.make-session code{font:13px/1.3 ui-monospace,SF Mono,Cascadia Code,Menlo,monospace}.make-loops{display:flex;flex-wrap:wrap;gap:6px}.make-loops .chip{padding:4px 10px 4px 4px}.make-loops img{width:28px;height:28px;object-fit:contain}.place-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;width:92px;padding:3px;background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r-sm)}.place-cell{aspect-ratio:1;border:0;padding:0;border-radius:4px;background:var(--surface);cursor:pointer;transition:background .18s ease}.place-cell:hover:not(:disabled):not([aria-pressed=true]){background:var(--line-strong)}.place-cell:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.place-cell[aria-pressed=true]{background:var(--accent)}.place-grid:has(.place-cell:disabled){opacity:.4}.place-cell:disabled{cursor:not-allowed}.transform-layout{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:12px}.precision-controls{display:grid;gap:7px}.precision-row{display:grid;grid-template-columns:46px minmax(90px,1fr) 68px;align-items:center;gap:8px;font-size:13px}.precision-row>input[type=range]{min-width:0}.precision-number{display:flex;align-items:center;gap:3px;color:var(--muted)}.precision-number input{width:50px;padding:5px 6px;text-align:right}.transform-actions{display:flex;flex-wrap:wrap;gap:6px}.transform-actions .btn{padding:6px 9px;font-size:12px}.transform-actions .btn[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.field.check{display:block}.make-wait{display:grid;justify-items:center;margin:12px 0 0}.make-wait img{width:72px;height:72px;object-fit:contain}.make-progress{margin:10px 0 0;color:var(--accent);font:13px/1.4 ui-monospace,SF Mono,Menlo,monospace}.rise-in{animation:rise-in .4s var(--ease) both}@keyframes rise-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.skeleton-block{min-height:180px;background:linear-gradient(90deg,var(--surface) 25%,var(--line) 50%,var(--surface) 75%);background-size:200% 100%;animation:shimmer 1.2s linear infinite}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@media(max-width:860px){.workspace,.workspace.is-pane-closed,.make{grid-template-columns:minmax(0,1fr)}.workspace{width:100%;max-width:100%;padding:10px var(--page-x) 22px;overflow:hidden}.grid-pane,.pane-head,.pane-tools{width:100%;max-width:100%;min-width:0}.preview,.make-preview-wrap{position:static}.transform-layout{grid-template-columns:1fr}.sidebar{max-height:min(220px,34vh);padding:6px;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface)}.side-scroll{overflow-y:auto}.side-all{margin-bottom:4px}.side-foot{padding-top:6px}.pane-head-top{align-items:stretch;flex-direction:column}.pane-tools{width:100%;justify-content:flex-start}.density{width:100%;max-width:100%;flex:1 1 auto;min-width:0}.density input[type=range]{flex:1;min-width:64px}.grid-viewport{height:min(60vh,560px);height:min(60svh,560px);min-height:min(420px,60svh)}header.app-header{flex-wrap:wrap}.tray{position:static;margin:0 var(--page-x) 16px;box-shadow:none}}@media(prefers-reduced-motion:reduce){.tile,.tile img,.tile-well,.dice,.tray-item img,.preview-frame img,.preview-related-item,.preview-related-item img,.toast,.tray,.rise-in,.skeleton-block,.btn,.chip,.side-row,.side-caret,.search-wrap input,.search-hint,.seg button{animation:none!important;transition:none!important}.seg button[aria-pressed=true],.chip[aria-pressed=true]{background:var(--accent)}}