:root{color-scheme:dark;--bg:#030508;--bg-elevated:#060a12;--bg-soft:#0b1020;--surface:rgba(10,15,28,0.88);--surface-strong:#0a0f1e;--surface-muted:rgba(12,18,34,0.80);--glass-bg:rgba(10,14,28,0.85);--glass-border:rgba(255,255,255,0.07);--glass-border-strong:rgba(255,255,255,0.11);--glass-blur:blur(28px) saturate(160%);--text:#eef2ff;--text-muted:#a8b8d4;--text-soft:#5a6b82;--border:rgba(255,255,255,0.07);--border-strong:rgba(255,255,255,0.11);--bg-hover:rgba(255,255,255,0.04);--bg-active:rgba(255,255,255,0.07);--scrim:rgba(2,6,23,0.68);--rail-edge-color:rgba(255,255,255,0.06);--primary:#3b82f6;--primary-strong:#2563eb;--primary-soft:rgba(59,130,246,0.10);--primary-glow:rgba(59,130,246,0.28);--indigo:#6366f1;--indigo-soft:rgba(99,102,241,0.10);--indigo-glow:rgba(99,102,241,0.25);--success:#22c55e;--danger:#ef4444;--warning:#f59e0b;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--shadow-sm:0 1px 3px rgba(0,0,0,0.5),0 4px 16px rgba(0,0,0,0.25);--shadow-md:0 4px 24px rgba(0,0,0,0.55),0 1px 4px rgba(0,0,0,0.35);--shadow-lg:0 8px 40px rgba(0,0,0,0.65),0 2px 8px rgba(0,0,0,0.45);--motion-fast:140ms;--motion-mid:200ms;--motion-ease:cubic-bezier(0.16,1,0.3,1);--wash-010:rgba(255,255,255,0.01);--wash-014:rgba(255,255,255,0.014);--wash-015:rgba(255,255,255,0.015);--wash-020:rgba(255,255,255,0.02);--wash-025:rgba(255,255,255,0.025);--wash-030:rgba(255,255,255,0.03);--wash-035:rgba(255,255,255,0.035);--wash-040:rgba(255,255,255,0.04);--wash-050:rgba(255,255,255,0.05);--wash-060:rgba(255,255,255,0.06);--wash-080:rgba(255,255,255,0.08)}[data-theme=light]{color-scheme:light;--bg:#e4e7ee;--bg-elevated:#ffffff;--bg-soft:#dde1ea;--surface:#ffffff;--surface-strong:#ffffff;--surface-muted:#d6dce8;--glass-bg:rgba(255,255,255,0.9);--glass-border:rgba(15,23,42,0.16);--glass-border-strong:rgba(15,23,42,0.24);--glass-blur:blur(14px) saturate(140%);--text:#0b0d14;--text-muted:#444b5c;--text-soft:#5d6678;--border:rgba(15,23,42,0.17);--border-strong:rgba(15,23,42,0.27);--bg-hover:rgba(15,23,42,0.05);--bg-active:rgba(15,23,42,0.08);--scrim:rgba(15,17,26,0.32);--rail-edge-color:rgba(15,17,26,0.05);--wash-010:rgba(15,23,42,0.03);--wash-014:rgba(15,23,42,0.04);--wash-015:rgba(15,23,42,0.04);--wash-020:rgba(15,23,42,0.055);--wash-025:rgba(15,23,42,0.07);--wash-030:rgba(15,23,42,0.11);--wash-035:rgba(15,23,42,0.13);--wash-040:rgba(15,23,42,0.16);--wash-050:rgba(15,23,42,0.18);--wash-060:rgba(15,23,42,0.20);--wash-080:rgba(15,23,42,0.24);--primary-soft:rgba(59,130,246,0.11);--primary-glow:rgba(59,130,246,0.20);--indigo-soft:rgba(99,102,241,0.11);--indigo-glow:rgba(99,102,241,0.20);--shadow-sm:0 1px 2px rgba(15,23,42,0.10),0 3px 8px rgba(15,23,42,0.07);--shadow-md:0 2px 4px rgba(15,23,42,0.08),0 10px 28px rgba(15,23,42,0.12);--shadow-lg:0 4px 10px rgba(15,23,42,0.09),0 24px 56px rgba(15,23,42,0.18)}[data-theme=light] body{background:radial-gradient(1200px 600px at 78% 12%,rgba(59,130,246,.07),transparent 60%),radial-gradient(900px 520px at 95% 75%,rgba(34,211,238,.05),transparent 65%),radial-gradient(760px 440px at 5% 100%,rgba(129,140,248,.05),transparent 70%),var(--bg);background-attachment:fixed;color:var(--text)}html{transition:background-color var(--motion-mid) var(--motion-ease),color var(--motion-mid) var(--motion-ease)}body,html{max-width:100vw;overflow-x:hidden}*{box-sizing:border-box}a{color:inherit}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseDot{0%,to{opacity:1}50%{opacity:.35}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}body{margin:0;background:radial-gradient(1200px 600px at 78% 12%,rgba(59,130,246,.16),transparent 60%),radial-gradient(900px 520px at 95% 75%,rgba(34,211,238,.1),transparent 65%),radial-gradient(760px 440px at 5% 100%,rgba(129,140,248,.08),transparent 70%),var(--bg);background-attachment:fixed;color:var(--text);font-family:Inter,Segoe UI,-apple-system,BlinkMacSystemFont,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-size:14px;line-height:1.5}body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(rgba(148,163,184,.05) 1px,transparent 0),linear-gradient(90deg,rgba(148,163,184,.05) 1px,transparent 0);background-size:56px 56px;-webkit-mask-image:radial-gradient(ellipse 95% 80% at 50% 28%,#000 35%,transparent 80%);mask-image:radial-gradient(ellipse 95% 80% at 50% 28%,#000 35%,transparent 80%)}[data-theme=light] body:before{background-image:linear-gradient(rgba(15,17,26,.05) 1px,transparent 0),linear-gradient(90deg,rgba(15,17,26,.05) 1px,transparent 0)}.app-shell{display:flex;min-height:100vh;background:transparent}.sidebar{flex:0 0 258px;width:258px;background:var(--surface-strong);-webkit-backdrop-filter:blur(28px) saturate(160%);backdrop-filter:blur(28px) saturate(160%);color:var(--text-muted);padding:20px 14px;border-right:1px solid var(--border)}[data-theme=light] .sidebar{background:var(--bg-elevated);box-shadow:1px 0 0 var(--border)}.sidebar-title{margin:0 0 18px}.sidebar-logo{width:144px;height:auto}.sidebar-nav{display:flex;flex-direction:column;gap:2px}.nav-item{padding:8px 10px;border-radius:var(--radius-sm);color:var(--text-muted);text-decoration:none;font-size:13px;font-weight:500;border:1px solid transparent;transition:background var(--motion-fast) var(--motion-ease),color var(--motion-fast) var(--motion-ease),border-color var(--motion-fast) var(--motion-ease)}.nav-item:hover{background:var(--bg-hover);color:var(--text)}.nav-item.active{background:var(--primary-soft);color:var(--text);border-color:var(--glass-border-strong)}[data-theme=light] .nav-item.active{color:var(--primary-strong);background:var(--primary-soft);border-color:rgba(37,99,235,.18);font-weight:600}.content-shell{flex:1 1;display:flex;flex-direction:column}.top-header{background:var(--glass-bg);border-bottom:1px solid var(--border);padding:14px 24px;font-weight:600;color:var(--text);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);position:sticky;top:0;z-index:50}[data-theme=light] .top-header{background:rgba(255,255,255,.92);box-shadow:0 1px 0 var(--border)}.immersive-main,.main-content{padding:24px;width:100%;min-width:0;flex:1 1 auto}.marketing-main{min-height:100vh}.panel{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:20px;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);transition:box-shadow var(--motion-mid) var(--motion-ease),border-color var(--motion-fast) var(--motion-ease)}.panel:hover{box-shadow:var(--shadow-md);border-color:var(--border-strong)}[data-theme=light] .panel{background:var(--bg-elevated);border-color:var(--border);box-shadow:var(--shadow-md)}[data-theme=light] .panel:hover{border-color:var(--border-strong);box-shadow:var(--shadow-lg)}.form-grid{display:grid;grid-template-columns:1fr;gap:12px;margin-top:14px;margin-bottom:14px;max-width:480px}input,select,textarea{border:1px solid var(--border);border-radius:var(--radius-sm);padding:9px 12px;background:var(--bg-elevated);color:var(--text);font-size:14px;outline:none;transition:border-color var(--motion-fast) var(--motion-ease),box-shadow var(--motion-fast) var(--motion-ease)}[data-theme=light] input,[data-theme=light] select,[data-theme=light] textarea{border-color:var(--border-strong);background:#ffffff}input::placeholder,textarea::placeholder{color:var(--text-soft)}input:focus,select:focus,textarea:focus{border-color:rgba(59,130,246,.5);box-shadow:0 0 0 3px rgba(59,130,246,.12)}select optgroup,select option{background-color:var(--surface-strong);color:var(--text)}[data-theme=light] select optgroup,[data-theme=light] select option{background-color:#ffffff;color:var(--text)}button{border:1px solid transparent;border-radius:var(--radius-sm);padding:9px 16px;background:var(--primary);color:#ffffff;cursor:pointer;font-weight:600;font-size:13px;letter-spacing:.01em;transition:opacity var(--motion-fast) var(--motion-ease),box-shadow var(--motion-fast) var(--motion-ease),transform var(--motion-fast) var(--motion-ease)}button:hover{opacity:.88;box-shadow:0 0 0 3px rgba(59,130,246,.2)}button:active:not(:disabled){transform:scale(.98)}button:disabled{opacity:.32;cursor:not-allowed;transform:none;box-shadow:none}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important;scroll-behavior:auto!important}}.output{color:var(--success)}.error{color:#fda4af}.log-list{margin-top:12px;padding-left:18px}@media (max-width:1000px){.app-shell{flex-direction:column}.sidebar{width:100%;border-right:none;border-bottom:1px solid var(--border);padding:12px}.sidebar-nav{flex-direction:row;flex-wrap:wrap;gap:4px}}@media (min-width:1920px){.immersive-main,.main-content{padding:24px 32px}}@media (max-width:1100px){.immersive-main,.main-content{padding:16px}}@media (max-width:640px){.immersive-main,.main-content{padding:12px}}[data-reveal]{opacity:0;transform:translateY(20px);transition:opacity .65s cubic-bezier(.16,1,.3,1),transform .65s cubic-bezier(.16,1,.3,1)}[data-reveal].revealed{opacity:1;transform:none}[data-stagger]>[data-reveal]:first-child{transition-delay:0s}[data-stagger]>[data-reveal]:nth-child(2){transition-delay:80ms}[data-stagger]>[data-reveal]:nth-child(3){transition-delay:.16s}[data-stagger]>[data-reveal]:nth-child(4){transition-delay:.24s}[data-stagger]>[data-reveal]:nth-child(5){transition-delay:.32s}[data-delay="1"]{transition-delay:80ms!important}[data-delay="2"]{transition-delay:.16s!important}[data-delay="3"]{transition-delay:.24s!important}[data-delay="4"]{transition-delay:.32s!important}body.demo-mode .sidebar,body.demo-mode .top-header{display:none}body.demo-mode .immersive-main,body.demo-mode .main-content{padding:24px;max-width:1280px;margin:0 auto;width:100%}@media print{body{background:#ffffff!important}}