:root{color-scheme:light dark;--bg: #ffffff;--fg: #111827;--panel: #f3f4f6;--border: #d1d5db;--muted: rgba(17, 24, 39, .72);--error: #b42318;--primary: #2563eb;--primary-fg: #ffffff;--radius: 12px;--gap: 16px}@media(prefers-color-scheme:dark){:root{--bg: #0b0f14;--fg: #e6edf3;--panel: #111827;--border: rgba(255, 255, 255, .12);--muted: rgba(230, 237, 243, .72);--error: #ff6b6b;--primary: #3b82f6;--primary-fg: #ffffff}}html,body{height:100%}body{margin:0;background:var(--bg);color:var(--fg);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial}.app{min-height:100vh;display:flex;flex-direction:column}.app__header{padding:16px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;align-items:center}.app__title{font-size:18px;font-weight:800}.app__subtitle{font-size:13px;opacity:.75;margin-top:4px}.app__actions{display:flex;gap:10px;align-items:center}.btn{padding:10px 12px;border-radius:10px;border:1px solid var(--border);background:transparent;color:var(--fg);cursor:pointer;font-weight:700}.btn:disabled{cursor:not-allowed;opacity:.6}.btn--primary{border-color:var(--primary);background:var(--primary);color:var(--primary-fg)}.app__main{flex:1;padding:24px 16px;display:flex;justify-content:center}.app__content{width:100%;max-width:1600px;min-width:0;display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:var(--gap);align-items:start}.editor{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:var(--panel)}.editor--invalid{border-color:var(--error)}.side{border:1px solid var(--border);border-radius:var(--radius);padding:12px;background:var(--panel);min-width:0}.side__title{font-weight:800;margin-bottom:10px}.side__error{color:var(--error);font-size:13px;line-height:1.4}.side__ok{font-size:13px;opacity:.8}.issueList{padding-left:18px;font-size:13px;margin:0}.issueList li{margin-bottom:8px}.issueList code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:12px}.app__footer{padding:12px;border-top:1px solid var(--border);font-size:13px;opacity:.9}@media(max-width:1000px){.app__content{grid-template-columns:1fr}}