:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--rgb-ink:7 13 26;--rgb-navy:8 16 31;--rgb-card:13 20 37;--rgb-code:5 11 22;--rgb-white:255 255 255;--rgb-sidebar-top:7 13 26;--rgb-sidebar-bottom:10 18 32;--rgb-card-top:17 27 46;--rgb-card-bottom:12 20 35;--rgb-slate:148 163 184;--rgb-sky:56 189 248;--rgb-emerald:52 211 153;--rgb-amber:251 191 36;--rgb-red:248 113 113;--hex-text:#e5eefb;--hex-text-muted:#8ea0bf;--hex-accent:#7dd3fc;--hex-accent-strong:#38bdf8;--hex-success:#34d399;--hex-warning:#fbbf24;--hex-danger:#f87171;--hex-error-text:#fca5a5;--hex-code-text:#cbd5f5;--hex-on-accent:#06283a;--bg:#08101f;--bg-elevated:#0f172a;--surface:#111b31;--surface-strong:#17233d;--border:rgb(var(--rgb-slate) / .18);--border-strong:rgb(var(--rgb-slate) / .32);--text:var(--hex-text);--text-muted:var(--hex-text-muted);--text-error:var(--hex-error-text);--text-code:var(--hex-code-text);--text-on-accent:var(--hex-on-accent);--accent:var(--hex-accent);--accent-strong:var(--hex-accent-strong);--success:var(--hex-success);--warning:var(--hex-warning);--danger:var(--hex-danger);--shadow:0 28px 70px #02081773;--color-sidebar:linear-gradient(180deg, rgb(var(--rgb-sidebar-top) / .96), rgb(var(--rgb-sidebar-bottom) / .9));--color-card:linear-gradient(180deg, rgb(var(--rgb-card-top) / .9), rgb(var(--rgb-card-bottom) / .92));--color-note:linear-gradient(180deg, rgb(var(--rgb-white) / .025), rgb(var(--rgb-white) / .01));--color-button:linear-gradient(180deg, rgb(var(--rgb-white) / .06), rgb(var(--rgb-white) / .02));--color-hover:linear-gradient(180deg, rgb(var(--rgb-white) / .04), rgb(var(--rgb-white) / .02));--color-topline:linear-gradient(90deg, transparent, rgb(var(--rgb-sky) / .5), transparent);--color-hairline:rgb(var(--rgb-white) / .02);--color-insetline:rgb(var(--rgb-white) / .04);--color-code:rgb(var(--rgb-code) / .92);--color-wash:rgb(var(--rgb-white) / .02);--color-control:rgb(var(--rgb-white) / .04);--color-control-focus:rgb(var(--rgb-white) / .06);--border-active:rgb(var(--rgb-slate) / .24);--border-accent:rgb(var(--rgb-sky) / .4);--border-control-hover:rgb(var(--rgb-slate) / .48);--focus-ring:0 0 0 3px rgb(var(--rgb-sky) / .12);--shadow-card:0 18px 50px #02081757;--shadow-lift:0 8px 20px #0f172a42;--shadow-brand:0 12px 32px rgb(var(--rgb-sky) / .16);--shadow-primary:0 10px 24px rgb(var(--rgb-emerald) / .16);--color-badge-slate:rgb(var(--rgb-slate) / .12);--color-badge-emerald:rgb(var(--rgb-emerald) / .12);--color-badge-emerald-border:rgb(var(--rgb-emerald) / .24);--color-badge-amber:rgb(var(--rgb-amber) / .12);--color-badge-amber-border:rgb(var(--rgb-amber) / .25);--color-badge-red:rgb(var(--rgb-red) / .12);--color-badge-red-border:rgb(var(--rgb-red) / .24);--color-skeleton-dim:rgb(var(--rgb-slate) / .1);--color-skeleton-glow:rgb(var(--rgb-slate) / .22);--color-brand-sky:rgb(var(--rgb-sky) / .18);--color-brand-emerald:rgb(var(--rgb-emerald) / .12);--color-glow-sky:rgb(var(--rgb-sky) / .16);--color-glow-emerald:rgb(var(--rgb-emerald) / .1);--hex-page-top:#050b16;--hex-page-bottom:#0b1326;--radius-sm:10px;--radius-control:12px;--radius-md:14px;--radius-soft:16px;--radius-lg:20px;--radius-full:999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--brand-mark-size:48px;--brand-mark-size-sm:36px;--nav-link-min-height:44px;--nav-link-compact-min-height:36px;--z-sticky:10;--button-min-height:40px;--control-min-height:42px;--check-size:18px;--badge-min-height:24px;--badge-padding-x:10px;--skeleton-title-height:24px;--skeleton-line-height:14px;--composer-min-height:100px;--canvas-min-height:360px;--loading-max-width:520px;--page-max-width:1320px;--tab-bar-clearance:96px;--text-hero:2rem;--text-section:1.5rem;--text-segment:1.1rem;--text-mark:1.25rem;--text-display:1.35rem;--text-title:1.15rem;--text-label:.94rem;--text-hint:.84rem;--text-micro:.78rem;--weight-bold:700;--weight-semibold:600;--font-body:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/inter-latin-ext-DO1Apj_S.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/inter-latin-Dx4kXJAl.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2190-2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*{box-sizing:border-box}html{background:radial-gradient(circle at top left, var(--color-glow-sky), transparent 30%), radial-gradient(circle at top right, var(--color-glow-emerald), transparent 28%), linear-gradient(180deg, var(--hex-page-top) 0%, var(--bg) 45%, var(--hex-page-bottom) 100%);min-height:100%}body{min-height:100vh;color:var(--text);font-family:var(--font-body);background:0 0;margin:0}body,button,input,textarea,select{font:inherit}a{color:inherit}button,a{transition:transform .12s,border-color .12s,background-color .12s,color .12s}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}#root{min-height:100vh}.app-shell{grid-template-columns:280px minmax(0,1fr);min-height:100vh;display:grid}.app-sidebar{gap:var(--space-8);padding:var(--space-8);border-right:1px solid var(--border);background:var(--color-sidebar);box-shadow:inset -1px 0 0 var(--color-hairline);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);flex-direction:column;display:flex}.brand-block{gap:var(--space-4);align-items:center;display:flex}.brand-mark{width:var(--brand-mark-size);height:var(--brand-mark-size);border:1px solid var(--border-accent);border-radius:var(--radius-soft);background:linear-gradient(135deg, var(--color-brand-sky), var(--color-brand-emerald));box-shadow:var(--shadow-brand);font-size:var(--text-mark);font-weight:var(--weight-bold);place-items:center;display:grid}.section-title{font-size:var(--text-section)}.segment-title{font-size:var(--text-segment)}.eyebrow{margin:0 0 var(--space-1);color:var(--text-muted);font-size:var(--text-micro);letter-spacing:.12em;text-transform:uppercase}.brand-title,.page-title,.section-title,.segment-title{margin:0}.brand-title{font-size:var(--text-title)}.side-nav{gap:var(--space-2);display:grid}.side-link{min-height:var(--nav-link-min-height);padding:0 var(--space-4);border-radius:var(--radius-md);color:var(--text-muted);font-weight:var(--weight-semibold);letter-spacing:.01em;border:1px solid #0000;align-items:center;text-decoration:none;display:flex;position:relative}.side-link:before{content:"";border-radius:var(--radius-full);background:0 0;width:4px;height:12px;transition:background-color .12s;position:absolute;left:10px}.side-link:hover,.side-link-active{border-color:var(--border-active);color:var(--text);background:var(--color-hover);box-shadow:inset 0 1px 0 var(--color-insetline)}.side-link:hover{transform:translate(2px)}.nav-icon{margin-right:var(--space-2)}.bottom-nav{display:none}.side-link-active:before{background:linear-gradient(180deg, var(--accent), var(--success))}.sidebar-note{padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--color-note);box-shadow:inset 0 1px 0 var(--color-hairline)}.sidebar-note-title,.segment-copy,.section-copy,.muted-copy{color:var(--text-muted);margin:0}.sidebar-note-title{margin-bottom:var(--space-2);color:var(--text);font-weight:var(--weight-semibold)}.app-main{min-width:0;padding:var(--space-6);flex-direction:column;display:flex}.topbar{justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-6);align-items:center;display:flex}.topbar-status,.button-row,.card-row,.page-actions,.list-item{gap:var(--space-2);align-items:center;display:flex}.page-frame,.page{min-width:0}.page{gap:var(--space-6);max-width:var(--page-max-width);display:grid}.page-header{justify-content:space-between;gap:var(--space-4);align-items:flex-start;display:flex}.page-grid,.builder-grid,.settings-grid{gap:var(--space-6);display:grid}.page-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.builder-grid{grid-template-columns:260px minmax(0,1.1fr) 300px}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.segment,.card{gap:var(--space-4);display:grid}.segment-header{justify-content:space-between;gap:var(--space-3);align-items:flex-end;display:flex}.card,.segment{padding:var(--space-5);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--color-card);box-shadow:var(--shadow-card);position:relative;overflow:hidden}.card:before,.segment:before{content:"";background:var(--color-topline);height:1px;position:absolute;inset:0 0 auto}.card-grid,.list-stack,.stack{gap:var(--space-4);display:grid}.card-stack,.runtime-meta,.runtime-form,.runtime-derived{gap:var(--space-3);display:grid}.runtime-derived{padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-soft);background:var(--color-wash)}.runtime-value{font-size:var(--text-display);font-weight:var(--weight-bold);margin:0}.hero-value{font-size:var(--text-hero);font-weight:var(--weight-bold);letter-spacing:-.01em;margin:0}.runtime-error{color:var(--text-error);margin:0}.runtime-code{padding:var(--space-4);border-radius:var(--radius-md);background:var(--color-code);color:var(--text-code);margin:0;overflow:auto}.runtime-checkbox{width:var(--check-size);height:var(--check-size)}.definition-grid{gap:var(--space-5);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.definition-list{margin:var(--space-2) 0 0;padding-left:var(--space-4)}.button{min-height:var(--button-min-height);padding:0 var(--space-4);border:1px solid var(--border-active);border-radius:var(--radius-full);color:var(--text);background:var(--color-button);box-shadow:inset 0 1px 0 var(--color-insetline);font-weight:var(--weight-semibold);cursor:pointer;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.button:disabled{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}.button:hover,.inline-link:hover{box-shadow:var(--shadow-lift);transform:translateY(-1px)}.button-primary{background:linear-gradient(135deg, var(--accent-strong), var(--success));color:var(--text-on-accent);font-weight:var(--weight-semibold);border-color:#0000}.button-primary:hover{filter:brightness(1.08);box-shadow:var(--shadow-primary)}.disclosure summary{cursor:pointer;color:var(--text-muted);font-size:var(--text-hint)}.disclosure summary:hover{color:var(--text)}.disclosure .card{margin-top:var(--space-3)}.badge{min-height:var(--badge-min-height);padding:0 var(--badge-padding-x);border:1px solid var(--border);border-radius:var(--radius-full);color:var(--text);font-size:var(--text-micro);white-space:nowrap;align-items:center;display:inline-flex}.badge-neutral{background:var(--color-badge-slate)}.badge-success{border-color:var(--color-badge-emerald-border);background:var(--color-badge-emerald)}.badge-warning{border-color:var(--color-badge-amber-border);background:var(--color-badge-amber)}.badge-danger{border-color:var(--color-badge-red-border);background:var(--color-badge-red)}.inline-link{color:var(--accent);text-decoration:none}.field{gap:var(--space-2);display:grid}.field-label{font-size:var(--text-label);font-weight:var(--weight-semibold)}.field-hint{color:var(--text-muted);font-size:var(--text-hint)}.text-field{width:100%;min-height:var(--control-min-height);padding:0 var(--space-3);border:1px solid var(--border-strong);border-radius:var(--radius-control);color:var(--text);background:var(--color-control);transition:border-color .12s,background-color .12s,box-shadow .12s}.text-field:hover{border-color:var(--border-control-hover)}.text-field:focus{border-color:var(--accent);background:var(--color-control-focus);box-shadow:var(--focus-ring);outline:0}textarea.text-field{min-height:var(--composer-min-height);padding:var(--space-3);resize:vertical}.empty-state{justify-items:start}.app-loading{min-height:100vh;padding:var(--space-8);place-items:center;display:grid}.loading-card{width:min(var(--loading-max-width), 100%);padding:var(--space-6);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--color-card)}.skeleton{border-radius:var(--radius-full);background:linear-gradient(90deg, var(--color-skeleton-dim), var(--color-skeleton-glow), var(--color-skeleton-dim));background-size:200% 100%;animation:1.4s linear infinite shimmer}.skeleton-title{width:55%;height:var(--skeleton-title-height);margin-bottom:var(--space-4)}.skeleton-line{width:100%;height:var(--skeleton-line-height);margin-top:var(--space-3)}.canvas-placeholder,.inspector-placeholder{min-height:var(--canvas-min-height)}@keyframes shimmer{0%{background-position:0 0}to{background-position:200% 0}}@media (width<=1120px){.app-shell{grid-template-columns:1fr}.app-sidebar{z-index:var(--z-sticky);align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4);border-right:0;border-bottom:1px solid var(--border);flex-direction:row;position:sticky;top:0}.sidebar-note{display:none}.side-nav{gap:var(--space-2);display:flex;overflow-x:auto}.side-link{min-height:var(--nav-link-min-height);white-space:nowrap;flex:none}.page-grid,.builder-grid,.settings-grid{grid-template-columns:1fr}}@media (width<=720px){.app-main{padding:var(--space-4);padding-bottom:var(--tab-bar-clearance)}.side-nav{display:none}.bottom-nav{z-index:var(--z-sticky);padding:var(--space-2) var(--space-4) calc(var(--space-2) + env(safe-area-inset-bottom));border-top:1px solid var(--border);background:var(--color-sidebar);grid-template-columns:repeat(3,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.tab-link{justify-items:center;gap:var(--space-1);padding:var(--space-2);border-radius:var(--radius-md);color:var(--text-muted);font-size:var(--text-hint);text-decoration:none;display:grid}.tab-link-active{color:var(--text);background:var(--color-hover)}.tab-icon{font-size:var(--text-mark)}.brand-block>div{display:none}.brand-mark{width:var(--brand-mark-size-sm);height:var(--brand-mark-size-sm)}.side-link{min-height:var(--nav-link-compact-min-height)}.topbar,.page-header .eyebrow,.page-header .section-copy{display:none}.definition-grid{grid-template-columns:1fr}.page{gap:var(--space-4)}.segment,.card{padding:var(--space-4);border-radius:var(--radius-md)}}