: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-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:rgb(var(--rgb-ink) / .82);--color-card:rgb(var(--rgb-card) / .8);--color-code:rgb(var(--rgb-code) / .92);--color-wash:rgb(var(--rgb-white) / .02);--color-hover:rgb(var(--rgb-white) / .03);--color-control:rgb(var(--rgb-white) / .04);--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;--text-hero:2rem;--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}*{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);-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-strong);border-radius:var(--radius-soft);background:linear-gradient(135deg, var(--color-brand-sky), var(--color-brand-emerald));font-size:1.25rem;font-weight:var(--weight-bold);place-items:center;display:grid}.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);border:1px solid #0000;align-items:center;text-decoration:none;display:flex}.side-link:hover,.side-link-active{border-color:var(--border-strong);color:var(--text);background:var(--color-hover)}.sidebar-note{padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--color-wash)}.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);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-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-strong);border-radius:var(--radius-full);color:var(--text);background:var(--color-control);cursor:pointer;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.button:disabled{opacity:.55;cursor:not-allowed;transform:none}.button:hover,.inline-link:hover{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)}.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)}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)}.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}}