:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-paper:oklch(96% .02 70);--color-paper-2:oklch(94% .026 70);--color-paper-3:oklch(91% .03 70);--color-rule:oklch(82% .022 70);--color-rule-2:oklch(70% .024 70);--color-muted:oklch(50% .022 60);--color-neutral:oklch(36% .02 55);--color-ink-2:oklch(30% .018 55);--color-ink:oklch(22% .015 50);--color-accent:oklch(68% .13 18);--color-accent-strong:oklch(57% .17 18);--color-accent-ink:oklch(98% .012 70);--color-focus:oklch(54% .16 18);--color-sea:oklch(70% .105 188);--color-sea-deep:oklch(42% .09 211);--color-sea-ink:oklch(24% .065 211);--color-sky-cell:oklch(85% .072 205);--color-sky-cell-2:oklch(91% .052 194);--color-sky-grid:oklch(72% .05 205);--color-grid-line:oklch(27% .052 215);--color-stage-editor:oklch(26% .06 215);--color-dune:oklch(77% .11 84);--color-dune-dark:oklch(57% .105 74);--color-dune-light:oklch(88% .08 86);--color-coral:oklch(66% .17 30);--color-coral-dark:oklch(48% .145 27);--color-violet:oklch(55% .11 303);--color-violet-dark:oklch(36% .1 298);--color-enemy-crawler:oklch(52% .18 35);--color-enemy-winged:oklch(48% .14 305);--color-enemy-spitter:oklch(48% .13 157);--color-sun-wash:oklch(89% .075 55);--color-success:oklch(61% .12 155);--color-warning:oklch(73% .14 77);--color-error:oklch(55% .18 26);--color-white:oklch(99% .008 70);--color-transparent:oklch(22% .015 50/0);--color-black-alpha:oklch(8% .02 250/.74);--color-ink-alpha:oklch(22% .015 50/.12);--color-paper-alpha:oklch(96% .02 70/.88);--color-paper-alpha-soft:oklch(96% .02 70/.44);--color-focus-alpha:oklch(68% .13 18/.24);--color-stage-overlay:oklch(8% .02 250/.42);--font-display:"Bricolage Grotesque", ui-sans-serif, system-ui, sans-serif;--font-body:"IBM Plex Sans", ui-sans-serif, system-ui, sans-serif;--font-label:"IBM Plex Sans", ui-sans-serif, system-ui, sans-serif;--font-mono:"Space Mono", ui-monospace, monospace;--display-weight:800;--display-style:normal;--text-display:clamp(2.75rem, 5vw + .75rem, 5rem);--text-display-s:clamp(2rem, 3vw + .5rem, 3rem);--tracking-display:-.035em;--tracking-tight:-.018em;--tracking-label:.06em;--text-xs:.6875rem;--text-sm:.8125rem;--text-base:.9375rem;--text-lg:1.125rem;--text-xl:1.45rem;--text-2xl:2rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:2.5rem;--space-8:3rem;--radius-card:14px;--radius-pill:999px;--radius-input:10px;--radius-tile:4px;--rule-card:1px;--shadow-card:0 10px 28px -12px oklch(45% .1 18/.16);--shadow-float:0 18px 48px -18px oklch(22% .06 50/.32);--shadow-inset:inset 0 0 0 1px oklch(100% 0 0/.24);--header-height:4.75rem;--rail-width:17.5rem;--control-height:2.75rem;--cell-size:1.55rem;--canvas-aspect:16 / 9;--duration-fast:.14s;--duration-medium:.26s;--ease-snap:cubic-bezier(.2, .8, .2, 1)}*,:before,:after{box-sizing:border-box}[hidden]{display:none!important}html{background:var(--color-paper-2);min-width:0;min-height:100%;color:var(--color-ink);font-family:var(--font-body);overflow-x:clip}body{background:radial-gradient(circle at 12% 4%, var(--color-sun-wash), var(--color-transparent) 26rem), var(--color-paper-2);min-height:100dvh;margin:0;overflow-x:clip}button,input,textarea,select{font:inherit}button{color:inherit;white-space:nowrap}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px;box-shadow:0 0 0 3px var(--color-paper)}input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--color-focus);outline-offset:1px;box-shadow:none}button:disabled{cursor:not-allowed;opacity:.48}button:active:not(:disabled){transform:translateY(1px)}h1,h2{overflow-wrap:anywhere;min-width:0}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.studio-shell{grid-template-rows:var(--header-height) minmax(0, 1fr);height:100dvh;min-height:100dvh;display:grid;overflow:hidden}.topbar{z-index:20;align-items:center;gap:var(--space-4);width:100%;min-width:0;height:var(--header-height);padding:0 var(--space-5);color:var(--color-accent-ink);background:var(--color-ink);border-bottom:4px solid var(--color-accent-strong);box-shadow:var(--shadow-card);grid-template-columns:minmax(11rem,1fr) auto minmax(11rem,1fr);display:grid;position:relative}.topbar:after{content:"";background:var(--color-sea);border-radius:var(--radius-pill);width:5.5rem;height:4px;position:absolute;bottom:-4px;right:25%}.wordmark{align-items:center;gap:var(--space-3);width:max-content;color:inherit;transition:opacity var(--duration-fast) var(--ease-snap), transform var(--duration-fast) var(--ease-snap);text-decoration:none;display:inline-flex}.wordmark:hover{opacity:.9}.wordmark:active{transform:translateY(1px)}.wordmark__mark{width:2.6rem;height:2.6rem;color:var(--color-accent-ink);background:var(--color-accent-strong);border:2px solid var(--color-coral);box-shadow:inset 0 -4px 0 var(--color-coral-dark);border-radius:58% 42% 54% 46%;place-items:center;display:grid;overflow:hidden;transform:rotate(-6deg)}.wordmark__mark span{font-size:var(--text-2xl);font-weight:800;line-height:.7;transform:translateY(-.16rem)rotate(6deg)}.wordmark__wave{font-family:var(--font-display);font-size:var(--text-xl);letter-spacing:var(--tracking-tight);font-weight:800;line-height:.9;display:block}.wordmark__live{margin-top:var(--space-1);color:var(--color-accent);font-family:var(--font-label);font-size:var(--text-xs);letter-spacing:var(--tracking-label);text-transform:uppercase;font-weight:700;display:block}.revision-chip,.save-chip{justify-content:center;align-items:center;gap:var(--space-2);min-height:2rem;padding:var(--space-1) var(--space-3);color:var(--color-paper-3);background:var(--color-ink-2);border:1px solid var(--color-neutral);border-radius:var(--radius-pill);font-family:var(--font-label);font-size:var(--text-xs);letter-spacing:.02em;display:inline-flex}.save-chip span{color:var(--color-success);filter:drop-shadow(0 0 .25rem var(--color-success));font-size:.62rem}.topbar__center,.topbar__actions,.mode-switch{align-items:center;gap:var(--space-2);display:flex}.topbar__actions{justify-content:flex-end}.button{min-height:var(--control-height);padding:var(--space-2) var(--space-4);border:1px solid var(--color-rule-2);border-radius:var(--radius-input);background:var(--color-paper);cursor:pointer;transition:transform var(--duration-fast) var(--ease-snap), box-shadow var(--duration-fast) var(--ease-snap), background var(--duration-fast) var(--ease-snap), border-color var(--duration-fast) var(--ease-snap);font-weight:700}.button:hover:not(:disabled){box-shadow:var(--shadow-card)}.button:active:not(:disabled){transform:translateY(1px)}.button--quiet{color:var(--color-paper);background:var(--color-ink-2);border-color:var(--color-neutral)}.button--accent{color:var(--color-accent-ink);background:var(--color-accent-strong);border-color:var(--color-coral);box-shadow:inset 0 -3px 0 var(--color-coral-dark)}.button--accent:hover:not(:disabled){box-shadow:inset 0 -3px 0 var(--color-coral-dark), var(--shadow-card)}.button--sea{color:var(--color-white);background:var(--color-sea-deep);border-color:var(--color-sea-ink);box-shadow:inset 0 -3px 0 var(--color-sea-ink)}.button--small{min-height:var(--control-height);padding:var(--space-2) var(--space-3);font-size:var(--text-sm)}.button--wide{width:100%}.section-action{margin-top:var(--space-3)}.workbench{grid-template-columns:var(--rail-width) minmax(0, 1fr) var(--rail-width);background:var(--color-paper-2);width:100%;min-width:0;min-height:0;display:grid;overflow:hidden}.rail{min-width:0;padding:var(--space-4);background:var(--color-paper);scrollbar-color:var(--color-rule-2) var(--color-paper);scrollbar-width:thin;overflow-y:auto}.rail--left{border-right:1px solid var(--color-rule)}.rail--right{border-left:1px solid var(--color-rule)}.rail__section{padding:var(--space-5) 0;border-bottom:1px solid var(--color-rule)}.rail__section:first-child{padding-top:0}.rail__section:last-child{border-bottom:0}.eyebrow,.field-label,.metric__label,.activity__source{font-family:var(--font-label);font-size:var(--text-xs);letter-spacing:var(--tracking-label);text-transform:uppercase;font-weight:700}.eyebrow{margin:0 0 var(--space-2);color:var(--color-accent-strong)}.section-title{margin:0 0 var(--space-3);font-family:var(--font-display);font-size:var(--text-lg);letter-spacing:var(--tracking-tight);line-height:1.05}.section-copy{color:var(--color-muted);font-size:var(--text-sm);margin:0;line-height:1.5}.field{gap:var(--space-2);margin-top:var(--space-3);display:grid}.field-row{gap:var(--space-2);grid-template-columns:1fr 1fr;display:grid}.level-size{margin-top:var(--space-4);padding:var(--space-3);background:linear-gradient(145deg, var(--color-sun-wash), var(--color-paper-2));border:1px solid var(--color-dune);border-radius:var(--radius-card)}.level-size fieldset{border:0;min-width:0;margin:0;padding:0}.level-size__intro,.level-size__help,.level-size__warning{color:var(--color-muted);font-size:var(--text-xs);margin:0;line-height:1.45}.level-size__intro{margin-top:var(--space-1)}.level-size__presets{gap:var(--space-2);margin-top:var(--space-3);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.level-size__presets button{min-width:0;min-height:2.75rem;padding:var(--space-2);color:var(--color-sea-deep);background:var(--color-paper-alpha);border:1px solid var(--color-rule-2);border-radius:var(--radius-input);cursor:pointer;transition:color var(--duration-fast) var(--ease-snap), background-color var(--duration-fast) var(--ease-snap), border-color var(--duration-fast) var(--ease-snap), transform var(--duration-fast) var(--ease-snap);place-items:center;display:grid}.level-size__presets button:hover{border-color:var(--color-sea)}.level-size__presets button[aria-pressed=true]{color:var(--color-white);background:var(--color-sea-deep);border-color:var(--color-sea-deep)}.level-size__presets small{font-family:var(--font-label);opacity:.76;font-size:.68rem}.level-size__fields{gap:var(--space-2);grid-template-columns:1fr 1fr;display:grid}.level-size__help{margin-top:var(--space-2)}.level-size__warning{min-height:2.2em;margin:var(--space-1) 0 var(--space-2);color:var(--color-dune-dark);font-weight:650}.field input,.field textarea,.field select{width:100%;min-height:var(--control-height);padding:var(--space-2) var(--space-3);color:var(--color-ink);background:var(--color-paper-2);border:1px solid var(--color-rule-2);border-radius:var(--radius-input);outline:2px solid var(--color-transparent);outline-offset:1px;transition:background-color var(--duration-fast) var(--ease-snap), border-color var(--duration-fast) var(--ease-snap)}.field input:hover:not(:disabled),.field textarea:hover:not(:disabled),.field select:hover:not(:disabled){border-color:var(--color-accent-strong)}.field input:active:not(:disabled),.field textarea:active:not(:disabled),.field select:active:not(:disabled){background:var(--color-paper-3)}.field input:disabled,.field textarea:disabled,.field select:disabled{cursor:not-allowed;opacity:.55;background:var(--color-paper-3)}.field textarea{resize:vertical;min-height:4.5rem}.background-fieldset{min-width:0;margin:var(--space-4) 0 0;border:0;padding:0}.background-picker{gap:var(--space-2);margin-top:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.background-choice{min-width:0;color:var(--color-white);background:var(--color-sea-ink);border:2px solid var(--color-rule-2);border-radius:var(--radius-input);box-shadow:inset 0 0 0 1px var(--color-paper-alpha-soft);cursor:pointer;isolation:isolate;text-align:left;touch-action:manipulation;transition:border-color var(--duration-fast) var(--ease-snap), box-shadow var(--duration-fast) var(--ease-snap), transform var(--duration-fast) var(--ease-snap);padding:0;position:relative;overflow:hidden}.background-choice:after{content:"";z-index:0;pointer-events:none;background:linear-gradient(#0000,#031424eb);position:absolute;inset:28% 0 0}.background-choice:hover{border-color:var(--color-sea);transform:translateY(-1px)}.background-choice:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}.background-choice[aria-checked=true]{border-color:var(--color-accent-strong);box-shadow:0 0 0 2px var(--color-focus-alpha), inset 0 0 0 1px var(--color-paper)}.background-choice img{aspect-ratio:16/9;object-fit:cover;opacity:.92;width:100%;height:auto;transition:transform var(--duration-medium) var(--ease-snap);display:block}.background-choice:hover img,.background-choice[aria-checked=true] img{transform:scale(1.035)}.background-choice>span:not(.background-choice__check){right:var(--space-2);bottom:var(--space-2);left:var(--space-2);z-index:1;font-family:var(--font-label);letter-spacing:.025em;text-overflow:ellipsis;text-shadow:0 1px 3px var(--color-ink);white-space:nowrap;font-size:.62rem;font-weight:800;line-height:1.15;position:absolute;overflow:hidden}.background-choice__check{top:var(--space-1);right:var(--space-1);z-index:2;width:1.25rem;height:1.25rem;color:var(--color-accent-ink);background:var(--color-accent-strong);border:1px solid var(--color-white);box-shadow:0 2px 6px var(--color-ink-alpha);border-radius:50%;place-items:center;font-size:.7rem;font-weight:900;line-height:1;display:none;position:absolute}.background-choice[aria-checked=true] .background-choice__check{display:grid}.palette-intro{margin-bottom:var(--space-3)}.piece-guide{align-items:start;gap:var(--space-3);min-height:6.1rem;margin-bottom:var(--space-3);padding:var(--space-3);background:var(--color-sun-wash);border:1px solid var(--color-dune-dark);border-left:4px solid var(--color-accent-strong);border-radius:var(--radius-card);box-shadow:inset 0 1px 0 var(--color-paper-alpha-soft);grid-template-columns:2.75rem minmax(0,1fr);display:grid;position:relative;overflow:hidden}.piece-guide:after{content:"≈";color:var(--color-accent);font-family:var(--font-display);opacity:.12;pointer-events:none;font-size:3.5rem;font-weight:800;line-height:1;position:absolute;bottom:-.65rem;right:-.15rem;transform:rotate(-8deg)}.piece-guide__swatch{width:2.75rem;box-shadow:var(--shadow-inset), 0 5px 12px var(--color-ink-alpha);border-width:2px}.piece-guide__copy{z-index:1;min-width:0;position:relative}.piece-guide__heading{align-items:center;gap:var(--space-1) var(--space-2);flex-wrap:wrap;display:flex}.piece-guide__heading strong{font-family:var(--font-display);font-size:var(--text-base);text-transform:capitalize;line-height:1.1}.piece-guide__kind{color:var(--color-accent-ink);background:var(--color-ink-2);border-radius:var(--radius-pill);font-family:var(--font-label);letter-spacing:var(--tracking-label);text-transform:uppercase;padding:.18rem .42rem;font-size:.58rem;font-weight:700;line-height:1.2}.piece-guide p{margin:var(--space-2) 0 0;color:var(--color-neutral);font-size:var(--text-xs);line-height:1.4}.palette{gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.palette__item{align-items:center;gap:var(--space-2);min-height:3.25rem;padding:var(--space-2);text-align:left;color:var(--color-ink);background:var(--color-paper-2);border:1px solid var(--color-rule-2);border-radius:var(--radius-input);cursor:pointer;touch-action:manipulation;transition:background var(--duration-fast) var(--ease-snap), border-color var(--duration-fast) var(--ease-snap), transform var(--duration-fast) var(--ease-snap), box-shadow var(--duration-fast) var(--ease-snap);grid-template-columns:1.9rem minmax(0,1fr);display:grid;position:relative}.palette__item:hover{background:var(--color-paper-3)}.palette__item[aria-pressed=true]{background:var(--color-sun-wash);border-color:var(--color-accent-strong);box-shadow:0 0 0 2px var(--color-focus-alpha)}.palette__selected{width:1rem;height:1rem;color:var(--color-accent-ink);background:var(--color-accent-strong);border:1px solid var(--color-paper);border-radius:var(--radius-pill);place-items:center;font-size:.62rem;font-weight:800;line-height:1;display:none;position:absolute;top:.2rem;right:.25rem}.palette__item[aria-pressed=true] .palette__selected{display:grid}.palette__label{min-width:0;font-size:var(--text-xs);text-transform:capitalize;white-space:normal;font-weight:700;line-height:1.15;overflow:visible}.palette__copy{align-content:center;gap:.16rem;min-width:0;display:grid}.palette__kind{color:var(--color-muted);font-family:var(--font-label);letter-spacing:.035em;text-overflow:ellipsis;text-transform:uppercase;white-space:normal;font-size:.58rem;font-weight:700;line-height:1.1;overflow:hidden}.tile-swatch,.level-cell{isolation:isolate;background-color:var(--color-sky-cell);position:relative;overflow:hidden}.tile-swatch{aspect-ratio:1;border:2px solid var(--color-grid-line);border-radius:var(--radius-tile);width:1.9rem;box-shadow:inset 0 0 0 1px var(--color-paper-alpha-soft);place-items:center;display:grid}.tile--0{background:linear-gradient(145deg, var(--color-sky-cell-2) 0 35%, var(--color-sky-cell) 36% 100%)}.level-cell.tile--0{background:linear-gradient(145deg,oklch(91% .052 194/.18) 0 35%,oklch(85% .072 205/.12) 36% 100%);border-color:oklch(48% .07 210/.62)}.tile-swatch.tile--0:after{content:"×";color:var(--color-sea-deep);font-size:var(--text-lg);font-weight:800;line-height:1}.tile--1{background:linear-gradient(to bottom, var(--color-success) 0 22%, var(--color-dune-dark) 23% 34%, var(--color-dune) 35% 100%)}.tile--1:after{content:"";z-index:1;background:var(--color-dune-dark);border-radius:var(--radius-pill);opacity:.48;position:absolute;inset:48% 18% 14%}.tile--2{background:radial-gradient(circle at 28% 28%, var(--color-violet) 0 12%, var(--color-transparent) 13%), radial-gradient(circle at 72% 68%, var(--color-sea-deep) 0 15%, var(--color-transparent) 16%), var(--color-sea-ink)}.tile--3{background:var(--color-coral-dark)}.tile--3:before{content:"";z-index:1;background:var(--color-accent-ink);border-radius:var(--radius-pill);width:10%;position:absolute;top:15%;bottom:10%;left:36%}.tile--3:after{content:"";z-index:1;background:var(--color-accent);clip-path:polygon(0 0,100% 18%,78% 100%,0 82%);width:42%;height:34%;position:absolute;top:16%;left:43%}.tile--4{background:linear-gradient(135deg, var(--color-sea) 0 36%, var(--color-sky-cell-2) 37% 48%, var(--color-sea) 49% 100%)}.tile--4:after{content:"";z-index:1;border:1px solid var(--color-white);border-radius:34% 52% 42% 48%;position:absolute;inset:12%}.tile--5{background:var(--color-warning)}.tile--5:before{content:"";z-index:1;background:radial-gradient(circle at 20% 65%, var(--color-coral-dark) 0 12%, var(--color-transparent) 14%), radial-gradient(circle at 50% 32%, var(--color-coral-dark) 0 14%, var(--color-transparent) 16%), radial-gradient(circle at 80% 65%, var(--color-coral-dark) 0 12%, var(--color-transparent) 14%);position:absolute;inset:23% 18% 15%}.tile--5:after{content:"";z-index:1;background:var(--color-coral-dark);border-radius:var(--radius-pill);height:15%;position:absolute;bottom:8%;left:12%;right:12%}.tile--6{background:var(--color-dune-light)}.tile--6:after{content:"";z-index:1;background:var(--color-coral-dark);clip-path:polygon(0 100%,0 68%,16% 18%,34% 72%,52% 8%,70% 68%,88% 22%,100% 72%,100% 100%);position:absolute;inset:12% 5% 8%}.tile--7{background:linear-gradient(to bottom, var(--color-sea) 0 18%, var(--color-sea-deep) 19% 48%, var(--color-sea-ink) 49% 100%)}.tile--7:after{content:"≈";z-index:1;color:var(--color-white);place-items:center;font-size:1.1em;font-weight:800;display:grid;position:absolute;inset:0;transform:translateY(-.08em)}.tile--8{background:var(--color-enemy-crawler)}.tile--8:before{content:"";z-index:1;background:radial-gradient(circle at 31% 36%, var(--color-ink) 0 8%, var(--color-white) 9% 19%, var(--color-transparent) 20%), radial-gradient(circle at 69% 36%, var(--color-ink) 0 8%, var(--color-white) 9% 19%, var(--color-transparent) 20%), var(--color-coral-dark);border-radius:58% 58% 38% 38%;position:absolute;inset:24% 14% 20%}.tile--8:after{content:"";z-index:2;background:var(--color-ink);border-radius:var(--radius-pill);height:12%;position:absolute;bottom:13%;left:16%;right:16%}.tile--9{background:var(--color-enemy-winged)}.tile--9:before{content:"";z-index:1;background:var(--color-accent-ink);clip-path:polygon(0 48%,28% 5%,42% 38%,50% 20%,58% 38%,72% 5%,100% 48%,74% 78%,58% 61%,50% 100%,42% 61%,26% 78%);position:absolute;inset:20% 7% 32%}.tile--9:after{content:"";z-index:2;background:var(--color-violet-dark);border:2px solid var(--color-ink);border-radius:55% 55% 45% 45%;width:30%;height:46%;position:absolute;top:30%;left:35%}.tile--10{background:var(--color-enemy-spitter)}.tile--10:before{content:"";z-index:1;background:radial-gradient(circle at 42% 35%, var(--color-ink) 0 7%, var(--color-white) 8% 17%, var(--color-transparent) 18%), var(--color-success);border:2px solid var(--color-sea-ink);border-radius:62% 48% 55% 45%;position:absolute;inset:15% 18% 18%}.tile--10:after{content:"";z-index:2;background:var(--color-sea-ink);border:2px solid var(--color-accent-ink);border-radius:50%;width:24%;height:24%;position:absolute;bottom:28%;right:10%}.stage-shell{min-width:0;min-height:0;padding:var(--space-4);background:radial-gradient(circle at 50% -20%, var(--color-sun-wash), var(--color-transparent) 38rem), var(--color-paper-3);grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);display:grid;position:relative}.stage-toolbar{justify-content:space-between;align-items:center;gap:var(--space-3);padding:0 0 var(--space-3);display:flex}.mobile-build-tools{display:none}.stage-title{min-width:0}.stage-title h1{font-family:var(--font-display);font-size:var(--text-xl);letter-spacing:var(--tracking-tight);text-overflow:ellipsis;white-space:nowrap;margin:0;line-height:1.05;overflow:hidden}.stage-title p{margin:var(--space-1) 0 0;color:var(--color-muted);font-size:var(--text-sm);text-transform:capitalize}.mode-switch{padding:var(--space-1);background:var(--color-paper);border:1px solid var(--color-rule-2);border-radius:var(--radius-pill);box-shadow:var(--shadow-card);flex:none}.mode-switch button{min-width:4.75rem;min-height:var(--control-height);padding:var(--space-2) var(--space-3);color:var(--color-muted);background:var(--color-transparent);border-radius:var(--radius-pill);cursor:pointer;font-size:var(--text-sm);white-space:nowrap;transition:color var(--duration-fast) var(--ease-snap), background var(--duration-fast) var(--ease-snap), transform var(--duration-fast) var(--ease-snap);border:0;font-weight:700}.mode-switch button:hover:not(:disabled){background:var(--color-paper-2)}.mode-switch button[aria-pressed=true]{color:var(--color-white);background:var(--color-sea-deep);box-shadow:inset 0 -2px 0 var(--color-sea-ink)}.stage{background-color:var(--color-sea-ink);border:4px solid var(--color-ink);border-radius:var(--radius-card);min-width:0;min-height:24rem;box-shadow:var(--shadow-float), inset 0 0 0 2px var(--color-paper-alpha-soft);animation:stage-arrive var(--duration-medium) var(--ease-snap) both;background-image:url(/assets/vibetide-background.webp);background-position:50%;background-size:cover;position:relative;overflow:hidden}.editor-viewport,.game-mount{position:absolute;inset:0}.editor-viewport{padding:clamp(var(--space-6), 7vh, var(--space-8)) var(--space-4) var(--space-4);scrollbar-color:var(--color-sea) var(--color-sea-ink);scrollbar-width:thin;background:oklch(26% .06 215/.18);overflow:auto}.game-mount{visibility:hidden;background:var(--color-sea-ink);pointer-events:none}.game-mount canvas{display:block;width:100%!important;height:100%!important}.stage[data-mode=play] .editor-viewport{display:none}.stage[data-mode=play] .game-mount{visibility:visible;pointer-events:auto}.level-grid{border:3px solid var(--color-grid-line);width:max-content;min-width:100%;min-height:100%;box-shadow:0 12px 30px var(--color-black-alpha);touch-action:none;-webkit-user-select:none;user-select:none;background:0 0;place-content:end center;display:grid}.level-cell{width:var(--cell-size);height:var(--cell-size);min-width:var(--cell-size);border:1px solid var(--color-grid-line);cursor:crosshair;padding:0}.level-cell:hover{z-index:3;box-shadow:inset 0 0 0 2px var(--color-white), 0 0 0 1px var(--color-ink)}.level-cell:focus-visible{z-index:4;outline:3px solid var(--color-accent);outline-offset:-2px;box-shadow:inset 0 0 0 2px var(--color-white)}.stage-hint{top:var(--space-3);z-index:4;max-width:calc(100% - var(--space-6));padding:var(--space-2) var(--space-3);color:var(--color-white);background:var(--color-black-alpha);border:1px solid var(--color-paper-alpha-soft);border-radius:var(--radius-pill);font-family:var(--font-label);font-size:var(--text-xs);pointer-events:none;text-overflow:ellipsis;white-space:nowrap;margin:0;font-weight:700;position:absolute;left:50%;overflow:hidden;transform:translate(-50%)}.touch-controls{inset:auto var(--space-3) var(--space-3);z-index:6;pointer-events:none;justify-content:space-between;display:none;position:absolute}.stage[data-mode=edit] .touch-controls{display:none}.touch-cluster{gap:var(--space-2);display:flex}.touch-button{width:3.5rem;height:3.5rem;color:var(--color-white);background:var(--color-black-alpha);border:2px solid var(--color-paper-alpha);box-shadow:var(--shadow-card);font-size:var(--text-lg);pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:50%;place-items:center;font-weight:800;display:grid}.touch-button:hover:not(:disabled){background:var(--color-ink)}.stage-foot{justify-content:space-between;align-items:center;gap:var(--space-3);min-height:3.4rem;color:var(--color-muted);font-size:var(--text-sm);display:flex}.stage-foot__status{align-items:center;gap:var(--space-2);display:inline-flex}.stage-foot__status>span:first-child{color:var(--color-success);font-size:.55rem}.stage-foot__keys{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}kbd{padding:var(--space-1) var(--space-2);color:var(--color-ink);background:var(--color-paper);border:1px solid var(--color-rule-2);font-family:var(--font-label);font-size:var(--text-xs);border-bottom-width:2px;border-radius:5px}.metric-grid{gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.metric{min-width:0;padding:var(--space-3);background:var(--color-paper-2);border:1px solid var(--color-rule);border-radius:var(--radius-input)}.metric__value{margin-top:var(--space-1);font-family:var(--font-display);font-size:var(--text-xl);text-overflow:ellipsis;white-space:nowrap;font-weight:800;line-height:1;display:block;overflow:hidden}.metric__value--word{font-size:var(--text-base)}.validity{align-items:flex-start;gap:var(--space-3);margin-top:var(--space-3);padding:var(--space-3);background:var(--color-paper-2);border:1px solid var(--color-rule);border-radius:var(--radius-input);display:flex}.validity__mark{width:2rem;height:2rem;color:var(--color-white);background:var(--color-success);border-radius:50%;flex:none;place-items:center;font-weight:800;display:grid}.validity[data-valid=false] .validity__mark{background:var(--color-error)}.validity strong,.validity span{display:block}.validity span{margin-top:var(--space-1);color:var(--color-muted);font-size:var(--text-xs);line-height:1.35}.idea-card{margin-top:var(--space-3);padding:var(--space-3);color:var(--color-ink);background:var(--color-sun-wash);border:1px solid var(--color-accent);border-radius:var(--radius-card);box-shadow:inset 0 -3px 0 var(--color-accent)}.idea-card p{font-family:var(--font-display);font-size:var(--text-sm);margin:0;font-weight:700;line-height:1.45}.idea-card .button{margin-top:var(--space-3)}.activity-list{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.activity{padding:0 0 var(--space-3) var(--space-4);border-left:1px solid var(--color-rule-2);position:relative}.activity:before{content:"";background:var(--color-sea);border:2px solid var(--color-paper);border-radius:50%;width:.55rem;height:.55rem;position:absolute;top:.2rem;left:-.3rem}.activity[data-source=agent]:before{background:var(--color-accent)}.activity__detail{margin-top:var(--space-1);font-size:var(--text-sm);line-height:1.35;display:block}.share-dialog{width:min(34rem,100vw - 2rem);max-width:100%;color:var(--color-ink);background:var(--color-transparent);border-radius:var(--radius-card);border:0;margin:auto;padding:0;overflow:visible}.share-dialog::backdrop{background:var(--color-black-alpha);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.share-dialog__surface{padding:var(--space-6);background:radial-gradient(circle at 88% 0%, var(--color-sun-wash), var(--color-transparent) 14rem), var(--color-paper);border:2px solid var(--color-ink);border-radius:var(--radius-card);box-shadow:var(--shadow-float);position:relative}.share-dialog__close{top:var(--space-3);right:var(--space-3);width:var(--control-height);height:var(--control-height);color:var(--color-muted);background:var(--color-paper-2);border:1px solid var(--color-rule);cursor:pointer;font-size:var(--text-xl);border-radius:50%;place-items:center;padding:0;display:grid;position:absolute}.share-dialog__title{max-width:calc(100% - 3rem);font-family:var(--font-display);font-size:var(--text-2xl);letter-spacing:var(--tracking-tight);margin:0;line-height:1.05}.share-dialog__copy{margin:var(--space-3) 0 0;color:var(--color-muted);line-height:1.55}.share-dialog__field{margin-top:var(--space-5)}.share-dialog__field input{width:100%;font-family:var(--font-mono);font-size:var(--text-sm)}.share-dialog__actions{gap:var(--space-3);margin-top:var(--space-4);display:flex}.share-dialog__actions .button{text-align:center;flex:1 1 0;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.toast-region{right:var(--space-4);bottom:var(--space-4);z-index:80;gap:var(--space-2);pointer-events:none;width:min(22rem,100vw - 2rem);display:grid;position:fixed}.toast{padding:var(--space-3) var(--space-4);color:var(--color-white);background:var(--color-ink);border-left:4px solid var(--color-accent);border-radius:var(--radius-input);box-shadow:var(--shadow-float);font-size:var(--text-sm);animation:toast-in var(--duration-medium) var(--ease-snap)}@keyframes stage-arrive{0%{opacity:0;transform:translateY(var(--space-2))}}@keyframes toast-in{0%{opacity:0;transform:translateY(.5rem)}}@media (width<=76rem){:root{--rail-width:16rem;--cell-size:1.45rem}.workbench{grid-template-columns:var(--rail-width) minmax(0, 1fr)}.rail--right,.topbar__center .save-chip{display:none}}@media (width<=64rem){.topbar__center{display:none}.topbar{grid-template-columns:minmax(10rem,1fr) auto}}@media (width<=52rem){:root{--header-height:auto;--cell-size:clamp(1rem, 4.4vw, 1.1rem)}.studio-shell{height:auto;min-height:100dvh;overflow:visible}.topbar{min-height:4.5rem;padding:var(--space-3);grid-template-columns:1fr auto;position:sticky;top:0}.topbar__actions .button--quiet:not(.button--share){display:none}.workbench{flex-direction:column;display:flex;overflow:visible}.stage-shell{min-height:0;padding:var(--space-3);flex-direction:column;order:-1;display:flex}.stage{flex:none;min-height:24rem}.mobile-build-tools{z-index:12;gap:var(--space-2);margin-bottom:var(--space-3);padding:var(--space-2);background:linear-gradient(145deg, var(--color-paper), var(--color-paper-2));border:1px solid var(--color-rule-2);border-radius:var(--radius-card);box-shadow:var(--shadow-card);display:grid;position:sticky;top:4.5rem}.mobile-build-tools__heading{justify-content:space-between;align-items:center;gap:var(--space-3);padding-inline:var(--space-1);display:flex}.mobile-build-tools__heading .eyebrow{margin:0}.mobile-build-tools__swipe{color:var(--color-muted);font-family:var(--font-label);letter-spacing:var(--tracking-label);text-transform:uppercase;font-size:.62rem;font-weight:700}.palette--mobile{gap:var(--space-2);margin-inline:calc(var(--space-1) * -1);padding:0 var(--space-1) var(--space-1);overscroll-behavior-inline:contain;scroll-padding-inline:var(--space-1);scroll-snap-type:inline proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch;display:flex;overflow-x:auto}.palette--mobile::-webkit-scrollbar{display:none}.palette--mobile .palette__item{text-align:center;scroll-snap-align:start;flex:0 0 4.65rem;grid-template-columns:1fr;justify-items:center;gap:.28rem;min-height:4.35rem;padding:.38rem .3rem;display:grid}.palette--mobile .tile-swatch{width:2rem}.palette--mobile .palette__copy{text-align:center;width:100%;display:block}.palette--mobile .palette__label{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.65rem;line-height:1.05;display:-webkit-box;overflow:hidden}.palette--mobile .palette__kind{display:none}.mobile-piece-guide{align-items:baseline;gap:var(--space-2);min-width:0;padding:0 var(--space-1);color:var(--color-muted);font-size:var(--text-xs);margin:0;line-height:1.3;display:flex}.mobile-piece-guide strong{color:var(--color-ink);font-family:var(--font-display);text-transform:capitalize;flex:none}.mobile-piece-guide [data-piece-kind]{color:var(--color-accent-ink);background:var(--color-ink-2);border-radius:var(--radius-pill);font-family:var(--font-label);letter-spacing:.03em;text-transform:uppercase;flex:none;padding:.14rem .38rem;font-size:.54rem;font-weight:700}.mobile-piece-guide [data-piece-description]{-webkit-line-clamp:1;-webkit-box-orient:vertical;min-width:0;display:-webkit-box;overflow:hidden}.editor-viewport{padding-right:var(--space-2);padding-left:var(--space-2)}.rail{padding:var(--space-5);overflow:visible}.rail--left,.rail--right{border:0;border-top:1px solid var(--color-rule);display:block}.rail__section--palette{display:none}.touch-controls{display:flex}}@media (width<=34rem){.button__optional{display:none}.share-dialog__surface{padding:var(--space-5)}.share-dialog__actions{flex-direction:column}.topbar__actions .button--accent{padding-inline:var(--space-3)}.stage-toolbar{align-items:flex-start}.stage-title p{display:none}.mode-switch button{min-width:3.8rem;padding-inline:var(--space-2)}.stage{min-height:21rem}.stage-shell[data-mode=play] .stage{min-height:23rem}.stage-foot__keys{display:none}.field-row{grid-template-columns:1fr}}@media (width<=25rem){.topbar{gap:var(--space-2);grid-template-columns:minmax(0,1fr) auto}.wordmark__mark{display:none}.wordmark__wave{font-size:var(--text-lg)}.wordmark__live{font-size:.62rem}.topbar__actions .button--accent{padding-inline:var(--space-2)}.stage-shell,.rail{padding-inline:var(--space-3)}.level-size__fields{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}