@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500&display=swap";:root{--ide-bg: #0D0D0D;--ide-surf: #141414;--ide-panel: #1A1A1A;--ide-border: #2A2A2A;--ide-text: #F0F0F0;--ide-muted: #888888;--ide-blue: #0052CC;--ide-success: #22C55E;--ide-warning: #F59E0B;--ide-error: #EF4444}body.ide-light{--ide-bg: #FFFFFF;--ide-surf: #F8F9FA;--ide-panel: #F0F4FF;--ide-border: #E5E7EB;--ide-text: #0A0A0A;--ide-muted: #888888}#ide-root{display:flex;flex-direction:column;height:100vh;background:var(--ide-bg);color:var(--ide-text);font-family:Inter,sans-serif;font-size:13px}#ide-header{display:flex;align-items:center;gap:8px;padding:0 12px;height:44px;background:var(--ide-surf);border-bottom:1px solid var(--ide-border);flex-shrink:0;z-index:100}.ide-logo{font-size:14px;font-weight:900;color:var(--ide-blue);margin-right:4px;letter-spacing:-.01em}.ide-sel{background:var(--ide-panel);border:1px solid var(--ide-border);color:var(--ide-text);font-size:11px;padding:4px 8px;border-radius:4px;cursor:pointer;outline:none;font-family:inherit}.ide-sel:hover{border-color:var(--ide-blue)}.tog-btn{background:var(--ide-panel);border:1px solid var(--ide-border);color:var(--ide-muted);font-size:11px;padding:4px 10px;border-radius:4px;cursor:pointer;font-family:inherit;transition:all .15s}.tog-btn.on{color:var(--ide-blue);border-color:var(--ide-blue)}.h-gap{flex:1}.ide-btn{background:none;border:1px solid var(--ide-border);color:var(--ide-muted);font-size:11px;padding:4px 10px;border-radius:4px;cursor:pointer;margin-left:2px;font-family:inherit;transition:all .15s}.ide-btn:hover{border-color:var(--ide-blue);color:var(--ide-text)}.ide-btn.blue{background:var(--ide-blue);border-color:var(--ide-blue);color:#fff}.user-av{width:28px;height:28px;border-radius:50%;background:var(--ide-blue);border:none;color:#fff;font-size:11px;font-weight:800;cursor:pointer;margin-left:4px;font-family:inherit}#ide-body{display:flex;flex:1;overflow:hidden}#file-panel{width:180px;background:var(--ide-surf);border-right:1px solid var(--ide-border);display:flex;flex-direction:column;flex-shrink:0;transition:width .2s}#file-panel.closed{width:0;overflow:hidden}.p-hdr{font-size:10px;color:var(--ide-muted);padding:10px 12px 6px;text-transform:uppercase;letter-spacing:.5px}.f-item{padding:5px 12px;font-size:11px;color:var(--ide-muted);cursor:pointer;display:flex;align-items:center;gap:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.f-item:hover{background:var(--ide-panel);color:var(--ide-text)}.f-item.active{color:var(--ide-text);background:var(--ide-panel);border-left:2px solid var(--ide-blue)}.f-dot{width:6px;height:6px;border-radius:50%;background:var(--ide-border);flex-shrink:0}.f-dot.saved{background:var(--ide-success)}.f-dot.unsaved{background:var(--ide-warning)}.new-f-btn{margin:8px 10px;padding:5px;background:var(--ide-panel);border:1px solid var(--ide-border);border-radius:4px;font-size:11px;color:var(--ide-muted);text-align:center;cursor:pointer;font-family:inherit}.new-f-btn:hover{border-color:var(--ide-blue);color:var(--ide-blue)}.p-footer{margin-top:auto;padding:10px 12px;border-top:1px solid var(--ide-border)}.t-lbl{font-size:10px;color:var(--ide-muted)}.t-usage{font-size:10px;color:var(--ide-warning);margin-top:2px}#editor-area{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.e-tabs{display:flex;background:var(--ide-surf);border-bottom:1px solid var(--ide-border);height:32px;align-items:flex-end;flex-shrink:0;overflow-x:auto}.e-tab{padding:0 14px;height:30px;display:flex;align-items:center;gap:6px;font-size:11px;color:var(--ide-muted);cursor:pointer;border-right:1px solid var(--ide-border);white-space:nowrap;flex-shrink:0}.e-tab:hover{color:var(--ide-text)}.e-tab.active{background:var(--ide-bg);color:var(--ide-text);border-top:2px solid var(--ide-blue)}.tab-x{opacity:.4;font-size:14px}.tab-x:hover{opacity:1;color:var(--ide-error)}#monaco-editor{flex:1;min-height:0}#btm-panel{height:115px;background:var(--ide-surf);border-top:1px solid var(--ide-border);flex-shrink:0;display:flex;flex-direction:column;transition:height .2s}#btm-panel.closed{height:0;overflow:hidden}.btabs{display:flex;border-bottom:1px solid var(--ide-border);flex-shrink:0}.btab{padding:4px 14px;font-size:11px;color:var(--ide-muted);cursor:pointer}.btab.active{color:var(--ide-text);border-bottom:2px solid var(--ide-blue)}.bcontent{flex:1;overflow-y:auto;padding:4px 0}.err-row{padding:3px 12px;font-size:11px;color:var(--ide-error);display:flex;gap:8px;align-items:center;cursor:pointer}.warn-row{padding:3px 12px;font-size:11px;color:var(--ide-warning);display:flex;gap:8px;align-items:center}.info-row{padding:3px 12px;font-size:11px;color:var(--ide-muted)}.err-row:hover,.warn-row:hover{background:var(--ide-panel)}.edot{width:7px;height:7px;border-radius:50%;background:var(--ide-error);flex-shrink:0}.wdot{width:7px;height:7px;border-radius:50%;background:var(--ide-warning);flex-shrink:0}#right-panel{width:300px;background:var(--ide-surf);border-left:1px solid var(--ide-border);display:flex;flex-direction:column;flex-shrink:0;transition:width .2s}#right-panel.closed{width:0;overflow:hidden}.rp-tabs{display:flex;border-bottom:1px solid var(--ide-border);height:32px;align-items:flex-end;flex-shrink:0}.rp-tab{flex:1;height:30px;display:flex;align-items:center;justify-content:center;font-size:11px;color:var(--ide-muted);cursor:pointer;border-right:1px solid var(--ide-border)}.rp-tab:last-child{border-right:none}.rp-tab.active{color:var(--ide-text);background:var(--ide-bg);border-top:2px solid var(--ide-blue)}#sim-panel{flex:1;display:flex;flex-direction:column;padding:10px;gap:8px;overflow:hidden}#sim-wrap{flex:1;background:var(--ide-bg);border:1px solid var(--ide-border);border-radius:4px;position:relative;overflow:hidden;min-height:0}#sim-canvas{width:100%;height:100%}.sim-lbl{position:absolute;top:6px;left:8px;font-size:10px;color:var(--ide-muted)}.sim-ctrls{display:flex;gap:6px;align-items:center;flex-shrink:0}.sim-btn{background:var(--ide-panel);border:1px solid var(--ide-border);color:var(--ide-muted);font-size:11px;padding:4px 10px;border-radius:4px;cursor:pointer;font-family:inherit;transition:all .15s}.sim-btn:hover{border-color:var(--ide-blue);color:var(--ide-text)}.sim-btn.run{background:var(--ide-blue);border-color:var(--ide-blue);color:#fff}.sim-info{font-size:10px;color:var(--ide-muted);text-align:center;flex-shrink:0}#cop-panel{flex:1;display:none;flex-direction:column;overflow:hidden}.cop-msgs{flex:1;overflow-y:auto;padding:10px;display:flex;flex-direction:column;gap:8px}.cop-msg{padding:8px 10px;border-radius:6px;font-size:11px;line-height:1.6;max-width:95%}.cop-user{background:var(--ide-panel);border:1px solid var(--ide-border);align-self:flex-end}.cop-ai{background:#0a1628;border:1px solid var(--ide-blue);color:#93c5fd;align-self:flex-start}.cop-code{font-family:JetBrains Mono,monospace;font-size:10px;background:var(--ide-bg);border-radius:4px;padding:6px 8px;margin-top:6px;color:#34d399;white-space:pre-wrap}.cop-ins{font-size:10px;color:var(--ide-blue);cursor:pointer;margin-top:4px;display:inline-block}.cop-ins:hover{text-decoration:underline}.typing{display:flex;align-items:center;gap:6px;padding:8px 10px;font-size:11px;color:var(--ide-muted)}.tdot{width:6px;height:6px;border-radius:50%;background:var(--ide-blue);animation:blink 1.2s infinite}.tdot:nth-child(2){animation-delay:.2s}.tdot:nth-child(3){animation-delay:.4s}@keyframes blink{0%,to{opacity:.3}50%{opacity:1}}.cop-footer{padding:8px;border-top:1px solid var(--ide-border);flex-shrink:0}.cop-quota{font-size:10px;color:var(--ide-muted);margin-bottom:6px;text-align:right}.cop-quota.low{color:var(--ide-warning)}.cop-row{display:flex;gap:6px}.cop-inp{flex:1;background:var(--ide-panel);border:1px solid var(--ide-border);color:var(--ide-text);font-size:11px;padding:6px 8px;border-radius:4px;outline:none;font-family:inherit}.cop-inp:focus{border-color:var(--ide-blue)}.cop-send{background:var(--ide-blue);border:none;color:#fff;font-size:13px;padding:6px 10px;border-radius:4px;cursor:pointer}#status-bar{display:flex;align-items:center;gap:12px;padding:0 12px;height:22px;background:var(--ide-blue);font-size:10px;color:#ffffffd9;flex-shrink:0}.s-sep{opacity:.4}.s-gap{flex:1}.s-errors{color:#fca5a5}#pal-bd{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#0009;align-items:flex-start;justify-content:center;padding-top:80px}#pal-bd.open{display:flex}#pal-box{background:var(--ide-panel);border:1px solid var(--ide-border);border-radius:8px;width:580px;max-height:420px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 24px 64px #000000b3}#pal-inp{padding:12px 16px;font-size:13px;background:none;border:none;border-bottom:1px solid var(--ide-border);color:var(--ide-text);outline:none;font-family:JetBrains Mono,monospace;width:100%}#pal-results{overflow-y:auto;flex:1}.pal-cat{font-size:10px;color:#444;padding:8px 16px 4px;text-transform:uppercase;letter-spacing:.5px}.pal-item{padding:8px 16px;font-size:12px;color:var(--ide-muted);cursor:pointer;display:flex;justify-content:space-between;align-items:center}.pal-item:hover,.pal-item.sel{background:var(--ide-blue);color:#fff}.pal-badge{font-size:10px;background:var(--ide-bg);padding:2px 6px;border-radius:3px}.pal-item:hover .pal-badge,.pal-item.sel .pal-badge{background:#ffffff26}.pal-hint{padding:8px 16px;font-size:10px;color:#444;border-top:1px solid var(--ide-border)}#tmpl-bd{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#000000a6;align-items:center;justify-content:center}#tmpl-bd.open{display:flex}#tmpl-box{background:var(--ide-panel);border:1px solid var(--ide-border);border-radius:8px;width:720px;max-height:82vh;display:flex;flex-direction:column;overflow:hidden}.tmpl-hdr{padding:20px 24px;border-bottom:1px solid var(--ide-border)}.tmpl-hdr h2{font-size:16px;font-weight:700;color:var(--ide-text)}.tmpl-hdr p{font-size:11px;color:var(--ide-muted);margin-top:2px}.tmpl-body{display:flex;flex:1;overflow:hidden}.tmpl-side{width:150px;border-right:1px solid var(--ide-border);padding:10px 0;flex-shrink:0}.tmpl-cat{padding:7px 16px;font-size:11px;color:var(--ide-muted);cursor:pointer}.tmpl-cat.active{color:var(--ide-blue);background:var(--ide-bg);border-left:2px solid var(--ide-blue)}.tmpl-grid{flex:1;padding:12px;display:grid;grid-template-columns:1fr 1fr;gap:8px;overflow-y:auto;align-content:start}.tmpl-card{padding:12px;background:var(--ide-surf);border:1px solid var(--ide-border);border-radius:6px;cursor:pointer}.tmpl-card:hover{border-color:var(--ide-blue)}.tmpl-card.sel{border-color:var(--ide-blue);background:var(--ide-panel)}.tmpl-name{font-size:12px;font-weight:600;color:var(--ide-text)}.tmpl-desc{font-size:10px;color:var(--ide-muted);margin-top:2px}.tmpl-foot{padding:12px 16px;border-top:1px solid var(--ide-border);display:flex;align-items:center;gap:10px}.tmpl-sel{flex:1}.tmpl-sel label{font-size:11px;color:var(--ide-muted);display:block;margin-bottom:4px}.tmpl-sel select{width:100%;background:var(--ide-surf);border:1px solid var(--ide-border);color:var(--ide-text);font-size:11px;padding:5px 8px;border-radius:4px;outline:none}.tmpl-open{background:var(--ide-blue);border:none;color:#fff;padding:8px 20px;border-radius:4px;font-size:12px;cursor:pointer;font-family:inherit}.tmpl-cancel{background:none;border:1px solid var(--ide-border);color:var(--ide-muted);padding:8px 14px;border-radius:4px;font-size:12px;cursor:pointer;font-family:inherit}#setup-bd{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#000000a6;align-items:center;justify-content:center}#setup-bd.open{display:flex}#setup-box{background:var(--ide-panel);border:1px solid var(--ide-border);border-radius:8px;width:360px;padding:24px}.setup-h2{font-size:15px;font-weight:700;color:var(--ide-text);margin-bottom:18px}.setup-sec{font-size:10px;font-weight:700;color:var(--ide-muted);text-transform:uppercase;letter-spacing:.4px;margin-bottom:8px}.setup-row{display:flex;gap:8px;align-items:center;margin-bottom:10px}.setup-lbl{font-size:11px;color:var(--ide-muted);width:20px;flex-shrink:0}.setup-inp{flex:1;background:var(--ide-surf);border:1px solid var(--ide-border);color:var(--ide-text);font-size:12px;padding:5px 8px;border-radius:4px;outline:none;font-family:inherit}.setup-inp:focus{border-color:var(--ide-blue)}.setup-sel{width:100%;background:var(--ide-surf);border:1px solid var(--ide-border);color:var(--ide-text);font-size:12px;padding:6px 8px;border-radius:4px;outline:none;margin-bottom:12px}.setup-btns{display:flex;gap:8px;margin-top:16px}.setup-run{flex:1;background:var(--ide-blue);border:none;color:#fff;padding:9px;border-radius:4px;font-size:12px;cursor:pointer;font-family:inherit}.setup-cancel{background:none;border:1px solid var(--ide-border);color:var(--ide-muted);padding:9px 14px;border-radius:4px;font-size:12px;cursor:pointer;font-family:inherit}#toasts{position:fixed;bottom:28px;right:16px;z-index:2000;display:flex;flex-direction:column;gap:8px}.toast{padding:10px 16px;border-radius:6px;font-size:12px;background:var(--ide-panel);border:1px solid var(--ide-border);color:var(--ide-text);max-width:300px;display:flex;align-items:center;gap:8px;animation:tslide .2s ease}.toast.s{border-color:var(--ide-success)}.toast.e{border-color:var(--ide-error)}.toast.w{border-color:var(--ide-warning)}@keyframes tslide{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}#loading{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:3000;background:var(--ide-bg);align-items:center;justify-content:center;flex-direction:column;gap:10px}#loading.open{display:flex}.ld-code{font-family:JetBrains Mono,monospace;font-size:13px;color:var(--ide-blue);min-width:280px}.ld-line{opacity:0;animation:fadein .3s forwards}@keyframes fadein{to{opacity:1}}#wt-ov{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;pointer-events:none}#wt-ov.open{display:block}.wt-tip{position:absolute;background:var(--ide-blue);color:#fff;padding:14px 16px;border-radius:8px;font-size:12px;max-width:260px;pointer-events:all;line-height:1.5;box-shadow:0 8px 32px #0052cc80}.wt-h{font-weight:700;font-size:13px;margin-bottom:4px}.wt-step{font-size:10px;opacity:.7;margin-top:8px}.wt-btns{display:flex;gap:8px;margin-top:10px}.wt-next{background:#fff;color:var(--ide-blue);border:none;padding:5px 12px;border-radius:4px;font-size:11px;font-weight:700;cursor:pointer}.wt-skip{background:none;border:1px solid rgba(255,255,255,.4);color:#ffffffb3;padding:5px 10px;border-radius:4px;font-size:11px;cursor:pointer}