:root{--bg-primary: #1a1a1a;--bg-secondary: #242424;--bg-tertiary: #2d2d2d;--text-primary: #e0e0e0;--text-secondary: #888;--accent: #6a9fb5;--border: #333;--editor-bg: #1a1a1a}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background:var(--bg-primary);color:var(--text-primary);min-height:100vh;line-height:1.5;font-size:14px}header{display:flex;align-items:center;justify-content:space-between;padding:.5rem 1rem;border-bottom:1px solid var(--border)}header h1{font-size:1rem;font-weight:600;color:var(--text-primary)}header h1 span{font-weight:400;color:var(--text-secondary)}.github-link{color:var(--text-secondary);transition:color .15s}.github-link:hover{color:var(--text-primary)}main{display:grid;grid-template-columns:1fr 1fr;gap:0;height:calc(100vh - 37px)}@media (max-width: 1000px){main{grid-template-columns:1fr;height:auto}}.editor-container,.output-container{background:var(--bg-secondary);border-right:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden}.output-container{border-right:none}.toolbar{display:flex;gap:.5rem;padding:.5rem;background:var(--bg-tertiary);border-bottom:1px solid var(--border)}.btn{padding:.35rem .75rem;border:none;border-radius:3px;cursor:pointer;font-size:.8rem;font-weight:500;transition:all .15s}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{filter:brightness(1.1)}.btn-primary:disabled{background:#555;cursor:not-allowed}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover{background:var(--border)}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.btn-small{padding:.2rem .4rem;font-size:.7rem}.examples-dropdown{position:relative}.dropdown-content{display:none;position:absolute;top:100%;left:0;background:var(--bg-secondary);border:1px solid var(--border);border-radius:3px;min-width:120px;z-index:100;margin-top:2px}.dropdown-content.show{display:block}.dropdown-content a{display:block;padding:.4rem .75rem;color:var(--text-primary);text-decoration:none;font-size:.8rem}.dropdown-content a:hover{background:var(--bg-tertiary)}#editor{flex:1;overflow:auto}#editor .cm-editor{height:100%;font-size:13px}#editor .cm-scroller{font-family:JetBrains Mono,Fira Code,Consolas,monospace}.cm-editor{background:var(--editor-bg)}.cm-gutters{background:var(--bg-secondary);border-right:1px solid var(--border)}.cm-activeLineGutter{background:var(--bg-tertiary)}.cm-activeLine{background:#ffffff08}.output-tabs{display:flex;background:var(--bg-tertiary);border-bottom:1px solid var(--border)}.tab{padding:.5rem 1rem;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;font-size:.8rem;transition:all .15s;border-bottom:2px solid transparent}.tab:hover{color:var(--text-primary)}.tab.active{color:var(--text-primary);border-bottom-color:var(--accent)}.output-content{flex:1;overflow:auto;position:relative}.output-panel{display:none;padding:.75rem;height:100%;position:relative}.output-panel.active{display:block}.output-panel pre{font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:.8rem;white-space:pre-wrap;word-break:break-all;color:var(--text-primary);margin:0;padding-bottom:1.5rem}.copy-btn{position:absolute;top:.4rem;right:.4rem}.download-section{padding:.5rem;border-top:1px solid var(--border);background:var(--bg-tertiary)}.error{color:#c66!important}.tab.has-error{position:relative}.tab.has-error:after{content:"";position:absolute;top:50%;transform:translateY(-50%);margin-left:6px;width:8px;height:8px;background:#c66;border-radius:50%}.cm-tooltip-autocomplete{background:var(--bg-secondary)!important;border:1px solid var(--border)!important;border-radius:3px!important}.cm-tooltip-autocomplete ul li{color:var(--text-primary)!important}.cm-tooltip-autocomplete ul li[aria-selected]{background:var(--bg-tertiary)!important}.cm-completionLabel{color:var(--text-primary)!important}.cm-completionDetail{color:var(--text-secondary)!important;font-style:italic}