.studio-shell{height:calc(100vh - 57px)}.studio-shell.is-single{display:block;overflow:hidden}.studio-shell.is-single .studio-chat-col{max-width:860px;margin:0 auto;border-right:none}.studio-shell.is-two-col{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);overflow:hidden}@media (max-width:1100px){.studio-shell,.studio-shell.is-two-col{display:block;height:auto;overflow:visible}}.studio-chat-col{display:flex;flex-direction:column;min-height:0;height:100%;position:relative}.studio-shell.is-two-col .studio-chat-col{border-right:1px solid var(--line)}@media (max-width:1100px){.studio-chat-col{height:auto;border-right:none;border-bottom:1px solid var(--line);min-height:480px}}.studio-thread-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--bg-3) transparent}.studio-thread-scroll::-webkit-scrollbar{width:5px}.studio-thread-scroll::-webkit-scrollbar-thumb{background:var(--bg-3);border-radius:3px}.studio-skeleton,.studio-thread{display:flex;flex-direction:column;gap:20px;padding:32px 40px 16px}.studio-skeleton-row{display:flex;flex-direction:column;gap:8px}.studio-skeleton-row--user{align-items:flex-end}.studio-skeleton-bubble,.studio-skeleton-line{height:12px;border-radius:6px;background:linear-gradient(90deg,var(--bg-1) 0,var(--bg-2) 50%,var(--bg-1) 100%);background-size:200% 100%;animation:studio-skeleton-shimmer 1.4s ease-in-out infinite}.studio-skeleton-bubble{height:28px;border-radius:14px}.studio-skeleton .w-50{width:50%}.studio-skeleton .w-60{width:60%}.studio-skeleton .w-70{width:70%}.studio-skeleton .w-75{width:75%}.studio-skeleton .w-85{width:85%}.studio-skeleton .w-90{width:90%}.studio-skeleton-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}@keyframes studio-skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.studio-chat-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:clamp(48px,14vh,128px) 32px 32px;gap:10px;flex:1 1 auto}.studio-chat-empty-title{font-family:var(--font-display);font-size:clamp(26px,3.5vw,38px);font-weight:400;letter-spacing:-.025em;color:var(--fg-0);margin:0;line-height:1.1}.studio-chat-empty-copy{margin:0;font-size:14px;color:var(--fg-1);line-height:1.6;max-width:40ch}.studio-msg{display:flex;flex-direction:column}.studio-msg--user{align-items:flex-end}.studio-msg--assistant,.studio-msg--tool,.studio-msg--working{align-items:flex-start}.studio-attach-strip{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:5px;margin-bottom:6px;max-width:80%}.studio-attach-chip{display:inline-flex;align-items:center;gap:5px;padding:4px 9px 4px 7px;border-radius:999px;border:1px solid color-mix(in srgb,#ffffff 20%,transparent);background:color-mix(in srgb,#ffffff 12%,transparent);color:rgba(255,255,255,.82);font-size:11.5px;line-height:1;max-width:180px;overflow:hidden;cursor:default;animation:studio-fade-in .18s var(--ease)}.studio-attach-icon{flex:none;width:13px;height:13px;opacity:.75}.studio-attach-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.studio-bubble{max-width:80%;padding:10px 15px;border-radius:16px 16px 4px 16px;background:var(--fg-0);color:var(--bg-0);font-size:14.5px;line-height:1.55;white-space:pre-wrap;word-break:break-word}.studio-msg--user.is-optimistic .studio-bubble{opacity:.62}.studio-agent-text{max-width:92%;margin:0;word-break:break-word;animation:studio-fade-in .18s var(--ease)}.studio-agent-text.is-streaming{position:relative}.studio-agent-text.is-streaming .md>:last-child:after,.studio-agent-text.is-streaming .md>p:last-child:after{content:"";display:inline-block;width:2px;height:1.1em;background:var(--cyan);vertical-align:text-bottom;margin-left:2px;border-radius:1px;animation:studio-cursor-blink .9s infinite var(--ease)}@keyframes studio-cursor-blink{0%,to{opacity:1}50%{opacity:0}}.studio-working{width:100%;max-width:92%;border-radius:12px;border:1px solid var(--line);background:color-mix(in srgb,var(--bg-1) 70%,transparent);padding:13px 15px;animation:studio-fade-in .18s var(--ease)}.studio-working--failed{border-color:color-mix(in srgb,var(--err) 30%,var(--line));background:color-mix(in srgb,var(--err) 6%,var(--bg-1))}.studio-working-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:11px}.studio-working-label{font-family:var(--font-mono);font-size:10px;font-weight:600;letter-spacing:.16em;color:var(--fg-2)}.studio-working--running .studio-working-label{color:var(--cyan)}.studio-working--failed .studio-working-label{color:var(--err)}.studio-working-caption{font-family:var(--font-mono);font-size:10px;letter-spacing:.04em;color:var(--fg-2)}.studio-working-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.studio-step{display:flex;align-items:center;gap:9px;font-size:12.5px}.studio-step-dot{position:relative;flex:none;width:14px;height:14px;border-radius:50%}.studio-step--done .studio-step-dot{background:var(--ok)}.studio-step--done .studio-step-dot:after{content:"";position:absolute;left:4.5px;top:2.5px;width:3px;height:6px;border:solid #fff;border-width:0 1.6px 1.6px 0;transform:rotate(45deg)}.studio-step--active .studio-step-dot{background:var(--cyan);animation:studio-pulse 1.4s ease-in-out infinite}.studio-step--pending .studio-step-dot{background:transparent;border:1.5px solid var(--line-strong)}.studio-step--failed .studio-step-dot{background:var(--err)}.studio-step--failed .studio-step-dot:after{content:"";position:absolute;inset:4px;background:#fff;clip-path:polygon(20% 0,0 20%,30% 50%,0 80%,20% 100%,50% 70%,80% 100%,100% 80%,70% 50%,100% 20%,80% 0,50% 30%)}.studio-step-label{color:var(--fg-1)}.studio-step--active .studio-step-label{color:var(--fg-0);font-weight:500}.studio-step--pending .studio-step-label{color:var(--fg-2)}.studio-step-note{font-family:var(--font-mono);font-size:10px;color:var(--fg-2);background:var(--bg-2);border:1px solid var(--line);padding:1px 6px;border-radius:5px}.studio-tool-row{display:flex;align-items:center;gap:9px;padding:7px 12px;border-radius:var(--radius-s);background:color-mix(in srgb,var(--bg-1) 70%,transparent);border:1px solid var(--line);font-size:13px;color:var(--fg-1);animation:studio-fade-in .16s var(--ease)}.studio-tool-dot{width:7px;height:7px;border-radius:50%;flex:none;background:var(--fg-2)}.studio-tool-dot.is-live{background:var(--cyan);animation:studio-pulse 1.4s ease-in-out infinite}.studio-tool-dot.is-ok{background:var(--ok)}.studio-tool-dot.is-err{background:var(--err)}.studio-tool-name{font-family:var(--font-mono);font-size:11px;color:var(--fg-2);flex:none}.studio-tool-summary{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.studio-quickpicks{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin-top:12px}.studio-quickpicks-label{font-family:var(--font-mono);font-size:9.5px;font-weight:600;letter-spacing:.14em;color:var(--fg-2);margin-right:2px}.studio-quickpick{font:400 12px/1 var(--font-ui);padding:6px 11px;border-radius:999px;border:1px solid var(--line-strong);background:var(--composer-bg);color:var(--fg-0);cursor:pointer;transition:border-color var(--t-fast) var(--ease),background-color var(--t-fast) var(--ease)}.studio-quickpick:hover{border-color:var(--fg-2);background:var(--bg-1)}.studio-composer-foot{flex:none;padding:10px 40px 16px;background:linear-gradient(to bottom,transparent,var(--bg-0) 22%);position:sticky;bottom:0}.studio-composer{display:flex;align-items:flex-end;gap:8px;background:var(--composer-bg);border:1px solid var(--line-strong);border-radius:var(--radius-l);box-shadow:var(--shadow-md);padding:10px 10px 10px 16px;transition:border-color var(--t-fast) var(--ease),opacity var(--t-fast) var(--ease)}.studio-composer:focus-within{border-color:color-mix(in srgb,var(--cyan) 55%,var(--line-strong))}.studio-composer.is-disabled{opacity:.55}.studio-composer textarea{flex:1 1 auto;min-width:0;resize:none;border:0;outline:none;background:transparent;color:var(--fg-0);font:400 15px/1.55 var(--font-ui);padding:5px 0;max-height:200px}.studio-composer textarea::placeholder{color:var(--fg-2)}@media (max-width:768px){.studio-composer textarea{font-size:16px}}.studio-composer-send{flex:none;width:34px;height:34px;border-radius:50%;background:var(--grad);color:#fff;display:grid;place-items:center;border:0;cursor:pointer;transition:transform var(--t-fast) var(--ease),filter var(--t-fast) var(--ease)}.studio-composer-send:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.05)}.studio-composer-send:disabled{opacity:.35;cursor:not-allowed}.studio-composer-send svg{width:15px;height:15px}.studio-composer-hint{margin:8px 0 0;font-size:11.5px;color:var(--fg-2);text-align:center}.studio-error-bar{margin-top:8px;padding:8px 12px;border-radius:var(--radius-s);background:color-mix(in srgb,var(--err) 12%,var(--bg-1));border:1px solid color-mix(in srgb,var(--err) 25%,var(--line));font-size:12.5px;color:var(--fg-0);line-height:1.4}.studio-btn{display:inline-flex;align-items:center;gap:7px;font:500 13px/1 var(--font-ui);padding:9px 14px;border-radius:9px;border:1px solid transparent;cursor:pointer;transition:filter var(--t-fast) var(--ease),background-color var(--t-fast) var(--ease),border-color var(--t-fast) var(--ease)}.studio-btn svg{width:14px;height:14px}.studio-btn--primary{background:var(--fg-0);color:var(--bg-0)}.studio-btn--primary:hover{filter:brightness(1.18)}.studio-btn--violet{background:var(--violet);color:#fff}.studio-btn--violet:hover{filter:brightness(1.1)}.studio-btn--secondary{background:var(--composer-bg);border-color:var(--line-strong);color:var(--fg-0)}.studio-btn--secondary:hover{border-color:var(--fg-2);background:var(--bg-1)}.studio-btn--ghost{background:transparent;color:var(--fg-1)}.studio-btn--ghost:hover{color:var(--fg-0);background:var(--bg-1)}.studio-saverow{display:flex;flex-direction:column;gap:14px;margin-bottom:10px;padding:16px 18px;border-radius:14px;border:1px solid color-mix(in srgb,var(--violet) 28%,var(--line));background:color-mix(in srgb,var(--violet) 7%,var(--composer-bg))}.studio-saverow-copy{display:flex;flex-direction:column;gap:4px}.studio-saverow-title{font-family:var(--font-display);font-size:17px;font-weight:400;color:var(--fg-0)}.studio-saverow-title em{font-style:italic}.studio-saverow-sub{font-size:13px;line-height:1.55;color:var(--fg-1)}.studio-saverow-actions{display:flex;flex-wrap:wrap;gap:8px}.studio-failcard{display:flex;gap:13px;margin-bottom:10px;padding:16px 18px;border-radius:14px;border:1px solid color-mix(in srgb,var(--err) 32%,var(--line));background:color-mix(in srgb,var(--err) 7%,var(--composer-bg))}.studio-failcard-icon{flex:none;color:var(--err);margin-top:1px}.studio-failcard-icon svg{width:18px;height:18px}.studio-failcard-body{display:flex;flex-direction:column;gap:6px;min-width:0}.studio-failcard-title{font-size:14px;font-weight:600;color:var(--fg-0)}.studio-failcard-text{margin:0;font-size:13px;line-height:1.55;color:var(--fg-1)}.studio-failcard-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}.studio-dock-col{display:flex;flex-direction:column;min-height:0;height:100%;background:var(--bg-0)}@media (max-width:1100px){.studio-dock-col{height:auto;min-height:520px}}.studio-dock-head{flex:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 20px;border-bottom:1px solid var(--line);background:var(--bg-1)}.studio-dock-head-main{display:flex;align-items:center;gap:11px;min-width:0}.studio-dock-icon{flex:none;width:32px;height:32px;border-radius:8px;display:grid;place-items:center;background:var(--bg-0);border:1px solid var(--line);color:var(--fg-1)}.studio-dock-icon svg{width:15px;height:15px}.studio-dock-head-text{display:flex;flex-direction:column;gap:1px;min-width:0}.studio-dock-kind{font-family:var(--font-mono);font-size:9.5px;font-weight:600;letter-spacing:.15em;color:var(--fg-2)}.studio-dock-name{font-size:12.5px;font-weight:600;color:var(--fg-0);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.studio-dock-status{flex:none;display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:9.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--cyan);background:color-mix(in srgb,var(--cyan) 12%,var(--bg-1));border:1px solid color-mix(in srgb,var(--cyan) 26%,var(--line));padding:4px 9px;border-radius:6px}.studio-dock-status-dot{width:5px;height:5px;border-radius:50%;background:var(--cyan)}.studio-dock-body{flex:1 1 auto;min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--bg-3) transparent;padding:28px 36px 56px}.studio-dock-body::-webkit-scrollbar{width:5px}.studio-dock-body::-webkit-scrollbar-thumb{background:var(--bg-3);border-radius:3px}.studio-roadmap-title{margin:0 0 12px;font-family:var(--font-display);font-size:30px;font-weight:400;letter-spacing:-.02em;line-height:1.15;color:var(--fg-0)}.studio-roadmap-summary{margin:0 0 14px;font-size:14.5px;line-height:1.6;color:var(--fg-1)}.studio-roadmap-meta{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin-bottom:20px;font-family:var(--font-mono);font-size:11px;color:var(--fg-2)}.studio-meta-dot{width:3px;height:3px;border-radius:50%;background:var(--fg-2)}.studio-roadmap-pushback{display:flex;gap:10px;padding:12px 14px;border-radius:10px;border:1px solid color-mix(in srgb,var(--warn) 34%,var(--line));background:color-mix(in srgb,var(--warn) 10%,var(--bg-1));font-size:13px;line-height:1.55;color:var(--fg-0);margin-bottom:26px}.studio-roadmap-pushback svg{flex:none;width:15px;height:15px;margin-top:1px;color:color-mix(in srgb,var(--warn) 60%,var(--fg-1))}.studio-roadmap-sections{display:flex;flex-direction:column;gap:26px}.studio-section-head{display:flex;align-items:center;gap:11px;margin-bottom:11px;padding-bottom:9px;border-bottom:1px solid var(--line)}.studio-section-ord{flex:none;display:grid;place-items:center;width:24px;height:24px;border-radius:7px;background:var(--bg-2);border:1px solid var(--line);font-family:var(--font-mono);font-size:11px;font-weight:600;color:var(--fg-1)}.studio-section-title{margin:0;font-family:var(--font-display);font-size:17px;font-weight:400;letter-spacing:-.01em;color:var(--fg-0)}.studio-section-lessons{display:flex;flex-direction:column;gap:6px}.studio-lesson-row{display:flex;align-items:center;gap:12px;padding:11px 13px;border-radius:10px;border:1px solid var(--line);background:var(--bg-1);transition:border-color var(--t-fast) var(--ease)}.studio-lesson-row:hover{border-color:var(--line-strong)}.studio-lesson-ord{flex:none;width:26px;font-family:var(--font-mono);font-size:10px;color:var(--fg-2)}.studio-lesson-main{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:2px}.studio-lesson-name{font-size:13.5px;font-weight:500;color:var(--fg-0);line-height:1.35}.studio-lesson-why{font-size:12px;line-height:1.45;color:var(--fg-2)}.studio-lesson-mins{flex:none;font-family:var(--font-mono);font-size:10px;color:var(--fg-2);white-space:nowrap}.studio-lesson-preview{flex:none;font:400 11.5px/1 var(--font-ui);color:var(--fg-1);border:1px solid var(--line-strong);background:transparent;border-radius:7px;padding:5px 9px;cursor:pointer;transition:color var(--t-fast) var(--ease),background-color var(--t-fast) var(--ease)}.studio-lesson-preview:hover{color:var(--fg-0);background:var(--bg-2)}.studio-dock-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:10px;height:100%;min-height:320px;padding:48px 32px;color:var(--fg-2)}.studio-dock-empty-icon{width:44px;height:44px;border-radius:50%;background:var(--grad-soft);display:grid;place-items:center;color:var(--fg-1);margin-bottom:6px}.studio-dock-empty-icon svg{width:22px;height:22px}.studio-dock-empty p{margin:0;font-size:13.5px;line-height:1.55;max-width:32ch}.studio-committed-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-bottom:10px;padding:12px 16px;border-radius:12px;border:1px solid color-mix(in srgb,var(--ok) 30%,var(--line));background:color-mix(in srgb,var(--ok) 8%,var(--composer-bg));font-size:13.5px;color:var(--fg-1)}.studio-committed-link{font-size:13.5px;font-weight:500;color:var(--fg-0);text-decoration:none;white-space:nowrap}.studio-committed-link:hover{text-decoration:underline}.studio-composer-attach{flex:none;width:30px;height:30px;border-radius:8px;display:grid;place-items:center;color:var(--fg-2);transition:background-color var(--t-fast) var(--ease),color var(--t-fast) var(--ease);align-self:flex-end;margin-bottom:2px}.studio-composer-attach:hover:not(:disabled){background:var(--bg-2);color:var(--fg-0)}.studio-composer-attach:disabled{opacity:.35;cursor:default}.studio-composer-attach svg{width:15px;height:15px}.studio-chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.studio-chip{display:inline-flex;align-items:center;gap:5px;padding:4px 8px 4px 6px;border:1px solid var(--line);border-radius:8px;font-size:12px;font-family:var(--font-ui);background:var(--bg-1);max-width:240px;overflow:hidden}.studio-chip.is-error{border-color:color-mix(in srgb,var(--err) 50%,var(--line));background:color-mix(in srgb,var(--err) 6%,var(--bg-0))}.studio-chip.is-uploading{opacity:.75}.studio-chip-icon{flex:none;display:inline-flex;align-items:center;font-size:13px;color:var(--fg-1)}.studio-chip-icon svg{width:13px;height:13px;stroke:var(--fg-1)}.studio-chip-name{color:var(--fg-0);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.studio-chip-size{color:var(--fg-2);white-space:nowrap;flex:none}.studio-chip-error{color:var(--err);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;font-size:11px}.studio-chip-retry{flex:none;padding:0 3px;font-size:13px;color:var(--err);border-radius:4px;transition:background-color var(--t-fast) var(--ease)}.studio-chip-retry:hover{background:color-mix(in srgb,var(--err) 12%,transparent)}.studio-chip-remove{flex:none;display:grid;place-items:center;width:16px;height:16px;border-radius:4px;color:var(--fg-2);transition:background-color var(--t-fast) var(--ease),color var(--t-fast) var(--ease)}.studio-chip-remove:hover{background:var(--bg-2);color:var(--fg-0)}.studio-chip-remove svg{width:10px;height:10px}@keyframes studio-chip-spin{to{transform:rotate(1turn)}}.studio-chip-spinner{flex:none;width:12px;height:12px;animation:studio-chip-spin .8s linear infinite;color:var(--blue,#4f8ef7)}.studio-composer-foot.is-drag-over .studio-composer{border-color:color-mix(in srgb,var(--cyan) 70%,var(--line-strong));background:color-mix(in srgb,var(--cyan) 4%,var(--composer-bg))}@keyframes studio-fade-in{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}@keyframes studio-pulse{0%,to{box-shadow:0 0 0 0 color-mix(in srgb,var(--cyan) 50%,transparent)}50%{box-shadow:0 0 0 4px color-mix(in srgb,var(--cyan) 0%,transparent)}}