:root{--font-ui: "Segoe UI", "Microsoft YaHei", "PingFang SC", system-ui, sans-serif;--font-mono: "Cascadia Code", Consolas, "Courier New", monospace;--titlebar-bg: #f3f3f3;--menubar-bg: #f3f3f3;--activity-bg: #f3f3f3;--sidebar-bg: #f8f8f8;--editor-bg: #ffffff;--tabbar-bg: #f3f3f3;--tab-active-bg: #ffffff;--tab-inactive-bg: #ececec;--panel-bg: #ffffff;--statusbar-bg: #007acc;--statusbar-fg: #ffffff;--input-bg: #ffffff;--dropdown-bg: #ffffff;--fg: #1e1e1e;--fg-muted: #616161;--fg-faint: #8a8a8a;--border: #e0e0e0;--border-strong: #c9c9c9;--accent: #0078d4;--accent-hover: #026ec1;--accent-fg: #ffffff;--selection: #add6ff;--hover: rgba(0, 0, 0, .06);--active-list: #d6ebff;--danger: #d13438;--warning: #bf8803;--success: #107c10;--shadow: 0 4px 16px rgba(0, 0, 0, .14);--titlebar-h: 35px;--statusbar-h: 24px;--tabbar-h: 35px;--activity-w: 48px}[data-theme=dark]{--titlebar-bg: #181818;--menubar-bg: #181818;--activity-bg: #181818;--sidebar-bg: #181818;--editor-bg: #1f1f1f;--tabbar-bg: #181818;--tab-active-bg: #1f1f1f;--tab-inactive-bg: #2d2d2d;--panel-bg: #1f1f1f;--statusbar-bg: #007acc;--input-bg: #2d2d2d;--dropdown-bg: #252526;--fg: #cccccc;--fg-muted: #9d9d9d;--fg-faint: #7d7d7d;--border: #2b2b2b;--border-strong: #454545;--accent: #0078d4;--selection: #264f78;--hover: rgba(255, 255, 255, .08);--active-list: #094771;--shadow: 0 4px 16px rgba(0, 0, 0, .5)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;overflow:hidden}body{font-family:var(--font-ui);font-size:13px;color:var(--fg);background:var(--editor-bg);-webkit-user-select:none;user-select:none}button{font-family:var(--font-ui);font-size:12.5px;color:var(--fg);background:transparent;border:1px solid transparent;border-radius:3px;padding:3px 10px;cursor:pointer;white-space:nowrap}button:hover{background:var(--hover)}button.primary{background:var(--accent);color:var(--accent-fg);border-color:var(--accent)}button.primary:hover{background:var(--accent-hover)}button.danger{color:var(--danger)}button:disabled{opacity:.45;cursor:default}input,textarea,select{font-family:var(--font-ui);font-size:12.5px;color:var(--fg);background:var(--input-bg);border:1px solid var(--border-strong);border-radius:2px;padding:4px 6px;outline:none}input:focus,textarea:focus,select:focus{border-color:var(--accent)}.app{display:flex;flex-direction:column;height:100%}.app-body{display:flex;flex:1;min-height:0}.activity-bar{width:var(--activity-w);background:var(--activity-bg);border-right:1px solid var(--border);display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:6px 0;flex-shrink:0}.activity-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:none;border-radius:0;position:relative;color:var(--fg-muted);opacity:.75}.activity-btn:hover{opacity:1;background:var(--hover)}.activity-btn.active{opacity:1;color:var(--fg)}.activity-btn.active:before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:2px;background:var(--accent)}.main-area{display:flex;flex-direction:column;flex:1;min-width:0}.workbench{display:flex;flex:1;min-height:0}.sidebar{width:100%;min-width:160px;background:var(--sidebar-bg);border-right:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0}.sidebar.hidden{display:none}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px 4px;font-size:11px;letter-spacing:.06em;color:var(--fg-muted);text-transform:uppercase}.sidebar-actions{display:flex;gap:2px}.icon-btn{width:24px;height:24px;padding:0;display:inline-flex;align-items:center;justify-content:center;border:none;color:var(--fg-muted)}.icon-btn:hover{color:var(--fg)}.file-tree{flex:1;overflow:auto;padding-bottom:12px}.tree-item{display:flex;align-items:center;height:22px;padding-right:8px;cursor:pointer;white-space:nowrap;color:var(--fg)}.tree-item:hover{background:var(--hover)}.tree-item.selected{background:var(--active-list)}.tree-item .twisty{width:16px;text-align:center;font-size:9px;color:var(--fg-muted);flex-shrink:0}.tree-item .file-icon{width:16px;text-align:center;margin-right:4px;font-size:11px;font-weight:600;flex-shrink:0}.tree-item .name{overflow:hidden;text-overflow:ellipsis}.tree-rename-input{height:20px;margin-left:4px;font-size:12.5px}.resizer-v{width:4px;margin-left:-2px;cursor:col-resize;flex-shrink:0;z-index:10}.resizer-v:hover,.resizer-v.dragging{background:var(--accent)}.resizer-h{height:4px;margin-top:-2px;cursor:row-resize;flex-shrink:0;z-index:10}.resizer-h:hover,.resizer-h.dragging{background:var(--accent)}.editor-pane{display:flex;flex-direction:column;flex:1;min-width:0;background:var(--editor-bg)}.tabbar{display:flex;height:var(--tabbar-h);background:var(--tabbar-bg);border-bottom:1px solid var(--border);overflow-x:auto;overflow-y:hidden;flex-shrink:0}.tabbar::-webkit-scrollbar{height:0}.tab{display:flex;align-items:center;height:100%;padding:0 10px;gap:6px;background:var(--tab-inactive-bg);border-right:1px solid var(--border);cursor:pointer;font-size:12.5px;color:var(--fg-muted);max-width:200px;flex-shrink:0}.tab.active{background:var(--tab-active-bg);color:var(--fg);border-top:1px solid var(--accent)}.tab .label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tab .dirty{color:var(--fg-muted);font-size:14px;line-height:1}.tab .close{width:18px;height:18px;border:none;border-radius:4px;padding:0;display:none;align-items:center;justify-content:center;font-size:12px;color:var(--fg-muted);flex-shrink:0}.tab:hover .close,.tab.active .close{display:inline-flex}.breadcrumbs{display:flex;align-items:center;gap:2px;padding:2px 12px;font-size:11.5px;color:var(--fg-muted);border-bottom:1px solid var(--border);flex-shrink:0;overflow:hidden;white-space:nowrap}.breadcrumbs .sep{opacity:.6}.editor-host{flex:1;min-height:0}.empty-state{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--fg-faint)}.empty-state .hint{font-size:13px;line-height:2;text-align:center}kbd{font-family:var(--font-mono);font-size:11px;background:var(--hover);border:1px solid var(--border-strong);border-radius:3px;padding:1px 5px;margin:0 2px}.output-panel{display:flex;flex-direction:column;background:var(--panel-bg);border-top:1px solid var(--border);flex:1;min-width:0}.output-panel.hidden{display:none}.output-header{display:flex;align-items:center;gap:10px;padding:4px 12px;border-bottom:1px solid var(--border);flex-shrink:0}.output-tabs{display:flex;gap:2px}.output-tab{padding:3px 10px;border:none;border-radius:0;border-bottom:2px solid transparent;color:var(--fg-muted);font-size:12px}.output-tab.active{color:var(--fg);border-bottom-color:var(--accent)}.output-stats{margin-left:auto;display:flex;align-items:center;gap:10px;font-size:11.5px;color:var(--fg-muted)}.output-stats .badge{display:inline-flex;align-items:center;gap:4px;padding:1px 8px;border-radius:10px;background:var(--hover)}.output-stats .badge.ok{color:var(--success)}.output-stats .badge.err{color:var(--danger)}.output-body{flex:1;overflow:auto;padding:8px 12px}.output-body pre{margin:0 0 8px;font-family:var(--font-mono);font-size:12px;line-height:1.55;white-space:pre-wrap;word-break:break-word;-webkit-user-select:text;user-select:text}.output-body .stderr{color:var(--danger)}.output-body .meta{color:var(--fg-muted);font-family:var(--font-ui);font-size:11.5px}.stdin-row{display:flex;align-items:flex-start;gap:8px;padding:6px 12px;border-top:1px solid var(--border);flex-shrink:0}.stdin-row label{font-size:11.5px;color:var(--fg-muted);padding-top:5px;white-space:nowrap}.stdin-row textarea{flex:1;font-family:var(--font-mono);font-size:12px;resize:none;height:38px}.statusbar{height:var(--statusbar-h);background:var(--statusbar-bg);color:var(--statusbar-fg);display:flex;align-items:center;padding:0 10px;gap:2px;font-size:12px;flex-shrink:0}.status-item{padding:0 8px;height:100%;display:inline-flex;align-items:center;gap:5px;border:none;border-radius:0;color:inherit;background:transparent;cursor:pointer;font-size:12px}.status-item:hover{background:#ffffff24}.status-spacer{flex:1}.menubar{display:flex;align-items:center;height:var(--titlebar-h);background:var(--menubar-bg);border-bottom:1px solid var(--border);padding:0 8px;flex-shrink:0;gap:2px}.brand{display:flex;align-items:center;gap:7px;padding:0 10px 0 4px;font-weight:600;font-size:13px;color:var(--fg)}.brand .logo{width:18px;height:18px;border-radius:4px;background:var(--accent);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:700}.menu-item{position:relative;padding:5px 9px;border:none;border-radius:3px;color:var(--fg);font-size:12.5px}.menu-item:hover,.menu-item.open{background:var(--hover)}.menu-dropdown{position:absolute;top:100%;left:0;min-width:220px;background:var(--dropdown-bg);border:1px solid var(--border-strong);box-shadow:var(--shadow);border-radius:0 0 4px 4px;padding:4px 0;z-index:100}.menu-entry{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:5px 16px;cursor:pointer;font-size:12.5px;white-space:nowrap}.menu-entry:hover{background:var(--accent);color:#fff}.menu-entry .shortcut{opacity:.65;font-size:11.5px}.menu-divider{height:1px;background:var(--border);margin:4px 8px}.menubar .spacer{flex:1}.run-btn{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;background:var(--success);color:#fff;border:none;border-radius:3px;font-size:12.5px;cursor:pointer}.run-btn:hover{background:#0b6a0b}.run-btn:disabled{opacity:.55}.user-chip{display:inline-flex;align-items:center;gap:7px;padding:3px 10px 3px 4px;border:1px solid var(--border);border-radius:16px;background:var(--editor-bg);cursor:pointer;font-size:12px}.user-chip img{width:22px;height:22px;border-radius:50%}.context-menu{position:fixed;min-width:180px;background:var(--dropdown-bg);border:1px solid var(--border-strong);box-shadow:var(--shadow);padding:4px 0;z-index:200;border-radius:4px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;display:flex;align-items:center;justify-content:center;z-index:300}.modal{background:var(--dropdown-bg);border:1px solid var(--border-strong);border-radius:6px;box-shadow:var(--shadow);width:420px;max-width:calc(100vw - 40px);padding:18px 20px}.modal h3{margin:0 0 10px;font-size:14px}.modal p{margin:0 0 14px;font-size:12.5px;color:var(--fg-muted);line-height:1.6;-webkit-user-select:text;user-select:text}.modal-actions{display:flex;justify-content:flex-end;gap:8px}.login-screen{height:100%;display:flex;align-items:center;justify-content:center;background:var(--editor-bg);-webkit-user-select:none;user-select:none}.login-card{width:380px;padding:36px 34px;border:1px solid var(--border);border-radius:10px;background:var(--panel-bg);box-shadow:var(--shadow);text-align:center}.login-card .logo-big{width:52px;height:52px;margin:0 auto 14px;border-radius:12px;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:700}.login-card h1{font-size:19px;margin:0 0 6px}.login-card .sub{color:var(--fg-muted);font-size:12.5px;line-height:1.7;margin-bottom:22px}.login-card button{width:100%;padding:9px;font-size:13px;border-radius:5px}.login-note{margin-top:16px;font-size:11.5px;color:var(--fg-faint);line-height:1.7}.admin-page{flex:1;overflow:auto;padding:22px 28px;background:var(--editor-bg)}.admin-page h2{font-size:17px;margin:0 0 4px}.admin-page .desc{color:var(--fg-muted);font-size:12.5px;margin-bottom:18px}.admin-card{border:1px solid var(--border);border-radius:6px;background:var(--panel-bg);padding:16px 18px;margin-bottom:18px}.admin-card h4{margin:0 0 12px;font-size:13px}.mode-toggle{display:flex;gap:10px}.mode-option{flex:1;border:1px solid var(--border-strong);border-radius:6px;padding:12px 14px;cursor:pointer;font-size:12.5px;line-height:1.6}.mode-option.active{border-color:var(--accent);background:#0078d414}.mode-option strong{display:block;margin-bottom:3px;font-size:13px}.admin-toolbar{display:flex;gap:8px;margin-bottom:12px}.admin-toolbar input{flex:1}.user-table{width:100%;border-collapse:collapse;font-size:12.5px}.user-table th,.user-table td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--border);-webkit-user-select:text;user-select:text}.user-table th{color:var(--fg-muted);font-weight:600;font-size:11.5px}.badge-status{display:inline-block;padding:1px 8px;border-radius:9px;font-size:11px}.badge-status.approved{background:#107c1024;color:var(--success)}.badge-status.pending{background:#bf880329;color:var(--warning)}.badge-status.rejected,.badge-status.banned{background:#d1343821;color:var(--danger)}.row-actions{display:flex;gap:4px}.gate-screen{height:100%;display:flex;align-items:center;justify-content:center;text-align:center}.gate-screen .inner{max-width:420px;line-height:1.9;color:var(--fg-muted);-webkit-user-select:text;user-select:text}.gate-screen h2{color:var(--fg);margin-bottom:8px}.demo-banner{background:var(--warning);color:#fff;font-size:12px;text-align:center;padding:3px 8px;flex-shrink:0}.toast{position:fixed;bottom:40px;right:20px;background:var(--dropdown-bg);color:var(--fg);border:1px solid var(--border-strong);border-left:3px solid var(--accent);border-radius:4px;box-shadow:var(--shadow);padding:10px 16px;font-size:12.5px;z-index:400;max-width:320px}.toast.error{border-left-color:var(--danger)}