:root{--bg:#090c11;--panel:#0f141c;--panel-2:#151b25;--panel-3:#1b2230;--border:#252e3d;--border-2:#354056;--text:#f6f8fc;--muted:#8d98aa;--muted-2:#5f6a7c;--accent:#6676ff;--accent-2:#7c89ff;--green:#5bdda4;--red:#ff6b7c;--ui:Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--mono:"Cascadia Code", "SFMono-Regular", Consolas, "Liberation Mono", monospace}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:var(--ui);overflow:hidden}button,select,input{font:inherit}button{border:0}.app-shell{background:radial-gradient(circle at 32% -15%, #6676ff1f, transparent 30%), var(--bg);grid-template-rows:62px auto minmax(0,1fr) 31px;height:100vh;display:grid;position:relative}.topbar{border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#090c11e6;justify-content:space-between;align-items:center;gap:16px;padding:0 17px;display:flex}.brand{letter-spacing:-.03em;align-items:center;gap:10px;min-width:max-content;font-weight:800;display:flex}.brand-mark{background:linear-gradient(145deg,#7786ff,#5261ef);border-radius:10px;place-items:center;width:34px;height:34px;display:grid;box-shadow:0 8px 28px #6676ff40}.brand-name span{color:var(--accent-2)}.language-tabs{border:1px solid var(--border);background:var(--panel);border-radius:10px;gap:4px;padding:4px;display:flex}.language-tab{min-width:76px;color:var(--muted);cursor:pointer;background:0 0;border-radius:7px;padding:8px 12px;font-size:12px;font-weight:750;transition:all .18s}.language-tab:hover{background:var(--panel-2);color:var(--text)}.language-tab.active{background:var(--panel-3);color:#fff;box-shadow:inset 0 0 0 1px var(--border-2)}.top-actions,.pane-actions,.status-group{align-items:center;gap:7px;display:flex}.icon-button,.button,.mini-button,.output-copy-button{border:1px solid var(--border);background:var(--panel);color:var(--text);cursor:pointer;justify-content:center;align-items:center;transition:all .18s;display:inline-flex}.icon-button{border-radius:8px;width:35px;height:35px;padding:0}.button{white-space:nowrap;border-radius:8px;gap:7px;height:35px;padding:0 12px;font-size:11px;font-weight:750}.icon-button:hover,.button:hover,.output-copy-button:hover,.mini-button:hover{border-color:var(--border-2);background:var(--panel-2)}.button:hover,.icon-button:hover{transform:translateY(-1px)}.button.primary{border-color:var(--accent);background:var(--accent);box-shadow:0 7px 22px #6676ff33}.button.primary:hover{border-color:var(--accent-2);background:var(--accent-2)}.shortcut{color:#c8cfda;border:1px solid #ffffff1a;border-radius:4px;padding:2px 5px;font-size:8px;font-weight:550}.toolbar{border-bottom:1px solid var(--border);background:var(--panel);scrollbar-width:thin;align-items:center;gap:7px;min-height:56px;padding:10px 17px;display:flex;overflow-x:auto}.toolbar-separator{background:var(--border);flex:none;width:1px;height:23px;margin:0 3px}.setting{color:var(--muted);white-space:nowrap;align-items:center;gap:6px;font-size:10px;display:flex}.setting select{border:1px solid var(--border);background:var(--panel-2);height:33px;color:var(--text);border-radius:7px;outline:0;padding:0 25px 0 9px;font-size:10px}.hidden-input{display:none}.workspace{min-height:0;display:grid;overflow:hidden}.pane{background:var(--panel);grid-template-rows:41px minmax(0,1fr);min-width:0;min-height:0;display:grid}.pane-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:8px;padding:0 11px 0 14px;display:flex}.pane-title{align-items:center;gap:8px;min-width:0;display:flex}.pane-title strong{text-transform:uppercase;letter-spacing:.14em;font-size:10px}.file-info{max-width:235px;color:var(--muted-2);font:10px var(--mono);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mini-button{width:29px;height:29px;color:var(--muted);background:0 0;border-color:#0000;border-radius:7px;padding:0}.output-copy-button{background:var(--panel-2);border-radius:7px;gap:6px;height:29px;padding:0 9px;font-size:10px;font-weight:750}.ace-host{width:100%;height:100%;position:absolute;inset:0}.editor-wrap{background:#0d1117;min-height:0;position:relative;overflow:hidden}.divider{z-index:5;background:var(--border);cursor:col-resize;transition:all .15s}.divider:hover,.divider.dragging{background:var(--accent)}.drop-overlay{z-index:50;border:2px dashed var(--accent);pointer-events:none;text-align:center;background:#0d1117f0;border-radius:12px;place-items:center;display:grid;position:absolute;inset:12px}.drop-overlay strong,.drop-overlay span{display:block}.drop-overlay strong{margin-bottom:5px;font-size:14px}.drop-overlay span{color:var(--muted);font-size:10px}.preview-frame{background:#fff;border:0;width:100%;height:100%}.statusbar{border-top:1px solid var(--border);color:var(--muted-2);white-space:nowrap;background:#080b0f;justify-content:space-between;align-items:center;gap:10px;padding:0 13px;font-size:9px;display:flex}.status-group{gap:13px}.status-item{align-items:center;gap:6px;display:inline-flex}.status-dot{background:var(--green);border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 3px #5bdda414}.toast-stack{z-index:100;pointer-events:none;gap:7px;display:grid;position:fixed;bottom:43px;right:15px}.toast{border:1px solid var(--border-2);background:#171d27;border-radius:9px;min-width:210px;max-width:350px;padding:10px 12px;font-size:10px;animation:.18s both toast-in;box-shadow:0 16px 46px #00000057}.toast.error{border-color:#ff6b7c80}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}.ace_editor{font-family:var(--mono)!important;background:#0d1117!important}.ace_gutter{color:#4d5869!important;background:#0a0e13!important;border-right:1px solid #1e2530!important}.ace_gutter-active-line,.ace_marker-layer .ace_active-line{background:#ffffff07!important}.ace_print-margin{display:none!important}.not-found{background:var(--bg);min-height:100vh;color:var(--text);text-align:center;place-content:center;display:grid}@media (width<=900px){.brand-name{display:none}.language-tab{min-width:60px;padding-inline:8px}.button-label{display:none}}@media (width<=700px){body{overflow:auto}.app-shell{grid-template-rows:auto auto auto 31px;height:auto;min-height:100vh}.topbar{flex-wrap:wrap;min-height:62px;padding-block:9px}.language-tabs{order:3;width:100%}.language-tab{flex:1}.toolbar{flex-wrap:wrap}.workspace{grid-template-rows:1fr 1fr;height:1000px;grid-template-columns:1fr!important}.divider{display:none}.pane:first-child{border-bottom:1px solid var(--border)}}