.page-module__kqJ0Ja__appShell{color:#e5e7eb;background:#080b12;grid-template-rows:auto minmax(0,1fr);height:100vh;min-height:0;font-family:Inter,Segoe UI,sans-serif;display:grid;overflow:hidden}.page-module__kqJ0Ja__topbar{z-index:20;background:#0c1019;border-bottom:1px solid #252b38;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 16px;height:auto;min-height:72px;padding:8px 12px;display:flex;position:relative}.page-module__kqJ0Ja__brand{flex:260px;align-items:center;gap:12px;min-width:220px;display:flex}.page-module__kqJ0Ja__logo{background:linear-gradient(135deg,#7c3aed,#2563eb);border-radius:7px;place-items:center;width:30px;height:30px;font-size:14px;display:grid;box-shadow:0 8px 24px #4f46e54d}.page-module__kqJ0Ja__brand h1{color:#f8fafc;margin:0;font-size:17px}.page-module__kqJ0Ja__brand p{color:#7f8a9e;margin:2px 0 0;font-size:11px}.page-module__kqJ0Ja__topActions{flex-wrap:wrap;flex:0 auto;justify-content:flex-end;align-items:center;gap:6px;min-width:0;display:flex}.page-module__kqJ0Ja__topActions button{cursor:pointer;border-radius:5px;height:30px;padding:0 10px;font-size:11px;font-weight:650}.page-module__kqJ0Ja__runButton{color:#dbeafe;background:#14213d;border:1px solid #315ca8}.page-module__kqJ0Ja__saveButton{color:#fff;background:linear-gradient(135deg,#6d5dfc,#4f46e5);border:1px solid #635bff}.page-module__kqJ0Ja__topActions button:disabled{opacity:.6;cursor:not-allowed}.page-module__kqJ0Ja__workspace{grid-template-columns:var(--explorer-width,220px) 6px minmax(420px, 1fr) 6px var(--right-panel-width,430px);min-width:0;height:auto;min-height:0;display:grid;overflow:hidden}.page-module__kqJ0Ja__explorer{overscroll-behavior:auto;scrollbar-gutter:stable;background:#0d111a;border-right:1px solid #252b38;min-width:0;min-height:0;overflow:hidden auto}.page-module__kqJ0Ja__panelHeader{color:#929caf;letter-spacing:.08em;background:#10151f;border-bottom:1px solid #252b38;justify-content:space-between;align-items:center;height:42px;padding:0 12px;font-size:11px;font-weight:700;display:flex}.page-module__kqJ0Ja__panelHeader button{color:#9ca3af;cursor:pointer;background:0 0;border:0;font-size:17px}.page-module__kqJ0Ja__projectTitle{color:#c0c7d4;padding:13px 12px 8px;font-size:11px;font-weight:700}.page-module__kqJ0Ja__fileList{padding:0 7px}.page-module__kqJ0Ja__fileItem{color:#aeb7c7;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:6px;align-items:center;gap:9px;width:100%;height:35px;margin-bottom:3px;padding:0 10px;font-size:12px;display:flex}.page-module__kqJ0Ja__fileItem:hover{color:#fff;background:#171d29}.page-module__kqJ0Ja__activeFile{color:#fff;background:linear-gradient(90deg,#4f46e573,#2563eb2e);border-left:2px solid #818cf8}.page-module__kqJ0Ja__fileIcon{color:#60a5fa}.page-module__kqJ0Ja__editorPanel{background:#0b0e15;border-right:1px solid #252b38;grid-template-rows:42px minmax(0,1fr) 25px;min-width:0;min-height:0;display:grid;overflow:hidden}.page-module__kqJ0Ja__editorTabs{background:#0f141e;border-bottom:1px solid #252b38;align-items:flex-end;padding-left:7px;display:flex}.page-module__kqJ0Ja__activeTab{color:#e2e8f0;background:#151a25;border-top:1px solid #6366f1;border-right:1px solid #252b38;align-items:center;gap:8px;min-width:145px;height:35px;padding:0 11px;font-size:12px;display:flex}.page-module__kqJ0Ja__closeTab{color:#7c8799;margin-left:auto}.page-module__kqJ0Ja__editorArea{min-height:0;overflow:hidden}.page-module__kqJ0Ja__statusBar{color:#c7d2fe;background:#3730a3;justify-content:flex-end;align-items:center;gap:16px;padding:0 12px;font-size:10px;display:flex}.page-module__kqJ0Ja__rightPanel{grid-template-rows:var(--preview-height,340px) 6px minmax(0, 1fr);background:#0c1018;min-width:0;min-height:0;display:grid;overflow:hidden}.page-module__kqJ0Ja__previewPanel{overscroll-behavior:auto;border-bottom:1px solid #252b38;grid-template-rows:42px minmax(0,1fr);min-height:0;display:grid;overflow:hidden}.page-module__kqJ0Ja__previewFrame{background:#fff;border:0;width:100%;height:100%;min-height:0;display:block}.page-module__kqJ0Ja__aiPanel{overscroll-behavior:auto;scrollbar-gutter:stable;background:radial-gradient(circle at 100% 0,#4f46e521,#0000 36%),#0d111a;flex-direction:column;min-height:0;padding:12px;display:flex;overflow:hidden auto}.page-module__kqJ0Ja__aiHeader{border-bottom:1px solid #252b38;justify-content:space-between;gap:10px;padding-bottom:13px;display:flex}.page-module__kqJ0Ja__aiHeader h2{color:#f1f5f9;margin:0;font-size:14px}.page-module__kqJ0Ja__aiHeader p{color:#7c8799;margin:4px 0 0;font-size:10px}.page-module__kqJ0Ja__onlineDot{color:#22c55e;font-size:11px}.page-module__kqJ0Ja__aiWelcome{background:#161c2ac7;border:1px solid #293142;border-radius:10px;gap:10px;margin-top:15px;padding:12px;display:flex}.page-module__kqJ0Ja__aiAvatar{color:#fff;background:linear-gradient(135deg,#7c3aed,#2563eb);border-radius:8px;flex:none;place-items:center;width:29px;height:29px;display:grid}.page-module__kqJ0Ja__aiWelcome strong{color:#f8fafc;font-size:11px}.page-module__kqJ0Ja__aiWelcome p{color:#a6afbd;margin:4px 0 0;font-size:10px;line-height:1.5}.page-module__kqJ0Ja__promptBox{background:#111724;border:1px solid #343d51;border-radius:11px;flex-shrink:0;margin-top:12px;overflow:hidden}.page-module__kqJ0Ja__promptBox:focus-within{border-color:#6366f1;box-shadow:0 0 0 3px #6366f124}.page-module__kqJ0Ja__promptBox textarea{resize:vertical;color:#e5e7eb;box-sizing:border-box;background:0 0;border:0;outline:0;width:100%;min-height:65px;max-height:90px;padding:10px;font-family:inherit;font-size:11px;display:block}.page-module__kqJ0Ja__promptBox textarea::placeholder{color:#647084}.page-module__kqJ0Ja__promptFooter{border-top:1px solid #293142;justify-content:space-between;align-items:center;gap:8px;padding:8px;display:flex}.page-module__kqJ0Ja__promptFooter span{color:#687386;font-size:9px}.page-module__kqJ0Ja__promptFooter button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#7c3aed,#4f46e5);border:0;border-radius:7px;height:31px;padding:0 12px;font-size:10px;font-weight:700}.page-module__kqJ0Ja__promptFooter button:disabled{opacity:.55;cursor:not-allowed}@media (max-width:980px){.page-module__kqJ0Ja__workspace{grid-template-columns:175px minmax(360px,1fr)}.page-module__kqJ0Ja__rightPanel{background:#0c1018;grid-template-rows:minmax(300px,48%) minmax(0,52%);min-width:0;min-height:0;display:grid;overflow:hidden}}@media (max-width:650px){.page-module__kqJ0Ja__topbar{padding:0 10px}.page-module__kqJ0Ja__brand p{display:none}.page-module__kqJ0Ja__workspace{display:block;overflow:auto}.page-module__kqJ0Ja__explorer{display:none}.page-module__kqJ0Ja__editorPanel{height:calc(100vh - 64px)}}.page-module__kqJ0Ja__closePreviewButton{color:#fff;cursor:pointer;z-index:9999;background:#14141ed9;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:24px;font-weight:700;transition:all .2s;display:flex;position:absolute;top:16px;right:16px}.page-module__kqJ0Ja__closePreviewButton:hover{background:#ff3b3b;transform:scale(1.08)}.page-module__kqJ0Ja__columnResizeHandle{z-index:20;cursor:col-resize;touch-action:none;background:#0a0f18;border-left:1px solid #94a3b814;border-right:1px solid #94a3b814;width:6px;min-width:6px;position:relative}.page-module__kqJ0Ja__columnResizeHandle:after{content:"";background:#94a3b852;border-radius:999px;width:2px;height:42px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.page-module__kqJ0Ja__columnResizeHandle:hover,.page-module__kqJ0Ja__columnResizeHandle:active{background:#2563eb3d}.page-module__kqJ0Ja__columnResizeHandle:hover:after,.page-module__kqJ0Ja__columnResizeHandle:active:after{background:#60a5fa}.page-module__kqJ0Ja__rowResizeHandle{z-index:20;cursor:row-resize;touch-action:none;background:#0a0f18;border-top:1px solid #94a3b814;border-bottom:1px solid #94a3b814;height:6px;min-height:6px;position:relative}.page-module__kqJ0Ja__rowResizeHandle span{background:#94a3b852;border-radius:999px;width:42px;height:2px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.page-module__kqJ0Ja__rowResizeHandle:hover,.page-module__kqJ0Ja__rowResizeHandle:active{background:#2563eb3d}.page-module__kqJ0Ja__projectTimer{color:#cbd5e1;white-space:nowrap;background:#111724;border:1px solid #293142;border-radius:5px;align-items:center;gap:5px;height:30px;padding:0 6px 0 9px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px;display:inline-flex}.page-module__kqJ0Ja__projectTimer .page-module__kqJ0Ja__timerIconButton{color:#94a3b8;background:0 0;border:0;border-radius:4px;width:22px;height:22px;padding:0;font-size:10px}.page-module__kqJ0Ja__projectTimer .page-module__kqJ0Ja__timerIconButton:hover{color:#fff;background:#94a3b81f}.page-module__kqJ0Ja__topActions{flex-wrap:nowrap;align-items:center}.page-module__kqJ0Ja__editorArea{position:relative}@media (max-width:1180px){.page-module__kqJ0Ja__brand p,.page-module__kqJ0Ja__brand>div>div{display:none!important}.page-module__kqJ0Ja__topActions button{padding:0 8px}}@media (max-width:1100px){.page-module__kqJ0Ja__topbar{align-items:flex-start}.page-module__kqJ0Ja__topActions{justify-content:flex-start;width:100%;padding-bottom:2px;overflow-x:auto}.page-module__kqJ0Ja__workspace{grid-template-columns:minmax(150px, var(--explorer-width,190px)) 6px minmax(360px, 1fr) 6px minmax(320px, var(--right-panel-width,380px))}}@media (max-width:768px){.page-module__kqJ0Ja__appShell{height:auto;min-height:100dvh;overflow:visible}.page-module__kqJ0Ja__topbar{z-index:60;align-items:flex-start;padding:8px;position:sticky;top:0}.page-module__kqJ0Ja__brand{flex:100%;min-width:0}.page-module__kqJ0Ja__brand h1{font-size:15px}.page-module__kqJ0Ja__topActions{scrollbar-width:thin;flex-wrap:nowrap;justify-content:flex-start;width:100%;padding-bottom:3px;overflow-x:auto}.page-module__kqJ0Ja__topActions>*{flex:none}.page-module__kqJ0Ja__workspace{flex-direction:column;height:auto;display:flex;overflow:visible}.page-module__kqJ0Ja__columnResizeHandle,.page-module__kqJ0Ja__rowResizeHandle,.page-module__kqJ0Ja__explorer{display:none}.page-module__kqJ0Ja__editorPanel{border-bottom:1px solid #252b38;border-right:0;width:100%;height:58dvh;min-height:480px}.page-module__kqJ0Ja__editorArea{min-height:390px}.page-module__kqJ0Ja__rightPanel{flex-direction:column;width:100%;min-height:0;display:flex;overflow:visible}.page-module__kqJ0Ja__previewPanel{height:48dvh;min-height:340px}.page-module__kqJ0Ja__previewFrame{min-height:298px}.page-module__kqJ0Ja__aiPanel{min-height:520px;overflow:visible}.page-module__kqJ0Ja__panelHeader{z-index:2;position:sticky;top:0}.page-module__kqJ0Ja__projectTimer{height:28px}}@media (max-width:430px){.page-module__kqJ0Ja__editorPanel{height:54dvh;min-height:430px}.page-module__kqJ0Ja__previewPanel{height:44dvh;min-height:310px}.page-module__kqJ0Ja__aiPanel{min-height:560px;padding:10px}.page-module__kqJ0Ja__statusBar{gap:9px;padding:0 8px}}