:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#08101f;--bg-elevated:#0f172a;--surface:#111b31;--surface-strong:#17233d;--border:#94a3b82e;--border-strong:#94a3b852;--text:#e5eefb;--text-muted:#8ea0bf;--accent:#7dd3fc;--accent-strong:#38bdf8;--success:#34d399;--warning:#fbbf24;--danger:#f87171;--shadow:0 28px 70px #02081773;--radius-lg:20px;--radius-md:14px;--radius-sm:10px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--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 0 0,#38bdf829,#0000 30%),radial-gradient(circle at 100% 0,#34d3991a,#0000 28%),linear-gradient(#050b16 0%,#08101f 45%,#0b1326 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);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#070d1ad1;flex-direction:column;display:flex}.brand-block{gap:var(--space-4);align-items:center;display:flex}.brand-mark{border:1px solid var(--border-strong);background:linear-gradient(135deg,#38bdf82e,#34d3991f);border-radius:16px;place-items:center;width:48px;height:48px;font-size:1.25rem;font-weight:700;display:grid}.eyebrow{margin:0 0 var(--space-1);color:var(--text-muted);letter-spacing:.12em;text-transform:uppercase;font-size:.78rem}.brand-title,.page-title,.section-title,.segment-title{margin:0}.brand-title{font-size:1.15rem}.side-nav{gap:var(--space-2);display:grid}.side-link{min-height:44px;padding:0 var(--space-4);color:var(--text-muted);border:1px solid #0000;border-radius:14px;align-items:center;text-decoration:none;display:flex}.side-link:hover,.side-link-active{border-color:var(--border-strong);color:var(--text);background:#ffffff08}.sidebar-note{padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-lg);background:#ffffff05}.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:600}.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);box-shadow:var(--shadow);background:#0d1425cc}.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);background:#ffffff05;border-radius:16px}.runtime-value{margin:0;font-size:1.35rem;font-weight:700}.runtime-error{color:#fca5a5;margin:0}.runtime-code{padding:var(--space-4);color:#cbd5f5;background:#050b16eb;border-radius:14px;margin:0;overflow:auto}.runtime-checkbox{width:18px;height:18px}.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:40px;padding:0 var(--space-4);border:1px solid var(--border-strong);color:var(--text);cursor:pointer;background:#ffffff0a;border-radius:999px;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)}.badge{border:1px solid var(--border);min-height:24px;color:var(--text);white-space:nowrap;border-radius:999px;align-items:center;padding:0 10px;font-size:.78rem;display:inline-flex}.badge-neutral{background:#94a3b81f}.badge-success{background:#34d3991f;border-color:#34d3993d}.badge-warning{background:#fbbf241f;border-color:#fbbf2440}.badge-danger{background:#f871711f;border-color:#f871713d}.inline-link{color:var(--accent);text-decoration:none}.field{gap:var(--space-2);display:grid}.field-label{font-size:.94rem;font-weight:600}.field-hint{color:var(--text-muted);font-size:.84rem}.text-field{width:100%;min-height:42px;padding:0 var(--space-3);border:1px solid var(--border-strong);color:var(--text);background:#ffffff0a;border-radius:12px}textarea.text-field{min-height:100px;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(520px,100%);padding:var(--space-6);border:1px solid var(--border);border-radius:var(--radius-lg);background:#0d1425cc}.skeleton{background:linear-gradient(90deg,#94a3b81a,#94a3b838,#94a3b81a) 0 0/200% 100%;border-radius:999px;animation:1.4s linear infinite shimmer}.skeleton-title{width:55%;height:24px;margin-bottom:var(--space-4)}.skeleton-line{width:100%;height:14px;margin-top:var(--space-3)}.canvas-placeholder,.inspector-placeholder{min-height:360px}@keyframes shimmer{0%{background-position:0 0}to{background-position:200% 0}}@media (width<=1120px){.app-shell{grid-template-columns:1fr}.app-sidebar{border-right:0;border-bottom:1px solid var(--border)}.page-grid,.builder-grid,.settings-grid{grid-template-columns:1fr}}@media (width<=720px){.app-main,.app-sidebar{padding:var(--space-4)}.topbar,.page-header,.topbar-status{flex-direction:column;align-items:flex-start}.definition-grid{grid-template-columns:1fr}}