*{margin:0;padding:0;box-sizing:border-box}html{color-scheme:dark}body{font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#09090b;color:#fafafa;height:100vh;overflow:hidden}.header{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:#0f0f12;border-bottom:1px solid #27272a;height:52px}.header h1{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:600;color:#fafafa;letter-spacing:-.01em}.header h1 .logo{height:24px;width:auto}.header select,.header button{font-family:inherit;font-weight:500;border-radius:6px;border:1px solid #27272a;background:#18181b;color:#fafafa;cursor:pointer;transition:all .15s ease;font-size:13px;padding:6px 12px}.header select:hover,.header button:hover{background:#1f1f23}.header select:focus,.header button:focus{outline:none}.header select:focus-visible,.header button:focus-visible{border-color:#3f3f46}.header button:active{transform:scale(.98)}.header-actions{display:flex;gap:8px}.dropdown{position:relative}.dropdown.open .dropdown-trigger svg{transform:rotate(180deg)}.dropdown.open .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-trigger{display:flex;align-items:center;gap:6px}.dropdown-trigger svg{transition:transform .15s ease}.dropdown-menu{position:absolute;top:calc(100% + 6px);right:0;background:#1f1f23;border:1px solid #27272a;border-radius:8px;padding:12px;opacity:0;visibility:hidden;transform:translateY(-4px);transition:all .15s ease;z-index:100;box-shadow:0 8px 24px #0006;display:grid;grid-template-columns:repeat(4,130px);grid-template-rows:auto auto auto;gap:12px 16px}.dropdown-menu button{display:block;width:100%;text-align:left;padding:6px 8px;font-size:12px;font-weight:400;color:#a1a1aa;background:transparent;border:none;border-radius:4px;cursor:pointer}.dropdown-menu button:hover{background:#18181b;color:#fafafa}.dropdown-menu button.active{background:#f43f5e26;color:#f43f5e}.dropdown-menu button.active:hover{background:#f43f5e33}.dropdown-group{padding:0}.dropdown-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#71717a;padding:0 8px 6px;border-bottom:1px solid #27272a;margin-bottom:6px}.main{display:flex;height:calc(100vh - 88px)}.pane{display:flex;flex-direction:column;overflow:hidden;height:100%}.gutter{background:#0f0f12;border-left:1px solid #27272a;border-right:1px solid #27272a;cursor:col-resize;transition:background .15s ease}.gutter:hover{background:#1f1f23}.gutter:active{background:#f43f5e}.pane-header{display:flex;align-items:center;justify-content:space-between;padding:8px 20px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#71717a;background:#0f0f12;border-bottom:1px solid #1c1c1f}.pane-header button{font-family:inherit;font-weight:500;border:1px solid #27272a;background:#18181b;color:#fafafa;cursor:pointer;transition:all .15s ease;font-size:11px;text-transform:none;letter-spacing:0;padding:4px 10px;border-radius:4px;color:#a1a1aa}.pane-header button:hover{background:#1f1f23;color:#fafafa}.pane-header button:focus{outline:none}.pane-header button:focus-visible{border-color:#3f3f46}.pane-header-actions{display:flex;gap:6px}.editor-container{flex:1;overflow:auto}.cm-editor{height:100%;font-size:13px;background:#09090b!important}.cm-editor .cm-scroller{font-family:DM Mono,SF Mono,Monaco,Cascadia Code,Consolas,monospace;line-height:1.6}.cm-editor .cm-content{padding:16px}.cm-editor .cm-gutters{background:#0f0f12!important;border-right:1px solid #1c1c1f!important;color:#71717a!important}.cm-editor .cm-gutter-lint{width:.6em}.cm-editor .cm-activeLineGutter{background:#18181b!important}.cm-editor .cm-activeLine{background:#f43f5e0a!important}.cm-editor .cm-selectionBackground{background:#f43f5e26!important}.cm-editor .cm-cursor{border-left-color:#f43f5e!important;border-left-width:2px!important}.cm-editor .cm-line{padding-left:4px}.status-bar{display:flex;align-items:center;justify-content:space-between;padding:8px 20px;background:#0f0f12;border-top:1px solid #27272a;font-size:12px;font-family:DM Mono,SF Mono,Monaco,Cascadia Code,Consolas,monospace;height:36px}.status-success{color:#4ade80;display:flex;align-items:center;gap:6px}.status-success:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.status-error{color:#f87171;display:flex;align-items:center;gap:6px}.status-error:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.status-warning{color:#fbbf24;display:flex;align-items:center;gap:6px}.status-warning:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.stats{color:#71717a;font-size:11px}.stats .delta{font-size:10px}.stats .delta-positive{color:#4ade80}.stats .delta-negative{color:#f87171}.stats .delta-neutral{color:#71717a}.cm-editor .ͼ1 .cm-atom{color:#c4b5fd!important}.cm-editor .ͼ1 .cm-keyword{color:#f472b6!important}.cm-editor .ͼ1 .cm-string{color:#86efac!important}.cm-editor .ͼ1 .cm-number{color:#fcd34d!important}.cm-editor .ͼ1 .cm-comment{color:#52525b!important;font-style:italic}.cm-editor .ͼ1 .cm-punctuation{color:#71717a!important}.cm-editor .ͼ1 .cm-operator{color:#67e8f9!important}.cm-editor .ͼ1 .cm-className{color:#93c5fd!important}.cm-editor .ͼ1 .cm-tagName{color:#fda4af!important}.cm-editor .ͼ1 .cm-propertyName{color:#93c5fd!important}.cm-editor .ͼ1 .cm-atom,.cm-editor .ͼ1 .cm-function{color:#c4b5fd!important}.cm-editor .ͼ1 .cm-color{color:#fcd34d!important}