:root{--bg:#0d1016;--panel:#13171f;--panel2:#181d27;--raised:#202632;--border:#2a3240;--text:#eef3fb;--muted:#8d9aae;--blue:#5e9fe8;--green:#72bc8f;--orange:#de9255;--red:#e97366;--code:#0b0e13;--activity:52px;--side:230px;--stage:42%;--status:24px}*{box-sizing:border-box}html,body{height:100%;margin:0;overflow:hidden;background:var(--bg);color:var(--text);font:14px/1.4 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer}.shell{height:100%;display:grid;grid-template-columns:var(--activity) var(--side) minmax(320px,1fr) minmax(360px,var(--stage));grid-template-rows:48px minmax(0,1fr) var(--status);grid-template-areas:"title title title title" "activity sidebar editor stage" "status status status status"}.titlebar{grid-area:title;display:flex;align-items:center;gap:16px;padding:0 12px;border-bottom:1px solid var(--border);background:#10141b}.brand{display:flex;align-items:center;gap:7px;text-decoration:none;color:white;letter-spacing:.08em}.brand span:last-child{font-size:11px;color:var(--blue);border-left:1px solid var(--border);padding-left:8px}.orb{width:18px;height:18px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff 0 5%,#88dcff 9%,#6f75ff 42%,#172248 72%);box-shadow:0 0 14px #6b8cff88}.project-name{display:flex;align-items:center;gap:8px;min-width:0}.project-name .dot{width:7px;height:7px;border-radius:50%;background:var(--green)}.project-name input{width:180px;border:0;background:transparent;font-weight:650;outline:0}.title-actions{margin-left:auto;display:flex;gap:8px}.ghost,.primary,.stage-actions button,.pane-actions button{min-height:34px;border:1px solid var(--border);background:var(--panel2);border-radius:7px;padding:0 11px}.ghost:hover,.stage-actions button:hover{background:var(--raised)}.primary{border-color:#397bc5;background:#2783de;color:white;font-weight:750}.primary:hover{background:#398fe1}.activity{grid-area:activity;display:flex;flex-direction:column;align-items:center;background:#10141b;border-right:1px solid var(--border);padding:7px 0}.activity button,.activity a{width:44px;height:44px;border:0;border-left:2px solid transparent;background:transparent;color:var(--muted);display:grid;place-items:center;text-decoration:none;font-size:21px}.activity button:hover,.activity button.active{color:white;background:#ffffff08}.activity button.active{border-left-color:var(--blue)}.activity span{flex:1}.sidebar{grid-area:sidebar;background:var(--panel);border-right:1px solid var(--border);min-width:0;overflow:hidden}.side-panel{display:none;height:100%;overflow:auto}.side-panel.active{display:block}.panel-head{height:42px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;font-size:11px;letter-spacing:.08em;color:#c4ccd8}.panel-head button{border:0;background:transparent;color:var(--muted);font-size:18px;padding:4px}.panel-head button:hover{color:white}.workspace-label{display:flex;gap:6px;align-items:center;padding:7px 10px;background:#0f131a;font-size:11px}.workspace-label b{overflow:hidden;text-overflow:ellipsis}.file-tree{padding:6px}.file-row{display:grid;grid-template-columns:22px minmax(0,1fr) 24px;align-items:center;min-height:32px;border-radius:6px;padding:0 3px;color:#c5cedc}.file-row:hover,.file-row.active{background:#ffffff0a;color:white}.file-row.active{outline:1px solid #5e9fe855}.file-row button{border:0;background:transparent;text-align:left;padding:5px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-row .delete{opacity:0;text-align:center;color:var(--muted)}.file-row:hover .delete{opacity:1}.file-row .delete:hover{color:var(--red)}.file-icon{font:12px Menlo,monospace;text-align:center}.file-icon.html{color:#ef8c67}.file-icon.css{color:#66aaf3}.file-icon.js{color:#e7c75f}.file-icon.json{color:#b7d36b}.search-box{margin:0 10px;display:flex;align-items:center;gap:6px;border:1px solid var(--border);background:#0d1118;border-radius:7px;padding:0 9px}.search-box:focus-within{border-color:var(--blue)}.search-box input{width:100%;height:36px;border:0;background:transparent;outline:0}.search-results{padding:10px;color:var(--muted)}.search-hit{display:block;width:100%;border:0;background:transparent;text-align:left;padding:9px;border-radius:6px}.search-hit:hover{background:#ffffff09}.search-hit b{display:block;color:#dce5f2}.search-hit small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings-list{padding:12px;display:grid;gap:18px}.settings-list label{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#c8d0dc}.settings-list label:first-child{display:grid}.settings-list input[type=range]{width:100%}.wide{width:100%;min-height:38px;border:1px solid var(--border);background:var(--panel2);border-radius:7px}.danger{color:#ffb2aa}.editor-area{grid-area:editor;min-width:0;display:flex;flex-direction:column;background:var(--code);border-right:1px solid var(--border)}.tabs{height:38px;display:flex;overflow:auto;background:#11151c;border-bottom:1px solid var(--border)}.tab{display:flex;align-items:center;gap:7px;min-width:120px;max-width:190px;border:0;border-right:1px solid var(--border);background:#11151c;color:var(--muted);padding:0 10px}.tab.active{background:var(--code);color:white;border-top:2px solid var(--blue)}.tab .label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tab i{font-style:normal;margin-left:auto;color:#687589}.editor-wrap{min-height:0;flex:1;display:flex;flex-direction:column}.breadcrumbs{height:32px;display:flex;align-items:center;padding:0 12px;color:var(--muted);font-size:12px;border-bottom:1px solid #1c222c}.editor-shell{position:relative;min-height:0;flex:1;display:grid;grid-template-columns:52px minmax(0,1fr);overflow:hidden}.line-numbers{margin:0;padding:14px 10px 40px 0;text-align:right;background:#0b0e13;color:#566173;font:14px/1.55 Menlo,Consolas,monospace;user-select:none;overflow:hidden}.editor-shell textarea{width:100%;height:100%;resize:none;border:0;outline:0;padding:14px 86px 40px 14px;background:#0b0e13;color:#dce6f3;font:14px/1.55 Menlo,Consolas,monospace;tab-size:2;white-space:pre;overflow:auto;caret-color:#8cc8ff}.editor-shell textarea::selection{background:#336da766}.editor-shell textarea.wrap{white-space:pre-wrap;overflow-wrap:anywhere}.editor-shell canvas{position:absolute;right:4px;top:8px;width:68px;height:calc(100% - 16px);opacity:.48;border-left:1px solid #29303a;pointer-events:none}.stage{grid-area:stage;min-width:0;display:flex;flex-direction:column;background:var(--panel)}.stage-head{height:42px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);padding:0 8px}.stage-tabs{display:flex;height:100%}.stage-tabs button{border:0;border-bottom:2px solid transparent;background:transparent;color:var(--muted);padding:0 10px}.stage-tabs button.active{color:white;border-bottom-color:var(--blue)}.stage-tabs span{font-size:10px;background:#ffffff10;border-radius:8px;padding:1px 5px}.stage-actions{display:flex;gap:5px}.stage-actions button{min-height:29px;padding:0 8px;font-size:12px}.stage-body{display:none;min-height:0;flex:1}.stage-body.active{display:block}.browser{height:100%;display:flex;flex-direction:column;padding:10px}.browser-bar{height:34px;display:flex;align-items:center;gap:6px;padding:0 10px;background:#252b35;border:1px solid #323a47;border-radius:9px 9px 0 0}.browser-bar>span{width:8px;height:8px;border-radius:50%;background:#667183}.browser-bar>span:first-child{background:#e97366}.browser-bar>span:nth-child(2){background:#de9255}.browser-bar>span:nth-child(3){background:#72bc8f}.browser-bar div{margin-left:7px;flex:1;background:#151a22;border-radius:5px;color:#7f8b9e;text-align:center;font-size:11px;padding:3px}.frame-wrap{min-height:0;flex:1;display:grid;place-items:center;background:#e8ebef;border-radius:0 0 9px 9px;overflow:auto;padding:0}.frame-wrap iframe{width:100%;height:100%;border:0;background:white}.frame-wrap.tablet iframe{width:768px;max-width:100%}.frame-wrap.mobile iframe{width:390px;max-width:100%}.console,.problems{overflow:auto}.console-toolbar{height:40px;display:flex;align-items:center;gap:10px;padding:0 12px;border-bottom:1px solid var(--border);color:var(--muted);font-size:12px}.console-toolbar button{border:1px solid var(--border);background:var(--panel2);border-radius:6px;padding:4px 8px}.console-output{padding:10px;font:12px/1.5 Menlo,monospace}.console-row{display:grid;grid-template-columns:55px 1fr;gap:8px;padding:5px 4px;border-bottom:1px solid #ffffff08;overflow-wrap:anywhere}.console-row.error{color:#ff9d94}.console-row.warn{color:#efb875}.console-row .time{color:#687589}.muted,.empty{color:var(--muted)}.problems-list{padding:8px}.problem{display:grid;grid-template-columns:18px 1fr auto;gap:8px;align-items:start;width:100%;border:0;background:transparent;text-align:left;border-radius:6px;padding:9px}.problem:hover{background:#ffffff08}.problem.error>span:first-child{color:var(--red)}.problem.warn>span:first-child{color:var(--orange)}.problem small{color:var(--muted)}.statusbar{grid-area:status;display:flex;align-items:center;gap:14px;background:#1769aa;color:#eef8ff;padding:0 9px;font-size:11px}.statusbar button{border:0;background:transparent}.statusbar .spacer{flex:1}.mobile-nav{display:none}.modal-backdrop,.palette{position:fixed;inset:0;z-index:20;background:#02050a99;backdrop-filter:blur(5px);display:grid;place-items:center;padding:20px}.hidden{display:none!important}.modal{width:min(620px,100%);background:#171c25;border:1px solid #344052;border-radius:12px;padding:20px;box-shadow:0 24px 80px #0009}.modal-head{display:flex;justify-content:space-between;gap:12px}.modal-head small{color:var(--blue);letter-spacing:.14em}.modal h2{margin:3px 0}.modal-head button{border:0;background:transparent;font-size:26px;color:var(--muted)}.modal>p{color:var(--muted)}.modal textarea{width:100%;min-height:130px;resize:vertical;border:1px solid var(--border);border-radius:8px;background:#0d1118;padding:12px;outline:0}.modal textarea:focus{border-color:var(--blue)}.quick-prompts{display:flex;gap:7px;flex-wrap:wrap;margin:10px 0}.quick-prompts button{border:1px solid var(--border);background:#202631;border-radius:16px;padding:6px 10px;color:#cbd5e2}.modal-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.modal-actions span{font-size:12px;color:var(--muted)}.palette{align-items:start;padding-top:12vh}.palette-box{width:min(620px,100%);background:#171c25;border:1px solid #3b4656;border-radius:10px;overflow:hidden;box-shadow:0 24px 80px #000a}.palette-box input{width:100%;height:52px;border:0;border-bottom:1px solid var(--border);background:#10151c;padding:0 16px;outline:0;font-size:16px}.palette-item{display:flex;justify-content:space-between;width:100%;border:0;background:transparent;padding:11px 16px;text-align:left}.palette-item:hover,.palette-item.active{background:#263143}.palette-item small{color:var(--muted)}.toast{position:fixed;right:16px;bottom:42px;z-index:30;background:#232b37;border:1px solid #3d495a;border-radius:8px;padding:10px 14px;box-shadow:0 8px 30px #0007;opacity:0;transform:translateY(8px);pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:none}@media(max-width:1050px){:root{--side:200px}.shell{grid-template-columns:var(--activity) var(--side) minmax(300px,1fr);grid-template-areas:"title title title" "activity sidebar editor" "status status status"}.stage{position:fixed;z-index:10;inset:48px 0 24px calc(var(--activity) + var(--side));display:none}.shell.show-stage .stage{display:flex}.mobile-nav{display:flex;position:fixed;z-index:15;left:calc(var(--activity) + var(--side));right:0;bottom:24px;height:48px;background:#11161d;border-top:1px solid var(--border)}.mobile-nav button{flex:1;border:0;background:transparent;color:var(--muted)}.mobile-nav button.active{color:white;border-top:2px solid var(--blue)}.editor-wrap{padding-bottom:48px}}@media(max-width:700px){:root{--activity:0px;--side:0px}.shell{display:block;padding-top:48px;padding-bottom:72px}.titlebar{position:fixed;z-index:16;inset:0 0 auto;height:48px}.activity{display:none}.sidebar,.editor-area,.stage{position:fixed;inset:48px 0 72px;display:none;border:0}.shell.mobile-files .sidebar,.shell.mobile-editor .editor-area,.shell.mobile-preview .stage,.shell.mobile-console .stage{display:flex}.shell.mobile-console [data-stage-body="preview"]{display:none}.shell.mobile-console [data-stage-body="console"]{display:block}.mobile-nav{display:flex;left:0;bottom:24px}.statusbar{position:fixed;left:0;right:0;bottom:0;height:24px}.mobile-hide,.project-name{display:none}.title-actions{gap:5px}.ghost,.primary{padding:0 9px}.editor-shell{grid-template-columns:42px 1fr}.editor-shell canvas{display:none}.editor-shell textarea{padding-right:14px}.browser{padding:0}.browser-bar{border-radius:0}.frame-wrap{border-radius:0}.modal-actions{align-items:stretch;flex-direction:column}.modal-actions .primary{width:100%}.stage-head{padding-right:4px}.stage-actions #deviceBtn{display:none}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* ORBIT FORGE cosmic layer */
body{background:radial-gradient(circle at 82% -10%,#3a2278 0,#12183a 28%,#050812 72%);position:relative}body:before,body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background-image:radial-gradient(#fff 1px,transparent 1px),radial-gradient(#75d8ff 1px,transparent 1px);background-size:67px 67px,113px 113px;background-position:0 0,31px 47px;opacity:.18}body:after{background:radial-gradient(circle at 78% 16%,#8c6cff33,transparent 28%),radial-gradient(circle at 12% 85%,#27c7ff22,transparent 24%)}.titlebar{background:linear-gradient(90deg,#0a1020ee,#171239ee);box-shadow:0 8px 28px #0005}.orb{width:22px;height:22px;box-shadow:0 0 0 1px #b3e5ff77,0 0 22px #7e79ff}.activity{background:#080d1bee}.sidebar,.stage{background:#0b1120e8;backdrop-filter:none}.editor-area{background:#060a12}.primary{background:linear-gradient(135deg,#9a6cff,#268bea);border:0;box-shadow:0 6px 18px #6a57ff35}.primary:hover{filter:brightness(1.15);transform:translateY(-1px)}.model-strip{display:flex;align-items:center;gap:7px;margin-left:auto;padding:4px 6px;border:1px solid #6675b755;border-radius:9px;background:#151c35}.model-pulse{width:7px;height:7px;border-radius:50%;background:#72e6b0;box-shadow:0 0 12px #72e6b0}.model-strip select{max-width:240px;border:0;background:transparent;color:#e9edff;outline:0}.model-strip option,.model-strip optgroup{background:#11182b}.model-config-btn{width:30px;height:30px;border:0;border-left:1px solid #ffffff18;background:transparent}.stage-tabs button[data-stage=ai]{color:#bda9ff}.ai-stage.active{display:flex!important;flex-direction:column;background:linear-gradient(160deg,#0a1022,#120d27)}.ai-hero{padding:18px;border-bottom:1px solid #ffffff12;background:radial-gradient(circle at 80% 0,#7d5cff2b,transparent 60%)}.ai-hero span{display:block;color:#7ad9ff;font-size:10px;letter-spacing:.18em}.ai-hero b{display:block;font-size:18px;margin:4px 0}.ai-hero small{color:#9eabd0}.ide-chat{flex:1;min-height:0;overflow:auto;padding:14px;display:flex;flex-direction:column;gap:10px}.ai-message,.user-message{max-width:90%;padding:11px 12px;border:1px solid #ffffff14;border-radius:12px;background:#18203a;white-space:pre-wrap}.user-message{align-self:flex-end;background:linear-gradient(135deg,#714fce,#335bb0)}.ai-message code{font-family:Menlo,monospace}.ai-composer{padding:12px;border-top:1px solid #ffffff12}.ai-composer textarea{width:100%;min-height:86px;max-height:150px;resize:vertical;border:1px solid #445075;background:#080d19;border-radius:9px;padding:10px;outline:0}.ai-composer textarea:focus{border-color:#8c7dff;box-shadow:0 0 0 3px #806dff1c}.ai-actions{display:flex;gap:6px;overflow:auto;margin-bottom:8px}.ai-actions button,.model-tabs button{white-space:nowrap;border:1px solid #ffffff18;background:#ffffff08;border-radius:8px;padding:6px 9px;color:#bcc8df}.ai-composer>.primary{width:100%;margin-top:8px}.model-modal label{display:grid;gap:5px;margin:11px 0;color:#aebbd2;font-size:12px}.model-modal input,.model-modal select{width:100%;height:40px;border:1px solid #384563;border-radius:8px;background:#0a0f1d;color:white;padding:0 10px}.model-tabs{display:flex;gap:6px;margin:14px 0}.model-tabs button.active{color:white;border-color:#8c7dff;background:#6e58d43b}.model-pane{display:none}.model-pane.active{display:block}.model-status{color:#8fa0c2;font-size:11px}.stage-head,.tabs{background:#0b1120}.tab.active{box-shadow:inset 0 2px #8b7cff}.statusbar{background:linear-gradient(90deg,#4c42a8,#176dab)}@media(max-width:900px){.model-strip{position:fixed;z-index:25;left:8px;right:8px;bottom:78px;margin:0}.model-strip select{max-width:none;flex:1}.shell{padding-bottom:118px}.mobile-nav{bottom:24px}}