:root{color:#222;font-synthesis:none;text-rendering:optimizelegibility;background:#f7f7f7;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,textarea{font:inherit}code,pre,textarea,kbd{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}code{font-size:.9em}.page{width:min(1100px,100% - 32px);margin:0 auto;padding:40px 0}.hero{margin-bottom:36px}.eyebrow{color:#666;margin-bottom:8px;font-size:.8rem}.hero h1{margin:0 0 16px;font-size:2.5rem}.hero-description{color:#444;max-width:750px;margin:0 0 12px;line-height:1.6}.hero-note{color:#666;max-width:750px;margin:0;font-size:.9rem;line-height:1.5}.about-grid{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:40px;display:grid}.info-card{background:#fff;border:1px solid #ddd;border-radius:6px;padding:20px}.card-heading{align-items:center;gap:10px;margin-bottom:12px;display:flex}.card-heading h2{margin:0;font-size:1.1rem}.card-icon{color:#666;font-family:monospace;font-size:.8rem}.info-card p{color:#555;line-height:1.5}.muted{font-size:.85rem;color:#777!important}.schema{border:1px solid #ddd;border-radius:4px;margin:16px 0;overflow:hidden}.schema-header,.schema-row{justify-content:space-between;padding:9px 12px;display:flex}.schema-header{background:#f2f2f2;border-bottom:1px solid #ddd;font-size:.85rem;font-weight:600}.schema-row{font-size:.85rem}.schema-row+.schema-row{border-top:1px solid #eee}.feature-tags{flex-wrap:wrap;gap:6px;margin:16px 0;display:flex}.feature-tags span{background:#f7f7f7;border:1px solid #ddd;border-radius:4px;padding:4px 7px;font-family:monospace;font-size:.75rem}.playground{margin-top:20px}.section-title{justify-content:space-between;align-items:end;margin-bottom:12px;display:flex}.section-title h2{margin:0;font-size:1.5rem}.section-kicker,.panel-label{color:#777;text-transform:uppercase;margin-bottom:3px;font-size:.75rem;display:block}.shortcut{color:#777;font-size:.8rem}kbd{background:#eee;border:1px solid #ccc;border-radius:3px;padding:2px 5px;font-size:.75rem}.editor-shell{background:#fff;border:1px solid #ccc;border-radius:6px;overflow:hidden}.editor-toolbar{background:#f3f3f3;border-bottom:1px solid #ddd;justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.editor-title{color:#555;align-items:center;gap:8px;font-family:monospace;font-size:.85rem;display:flex}.status-dot{background:#4a9c59;border-radius:50%;width:8px;height:8px}.toolbar-actions{gap:8px;display:flex}.button{cursor:pointer;border:1px solid #bbb;border-radius:4px;padding:6px 12px;font-size:.85rem}.button.primary{color:#fff;background:#333;border-color:#333}.button.primary:hover:not(:disabled){background:#111}.button.secondary{color:#333;background:#fff}.button.secondary:hover:not(:disabled){background:#eee}.button:disabled{cursor:wait;opacity:.6}.run-icon{margin-left:4px}#query{resize:vertical;color:#222;tab-size:4;background:#fff;border:0;outline:none;width:100%;min-height:300px;padding:16px;font-size:.9rem;line-height:1.6;display:block}.editor-footer{color:#666;background:#fafafa;border-top:1px solid #ddd;justify-content:space-between;padding:8px 12px;font-size:.8rem;display:flex}.result-section{margin-top:32px}.panel-heading{justify-content:space-between;align-items:end;margin-bottom:8px;display:flex}.panel-heading h3{margin:0;font-size:1rem}.execution-time{color:#777;font-family:monospace;font-size:.8rem}.terminal{background:#fff;border:1px solid #ccc;border-radius:4px;max-height:500px;overflow:auto}.terminal pre{color:#222;width:max-content;min-width:100%;margin:0;padding:14px;font-size:.8rem;line-height:1.5}.result-note{color:#777;margin-top:6px;font-size:.8rem}.plans-grid{grid-template-columns:1fr 1fr;gap:20px;margin-top:32px;display:grid}.plan-panel{min-width:0}.plan-terminal{height:380px}footer{color:#777;border-top:1px solid #ddd;justify-content:space-between;margin-top:50px;padding-top:20px;font-size:.8rem;display:flex}@media (width<=800px){.about-grid,.plans-grid{grid-template-columns:1fr}.page{width:min(100% - 20px,1100px);padding-top:24px}.section-title{flex-direction:column;align-items:flex-start;gap:8px}}@media (width<=500px){.hero h1{font-size:2rem}.editor-toolbar,.editor-footer{flex-direction:column;align-items:flex-start;gap:8px}.toolbar-actions{width:100%}.toolbar-actions button{flex:1}footer{flex-direction:column;gap:6px}}