@font-face{font-family:Oswald;src:url(/fonts/oswald.woff2)format("woff2");font-weight:100 900;font-display:swap}@font-face{font-family:Bebas Neue;src:url(/fonts/bebas.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Bodoni Moda;src:url(/fonts/bodoni.woff2)format("woff2");font-weight:100 900;font-display:swap}@font-face{font-family:Playfair Display;src:url(/fonts/playfair.woff2)format("woff2");font-weight:100 900;font-display:swap}@font-face{font-family:Archivo Narrow;src:url(/fonts/archivo.woff2)format("woff2");font-weight:100 900;font-display:swap}@font-face{font-family:Space Mono;src:url(/fonts/spacemono.woff2)format("woff2");font-weight:400 700;font-display:swap}@font-face{font-family:JetBrains Mono;src:url(/fonts/jetbrains.woff2)format("woff2");font-weight:100 900;font-display:swap}@font-face{font-family:Inter;src:url(/fonts/inter.woff2)format("woff2");font-weight:100 900;font-display:swap}@font-face{font-family:Instrument Serif;src:url(/fonts/instrumentserif.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Katibeh;src:url(/fonts/katibeh.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Martian Mono;src:url(/fonts/martianmono.woff2)format("woff2");font-weight:100 900;font-display:swap}@font-face{font-family:Special Elite;src:url(/fonts/specialelite.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Chelsea Market;src:url(/fonts/chelseamarket.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Rubik Dirt;src:url(/fonts/rubikdirt.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Rubik Distressed;src:url(/fonts/rubikdistressed.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:CommitMono;src:url(/fonts/commitmono.woff2)format("woff2");font-weight:400;font-display:swap}:root{--white:#fff;--black:#000;--neutral-50:#fafafa;--neutral-100:#f5f5f5;--neutral-200:#e5e5e5;--neutral-300:#d4d4d4;--neutral-400:#a1a1a1;--neutral-500:#737373;--neutral-600:#525252;--neutral-700:#404040;--neutral-800:#262626;--neutral-900:#171717;--neutral-950:#0a0a0a;--blue-500:#2b7fff;--blue-600:#155dfc;--black-a2:#18181b05;--black-a4:#18181b0a;--black-a6:#18181b0f;--black-a8:#18181b14;--black-a10:#18181b1a;--black-a12:#18181b1f;--black-a16:#18181b29;--black-a24:#18181b3d;--black-a40:#18181b66;--black-a56:#18181b8f;--black-a72:#18181bb8;--black-a88:#18181be0;--white-a2:#ffffff05;--white-a4:#ffffff0a;--white-a6:#ffffff0f;--white-a8:#ffffff14;--white-a10:#ffffff1a;--white-a12:#ffffff1f;--white-a16:#ffffff29;--white-a24:#ffffff3d;--white-a40:#fff6;--white-a56:#ffffff8f;--white-a72:#ffffffb8;--white-a88:#ffffffe0;--font-sans:"Inter", system-ui, sans-serif;--font-mono:"CommitMono", ui-monospace, monospace;--text-sm:14px;--text-xs:13px;--text-xxs:12px;--leading-5:20px;--radius-md:6px;--radius-lg:8px;--radius-xl:12px;--radius-full:9999px;--ease-out:cubic-bezier(.32, .72, 0, 1);--ease-spring:cubic-bezier(.34, 1.4, .64, 1);--ease-bounce:cubic-bezier(.34, 1.65, .42, 1);--dur-fast:.14s;--dur:.2s;--dur-slow:.32s}:root,[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--page:var(--neutral-50);--card:var(--white);--card-ring:var(--black-a8);--card-radius:var(--radius-xl);--hairline:var(--black-a6);--fg:var(--neutral-800);--fg-muted:var(--neutral-500);--fg-faint:var(--neutral-400);--icon:var(--neutral-400);--icon-active:var(--neutral-600);--chip:var(--white);--chip-ring:var(--black-a10);--chip-shadow:0 1px 2px var(--black-a16), 0 0 0 1px var(--black-a10);--tabs-bg:var(--black-a4);--tab-active-bg:var(--white);--tab-active-shadow:0 1px 2px var(--black-a10), 0 0 0 1px var(--black-a6);--field-bg:var(--white);--field-ring:var(--black-a10);--hover:var(--black-a4);--track:var(--black-a12);--thumb:var(--white-a88);--thumb-ring:var(--black-a12);--tile-hover:var(--black-a4);--tile-label:var(--neutral-600);--menu-bg:#ffffffed;--menu-ring:#27272a1a;--menu-hover:var(--black-a6);--frame:var(--white);--frame-ring:var(--black-a8);--danger:#c10007;--danger-ring:#c100074d}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--page:var(--black);--card:var(--neutral-800);--card-ring:var(--white-a8);--card-radius:var(--radius-lg);--hairline:var(--white-a6);--fg:var(--neutral-100);--fg-muted:var(--neutral-400);--fg-faint:var(--neutral-500);--icon:var(--neutral-500);--icon-active:var(--neutral-300);--chip:var(--neutral-700);--chip-ring:var(--white-a12);--chip-shadow:0 1px 2px #0006, 0 0 0 1px var(--white-a12);--tabs-bg:var(--white-a4);--tab-active-bg:var(--neutral-700);--tab-active-shadow:0 1px 2px #0006, 0 0 0 1px var(--white-a10);--field-bg:var(--white-a4);--field-ring:var(--white-a12);--hover:var(--white-a6);--track:var(--white-a16);--thumb:var(--white-a88);--thumb-ring:var(--black-a24);--tile-hover:var(--white-a8);--tile-label:var(--neutral-300);--menu-bg:#202020f2;--menu-ring:#ffffff1f;--menu-hover:var(--white-a8);--frame:var(--neutral-900);--frame-ring:#ffffff29;--danger:#ff6467;--danger-ring:#ff646752}*{box-sizing:border-box}html,body{height:100%;margin:0;padding:0;overflow:hidden}body{background:var(--page);color:var(--fg);font-family:var(--font-sans);font-size:var(--text-xs);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-synthesis:none;transition:background-color var(--dur) var(--ease-out)}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0;padding:0}::selection{background:var(--blue-500);color:#fff}:focus-visible{outline:2px solid var(--blue-500);outline-offset:1px;border-radius:var(--radius-md)}.app{height:100dvh;padding:8px;display:flex;overflow:clip}.frame{background:var(--frame);min-width:0;min-height:0;box-shadow:0 0 0 1px var(--frame-ring);transition:background-color var(--dur) var(--ease-out), box-shadow var(--dur) var(--ease-out);border-radius:16px;flex:1;justify-content:flex-end;align-self:stretch;align-items:flex-start;display:flex;overflow:clip}.canvas{flex-direction:column;flex:1;align-self:stretch;min-width:0;min-height:0;display:flex;position:relative}.brand{flex:none;align-items:center;padding:16px;display:flex}.brand img{width:auto;height:24px;display:block}.brand .logo-dark,[data-theme=dark] .brand .logo-light{display:none}[data-theme=dark] .brand .logo-dark{display:block}.orb{flex:1;place-items:center;min-height:0;padding:24px;display:grid}.stamp-tilt{transition:transform var(--dur-slow) var(--ease-out)}.stamp-holder{will-change:transform;transform-style:preserve-3d;position:relative}.stamp-shadow{pointer-events:none;width:100%;height:100%;opacity:calc(var(--lift-alpha,.06) * 5.2);transform:translate3d(var(--shade-x,0px), calc(var(--shade-y,0px) + var(--lift-y,8px)), 0);filter:blur(calc(var(--lift-blur,20px) * .34));transition:opacity var(--dur) var(--ease-out), filter var(--dur) var(--ease-out);position:absolute;inset:0}.stamp-holder>svg:not(.stamp-shadow){z-index:1;width:auto;max-width:min(32vw,400px);height:auto;max-height:min(52vh,470px);display:block;position:relative;overflow:visible}.panel-slot{flex:none;align-self:stretch;width:440px;min-height:0;padding:8px;display:flex}.panel{border-radius:var(--card-radius);background:var(--card);outline:1px solid var(--card-ring);outline-offset:-1px;min-width:0;min-height:0;transition:background-color var(--dur) var(--ease-out), outline-color var(--dur) var(--ease-out);flex-direction:column;flex:1;align-self:stretch;display:flex;overflow:clip}.panel-head{border-bottom:1px solid var(--hairline);flex-direction:column;flex:none;justify-content:center;align-self:stretch;gap:16px;padding:12px;display:flex}.panel-actions{align-items:center;gap:12px;min-height:30px;display:flex}.panel-actions-left{flex:1;align-items:center;gap:12px;display:flex}.panel-actions-right{align-items:center;gap:16px;display:flex}.icon-group{align-items:center;gap:8px;display:flex}.icon-btn{border-radius:var(--radius-lg);width:28px;height:28px;color:var(--icon);transition:background-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);flex:none;place-items:center;display:grid}.icon-btn:hover{background:var(--hover);color:var(--icon-active)}.icon-btn:active{transform:scale(.94)}.icon-btn svg{display:block}.icon-btn .glyph{transition:transform var(--dur-slow) var(--ease-spring);place-items:center;display:grid}.icon-btn[data-theme-toggle=dark] .glyph{transform:rotate(-360deg)}.export-btn{border-radius:var(--radius-md);background:var(--neutral-800);color:var(--white-a88);font-size:var(--text-xs);font-weight:500;line-height:var(--leading-5);white-space:nowrap;box-shadow:inset 0 .75px 0 var(--white-a24), 0 1px 2px #0006, 0 0 0 1px #18181b;transition:background-color var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out);justify-content:center;align-items:center;gap:6px;padding:4px 8px;display:flex}[data-theme=dark] .export-btn{background:var(--neutral-100);color:var(--neutral-900);box-shadow:inset 0 .75px 0 var(--white-a56), 0 1px 2px #00000080, 0 0 0 1px var(--black)}.export-btn:hover{background:var(--neutral-700)}[data-theme=dark] .export-btn:hover{background:var(--white)}.export-btn:active{transform:scale(.97)}.export-btn:disabled{opacity:.5;cursor:default}.tabs{border-radius:var(--radius-lg);background:var(--tabs-bg);align-items:center;gap:4px;padding:2px;display:flex;position:relative}.tab-chip{border-radius:var(--radius-md);background:var(--tab-active-bg);box-shadow:var(--tab-active-shadow);transform:translateX(var(--chip-x,0));width:var(--chip-w,0);transition:transform var(--dur-slow) var(--ease-spring), width var(--dur-slow) var(--ease-spring), background-color var(--dur) var(--ease-out);pointer-events:none;position:absolute;top:2px;bottom:2px;left:0}.tab{z-index:1;border-radius:var(--radius-md);color:var(--icon);min-width:0;transition:color var(--dur) var(--ease-out);flex:1;justify-content:center;align-items:center;gap:4px;padding:4px 8px;display:flex;position:relative}.tab[aria-selected=true]{color:var(--icon-active);flex:none}.tab:hover{color:var(--icon-active)}.tab svg{flex:none;display:block}.tab-label{font-size:var(--text-xs);font-weight:500;line-height:var(--leading-5);color:var(--fg);white-space:nowrap;padding-inline:2px}.panel-body{overscroll-behavior:contain;flex:1;min-height:0;overflow-y:auto}.panel-body,.dd-menu,.textarea{scrollbar-width:none;-ms-overflow-style:none}.panel-body::-webkit-scrollbar{width:0;height:0;display:none}.dd-menu::-webkit-scrollbar{width:0;height:0;display:none}.textarea::-webkit-scrollbar{width:0;height:0;display:none}.panel-pane{animation:pane-in .19s var(--ease-out);flex-direction:column;display:flex}.panel-pane[hidden]{display:none}@keyframes pane-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.section{flex-direction:column;align-items:stretch;padding:12px 12px 20px;display:flex}.section.tight{padding-bottom:12px}.reveal .section{padding-top:8px}.rule{background:var(--hairline);flex:none;height:1px}.rule.dashed{border-top:1px dashed var(--hairline);background:0 0;height:0}.section-label{font-size:var(--text-sm);font-weight:500;line-height:var(--leading-5);color:var(--fg);align-items:center;gap:8px;padding:4px 0;display:flex}.section-label .counter{font-family:var(--font-mono);color:var(--fg-faint);font-variant-numeric:tabular-nums;margin-left:auto;font-size:13px;font-weight:400}.crop~.section-note{margin-top:0;padding:8px 0 4px;line-height:16px}.section-note{font-size:var(--text-xs);line-height:var(--leading-5);color:var(--fg-faint);margin:2px 0 0}.pills{flex-wrap:wrap;align-items:center;gap:8px;padding-top:12px;padding-bottom:4px;display:flex;position:relative}.pill-chip{border-radius:var(--radius-full);background:var(--chip);height:28px;box-shadow:var(--chip-shadow);transform:translate(var(--chip-x,0), var(--chip-y,0));width:var(--chip-w,0);pointer-events:none;opacity:0;transition:transform var(--dur-slow) var(--ease-spring), width var(--dur-slow) var(--ease-spring), background-color var(--dur) var(--ease-out);position:absolute;top:0;left:0}.pills[data-ready=true] .pill-chip{opacity:1}.pills[data-armed=false] .pill-chip{transition:none}.pill{z-index:1;border-radius:var(--radius-full);height:28px;color:var(--fg-muted);font-size:var(--text-xs);font-weight:500;line-height:var(--leading-5);white-space:nowrap;transition:color var(--dur) var(--ease-out), transform var(--dur-fast) var(--ease-out);justify-content:center;align-items:center;gap:4px;padding:4px 8px;display:flex;position:relative}.pill>span{padding-inline:2px}.pill:hover{color:var(--fg)}.pill:active{transform:scale(.96)}.pill[aria-pressed=true]{color:var(--fg)}.slider-row{align-items:center;gap:16px;padding:4px 4px 0;display:flex}.slider{touch-action:none;cursor:pointer;flex:1;align-items:center;min-width:0;height:16px;display:flex;position:relative}.slider-track{border-radius:var(--radius-full);background:var(--track);width:100%;height:4px;position:relative}.slider-fill{border-radius:var(--radius-full);background:var(--blue-500);width:var(--fill,0%);transition:width .28s var(--ease-bounce);position:absolute;top:0;bottom:0;left:0}.slider-thumb{top:50%;left:var(--fill,0%);border-radius:var(--radius-full);background:var(--thumb);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);width:16px;height:16px;box-shadow:inset 0 0 0 1px var(--thumb-ring);filter:drop-shadow(0 1px 1px var(--black-a10));transition:left .28s var(--ease-bounce), scale var(--dur-fast) var(--ease-spring);margin-left:-8px;position:absolute;translate:0 -50%}.slider:hover .slider-thumb{scale:1.1}.slider[data-dragging=true] .slider-thumb{scale:1.2}.slider[data-dragging=true] .slider-fill{transition:width .11s var(--ease-bounce)}.slider[data-dragging=true] .slider-thumb{transition:left .11s var(--ease-bounce), scale var(--dur-fast) var(--ease-spring)}.slider-value{text-align:right;width:40px;font-family:var(--font-mono);font-size:13px;font-weight:400;line-height:var(--leading-5);color:var(--fg-muted);font-variant-numeric:tabular-nums;flex:none}.slider-inline{align-items:center;gap:16px;padding:4px;display:flex}.slider-inline .section-label{flex:none;padding:0}.drop-error{color:var(--danger)}.toggle-row{align-items:center;gap:12px;padding:12px;display:flex}.toggle-row .copy{flex:1;min-width:0}.toggle-row .copy b{font-size:var(--text-sm);font-weight:500;line-height:var(--leading-5);color:var(--fg);display:block}.toggle-row .copy span{font-size:var(--text-xs);line-height:var(--leading-5);color:var(--neutral-400);display:block}.toggle{border-radius:var(--radius-full);background:var(--track);width:40px;height:20px;transition:background-color var(--dur) var(--ease-out);flex:none;position:relative}.toggle[aria-pressed=true]{background:var(--blue-500)}.toggle:after{content:"";border-radius:var(--radius-full);background:var(--white);width:16px;height:16px;box-shadow:0 1px 2px var(--black-a24);transition:transform var(--dur-slow) var(--ease-spring), width var(--dur-fast) var(--ease-out);position:absolute;top:2px;left:2px}.toggle[aria-pressed=true]:after{transform:translate(20px)}.toggle:active:after{width:20px}.toggle[aria-pressed=true]:active:after{transform:translate(16px)}.field{padding-top:8px}.input,.textarea,.select{background:var(--field-bg);border-radius:var(--radius-lg);width:100%;box-shadow:0 0 0 1px var(--field-ring);font-size:var(--text-sm);line-height:var(--leading-5);color:var(--fg);transition:box-shadow var(--dur-fast) var(--ease-out);border:0;padding:8px 12px}.textarea{resize:vertical;background:var(--menu-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);min-height:62px;box-shadow:0 0 0 1px var(--menu-ring);font-family:inherit}.input:hover,.textarea:hover,.select:hover{box-shadow:0 0 0 1px var(--black-a24)}[data-theme=dark] .input:hover,[data-theme=dark] .textarea:hover,[data-theme=dark] .select:hover{box-shadow:0 0 0 1px var(--white-a24)}.input:focus,.textarea:focus,.select:focus{box-shadow:0 0 0 1px var(--blue-500), 0 0 0 3px color-mix(in srgb, var(--blue-500) 22%, transparent);outline:none}.input::placeholder,.textarea::placeholder{color:var(--fg-faint)}.select{appearance:none;cursor:pointer;background-image:linear-gradient(45deg,#0000 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,#0000 50%);background-position:calc(100% - 15px) calc(50% - 2px),calc(100% - 11px) calc(50% - 2px);background-repeat:no-repeat;background-size:4px 4px;padding-right:30px}.pair{grid-template-columns:1fr 1fr;gap:12px;display:grid}.pair-label{font-size:var(--text-sm);font-weight:500;line-height:var(--leading-5);color:var(--fg);padding-bottom:8px;display:block}.field-tight>.pair-label{padding-bottom:4px}.field-tight>.pills{padding-top:8px;padding-bottom:0}.swatch-row{border-radius:var(--radius-lg);background:var(--field-bg);width:100%;box-shadow:0 0 0 1px var(--field-ring);transition:box-shadow var(--dur-fast) var(--ease-out);align-items:center;gap:10px;padding:8px 12px;display:flex;position:relative}.swatch-row:hover{box-shadow:0 0 0 1px var(--black-a24)}[data-theme=dark] .swatch-row:hover{box-shadow:0 0 0 1px var(--white-a24)}.swatch-dot{border-radius:var(--radius-full);width:16px;height:16px;box-shadow:inset 0 0 0 .5px #ffffff14, inset 0 0 0 1px var(--black-a16);flex:none}.swatch-row code{font-family:var(--font-sans);font-weight:400;font-size:var(--text-sm);line-height:var(--leading-5);color:var(--fg);text-transform:uppercase}.swatch-row input[type=color]{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.mat-grid{grid-template-columns:1fr 1fr;gap:12px;padding-top:8px;display:grid}.mat-tile{border-radius:var(--radius-lg);box-shadow:0 0 0 1px var(--card-ring);background:var(--field-bg);transition:box-shadow var(--dur) var(--ease-out), background-color var(--dur) var(--ease-out), transform var(--dur-fast) var(--ease-out);flex-direction:column;padding:2px;display:flex;overflow:clip}.mat-tile:hover{box-shadow:0 0 0 1px var(--black-a24);background:var(--tile-hover)}[data-theme=dark] .mat-tile:hover{box-shadow:0 0 0 1px var(--white-a24);background:var(--tile-hover)}.mat-tile:active{transform:scale(.985)}.mat-tile[aria-pressed=true]{box-shadow:0 0 0 1.5px var(--blue-500)}.mat-tile svg{border-radius:6px;width:100%;height:64px;display:block}.mat-tile span{text-align:left;font-size:var(--text-xs);font-weight:500;line-height:var(--leading-5);color:var(--tile-label);padding:4px 8px 6px}.mat-tile[aria-pressed=true] span{color:var(--fg)}.drop{border-radius:var(--radius-lg);background:var(--field-bg);box-shadow:0 0 0 1px var(--field-ring);color:var(--fg-faint);font-size:var(--text-xs);text-align:center;transition:box-shadow var(--dur-fast) var(--ease-out), background-color var(--dur-fast) var(--ease-out);cursor:pointer;place-items:center;gap:2px;margin-top:8px;padding:20px 12px;display:grid;position:relative}.drop b{color:var(--fg);font-weight:500;font-size:var(--text-sm)}.drop:hover,.drop[data-over=true]{box-shadow:0 0 0 1px var(--blue-500);background:color-mix(in srgb, var(--blue-500) 5%, transparent)}.drop input{opacity:0;cursor:pointer;position:absolute;inset:0}.crop{margin-top:8px;border-radius:var(--radius-lg);box-shadow:0 0 0 1px var(--field-ring);background:var(--neutral-200);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;margin-inline:0 auto;position:relative;overflow:clip}[data-theme=dark] .crop{background:var(--neutral-900)}.crop[data-drag=true]{cursor:grabbing;box-shadow:0 0 0 1px var(--blue-500)}.crop img{pointer-events:none;width:100%;height:100%;display:block}.crop-frame{pointer-events:none;opacity:0;transition:opacity var(--dur) var(--ease-out);background:linear-gradient(90deg,#0000 calc(33.33% - .5px),#fff6 calc(33.33% - .5px) calc(33.33% + .5px),#0000 calc(33.33% + .5px)),linear-gradient(90deg,#0000 calc(66.66% - .5px),#fff6 calc(66.66% - .5px) calc(66.66% + .5px),#0000 calc(66.66% + .5px)),linear-gradient(#0000 calc(33.33% - .5px),#fff6 calc(33.33% - .5px) calc(33.33% + .5px),#0000 calc(33.33% + .5px)),linear-gradient(#0000 calc(66.66% - .5px),#fff6 calc(66.66% - .5px) calc(66.66% + .5px),#0000 calc(66.66% + .5px));position:absolute;inset:0}.crop[data-drag=true] .crop-frame{opacity:1}.mini-row{gap:8px;padding-top:8px;display:flex}.mini{border-radius:var(--radius-lg);background:var(--field-bg);height:30px;font-size:var(--text-xs);color:var(--fg);box-shadow:0 0 0 1px var(--field-ring);transition:color var(--dur-fast) var(--ease-out), background-color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);align-items:center;gap:6px;padding:0 10px;font-weight:500;display:inline-flex}.mini svg{color:var(--fg-faint);flex:none}.mini:hover{background:var(--hover);box-shadow:0 0 0 1px var(--black-a24)}[data-theme=dark] .mini:hover{box-shadow:0 0 0 1px var(--white-a24)}.mini:active{transform:scale(.97)}.mini.danger:hover{color:var(--danger);box-shadow:0 0 0 1px var(--danger-ring)}.mini.danger:hover svg{color:var(--danger)}.align-group{border-radius:var(--radius-lg);background:var(--tabs-bg);gap:2px;padding:2px;display:flex}.align-btn{border-radius:var(--radius-md);color:var(--icon);transition:background-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);flex:1;place-items:center;padding:5px 0;display:grid}.align-btn:hover{color:var(--icon-active)}.align-btn[aria-pressed=true]{background:var(--tab-active-bg);box-shadow:var(--tab-active-shadow);color:var(--fg)}.toasts{z-index:40;pointer-events:none;flex-direction:column-reverse;gap:8px;display:flex;position:fixed;bottom:24px;left:50%;translate:-50%}.toast{border-radius:var(--radius-xl);background:var(--card);outline:1px solid var(--card-ring);outline-offset:-1px;min-width:260px;font-size:var(--text-sm);color:var(--fg);animation:toast-in var(--dur-slow) var(--ease-spring);align-items:center;gap:10px;padding:12px 14px;display:flex;box-shadow:0 10px 30px -12px #00000059}.toast[data-leaving=true]{animation:toast-out var(--dur) var(--ease-out) forwards}.toast small{color:var(--fg-faint);font-size:var(--text-xs);display:block}@keyframes toast-in{0%{opacity:0;transform:translateY(12px)scale(.97)}to{opacity:1;transform:none}}@keyframes toast-out{to{opacity:0;transform:translateY(6px)scale(.98)}}.tip{display:inline-flex;position:relative}.tip-bubble{z-index:30;border-radius:var(--radius-md);background:var(--neutral-800);color:var(--white-a88);font-size:var(--text-xxs);white-space:nowrap;pointer-events:none;opacity:0;transform-origin:top;transition:opacity var(--dur-fast) var(--ease-out), transform var(--dur) var(--ease-spring);padding:4px 8px;line-height:18px;position:absolute;top:calc(100% + 8px);left:50%;transform:scale(.94)translateY(-2px)}[data-theme=dark] .tip-bubble{background:var(--neutral-100);color:var(--neutral-900)}.tip[data-show=true] .tip-bubble{opacity:1;transform:none}.tip:has(:focus-visible) .tip-bubble{opacity:1;transform:none}@media (max-width:900px){.frame{flex-direction:column;justify-content:flex-start}.canvas{flex:1;align-self:auto;width:100%;min-height:0}.orb{padding:12px}.stamp-holder>svg:not(.stamp-shadow){max-width:min(48vw,190px);max-height:min(24dvh,214px)}.panel-slot{flex:none;align-self:auto;width:100%;max-height:58dvh}.panel{animation:sheet-up var(--dur-slow) var(--ease-out)}@keyframes sheet-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.tab-label{display:none}.tab,.tab[aria-selected=true]{flex:1}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.reveal{opacity:0;filter:blur(6px);transition:grid-template-rows var(--dur-slow) var(--ease-out), opacity var(--dur) var(--ease-out), filter var(--dur) var(--ease-out);grid-template-rows:0fr;display:grid}.reveal>*{min-height:0;overflow:hidden}.reveal[data-open=true]{opacity:1;filter:blur();transition:grid-template-rows var(--dur-slow) var(--ease-out), opacity var(--dur) var(--ease-out) 60ms, filter var(--dur-slow) var(--ease-out) 60ms;grid-template-rows:1fr}.reveal[data-open=false]>*{pointer-events:none}.dd{position:relative}.dd-trigger{border-radius:var(--radius-lg);background:var(--field-bg);width:100%;box-shadow:0 0 0 1px var(--field-ring);font-size:var(--text-sm);line-height:var(--leading-5);color:var(--fg);text-align:left;transition:box-shadow var(--dur-fast) var(--ease-out);align-items:center;gap:6px;padding:8px 12px;display:flex}.dd-trigger:hover{box-shadow:0 0 0 1px var(--black-a24)}[data-theme=dark] .dd-trigger:hover{box-shadow:0 0 0 1px var(--white-a24)}.dd-trigger[aria-expanded=true]{box-shadow:0 0 0 1px var(--blue-500)}.dd-trigger .dd-value{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.dd-trigger .dd-caret{color:var(--fg-faint);flex:none;place-items:center;display:grid}.dd-menu{z-index:60;overscroll-behavior:contain;border-radius:var(--radius-lg);background:var(--menu-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);max-height:264px;box-shadow:0 6px 6px -3px #0000000a, 0 12px 12px -6px #0000000a, 0 0 0 1px var(--menu-ring);transform-origin:top;animation:dd-in var(--dur) var(--ease-spring);padding-block:4px;overflow-y:auto}.dd-menu[data-flip=true]{transform-origin:bottom}@keyframes dd-in{0%{opacity:0;filter:blur(4px);transform:scale(.97)translateY(-4px)}to{opacity:1;filter:blur();transform:none}}.dd-item{z-index:1;background:0 0;align-items:center;gap:6px;width:100%;height:32px;padding-inline:4px;display:flex;position:relative}.dd-item .dd-row{min-width:0;transition:background-color var(--dur-fast) var(--ease-out);border-radius:4px;flex:1;align-items:center;gap:6px;padding:6px;display:flex}.dd-item .dd-label{min-width:0;font-size:var(--text-sm);line-height:var(--leading-5);color:var(--fg);text-align:left;text-overflow:ellipsis;white-space:nowrap;flex:1;padding-left:8px;padding-right:4px;overflow:hidden}.dd-item .dd-tick{width:20px;height:20px;color:var(--blue-600);flex:none;place-items:center;display:grid}.dd-highlight{background:var(--menu-hover);height:32px;transform:translateY(var(--hl-y,0));opacity:0;pointer-events:none;transition:transform .2s var(--ease-out), opacity var(--dur-fast) var(--ease-out);border-radius:4px;position:absolute;top:0;left:4px;right:4px}.dd-menu[data-hl=true] .dd-highlight{opacity:1}.dd-menu[data-hl-armed=false] .dd-highlight{transition:opacity var(--dur-fast) var(--ease-out)}.dd-item[aria-selected=true] .dd-label{font-weight:500}.icon-btn .brand-glyph,.icon-btn:hover .brand-glyph{color:var(--fg)}