.components-document{max-width:1580px;margin:0 auto;padding:54px 28px 90px}.controls-intro h1{letter-spacing:-.05em;max-width:960px;margin:18px 0 24px;font-size:clamp(2.4rem,4.5vw,4.6rem);line-height:1.05}.controls-intro .lead{max-width:790px;color:var(--muted);font-size:1.12rem;line-height:1.7}.controls-toolbar{border:1px solid var(--line);background:#141d27;border-radius:12px;flex-wrap:wrap;align-items:center;gap:16px 26px;margin:34px 0 24px;padding:18px 22px;font-size:.88rem;display:flex}.controls-toolbar label{cursor:pointer;align-items:center;gap:9px;min-height:32px;display:flex}.controls-toolbar input{accent-color:#a6d8c7}.controls-toolbar span{color:var(--muted);margin-left:auto}.controls-previews{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.control-preview{border:1px solid var(--line);background:#141d27;border-radius:14px;min-width:0;margin:0;overflow:hidden}.control-preview-heading{padding:24px}.control-preview-heading h2{letter-spacing:-.025em;margin:9px 0 0;font-size:1.25rem}.control-preview-heading .eyebrow{font-size:.67rem}.control-surface{height:720px;position:relative}.control-surface canvas{width:100%;height:100%;display:block}.control-loading{background:#111625;place-items:center;margin:0;padding:20px;display:grid;position:absolute;inset:0}.control-frame-stats{color:var(--muted);margin:0;padding:14px 20px;font:.68rem/1.5 ui-monospace,Menlo,monospace}.controls-guide{max-width:1120px;margin-top:70px}.controls-guide h2{letter-spacing:-.035em;margin:18px 0;font-size:clamp(1.65rem,3vw,2.5rem)}.controls-guide p{color:var(--muted);line-height:1.8}.controls-guide .code-block{margin:26px 0}.component-contracts{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:40px 0 58px;display:grid}.component-contracts article{border:1px solid var(--line);border-radius:12px;padding:24px}.component-contracts h3{margin:0 0 12px;font-size:1.1rem}.component-contracts p{font-size:.92rem}.component-contracts a{color:#a6d8c7;font-size:.88rem}.controls-next{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:18px;margin-top:46px;padding-top:26px;display:flex}.controls-next div{flex:1;min-width:240px}.component-release{color:var(--muted);background:#18272d;border-left:3px solid #a6d8c7;padding:14px 18px}@media (width<=900px){.controls-previews{grid-template-columns:1fr}.controls-toolbar span{width:100%;margin-left:0}}@media (width<=550px){.components-document{padding:34px 12px 60px}.controls-intro h1{font-size:2.6rem}.controls-intro .lead{font-size:1rem}.controls-toolbar{gap:4px 20px;padding:12px 16px}.control-preview-heading{padding:20px 16px}.control-surface{height:760px}.component-contracts{grid-template-columns:1fr}.component-contracts article{padding:20px}.control-frame-stats{padding:12px;font-size:.6rem}}