:root{color:#172026;background:#f6f7f9;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{color:#fff;cursor:pointer;background:#1e5a72;border:1px solid #1e5a72;border-radius:6px;padding:8px 12px}button:disabled{color:#7d909a;cursor:not-allowed;background:#e8eef1;border-color:#b8c8d0}input,select{color:#172026;background:#fff;border:1px solid #ccd4dc;border-radius:6px;width:100%;padding:8px 10px}label{color:#52616f;gap:6px;font-size:14px;display:grid}pre{color:#e8f1f7;background:#101820;border:1px solid #d8e0e7;border-radius:8px;margin:0;padding:14px;overflow:auto}.app-shell{grid-template-columns:260px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{background:#fff;border-right:1px solid #d8e0e7;flex-direction:column;gap:28px;padding:28px;display:flex}.sidebar h1{margin:0;font-size:26px}.eyebrow{color:#6b7a89;text-transform:uppercase;margin:0 0 4px;font-size:13px}.nav{gap:20px;display:grid}.nav-group{gap:8px;display:grid}.nav-group h2{color:#6b7a89;letter-spacing:0;text-transform:uppercase;margin:0;font-size:12px;font-weight:700}.nav a{color:#33424f;border-radius:6px;padding:9px 10px;text-decoration:none}.nav a.router-link-active{color:#123f51;background:#dff1f6}.content{padding:32px}.page{gap:24px;max-width:980px;display:grid}.page-header{gap:6px;display:grid}.page-header h2{margin:0;font-size:30px}.page-header p{color:#52616f;margin:0}.panel{background:#fff;border:1px solid #d8e0e7;border-radius:8px;gap:12px;padding:20px;display:grid}.panel h3,.panel p{margin:0}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.actions{flex-wrap:wrap;gap:10px;margin:0;display:flex}.debug-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.debug-grid h4{text-transform:uppercase;color:#52616f;margin:0 0 8px;font-size:13px}.demo-inspector{gap:16px}.demo-inspector__header{justify-content:space-between;align-items:center;gap:16px;display:flex}.demo-inspector__header h3{margin:0}.demo-code-panel{gap:8px;display:grid}.demo-code-panel h4{color:#52616f;text-transform:uppercase;margin:0;font-size:13px}.checkbox{align-items:center;gap:8px;display:flex}.checkbox input{width:auto}.checkbox-row{flex-wrap:wrap;gap:16px;display:flex}.tag-list{flex-wrap:wrap;gap:8px;display:flex}.tag-list label{background:#fff;border:1px solid #ccd4dc;border-radius:999px;align-items:center;gap:8px;padding:6px 10px;display:flex}.tag-list input{width:auto}.result-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.result-list li{border:1px solid #d8e0e7;border-radius:6px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.result-list span:last-child{color:#6b7a89;font-size:14px}.docs-page{max-width:1120px}.docs-hero{border-bottom:1px solid #d8e0e7;gap:8px;padding-bottom:20px}.docs-hero h2{font-size:42px;line-height:1.1}.docs-toc{flex-wrap:wrap;gap:8px;display:flex}.docs-toc a{color:#264653;background:#fff;border:1px solid #c9d8df;border-radius:6px;padding:7px 10px;text-decoration:none}.docs-examples{border-top:1px solid #d8e0e7;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:start;gap:20px;padding-top:24px;display:grid}.example-groups{gap:16px;display:grid}.example-group{gap:8px;display:grid}.example-group h4{color:#52616f;text-transform:uppercase;margin:0;font-size:13px}.example-link{color:#172026;background:#fff;border:1px solid #d8e0e7;border-radius:8px;gap:2px;padding:12px;text-decoration:none;display:grid}.example-link:hover{border-color:#8bb9c8}.example-link span{font-weight:700}.example-link small{color:#52616f}.docs-section{border-top:1px solid #d8e0e7;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:start;gap:20px;padding-top:24px;scroll-margin-top:24px;display:grid}.docs-section_plain{grid-template-columns:minmax(0,720px)}.docs-copy{gap:10px;display:grid}.docs-copy h3,.docs-copy p{margin:0}.docs-copy h3{font-size:22px}.docs-copy p,.docs-list{color:#52616f}.docs-list{gap:8px;margin:0;padding-left:20px;display:grid}@media (width<=760px){.app-shell{grid-template-columns:1fr}.sidebar{border-bottom:1px solid #d8e0e7;border-right:0}.grid,.debug-grid,.docs-examples,.docs-section{grid-template-columns:1fr}.demo-inspector__header{flex-direction:column;align-items:stretch}.docs-hero h2{font-size:34px}}