@import "https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@300;400;500;600;700;800;900&family=Public+Sans:wght@300;400;500;600;700&display=swap";
:root{--bg-main:#0c0c0d;--bg-panel:#131315;--bg-surface:#ffffff0a;--bg-hover:#ffffff14;--bg-active:#e4893d1a;--brand-gradient:linear-gradient(135deg,#e8a53d,#d4844a,#c06a35);--brand-gradient-hover:linear-gradient(135deg,#f0b652,#e09558,#cc7a45);--brand-gradient-glow:0 4px 24px #d4844a4d,0 0 60px #c06a3514;--brand-gold:#e8a53d;--brand-orange:#d4844a;--brand-deep-orange:#c06a35;--border-subtle:#ffffff0f;--border-default:#ffffff1a;--border-active:#d4844a80;--primary:#d4844a;--primary-hover:#e09558;--primary-bg:#d4844a1a;--primary-shadow:0 4px 15px #d4844a40;--primary-golden:#e8a53d;--primary-deep:#c06a35;--success:#28a745;--error:#ef4444;--warning:#f59e0b;--info:#3b82f6;--text-heading:#ececed;--text-body:400 14px/1.6 var(--font-primary);--text-muted:#5e6370;--text-disabled:#3e424d;--font-display:var(--font-display);--font-primary:"Public Sans",-apple-system,BlinkMacSystemFont,sans-serif;--font-mono:"JetBrains Mono","Fira Code",monospace;--header-h:64px;--sidebar-w:64px;--left-panel-w:320px;--right-panel-w:300px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;--sp-10:40px;--shadow-sm:0 2px 8px #140c0559;--shadow-md:0 8px 24px #140c0573;--shadow-lg:0 16px 48px #140c058c;--shadow-primary:0 4px 15px #d4844a40;--shadow-brand:0 4px 24px #d4844a40,0 0 40px #c06a350f;--ease-out:cubic-bezier(.16,1,.3,1);--ease-spring:cubic-bezier(.34,1.56,.64,1);--dur-fast:.15s;--dur-normal:.25s;--dur-slow:.4s;--z-base:1;--z-dropdown:100;--z-sticky:200;--z-overlay:500;--z-modal:700;--z-toast:900;--z-topmost:999;--color-bg-deepest:var(--bg-main);--color-bg-base:var(--bg-main);--color-bg-elevated:var(--bg-panel);--color-bg-surface:#19191b;--color-bg-overlay:#212124;--color-bg-hover:#28282c;--color-border-subtle:var(--border-subtle);--color-border-default:var(--border-default);--color-border-strong:#ffffff26;--color-border-accent:#d4844a4d;--color-border-gold:#e8a53d4d;--color-primary:var(--primary);--color-primary-hover:var(--primary-hover);--color-primary-muted:var(--primary-bg);--color-primary-glow:#d4844a33;--color-gold:#e8a53d;--color-gold-hover:#f0b652;--color-gold-muted:#e8a53d1f;--color-success:var(--success);--color-success-hover:#34c759;--color-success-glow:#28a74540;--color-error:var(--error);--color-error-muted:#ef444426;--color-warning:var(--warning);--color-info:var(--info);--color-text-primary:var(--text-heading);--color-text-secondary:var(--text-body);--color-text-muted:var(--text-muted);--color-text-disabled:var(--text-disabled);--color-text-inverse:#0a0a0b;--header-height:var(--header-h);--sidebar-width:var(--sidebar-w);--input-panel-w:var(--left-panel-w);--inspector-panel-w:var(--right-panel-w);--radius-2xl:24px;--space-1:var(--sp-1);--space-2:var(--sp-2);--space-3:var(--sp-3);--space-4:var(--sp-4);--space-5:var(--sp-5);--space-6:var(--sp-6);--space-8:var(--sp-8);--space-10:var(--sp-10);--space-12:48px;--space-16:64px;--duration-fast:var(--dur-fast);--duration-normal:var(--dur-normal);--duration-slow:var(--dur-slow);--duration-slower:.7s;--ease-in-out:cubic-bezier(.65,0,.35,1);--shadow-inner:inset 0 2px 4px #140c054d;--shadow-xl:0 32px 80px #140c05b3;--tracking-tight:-.02em;--tracking-normal:0;--tracking-wide:.08em;--tracking-wider:.15em;--tracking-widest:.25em;--text-display:800 32px/1.15 var(--font-display);--text-h1:700 22px/1.25 var(--font-display);--text-h2:600 16px/1.4 var(--font-display);--text-h3:600 14px/1.4 var(--font-primary);--text-small:500 12px/1.4 var(--font-primary);--text-micro:600 10px/1.3 var(--font-primary);--font-primary-legacy:var(--font-primary)}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24}.material-symbols-outlined.fill-1{font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24}body{font-family:var(--font-primary);background:var(--bg-main);color:var(--text-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.section-label{text-transform:uppercase;letter-spacing:var(--tracking-wide,.08em);color:var(--text-muted);margin-bottom:var(--sp-4);font-size:11px;font-weight:600}.glass-surface{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg)}.primary-btn{justify-content:center;align-items:center;gap:var(--sp-2);width:100%;padding:var(--sp-4);background:var(--brand-gradient);color:#fff;font-weight:700;font-family:var(--font-display);border-radius:var(--radius-lg);cursor:pointer;box-shadow:var(--shadow-primary);transition:all var(--dur-fast)var(--ease-out);border:none;display:flex}.primary-btn:hover{background:var(--brand-gradient-hover);box-shadow:var(--shadow-brand);transform:translateY(-2px)}.primary-btn:active{transform:translateY(0)scale(.98)}.toggle-btn{padding:var(--sp-3);border:1px solid var(--border-subtle);background:var(--bg-surface);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--dur-fast)var(--ease-out);color:var(--text-body);flex-direction:column;justify-content:center;align-items:center;display:flex}.toggle-btn:hover{background:#ffffff0f;border-color:#d4844a40}.toggle-btn.active{border-color:var(--border-active);background:var(--primary-bg);color:var(--primary);box-shadow:var(--shadow-sm),inset 0 1px 0 #ffffff0a}.status-badge{border-radius:var(--radius-full);align-items:center;padding:2px 10px;font-size:11px;font-weight:600;display:inline-flex}.status-badge.primary{background:var(--primary);color:#fff}.status-badge.surface{background:var(--bg-surface);border:1px solid var(--border-default);color:var(--text-heading)}@keyframes spinner{to{transform:rotate(360deg)}}.loading-spinner{animation:1s linear infinite spinner}
*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font:var(--text-body);color:var(--text-heading);background-color:var(--bg-main);min-height:100dvh}a{color:var(--primary);transition:color var(--duration-fast)var(--ease-out);text-decoration:none}a:hover{color:var(--primary-hover)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:#ffffff1a}::-webkit-scrollbar-thumb:hover{background:#fff3}::selection{background:var(--primary-bg);color:var(--text-heading)}.glass-panel{-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-subtle);background:#141414bf}.glass-panel-elevated{-webkit-backdrop-filter:blur(30px);border:1px solid var(--border-default);background:#1a1a1ad9;box-shadow:0 8px 32px #140c0566,inset 0 1px #ffffff0f}.glass-refraction{box-shadow:inset 0 1px #ffffff14,inset 0 -1px #ffffff05,0 8px 32px #140c0566}.glow-primary{box-shadow:0 0 20px var(--primary-bg)}.glow-gold{box-shadow:0 0 20px var(--color-gold-muted)}.glow-success{box-shadow:0 0 20px var(--success)}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.toast-container{z-index:var(--z-toast,900);pointer-events:none;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:24px;right:24px}.toast{pointer-events:auto;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:#e0e0e0;background:#1e1e1ef2;border:1px solid #ffffff14;border-radius:10px;align-items:center;gap:10px;min-width:280px;max-width:420px;padding:12px 20px;font-size:13px;font-weight:500;animation:.3s ease-out toast-slide-in;display:flex;box-shadow:0 8px 32px #00000080}.toast-success{border-left:3px solid #4caf50}.toast-error{border-left:3px solid #f44336}.toast-warning{border-left:3px solid #ff9800}.toast-info{border-left:3px solid #2196f3}.toast-icon{flex-shrink:0;font-size:16px}.toast-message{flex:1}@keyframes toast-slide-in{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}button:active:not(:disabled),.clickable:active{transform:scale(.97)translateY(1px)}@keyframes skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{border-radius:var(--radius-md);background:linear-gradient(90deg,#ffffff0a 25%,#ffffff14 50%,#ffffff0a 75%) 0 0/200% 100%;animation:1.8s ease-in-out infinite skeleton-shimmer}.noise-overlay:before{content:"";opacity:.025;pointer-events:none;z-index:var(--z-topmost,999);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}html{scroll-behavior:smooth}