:root{--bg: #0d0d1a;--surface: #12122a;--border: rgba(255, 255, 255, .7);--border-dim: rgba(255, 255, 255, .15);--text: #dde1f0;--text-dim: #5c6490;--cyan: #67e8f9;--pink: #f0abfc;--purple: #c4b5fd;--green: #86efac;--amber: #fcd34d;--red: #fca5a5;--gutter-bg: #0b0b18;--font: "Cascadia Code", "Fira Code", "Menlo", "Monaco", "Consolas", monospace;--gap: 24px;--bar-height: 48px;--radius: 2px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden}body{display:flex;flex-direction:column;height:100vh;background:var(--bg);color:var(--text);font-family:var(--font);font-size:13px;padding:var(--gap);gap:var(--gap)}#top-bar{flex-shrink:0;height:var(--bar-height);border:1px solid var(--border);border-radius:var(--radius);display:flex;align-items:center;padding:0 16px}.top-bar-inner{display:flex;align-items:center;gap:10px;width:100%}.top-bar-bracket{color:var(--cyan);font-size:18px;line-height:1;opacity:.8}#top-bar h1{font-size:14px;font-weight:500;letter-spacing:.08em;color:var(--text)}.top-bar-tagline{font-size:11px;color:var(--text-dim);letter-spacing:.04em;margin-left:4px}#editor-container{flex:1;min-height:0;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;position:relative}#bottom-bar{flex-shrink:0;height:var(--bar-height);border:1px solid var(--border);border-radius:var(--radius);display:flex;align-items:center;padding:0 16px}.bottom-bar-inner{display:flex;align-items:center;justify-content:space-between;width:100%;gap:16px}#status-left{display:flex;align-items:center;gap:12px}#status-right{display:flex;align-items:center;gap:10px}.badge{display:inline-block;font-size:11px;letter-spacing:.1em;padding:2px 0;font-weight:500;transition:color .15s}.badge--empty{color:var(--text-dim)}.badge--checking{color:var(--amber)}.badge--valid{color:var(--green)}.badge--invalid{color:var(--red)}.status-count,.fix-message{font-size:11px;color:var(--text-dim);letter-spacing:.04em}.fix-message.fix-message--success{color:var(--green)}.fix-btn{background:none;border:1px solid var(--border-dim);color:var(--purple);font-family:var(--font);font-size:11px;letter-spacing:.06em;padding:3px 10px;border-radius:var(--radius);cursor:pointer;transition:border-color .15s,color .15s}.fix-btn:hover{border-color:var(--purple);color:var(--pink)}.fix-btn:focus-visible{outline:1px solid var(--cyan);outline-offset:2px}.error-tooltip{position:fixed;z-index:1000;background:var(--surface);border:1px solid var(--border-dim);color:var(--red);font-family:var(--font);font-size:11px;padding:5px 10px;border-radius:var(--radius);pointer-events:none;white-space:nowrap;max-width:400px;overflow:hidden;text-overflow:ellipsis;transition:opacity .1s;opacity:0}.error-tooltip.visible{opacity:1}.cm-editor{height:100%;font-family:var(--font)!important}.cm-editor.cm-focused{outline:none}.cm-scroller{overflow:auto;font-family:var(--font)!important}.cm-scroller::-webkit-scrollbar{width:8px;height:8px}.cm-scroller::-webkit-scrollbar-track{background:transparent}.cm-scroller::-webkit-scrollbar-thumb{background:#c4b5fd59;border-radius:4px}.cm-scroller::-webkit-scrollbar-thumb:hover{background:#c4b5fd99}.cm-scroller{scrollbar-width:thin;scrollbar-color:rgba(196,181,253,.35) transparent}.cm-error-gutter{width:18px}.cm-error-marker{display:flex;align-items:center;justify-content:center;width:18px;height:100%;background:none;border:none;padding:0;cursor:pointer;color:var(--red);font-size:8px;opacity:.85;transition:opacity .1s;font-family:var(--font)}.cm-error-marker:hover,.cm-error-marker:focus{opacity:1}.cm-error-marker:focus-visible{outline:1px solid var(--cyan);outline-offset:-1px}.cm-error-highlight{background:#fca5a526;border-bottom:1px solid var(--red);border-radius:1px}@media (max-width: 600px){:root{--gap: 16px}.top-bar-tagline{display:none}}