:root{color-scheme:dark;--bg: #1e1e1e;--surface: #252526;--surface-2: #2d2d30;--surface-3: #333337;--line: rgba(255, 255, 255, .08);--line-strong: rgba(97, 175, 239, .22);--text: #d4d4d4;--muted: #a6a6a6;--muted-strong: #c8c8c8;--accent: #61afef;--accent-2: #0e639c;--accent-3: #89d185;--warning: #d7ba7d;--danger: #f48771;--radius-xl: 4px;--radius-lg: 4px;--radius-md: 2px;--radius-sm: 2px;--shadow: none;--shadow-soft: none;--max-width: 1800px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:var(--bg);color:var(--text);overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:none;opacity:0}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.6}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#1b1b1b}::-webkit-scrollbar-thumb{background:#4a4a4a}::-webkit-scrollbar-thumb:hover{background:#5e5e5e}.studio-shell{position:relative;width:100%;min-height:100vh;margin:0;padding:0}.studio-shell--compact{--panel-pad: 12px;--section-gap: 12px}.studio-shell--comfortable{--panel-pad: 16px;--section-gap: 14px}.topbar{position:sticky;top:0;z-index:30;display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:12px;min-height:48px;padding:0 12px;margin-bottom:0;border:0;border-bottom:1px solid var(--line);border-radius:0;background:#1b1b1b}.ide-topbar__window-controls{display:flex;align-items:center;gap:8px;min-width:70px}.ide-topbar__dot{width:12px;height:12px;border-radius:999px;display:inline-block}.ide-topbar__dot--close{background:#f87171}.ide-topbar__dot--minimize{background:#fbbf24}.ide-topbar__dot--maximize{background:#4ade80}.ide-topbar__title{display:flex;align-items:center;justify-content:center;gap:12px;min-width:0}.ide-topbar__project{margin:0;color:#e5e7eb;font-size:.98rem}.ide-topbar__path{margin:2px 0 0;color:var(--muted);font-size:.78rem}.ide-topbar__status,.ide-topbar__actions,.header__actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:flex-end}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border:1px solid transparent;border-radius:2px;background:transparent;color:var(--muted-strong)}.icon-button:hover{background:#ffffff0a;color:#fff}.tabs{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 10px;padding:8px;border:1px solid var(--line);border-radius:2px;background:#252526fa}.tabs__item{padding:10px 14px;border-radius:2px;border:1px solid transparent;background:transparent;color:var(--muted-strong)}.tabs__item--active{border-color:#61afef33;background:#61afef24;color:#fff}.brand-mark,.account__icon{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:2px;background:#61afef1f;color:#fff}.eyebrow{margin:0;text-transform:uppercase;letter-spacing:.16em;font-size:11px;color:var(--accent)}.eyebrow--muted{color:var(--muted)}.title{margin:0;line-height:1.12;letter-spacing:-.02em}.title--sm{font-size:1rem}.title--md{font-size:1.15rem}.title--lg{font-size:1.42rem}.copy{margin:0;color:var(--muted);line-height:1.5}.copy--tiny{font-size:.8rem}.copy--small{font-size:.92rem}.chip{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:999px;border:1px solid var(--line);background:#ffffff08;color:#dbeafe;font-size:.8rem;white-space:nowrap}.chip--accent{border-color:#61afef3d;background:#61afef1f}.chip--success{color:#bbf7d0}.chip--warning{color:#fde68a}.chip--error{color:#fecaca}.chip--info{color:#dbeafe}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:2px;padding:10px 14px;color:var(--text);background:#ffffff0a}.button:hover{background:#ffffff0f}.button--primary{color:#fff;background:#0e639c}.button--primary:hover{background:#17b}.button--secondary{border-color:var(--line);background:#ffffff08}.button--ghost{background:transparent;border-color:var(--line)}.button--compact{padding:8px 10px;font-size:.85rem}.button--wide{width:100%}.field{width:100%;border:1px solid var(--line);border-radius:2px;padding:11px 12px;color:var(--text);background:#ffffff08;outline:none}.field:focus{border-color:#61afef6b;box-shadow:inset 0 0 0 1px #61afef26}.field--textarea{min-height:120px;resize:vertical}.field--textarea-large{min-height:150px}.layout-stack{display:grid;gap:var(--section-gap, 12px)}.panel{border:1px solid var(--line);border-radius:2px;background:var(--surface)}.panel--pad-md{padding:var(--panel-pad, 14px)}.panel__content{min-width:0}.card{border:1px solid var(--line);border-radius:2px;background:#ffffff08}.card--soft{padding:14px}.card--warning{border-color:#d7ba7d4d}.card--accent{border-color:#61afef42;background:#61afef14}.workspace{display:grid;gap:14px}.workspace--stacked{align-items:start}.workspace__sidebar,.workspace__editor{overflow:hidden}.workspace__summary{display:grid;gap:6px}.workspace__header-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.workspace__section{display:grid;gap:10px}.workspace__section-header{display:flex;align-items:center;justify-content:space-between;gap:10px}.workspace__hint{padding:10px 12px;border-radius:2px;background:#61afef14;border:1px solid rgba(97,175,239,.14);color:#dbeafe;font-size:.88rem}.file-list,.command-list,.activity{display:grid;gap:8px}.file-row{display:grid;gap:3px;width:100%;border:1px solid transparent;border-radius:2px;padding:10px 12px;text-align:left;background:#ffffff08;color:var(--text)}.file-row small{color:var(--muted);text-transform:uppercase;letter-spacing:.12em;font-size:10px}.file-row:hover,.file-row--active{border-color:#61afef3d;background:#61afef1f}.file-tabs{display:flex;gap:6px;overflow-x:auto;padding-bottom:2px}.file-tabs__item{flex:0 0 auto;border:1px solid var(--line);border-radius:2px;padding:9px 12px;background:#ffffff08;color:var(--muted-strong)}.file-tabs__item--active{color:#fff;border-color:#61afef3d;background:#61afef24}.editor-shell{overflow:hidden;border-radius:2px;border:1px solid var(--line);background:#1e1e1e}.preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.preview-card{display:grid;gap:10px;padding:12px;border-radius:2px;border:1px solid var(--line);background:#ffffff08}.preview-frame{width:100%;height:320px;border:0;border-radius:2px;background:#fff}.terminal{display:grid;gap:8px;min-height:320px;padding:6px 0 0}.terminal__line{display:flex;gap:10px;align-items:flex-start;color:var(--muted-strong)}.terminal__tag{flex:0 0 auto;padding:3px 7px;border-radius:999px;font-size:.7rem;text-transform:uppercase;letter-spacing:.08em}.terminal__tag--info{background:#61afef24;color:#dbeafe}.terminal__tag--success{background:#89d18524;color:#d1fae5}.terminal__tag--warning{background:#d7ba7d24;color:#fde68a}.terminal__tag--error{background:#f4877124;color:#fecaca}.ai-panel{position:sticky;top:0;min-height:100vh;border-left:1px solid var(--line);border-radius:0;background:var(--surface)}.ai-panel__header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.ai-panel__title-block{display:flex;align-items:flex-start;gap:10px}.ai-panel__route-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:6px;border:1px solid var(--line);border-radius:6px;background:#ffffff08}.ai-panel__route{border:1px solid transparent;border-radius:2px;padding:8px 10px;background:transparent;color:var(--muted-strong)}.ai-panel__route--active{border-color:#61afef38;background:#61afef24;color:#fff}.chat-thread{display:grid;gap:8px;max-height:320px;overflow:auto;padding-right:2px}.chat-bubble{display:grid;gap:6px;padding:10px 12px;border-radius:2px;border:1px solid var(--line);background:#ffffff08}.chat-bubble--assistant{border-left:2px solid rgba(97,175,239,.32)}.chat-bubble--user{justify-self:end;border-left:2px solid rgba(137,209,133,.32);background:#89d18514}.chat-bubble--system{border-left:2px solid rgba(215,186,125,.32)}.chat-bubble__meta{font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.chat-bubble__text{color:var(--text);line-height:1.5;font-size:.9rem}.ai-panel__build-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.ai-panel__build{display:grid;gap:3px;width:100%;padding:10px 12px;text-align:left;border:1px solid var(--line);border-radius:2px;background:#ffffff08;color:var(--muted-strong)}.ai-panel__build--active{border-color:#61afef3d;background:#61afef24;color:#fff}.ai-panel__build small{color:var(--muted)}.ai-panel__presets{display:grid;gap:6px}.ai-panel__preset{width:100%;text-align:left;padding:9px 10px;border-radius:2px;border:1px solid var(--line);background:#ffffff08;color:var(--muted-strong)}.ai-panel__actions{display:grid;gap:8px}.ai-panel__hero,.activity__header,.modal__header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.vibe__mode-grid,.grid-cards{display:grid;gap:10px}.grid-cards--two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cards--three{grid-template-columns:repeat(3,minmax(0,1fr))}.vibe__mode-card{width:100%;padding:12px;text-align:left}.vibe__mode-card--active{border-color:#61afef47;background:#61afef14}.vibe__mode-card-top,.activity__meta,.vibe__step{display:flex;align-items:center;justify-content:space-between;gap:10px}.vibe__pill-list{display:flex;flex-wrap:wrap;gap:8px}.pill{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid var(--line);border-radius:999px;background:#ffffff08;color:var(--muted-strong)}.pill--active{border-color:#61afef3d;color:#fff;background:#61afef24}.vibe__step-list{display:grid;gap:8px}.vibe__step-list--spaced{margin-top:10px}.vibe__step{justify-content:flex-start;padding:9px 10px;border-radius:2px;background:#ffffff08;border:1px solid var(--line);color:var(--muted-strong)}.vibe__step--active{color:#fff;border-color:#61afef3d;background:#61afef1f}.activity__item{padding:10px 12px;border-radius:2px;border:1px solid var(--line);background:#ffffff08}.activity__meta{justify-content:flex-start;flex-wrap:wrap}.activity__type{display:inline-flex;align-items:center;padding:3px 7px;border-radius:999px;background:#61afef24;color:#dbeafe;text-transform:uppercase;letter-spacing:.08em;font-size:.68rem}.auth,.startup{min-height:100vh;display:grid;place-items:center;padding:16px}.auth__card,.startup__card{width:min(720px,calc(100vw - 24px));display:grid;gap:14px;padding:18px;border:1px solid var(--line);border-radius:2px;background:var(--surface)}.auth__hero,.startup__header{display:flex;align-items:flex-start;gap:12px}.auth__buttons{display:flex;flex-wrap:wrap;gap:8px}.auth__signed-in{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border-radius:2px;background:#ffffff08;border:1px solid var(--line)}.startup__steps{display:grid;gap:8px}.startup__step{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:2px;border:1px solid var(--line);background:#ffffff08;color:var(--muted-strong)}.startup__step--active{border-color:#61afef3d;color:#fff}.progress{width:100%;height:8px;border-radius:999px;background:#3c3c3c;overflow:hidden}.progress span{display:block;height:100%;border-radius:999px;background:#0e639c}.modal{position:fixed;inset:0;z-index:60;display:grid;place-items:center;padding:14px;background:#00000073}.modal__card{width:min(720px,100%);max-height:min(82vh,760px);display:grid;gap:14px;padding:16px;border:1px solid var(--line);border-radius:2px;background:var(--surface);overflow:hidden}.modal__card--wide{width:min(980px,100%)}.modal__body{display:grid;gap:12px;overflow:auto}.modal__search{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--line);border-radius:2px;background:#ffffff08}.modal__search input{flex:1;border:0;outline:none;background:transparent;color:var(--text)}.command-list{max-height:62vh;overflow:auto;padding-right:2px}.command-list__item{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:12px 14px;text-align:left;border:1px solid var(--line);border-radius:2px;background:#ffffff08;color:var(--text)}.command-list__item small{display:block;margin-top:4px;color:var(--muted)}.command-list__item kbd{padding:3px 7px;border-radius:999px;background:#ffffff0a;border:1px solid var(--line);color:#c8c8c8}.studio-grid{display:grid;grid-template-columns:48px minmax(0,1fr) minmax(360px,380px);gap:0;align-items:stretch;min-height:calc(100vh - 48px)}.activity-rail{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 0;border-right:1px solid var(--line);background:#181818}.activity-rail__button{width:34px;height:34px;border:1px solid transparent;border-radius:2px;background:transparent;color:var(--muted)}.activity-rail__button:hover{color:#fff;background:#ffffff0a}.activity-rail__button--active{color:#fff;background:#61afef1f;border-color:#61afef3d}.activity-rail__button--bottom{margin-top:auto}.studio-main{min-width:0}.studio-main__card{display:grid;gap:12px;min-height:100%;background:var(--surface);border-right:1px solid var(--line)}.studio-rail{display:grid;gap:10px}.panel--sticky{position:sticky;top:0}.ai-panel{border-left:1px solid var(--line);border-radius:0;min-height:calc(100vh - 48px);background:#1e1e1e}.ai-panel--chat{display:flex;flex-direction:column}.ai-panel__layout{min-height:100%}.ai-panel__feed{display:grid;gap:8px;flex:1 1 auto;min-height:0;max-height:42vh;overflow:auto;padding-right:2px}.ai-panel__status{display:grid;gap:10px}.ai-panel__steps{display:grid;gap:8px}.ai-panel__route-tabs--compact{grid-template-columns:repeat(3,minmax(0,1fr));padding:4px}.ai-panel__build-tabs--compact{grid-template-columns:repeat(2,minmax(0,1fr))}.ai-panel__composer{display:grid;gap:10px;margin-top:auto;padding-top:8px;border-top:1px solid var(--line)}.ai-panel__composer-field{gap:6px}.ai-panel__input{min-height:84px;resize:none}.ai-panel .card--soft,.ai-panel .activity__item{border-left:2px solid rgba(97,175,239,.22)}.block-card{text-align:left;width:100%;padding:12px}.activity__header svg,.workspace__header-row svg,.button svg,.brand-mark svg{flex:0 0 auto}.preview-grid .preview-card:first-child{min-height:100%}.preview-card iframe,.preview-frame{color-scheme:light}@media(max-width:1320px){.studio-grid{grid-template-columns:48px 1fr}.studio-rail{grid-column:2;grid-template-columns:repeat(2,minmax(0,1fr))}.ai-panel,.panel--sticky{position:static}}@media(max-width:980px){.topbar{grid-template-columns:1fr;justify-items:start;gap:10px;min-height:auto;padding:10px 12px}.ide-topbar__window-controls,.ide-topbar__title,.ide-topbar__status,.ide-topbar__actions{width:100%}.preview-grid,.grid-cards--two,.grid-cards--three,.studio-rail{grid-template-columns:1fr}.studio-grid{grid-template-columns:48px 1fr}.workspace__header-row,.activity__header,.modal__header,.auth__signed-in{flex-direction:column;align-items:stretch}.header__actions{justify-content:flex-start}}@media(max-width:720px){.studio-grid{grid-template-columns:1fr}.activity-rail{display:none}.auth__card,.startup__card,.panel,.modal__card{border-radius:2px}.button{width:100%}.topbar__actions,.header__actions,.auth__buttons{display:grid;grid-template-columns:1fr}}