:root{--studio-bg: #070811;--studio-panel: #0d0f1b;--studio-panel-2: #121522;--studio-glass: rgba(21, 24, 40, .74);--studio-line: rgba(255, 255, 255, .09);--studio-text: #f7f7fb;--studio-muted: #969aad;--studio-accent: #8b7cff;--studio-accent-2: #b8adff;--studio-success: #53d6a7;--studio-warning: #f3b75f}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;height:100%}body{overflow:hidden;background:var(--studio-bg);color:var(--studio-text)}button,input,textarea,select{font:inherit}button{color:inherit}.ai-studio-shell{min-width:880px;height:100vh;display:grid;grid-template-columns:76px 286px minmax(0,1fr);background:radial-gradient(circle at 70% -20%,rgba(112,90,255,.16),transparent 34%),var(--studio-bg);color:var(--studio-text);font-family:Space Grotesk,Inter,sans-serif}.eyebrow{display:block;color:var(--studio-muted);font-size:9px;font-weight:800;letter-spacing:.16em}.icon-button{border:1px solid var(--studio-line);border-radius:10px;width:36px;height:36px;background:var(--studio-panel-2);cursor:pointer}.icon-button:hover,.icon-button:focus-visible{border-color:var(--studio-accent);outline:none}.studio-rail{border-right:1px solid var(--studio-line);background:#070811f5;padding:17px 9px 12px;display:flex;flex-direction:column;align-items:center}.studio-mark{width:42px;height:42px;border:0;border-radius:13px;background:linear-gradient(135deg,#7d6cff,#b9a9ff);color:#0a0815;font-weight:900;font-size:20px;box-shadow:0 12px 35px #7d6cff47;cursor:pointer}.studio-rail nav{width:100%;display:grid;gap:6px;margin-top:27px}.studio-rail nav button,.rail-settings{position:relative;border:0;background:transparent;color:var(--studio-muted);min-height:55px;border-radius:11px;display:grid;place-items:center;gap:2px;cursor:pointer}.studio-rail nav button span,.rail-settings span{font-size:18px;line-height:1}.studio-rail nav button small,.rail-settings small{font-size:9px;font-weight:700}.studio-rail nav button:hover,.studio-rail nav button.active,.rail-settings:hover{color:var(--studio-text);background:#8b7cff1a}.studio-rail nav button.active{color:var(--studio-accent-2)}.studio-rail nav button.active:before{content:"";position:absolute;left:-9px;width:3px;height:26px;border-radius:0 4px 4px 0;background:var(--studio-accent)}.rail-settings{width:100%;margin-top:auto}.studio-library{min-width:0;display:flex;flex-direction:column;background:#0d0f1bf5;border-right:1px solid var(--studio-line)}.studio-library>header{display:flex;align-items:center;justify-content:space-between;padding:22px 18px 15px}.studio-library h1{font-size:20px;letter-spacing:-.04em;margin:5px 0 0}.library-search{display:flex;align-items:center;gap:8px;margin:0 14px 14px;padding:9px 11px;border:1px solid var(--studio-line);border-radius:10px;color:var(--studio-muted);background:var(--studio-panel-2)}.library-search input{width:100%;min-width:0;background:transparent;border:0;outline:0;color:var(--studio-text);font-size:12px}.library-runtime{margin:0 14px 19px;padding:13px;border:1px solid rgba(83,214,167,.16);background:#53d6a70d;display:flex;align-items:center;gap:10px;border-radius:11px}.library-runtime strong,.library-runtime small{display:block}.library-runtime strong{font-size:11px}.library-runtime small{color:var(--studio-muted);font-size:9px;margin-top:3px}.signal,.gateway-pill i,.bridge-required i{width:8px;height:8px;border-radius:50%;display:inline-block;background:var(--studio-warning)}.signal.ready,.gateway-pill.online i{background:var(--studio-success);box-shadow:0 0 0 4px #53d6a71a}.section-label{padding:0 18px 8px;color:var(--studio-muted);font-size:9px;font-weight:800;letter-spacing:.14em}.conversation-list{overflow-y:auto;padding:0 9px;min-height:0}.conversation-item{position:relative;display:grid;grid-template-columns:1fr 27px;align-items:center;border-radius:9px}.conversation-item.active,.conversation-item:hover{background:#8b7cff17}.conversation-item>button:first-child{min-width:0;border:0;background:transparent;text-align:left;padding:11px 9px;cursor:pointer}.conversation-item strong,.conversation-item small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conversation-item strong{font-size:12px}.conversation-item small{margin-top:4px;color:var(--studio-muted);font-size:9px}.conversation-delete{border:0;background:transparent;color:var(--studio-muted);opacity:0;cursor:pointer}.conversation-item:hover .conversation-delete,.conversation-delete:focus-visible{opacity:1}.muted-copy{padding:8px 10px;color:var(--studio-muted);font-size:11px}.studio-library>footer{margin-top:auto;border-top:1px solid var(--studio-line);display:flex;align-items:center;gap:10px;padding:14px 15px}.owner-avatar{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#8b7cff24;color:var(--studio-accent-2);font-size:10px;font-weight:900}.studio-library footer strong,.studio-library footer span{display:block}.studio-library footer strong{font-size:10px}.studio-library footer span{color:var(--studio-muted);font-size:9px;margin-top:3px}.studio-workspace{min-width:0;min-height:0;display:flex;flex-direction:column;background:#0a0c16c2}.workspace-header{height:70px;flex:0 0 auto;display:flex;justify-content:space-between;align-items:center;gap:18px;padding:0 22px 0 27px;border-bottom:1px solid var(--studio-line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.workspace-header h2{font-size:14px;margin:4px 0 0}.workspace-actions{display:flex;align-items:center;gap:9px}.model-picker{display:flex;align-items:center;gap:8px;min-height:37px;padding:0 10px;border:1px solid var(--studio-line);border-radius:10px;color:var(--studio-muted);font-size:9px;background:var(--studio-glass)}.model-picker select{max-width:220px;border:0;outline:0;color:var(--studio-text);background:transparent;font-size:10px}.model-picker option{background:var(--studio-panel)}.gateway-pill{display:flex;align-items:center;gap:8px;border:1px solid var(--studio-line);border-radius:999px;padding:8px 11px;color:var(--studio-muted);font-size:9px}.gateway-pill.offline i{background:var(--studio-warning)}.split-workspace{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.55fr)}.chat-pane{min-width:0;min-height:0;position:relative;display:flex;flex-direction:column;border-right:1px solid var(--studio-line)}.message-stream{flex:1;min-height:0;overflow-y:auto;padding:38px max(28px,calc((100% - 760px)/2)) 150px}.welcome-panel{max-width:720px;margin:3vh auto 0}.welcome-orbit{width:48px;height:48px;display:grid;place-items:center;border:1px solid rgba(139,124,255,.35);color:var(--studio-accent-2);border-radius:14px;margin-bottom:23px;background:#8b7cff12}.welcome-panel h3,.capability-hero h3{margin:12px 0 20px;font-family:Georgia,serif;font-size:clamp(38px,4vw,62px);line-height:.98;font-weight:400;letter-spacing:-.05em}.welcome-panel h3 em{display:block;color:var(--studio-accent-2);font-weight:400}.welcome-panel>p,.capability-hero p{max-width:620px;color:var(--studio-muted);line-height:1.65;font-size:13px}.starter-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:28px}.starter-grid button{min-height:110px;padding:14px;text-align:left;border:1px solid var(--studio-line);border-radius:11px;background:var(--studio-glass);cursor:pointer}.starter-grid button:hover{border-color:#8b7cff73;transform:translateY(-1px)}.starter-grid strong,.starter-grid span{display:block}.starter-grid strong{font-size:11px}.starter-grid span{margin-top:7px;color:var(--studio-muted);font-size:9px;line-height:1.45}.studio-message{display:grid;grid-template-columns:34px minmax(0,1fr);gap:13px;max-width:760px;margin:0 auto 26px}.message-avatar{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;background:#8b7cff24;color:var(--studio-accent-2);font-size:9px;font-weight:900}.studio-message.user .message-avatar{color:var(--studio-muted);background:var(--studio-panel-2)}.studio-message strong{font-size:10px}.studio-message p{margin:7px 0 0;color:var(--studio-text);white-space:pre-wrap;word-break:break-word;font-size:12px;line-height:1.7}.studio-message.user p{color:var(--studio-muted)}.studio-message.error p{color:#ff9ea8}.thinking-state{max-width:760px;margin:0 auto;color:var(--studio-muted);font-size:10px}.thinking-state span{display:inline-block;width:5px;height:5px;margin-right:3px;border-radius:50%;background:var(--studio-accent);animation:pulse 1.2s infinite alternate}.thinking-state span:nth-child(2){animation-delay:.2s}.thinking-state span:nth-child(3){animation-delay:.4s}.studio-composer{position:absolute;bottom:32px;left:50%;transform:translate(-50%);width:min(760px,calc(100% - 48px));border:1px solid var(--studio-line);border-radius:15px;background:#141727f0;box-shadow:0 25px 70px #0000006b;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);padding:12px}.studio-composer:focus-within{border-color:#8b7cff8c}.studio-composer textarea{width:100%;max-height:140px;resize:vertical;border:0;outline:0;color:var(--studio-text);background:transparent;line-height:1.5}.studio-composer>div{display:flex;align-items:center;justify-content:space-between;color:var(--studio-muted);font-size:9px}.studio-composer button{width:32px;height:32px;border:0;border-radius:9px;background:var(--studio-accent);color:#090713;font-weight:900;cursor:pointer}.studio-composer button:disabled{opacity:.35;cursor:wait}.studio-notice{position:absolute;bottom:8px;margin:0;width:100%;text-align:center;color:var(--studio-muted);font-size:8px}.canvas-pane{min-width:0;min-height:0;display:flex;flex-direction:column;padding:24px 21px 18px;background:#0b0d18d9}.canvas-pane.expanded{flex:1;padding:50px max(32px,calc((100% - 960px)/2))}.canvas-pane>header{display:flex;align-items:start;justify-content:space-between;gap:14px}.canvas-pane h3{margin:5px 0 0;font-size:15px}.local-badge{border:1px solid var(--studio-line);border-radius:999px;padding:6px 8px;color:var(--studio-muted);font-size:8px;font-weight:800}.canvas-guidance{margin:24px 0 12px;padding:14px;border-left:2px solid var(--studio-accent);background:#8b7cff0f}.canvas-guidance b,.canvas-guidance span{display:block}.canvas-guidance b{font-size:11px}.canvas-guidance span{margin-top:5px;color:var(--studio-muted);font-size:9px;line-height:1.5}.canvas-pane textarea{flex:1;min-height:230px;resize:none;border:1px solid var(--studio-line);border-radius:12px;outline:0;background:var(--studio-panel);color:var(--studio-text);padding:15px;font-family:JetBrains Mono,Consolas,monospace;font-size:11px;line-height:1.7}.canvas-pane textarea:focus{border-color:#8b7cff80}.canvas-pane footer{display:flex;justify-content:space-between;padding-top:10px;color:var(--studio-muted);font-size:8px}.capability-panel{flex:1;overflow-y:auto;padding:58px max(36px,calc((100% - 1000px)/2))}.capability-hero{display:flex;align-items:flex-start;gap:20px;max-width:790px}.capability-icon{width:52px;height:52px;flex:0 0 auto;display:grid;place-items:center;border:1px solid var(--studio-line);border-radius:15px;color:var(--studio-accent-2);background:#8b7cff0f;font-size:21px}.capability-hero h3{margin:8px 0 10px;font-size:42px}.capability-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-top:34px}.capability-grid article{min-height:230px;padding:20px;border:1px solid var(--studio-line);border-radius:15px;background:var(--studio-glass)}.capability-grid h4{font-size:14px;margin:18px 0 9px}.capability-grid p{color:var(--studio-muted);font-size:10px;line-height:1.65}.capability-grid button,.clear-keys{margin-top:13px;border:0;border-radius:9px;background:var(--studio-accent);color:#090713;padding:10px 13px;font-size:10px;font-weight:800;cursor:pointer}.status-tag{font-size:8px;font-weight:900;letter-spacing:.12em}.status-tag.ready{color:var(--studio-success)}.status-tag.guarded{color:var(--studio-warning)}.status-tag.local{color:var(--studio-accent-2)}.bridge-required{display:flex;align-items:center;gap:7px;margin-top:18px;color:var(--studio-warning);font-size:9px;font-weight:800}.bridge-required i{background:var(--studio-warning)}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#03040aad;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.settings-drawer{position:absolute;right:0;top:0;bottom:0;width:min(440px,100%);overflow-y:auto;background:#0d0f1b;border-left:1px solid var(--studio-line);box-shadow:-30px 0 80px #00000073}.settings-drawer>header{display:flex;justify-content:space-between;align-items:center;padding:22px;border-bottom:1px solid var(--studio-line)}.settings-drawer h2{margin:5px 0 0;font-size:20px}.settings-drawer section{padding:23px;border-bottom:1px solid var(--studio-line)}.settings-drawer section h3{margin:0 0 7px;font-size:14px}.settings-drawer section>p{margin:0 0 18px;color:var(--studio-muted);font-size:10px;line-height:1.55}.setting-field{display:grid;gap:6px;margin:12px 0;color:var(--studio-muted);font-size:9px}.setting-field input{width:100%;border:1px solid var(--studio-line);border-radius:9px;outline:0;background:var(--studio-panel-2);color:var(--studio-text);padding:11px;font-family:JetBrains Mono,monospace;font-size:10px}.setting-field input:focus{border-color:var(--studio-accent)}.remember-row{display:flex;gap:10px;margin-top:17px;align-items:flex-start}.remember-row input{margin-top:3px;accent-color:var(--studio-accent)}.remember-row strong,.remember-row small{display:block}.remember-row strong{font-size:10px}.remember-row small{margin-top:4px;color:var(--studio-muted);font-size:9px}.clear-keys{background:transparent;color:#ffadb6;border:1px solid rgba(255,120,136,.28)}@keyframes pulse{to{opacity:.3;transform:translateY(-3px)}}@media (max-width: 1180px){.split-workspace{grid-template-columns:minmax(0,1fr) 330px}.starter-grid,.capability-grid{grid-template-columns:1fr}}@media (max-width: 920px){.ai-studio-shell{min-width:0;grid-template-columns:66px minmax(0,1fr)}.studio-library{display:none}.studio-workspace{grid-column:2}.split-workspace{display:flex}.canvas-pane:not(.expanded){display:none}.gateway-pill,.model-picker span{display:none}}@media (max-width: 620px){.workspace-header{padding:0 12px}.workspace-header>div:first-child{display:none}.workspace-actions{width:100%;justify-content:space-between}.model-picker{flex:1}.model-picker select{width:100%;max-width:none}.message-stream{padding-inline:17px}.studio-composer{width:calc(100% - 24px)}.capability-panel{padding:34px 20px}.capability-hero{display:grid}.welcome-panel h3{font-size:39px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}}:root{--ngp-purple-700: #4F32C3;--ngp-purple-600: #6A4BEE;--ngp-purple-500: #8B6CFF;--ngp-purple-400: #A38CFF;--ngp-purple-300: #C7C1EC;--ngp-bg: #FFFFFF;--ngp-bg-elevated: #F6F4FF;--ngp-surface-glass: rgba(255, 255, 255, .7);--ngp-border-glass: rgba(15, 23, 42, .12);--ngp-text-primary: #1A1236;--ngp-text-secondary: #4A427A;--ngp-accent: var(--ngp-purple-600);--background: 0 0% 100%;--foreground: 222.2 84% 4.9%;--card: 0 0% 100%;--card-foreground: 222.2 84% 4.9%;--popover: 0 0% 100%;--popover-foreground: 222.2 84% 4.9%;--primary: 251 83% 61%;--primary-foreground: 0 0% 100%;--secondary: 250 100% 96%;--secondary-foreground: 251 83% 35%;--muted: 250 100% 96%;--muted-foreground: 215.4 16.3% 46.9%;--accent: 250 100% 96%;--accent-foreground: 251 83% 35%;--destructive: 0 72% 51%;--destructive-foreground: 0 0% 100%;--border: 240 8% 88%;--input: 240 8% 88%;--ring: 251 83% 55%;--radius: .75rem;--ngp-font-heading: "Sora", sans-serif;--ngp-font-body: "Space Grotesk", sans-serif;--ngp-font-mono: "JetBrains Mono", monospace;--ngp-focus-ring: 0 0 0 2px var(--ngp-purple-500);--ngp-glass-card: backdrop-filter: blur(16px);--ngp-gradient-accent: linear-gradient(135deg, var(--ngp-purple-600), var(--ngp-purple-500));--ngp-shadow-glow: 0 0 20px 0 rgba(139, 108, 255, .45)}:root[data-theme=dark],.dark{--ngp-bg: #0B0F19;--ngp-bg-elevated: #151C2C;--ngp-surface-glass: rgba(255, 255, 255, .07);--ngp-border-glass: rgba(255, 255, 255, .12);--ngp-text-primary: #F4F2FF;--ngp-text-secondary: #C7C1EC;--ngp-accent: var(--ngp-purple-500);--background: 240 27% 7%;--foreground: 249 100% 97%;--card: 240 26% 13%;--card-foreground: 249 100% 97%;--popover: 240 26% 13%;--popover-foreground: 249 100% 97%;--primary: 251 83% 61%;--primary-foreground: 249 100% 97%;--secondary: 240 24% 18%;--secondary-foreground: 249 100% 97%;--muted: 240 24% 18%;--muted-foreground: 248 30% 70%;--accent: 251 60% 22%;--accent-foreground: 249 100% 97%;--destructive: 0 72% 51%;--destructive-foreground: 0 0% 100%;--border: 240 24% 20%;--input: 240 24% 20%;--ring: 251 83% 61%}.prime-glass{background:var(--ngp-surface-glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--ngp-border-glass);box-shadow:var(--ngp-shadow-glow)}.swift-hidden{opacity:0;transform:translateY(12px);transition:opacity .4s ease-out,transform .4s ease-out}.swift-visible{opacity:1;transform:translateY(0)}@keyframes ngp-fade-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes ngp-shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}@keyframes ngp-spin{to{transform:rotate(360deg)}}@keyframes ngp-pop{0%{opacity:0;transform:scale(.96)}60%{opacity:1;transform:scale(1.02)}to{opacity:1;transform:scale(1)}}.ngp-anim-fade-up{animation:ngp-fade-up .35s ease-out both}.ngp-anim-pop{animation:ngp-pop .25s ease-out both}.ngp-skeleton{position:relative;overflow:hidden;background:linear-gradient(90deg,var(--ngp-surface-glass, rgba(255,255,255,.06)) 0%,var(--ngp-surface-glass, rgba(255,255,255,.06)) 40%,rgba(139,108,255,.14) 50%,var(--ngp-surface-glass, rgba(255,255,255,.06)) 60%,var(--ngp-surface-glass, rgba(255,255,255,.06)) 100%);background-size:800px 100%;animation:ngp-shimmer 1.6s linear infinite}.ngp-card-interactive:hover{transform:translateY(-4px);border-color:#8b6cff73;box-shadow:0 12px 32px #0f0a2d73,0 0 0 1px #8b6cff26}