@import url("https://fonts.googleapis.com/css2?family=Geist:wght@400;500;600;700;800;900&family=Geist+Mono:wght@400;500&display=swap");:root{--hg-purple-50:#f5ebfb;--hg-purple-100:#e8d2f5;--hg-purple-200:#d2a8ec;--hg-purple-300:#bc7ee2;--hg-purple-400:#a465dc;--hg-purple-500:#8753d7;--hg-purple-600:#6e3fb8;--hg-purple-700:#552e91;--hg-purple-800:#3d2069;--hg-purple-900:#241342;--hg-pink-400:#ed83d2;--hg-pink-500:#e463c8;--hg-pink-600:#c44aaa;--hg-neon-magenta:#ff2da8;--hg-neon-cyan:#22d3ee;--hg-neon-lime:#a3e635;--hg-neon-amber:#fbbf24;--hg-ink-0:#06060a;--hg-ink-50:#0a0a0f;--hg-ink-100:#111118;--hg-ink-200:#15151b;--hg-ink-300:#1d1d26;--hg-ink-400:#2a2a36;--hg-ink-500:#3f3f4f;--hg-ink-600:#6b6b7b;--hg-ink-700:#9999a8;--hg-ink-800:#c7c7d1;--hg-ink-900:#e6e6ee;--hg-ink-1000:#fff;--hg-cream-50:#fafaf7;--hg-cream-100:#f4f4ee;--hg-cream-200:#e8e8e0;--hg-success:#22c55e;--hg-warning:#f59e0b;--hg-danger:#ef4444;--hg-info:#3b82f6;--bg-canvas:var(--hg-ink-50);--bg-surface:var(--hg-ink-100);--bg-card:var(--hg-ink-200);--bg-elevated:var(--hg-ink-300);--bg-overlay:rgba(6,6,10,.72);--fg-1:var(--hg-ink-900);--fg-2:var(--hg-ink-800);--fg-3:var(--hg-ink-700);--fg-4:var(--hg-ink-600);--fg-inverse:var(--hg-ink-50);--border-subtle:hsla(0,0%,100%,.06);--border-1:hsla(0,0%,100%,.1);--border-strong:hsla(0,0%,100%,.16);--accent:var(--hg-purple-500);--accent-hover:var(--hg-purple-400);--accent-press:var(--hg-purple-600);--accent-soft:rgba(135,83,215,.14);--accent-glow:0 0 24px rgba(228,99,200,.45);--grad-brand:linear-gradient(135deg,#8753d7,#e463c8 50%,#8753d7);--grad-aurora:linear-gradient(135deg,#3d2069,#8753d7 35%,#22d3ee);--grad-neon:linear-gradient(135deg,#e463c8,#8753d7 50%,#22d3ee);--grad-hero-bg:radial-gradient(at 30% 20%,rgba(135,83,215,.35) 0%,transparent 55%),radial-gradient(at 80% 70%,rgba(228,99,200,.18) 0%,transparent 55%),linear-gradient(180deg,#0a0a0f,#06060a);--grad-hairline:linear-gradient(135deg,rgba(135,83,215,.6),rgba(228,99,200,.4));--fs-mega:96px;--fs-display:64px;--fs-h3:28px;--fs-h4:22px;--fs-h5:18px;--fs-body:16px;--fs-sm:14px;--fs-xs:12px;--fs-eyebrow:12px;--lh-tight:1.05;--lh-snug:1.2;--lh-base:1.5;--lh-relaxed:1.65;--tr-mega:-0.03em;--tr-display:-0.02em;--tr-tight:-0.01em;--tr-base:0;--tr-eyebrow:0.12em;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--fw-black:800;--sp-0:0;--sp-10:128px;--sp-11:160px;--r-lg:16px;--r-2xl:24px;--r-3xl:32px;--sh-1:0 1px 2px rgba(0,0,0,.4);--sh-2:0 4px 12px rgba(0,0,0,.35);--sh-3:0 12px 32px rgba(0,0,0,.45);--sh-4:0 24px 64px rgba(0,0,0,.55);--sh-purple:0 16px 48px rgba(135,83,215,.3);--sh-purple-l:0 24px 64px rgba(135,83,215,.18);--glow-purple:0 0 24px rgba(228,99,200,.45);--glow-cyan:0 0 24px rgba(34,211,238,.45);--glow-magenta:0 0 24px rgba(228,99,200,.55);--inset-input:inset 0 1px 0 hsla(0,0%,100%,.04);--ease-in-out:cubic-bezier(0.4,0,0.2,1);--ease-in:cubic-bezier(0.55,0,1,0.45);--d-1:120ms;--d-2:200ms;--d-3:320ms;--d-4:480ms;--d-5:640ms}[data-theme=light]{--bg-canvas:var(--hg-cream-50);--bg-surface:#fff;--bg-card:#fff;--bg-elevated:#fff;--bg-overlay:rgba(15,15,20,.5);--fg-1:#0a0a0f;--fg-2:#2a2a36;--fg-3:#6b6b7b;--fg-4:#9999a8;--fg-inverse:#fff;--border-subtle:rgba(15,15,20,.05);--border-1:rgba(15,15,20,.08);--border-strong:rgba(15,15,20,.16);--sh-1:0 1px 2px rgba(15,15,20,.06);--sh-2:0 4px 12px rgba(15,15,20,.08);--sh-3:0 12px 32px rgba(15,15,20,.1);--sh-4:0 24px 64px rgba(15,15,20,.12)}body{line-height:var(--lh-base);color:var(--fg-1);background:var(--bg-canvas);text-rendering:optimizeLegibility}.hg-eyebrow{font-family:var(--font-body);font-size:var(--fs-eyebrow);font-weight:var(--fw-semibold);letter-spacing:var(--tr-eyebrow);text-transform:uppercase;color:var(--fg-3)}.hg-mega,h1.hg-mega{font-size:var(--fs-mega);letter-spacing:var(--tr-mega)}.hg-display,.hg-mega,h1,h1.hg-mega{font-family:var(--font-display);font-weight:var(--fw-bold);line-height:var(--lh-tight)}.hg-display,h1{font-size:var(--fs-display);letter-spacing:var(--tr-display)}h2{font-size:var(--fs-h1);font-weight:var(--fw-bold);letter-spacing:var(--tr-display)}h2,h3{font-family:var(--font-display);line-height:var(--lh-snug)}h3{font-size:var(--fs-h2);font-weight:var(--fw-semibold);letter-spacing:var(--tr-tight)}h4{font-size:var(--fs-h3)}h4,h5{font-family:var(--font-body);font-weight:var(--fw-semibold);line-height:var(--lh-snug)}h5{font-size:var(--fs-h4)}h6{font-family:var(--font-body);font-size:var(--fs-h5);font-weight:var(--fw-semibold);line-height:var(--lh-snug)}p{font-size:var(--fs-body);line-height:var(--lh-relaxed);color:var(--fg-2)}.hg-sm,small{font-size:var(--fs-sm)}.hg-xs{font-size:var(--fs-xs)}code,kbd,pre,samp{font-family:var(--font-mono)}a{color:var(--accent);text-decoration:none;transition:color var(--d-2) var(--ease-out)}a:hover{color:var(--accent-hover);text-decoration:underline}::selection{background:var(--accent);color:var(--fg-inverse)}.hg-grad-text{background:var(--grad-brand);-webkit-background-clip:text;background-clip:text;color:transparent}.hg-grad-text-aurora{background:var(--grad-aurora);-webkit-background-clip:text;background-clip:text;color:transparent}.hg-grad-text-neon{background:var(--grad-neon);-webkit-background-clip:text;background-clip:text;color:transparent}@import url("https://fonts.googleapis.com/css2?family=Geist:wght@400;500;600;700;800&family=Geist+Mono:wght@400;500&display=swap");:root{--hg-purple-50:#f6f2fb;--hg-purple-100:#ece3f7;--hg-purple-200:#d6c2ee;--hg-purple-300:#b89be0;--hg-purple-400:#9874cf;--hg-purple-500:#7c5bc0;--hg-purple-600:#6748a8;--hg-purple-700:#523887;--hg-purple-800:#3d2b66;--hg-purple-900:#271b43;--hg-pink-400:#d6a3cb;--hg-pink-500:#c880b7;--hg-slate-50:#fafafb;--hg-slate-100:#f4f4f7;--hg-slate-200:#e8e8ed;--hg-slate-300:#d4d4dc;--hg-slate-400:#a8a8b4;--hg-slate-500:#7c7c8a;--hg-slate-600:#5c5c68;--hg-slate-700:#3f3f49;--hg-slate-800:#25252c;--hg-slate-900:#14141a;--hg-success:#16a34a;--hg-warning:#d97706;--hg-error:#dc2626;--hg-info:#2563eb;--primary:#7c5bc0;--primary-hover:#6748a8;--primary-active:#523887;--primary-muted:#f6f2fb;--accent:#c880b7;--accent-muted:#f9f0f6;--bg:#fafafb;--surface:#fff;--surface-elevated:#fff;--surface-sunken:#f4f4f7;--border:#e8e8ed;--border-strong:#d4d4dc;--border-focus:#7c5bc0;--text-primary:#14141a;--text-secondary:#5c5c68;--text-tertiary:#7c7c8a;--text-inverse:#fff;--text-link:#7c5bc0;--success:#16a34a;--success-bg:#f0fdf4;--warning:#d97706;--warning-bg:#fffbeb;--error:#dc2626;--error-bg:#fef2f2;--info:#2563eb;--info-bg:#eff6ff;--grad-brand-soft:linear-gradient(135deg,#7c5bc0,#c880b7);--grad-tint:linear-gradient(180deg,#f9f4fb,#fafafb);--font-display:"Geist",system-ui,-apple-system,sans-serif;--font-body:"Geist",system-ui,-apple-system,sans-serif;--font-mono:"Geist Mono",ui-monospace,"SFMono-Regular",Menlo,monospace;--fs-h1:48px;--lh-h1:1.08;--fw-h1:700;--fs-h2:36px;--lh-h2:1.15;--fw-h2:700;--fs-h3:24px;--lh-h3:1.25;--fw-h3:600;--fs-h4:18px;--lh-h4:1.35;--fw-h4:600;--fs-body-lg:18px;--lh-body-lg:1.6;--fw-body-lg:400;--fs-body:15px;--lh-body:1.6;--fw-body:400;--fs-body-sm:14px;--lh-body-sm:1.55;--fw-body-sm:400;--fs-caption:13px;--lh-caption:1.45;--fw-caption:400;--fs-label:13px;--lh-label:1.3;--fw-label:500;--fs-mono:13px;--tr-tight:-0.02em;--tr-normal:0;--tr-eyebrow:0.08em;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--sp-7:48px;--sp-8:64px;--sp-9:96px;--r-sm:6px;--r-md:10px;--r-lg:14px;--r-xl:20px;--r-pill:999px;--r-full:9999px;--sh-sm:0 1px 2px rgba(20,20,26,.04),0 1px 1px rgba(20,20,26,.03);--sh-md:0 4px 12px rgba(20,20,26,.06),0 2px 4px rgba(20,20,26,.04);--sh-lg:0 12px 28px rgba(20,20,26,.08),0 4px 8px rgba(20,20,26,.04);--sh-xl:0 24px 48px rgba(20,20,26,.1),0 8px 16px rgba(20,20,26,.06);--ring-focus:0 0 0 3px rgba(124,91,192,.22);--ease-out:cubic-bezier(0.22,1,0.36,1);--d-fast:120ms;--d-base:200ms}[data-theme=dark]{--bg:#0e0e14;--surface:#15151c;--surface-elevated:#1b1b24;--surface-sunken:#0a0a10;--border:hsla(0,0%,100%,.08);--border-strong:hsla(0,0%,100%,.14);--text-primary:#f4f4f7;--text-secondary:#a8a8b4;--text-tertiary:#7c7c8a;--primary-muted:rgba(124,91,192,.14);--accent-muted:rgba(200,128,183,.1);--success-bg:rgba(22,163,74,.1);--warning-bg:rgba(217,119,6,.1);--error-bg:rgba(220,38,38,.1);--info-bg:rgba(37,99,235,.1);--sh-sm:0 1px 2px rgba(0,0,0,.4);--sh-md:0 4px 12px rgba(0,0,0,.4);--sh-lg:0 12px 28px rgba(0,0,0,.5);--sh-xl:0 24px 48px rgba(0,0,0,.6);--grad-tint:linear-gradient(180deg,#15151c,#0e0e14)}*,:after,:before{box-sizing:border-box}body{margin:0;font-size:var(--fs-body);line-height:var(--lh-body)}:root{--primary:#7c3aed;--primary-hover:#6d28d9;--primary-active:#5b21b6;--primary-muted:#f0eafd;--primary-fg:#fff;--ring-focus:0 0 0 3px rgba(124,58,237,.22);--kotak-red:#e4202a;--kotak-red-dk:#b71c24;--kotak-navy:#003d7d;--kotak-gold:#c9a227;--studio-grad:linear-gradient(98deg,#7c3aed,#9a33e0 46%,#d6409f);--studio-glow:0 10px 30px rgba(124,58,237,.35),0 2px 8px rgba(214,64,159,.25);--sidebar-w:296px;--rail-w:340px}*{box-sizing:border-box}body,html{margin:0;height:100%}body{background:var(--bg);color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;overflow:hidden}#root{height:100vh}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#d9d9e2;border-radius:99px;border:3px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:#c2c2ce;background-clip:content-box}.app-shell{display:flex;height:100vh;background:var(--bg)}.app-main{flex:1 1;min-width:0;height:100vh;overflow-y:auto;position:relative}.eyebrow{font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text-tertiary)}.studio-cta{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--studio-grad);color:#fff;border:0;border-radius:var(--r-pill);padding:0 26px;height:52px;font-family:var(--font-body);font-size:16px;font-weight:600;cursor:pointer;box-shadow:var(--studio-glow);transition:transform var(--d-fast) var(--ease-out),box-shadow var(--d-base) var(--ease-out),filter var(--d-base)}.studio-cta:hover{filter:brightness(1.05);box-shadow:0 14px 38px rgba(124,58,237,.42),0 3px 12px rgba(214,64,159,.3)}.studio-cta:active{transform:scale(.985)}.studio-cta[disabled]{opacity:.5;cursor:not-allowed;filter:grayscale(.2);box-shadow:none}.studio-cta.sm{height:44px;font-size:15px;padding:0 20px}.card-surface{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--sh-sm)}.focusable:focus-visible{outline:none;box-shadow:var(--ring-focus);border-color:var(--primary)}@keyframes riseIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.rise{animation:riseIn var(--d-base) var(--ease-out) both}.fade{animation:fadeIn var(--d-base) var(--ease-out) both}@media (prefers-reduced-motion:reduce){.fade,.rise{animation:none!important}}button{font-family:var(--font-body)}.ws-insp:hover{transform:translateY(-3px);box-shadow:var(--sh-md);border-color:var(--border-strong)}.ws-chip:hover{color:var(--primary)!important}.ws-attach:hover,.ws-chip:hover{border-color:var(--primary)!important}.ws-amenu:hover,.ws-attach:hover{background:var(--surface-sunken)!important}.ws-rec-dot{animation:recPulse 1s var(--ease-out) infinite}@keyframes recPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}@media (prefers-reduced-motion:reduce){.ws-rec-dot{animation:none!important}}@property --voiceAng{syntax:"<angle>";inherits:false;initial-value:0deg}.ws-voice{position:relative;border-color:color-mix(in srgb,var(--primary) 30%,transparent)!important;color:var(--primary)!important;box-shadow:0 0 10px rgba(124,58,237,.16)}.ws-voice:after{content:"";position:absolute;left:-2px;top:-2px;right:-2px;bottom:-2px;border-radius:999px;padding:2px;pointer-events:none;z-index:0;background:conic-gradient(from var(--voiceAng),transparent 0deg,transparent 280deg,var(--primary) 330deg,#d6409f 350deg,transparent 1turn);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:voiceRun 2s linear infinite}.ws-voice>*{position:relative;z-index:1}@keyframes voiceRun{to{--voiceAng:360deg}}@media (prefers-reduced-motion:reduce){.ws-voice:after{animation:none!important}}.ws-cont:hover{box-shadow:var(--sh-md)!important;border-color:var(--border-strong)!important}.bg-pill-ready{cursor:pointer!important;border-color:#a7e8be!important}.bg-pill-ready:hover{box-shadow:0 16px 40px rgba(22,163,74,.24)!important}.bc-float-done{animation:bcPop .4s var(--ease-out)}.bc-opt-toggle:hover{border-color:var(--primary)!important;background:var(--surface-sunken)!important}.rf-keyedit:hover{border-color:var(--primary)!important;color:var(--primary)!important}.rf-fmtdd:hover,.rf-fmtitem:hover{background:var(--surface-sunken)!important}@keyframes bcPop{0%{transform:scale(.985)}55%{transform:scale(1.012)}to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){.bc-float-done{animation:none!important}}.sb-toggle:hover{background:var(--surface-sunken)!important;color:var(--primary)!important}.ws-cont:focus-visible .ws-cont-resume,.ws-cont:hover .ws-cont-resume{opacity:1}.ws-clear:hover{background:var(--surface-sunken)!important;color:var(--text-secondary)!important}.ws-detect{will-change:transform,opacity}.ws-detbtn:hover{border-color:var(--primary)!important;background:var(--primary-muted)!important}.dd-item:hover{background:var(--surface-sunken)!important}.ws-cont:hover{transform:translateY(-3px);box-shadow:var(--sh-md);border-color:var(--border-strong)}.ws-cont:focus-visible .ws-resume,.ws-cont:hover .ws-resume{opacity:1}.style-card:hover{border-color:var(--primary)!important}.crumb-link:hover{color:var(--primary)!important;text-decoration:underline}@keyframes wsShimmer{to{background-position:-200% 0}}.ws-shimmer{animation:wsShimmer 1.3s linear infinite}.ws-prompt::placeholder{color:var(--text-tertiary);font-size:15px;font-weight:400;opacity:.85}.ai-newchat:hover,.ai-quick:hover:not(:disabled){border-color:var(--primary)!important;background:var(--primary-muted)!important}.ai-newchat:hover{color:var(--primary-active)!important}.ai-quick:disabled{opacity:.5;cursor:default}.ai-typing i{width:6px;height:6px;border-radius:99px;background:var(--text-tertiary);display:block;animation:aiBlink 1.2s var(--ease-out) infinite}.ai-typing i:nth-child(2){animation-delay:.18s}.ai-typing i:nth-child(3){animation-delay:.36s}@keyframes aiBlink{0%,60%,to{opacity:.25;transform:translateY(0)}30%{opacity:1;transform:translateY(-2px)}}.rw-tool:hover{background:var(--surface-sunken)!important}.rw-var:hover{border-color:var(--border-strong)!important}.export-item:hover,.rw-adapts:hover{background:var(--surface-sunken)!important}.rw-adapts:hover{border-color:var(--primary)!important}.rw-editor:hover{background:var(--surface-sunken)!important;color:var(--text-primary)!important}.adapt-card:hover{border-color:var(--primary)!important}.adapt-card-locked{cursor:default}.cp-folder:hover,.gl-card:hover{transform:translateY(-3px);box-shadow:var(--sh-md)!important;border-color:var(--border-strong)!important}.cp-pill:hover{border-color:var(--primary)!important}.cp-menu-item:hover{background:var(--surface-sunken)!important}.cp-newbtn:hover{background:var(--primary-muted)!important}.cp-create-card:hover{border-color:var(--primary)!important;background:var(--surface-sunken)!important}.ws-cmp-chip:hover{border-color:var(--primary)!important;background:var(--primary-muted)!important}.ws-allcmp:hover{text-decoration:underline}.gl-card:focus-visible .gl-openhint,.gl-card:hover .gl-openhint{opacity:1}@keyframes spin{to{transform:rotate(1turn)}}.gn-spin{animation:spin .8s linear infinite}@keyframes gnPulse{0%{transform:scale(1);opacity:.6}70%{transform:scale(1.7);opacity:0}to{opacity:0}}@keyframes gnShimmer{to{background-position:-200% 0}}.gn-shimmer{animation:gnShimmer 1.4s linear infinite}.gn-task{animation:gnTaskIn .35s var(--ease-out)}@keyframes gnTaskIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.gn-feed-row{animation:gnFeedIn .4s var(--ease-out)}@keyframes gnFeedIn{0%{opacity:0;transform:translateY(8px)}to{opacity:var(--_o,1);transform:none}}.gn-dots:after{content:"";animation:gnDots 1.2s steps(4) infinite}@keyframes gnDots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}@media (prefers-reduced-motion:reduce){.gn-dots:after,.gn-feed-row,.gn-shimmer,.gn-spin,.gn-task{animation:none!important}.gn-shimmer{background-position:0 0!important}}@keyframes magicPop{0%{transform:scale(.4);opacity:0}55%{transform:scale(1.12);opacity:1}to{transform:scale(1);opacity:1}}.magic-pop{animation:magicPop .5s var(--ease-out) both}@keyframes magicSpark{0%{transform:translate(0) scale(.2);opacity:0}25%{opacity:1}to{transform:translate(var(--mx,0),var(--my,0)) scale(1);opacity:0}}.magic-spark{animation:magicSpark .8s var(--ease-out) forwards}@keyframes magicCheckDraw{to{stroke-dashoffset:0}}.magic-check path{stroke-dasharray:28;stroke-dashoffset:28;animation:magicCheckDraw .5s .15s var(--ease-out) forwards}@media (prefers-reduced-motion:reduce){.magic-check path,.magic-pop,.magic-spark{animation:none!important}.magic-check path{stroke-dashoffset:0!important}}