:root{--bg:#fbfbfa;--panel:#ffffff;--text:#1d1d1f;--muted:#5f5f66;--border:#e3e3e6;--accent:#2a62d4;--accent-text:#ffffff;--error:#c62828;--warning:#9a6700;--mono:ui-monospace,'SF Mono',Menlo,Consolas,monospace;--hl-comment:#6e7781;--hl-keyword:#cf222e;--hl-selector:#6639ba;--hl-attribute:#0550ae;--hl-string:#0a3069;--hl-number:#0550ae;--hl-variable:#953800;--hl-function:#8250df;color-scheme:light dark;@media (prefers-color-scheme: dark){--bg:#141416;--panel:#1c1c1f;--text:#e8e8ea;--muted:#a0a0a8;--border:#2e2e33;--accent:#7aa2ff;--accent-text:#0d1117;--error:#ff7b72;--warning:#e3b341;--hl-comment:#8b949e;--hl-keyword:#ff7b72;--hl-selector:#d2a8ff;--hl-attribute:#79c0ff;--hl-string:#a5d6ff;--hl-number:#79c0ff;--hl-variable:#ffa657;--hl-function:#d2a8ff;}}*{box-sizing:border-box;}button{background:var(--panel);border:1px solid var(--border);}.hljs-comment{color:var(--hl-comment);font-style:italic;}.hljs-keyword,.hljs-meta{color:var(--hl-keyword);}.hljs-selector-tag,.hljs-selector-class,.hljs-selector-id,.hljs-selector-pseudo,.hljs-selector-attr{color:var(--hl-selector);}.hljs-attribute,.hljs-attr{color:var(--hl-attribute);}.hljs-string{color:var(--hl-string);}.hljs-number{color:var(--hl-number);}.hljs-variable{color:var(--hl-variable);}.hljs-built_in{color:var(--hl-function);}html,body{height:100%;margin:0;}body{background:var(--bg);color:var(--text);display:flex;flex-direction:column;font:14px/1.5 system-ui,-apple-system,'Segoe UI',sans-serif;}header{border-bottom:1px solid var(--border);display:flex;flex-wrap:wrap;gap:.5rem 1rem;padding:.75rem 1rem;align-items:center;}h1{font-size:1.1rem;margin:0 auto 0 0;}h1 a{color:inherit;display:inline-flex;gap:.35rem;align-items:center;text-decoration:none;}h1 span{color:var(--muted);font-size:.8rem;font-weight:normal;}h2{color:var(--muted);font-size:.75rem;letter-spacing:.05em;margin:0;padding:.5rem 1rem;text-transform:uppercase;}label{display:inline-flex;flex:none;gap:.3rem;align-items:center;white-space:nowrap;}button{border-radius:6px;color:var(--text);cursor:pointer;font:inherit;padding:.25rem .75rem;&:hover{border-color:var(--accent);}}a{color:var(--accent);}main{display:grid;flex:1;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:0;}.pane{display:flex;flex-direction:column;min-height:0;min-width:0;&+&{border-left:1px solid var(--border);}}.editor{flex:1;min-height:0;position:relative;& textarea,& pre{inset:0;position:absolute;}& pre{overflow:hidden;pointer-events:none;}}.highlighted .editor textarea{background:transparent;caret-color:var(--text);color:transparent;}.editor pre{visibility:hidden;}.highlighted .editor pre{visibility:visible;}textarea,pre{background:var(--panel);border:0;color:var(--text);flex:1;font:13px/1.55 var(--mono);margin:0;outline:none;overflow:auto;padding:.75rem 1rem;resize:none;tab-size:2;white-space:pre;}#diagnostics{border-top:1px solid var(--border);font:12px/1.5 var(--mono);list-style:none;margin:0;max-height:30%;overflow:auto;padding:0;&:empty{display:none;}& li{cursor:pointer;overflow-wrap:anywhere;padding:.3rem 1rem;&:hover{background:var(--bg);}}.error{color:var(--error);}.warning{color:var(--warning);}}@media (width < 720px){h1{flex-basis:100%;}main{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) minmax(0,1fr);}.pane+.pane{border-left:0;border-top:1px solid var(--border);}}/*# sourceMappingURL=playground.css.map */