*{box-sizing:border-box}html,body{margin:0;height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#1e1e1e;color:#e8e8e8;overflow:hidden}button,input{font:inherit}.hidden{display:none!important}.app-shell{display:grid;grid-template-rows:42px 1fr 24px;height:100vh}.titlebar{display:flex;align-items:center;justify-content:space-between;padding:0 12px;background:#181818;border-bottom:1px solid #2b2b2b}.brand{font-weight:700;font-size:14px}.title-actions{display:flex;gap:8px;align-items:center}.ghost-btn,.run-btn,.icon-btn,.panel-tab{border:0;color:#ddd;background:transparent;cursor:pointer}.ghost-btn,.run-btn{height:28px;padding:0 11px;border-radius:6px;white-space:nowrap}.ghost-btn:hover{background:#2a2a2a}.sandbox-btn.connected{background:#234b2d;color:#b8f4c5}.run-btn{background:#0e639c;color:#fff}.run-btn:hover{background:#1177bb}.workspace{display:grid;grid-template-columns:250px minmax(0,1fr);min-height:0}.sidebar{background:#181818;border-right:1px solid #2b2b2b;min-width:0;overflow:auto}.sidebar-title{font-size:11px;letter-spacing:.08em;padding:12px 12px 8px;color:#bbb}.project-name{padding:6px 10px;font-size:12px;font-weight:600}.storage-note{padding:2px 10px 8px;color:#777;font-size:10px;line-height:1.4}.file-list{padding-top:2px}.file-item{display:flex;align-items:center;gap:7px;padding:5px 12px 5px 20px;font-size:13px;cursor:pointer;color:#d7d7d7;min-width:0}.file-item:hover,.file-item.active{background:#2a2d2e}.file-dot{width:8px;height:8px;border-radius:50%;background:#3572a5;flex:none}.file-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-path{color:#777;font-size:10px;margin-left:auto;max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.main-area{display:grid;grid-template-rows:35px minmax(0,1fr) 220px;min-width:0;min-height:0;background:#1e1e1e}.tabs{display:flex;overflow-x:auto;background:#181818;border-bottom:1px solid #2b2b2b}.tab{display:flex;align-items:center;gap:8px;padding:0 14px;height:35px;border-right:1px solid #2b2b2b;font-size:13px;background:#1f1f1f;color:#bbb;cursor:pointer}.tab.active{background:#1e1e1e;color:#fff;border-top:1px solid #007acc}.editor{min-height:0}.panel{display:grid;grid-template-rows:34px 1fr;border-top:1px solid #2b2b2b;background:#181818;min-height:0}.panel-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #2b2b2b;padding:0 10px}.panel-tabs{display:flex;height:100%}.panel-tab{font-size:11px;padding:0 8px;color:#aaa}.panel-tab.active{color:#fff;border-bottom:1px solid #fff}.icon-btn{font-size:12px;color:#aaa}.icon-btn:hover{color:#fff}.output{margin:0;padding:10px 12px;overflow:auto;font:13px/1.5 Consolas,"SFMono-Regular",Menlo,monospace;white-space:pre-wrap;color:#ddd}.terminal-pane{display:grid;grid-template-rows:1fr 34px;min-height:0;background:#101010}.terminal-output{margin:0;padding:10px 12px;overflow:auto;font:13px/1.5 Consolas,"SFMono-Regular",Menlo,monospace;white-space:pre-wrap;color:#d7d7d7}.terminal-form{display:flex;align-items:center;border-top:1px solid #2b2b2b;padding:0 10px;gap:8px}.terminal-prompt{font-family:Consolas,monospace;color:#7bd88f}.terminal-input{flex:1;border:0;outline:0;background:transparent;color:#fff;font-family:Consolas,"SFMono-Regular",Menlo,monospace}.statusbar{display:flex;align-items:center;justify-content:space-between;padding:0 8px;background:#007acc;color:white;font-size:11px}.status-left,.status-right{display:flex;gap:14px;align-items:center}@media(max-width:980px){.title-actions{gap:4px}.ghost-btn,.run-btn{padding:0 7px;font-size:12px}.workspace{grid-template-columns:190px minmax(0,1fr)}}@media(max-width:700px){.titlebar{overflow-x:auto}.brand{display:none}.workspace{grid-template-columns:140px minmax(0,1fr)}.main-area{grid-template-rows:35px minmax(0,1fr) 190px}.storage-note{display:none}.file-path{display:none}}