.controls-page{color:#0b1725;background:#f4f6f9;min-height:100vh}.controls-shell{width:min(1180px,100% - 56px);margin:0 auto}.controls-hero{isolation:isolate;color:#f7f9fc;background:linear-gradient(#07101b,#0a1421);padding:7rem 0 5rem;position:relative;overflow:hidden}.controls-orb{filter:blur(78px);z-index:-1;background:radial-gradient(circle,#4c91ff38,#0000 68%);border-radius:50%;width:520px;height:520px;position:absolute;top:-180px;right:-80px}.controls-kicker{font:760 .62rem/1 var(--font-mono);letter-spacing:.14em;color:#8ecaff}.controls-intro{grid-template-columns:.95fr 1.05fr;align-items:end;gap:88px;margin-top:1rem;display:grid}.controls-intro h1{color:#fff;letter-spacing:-.068em;max-width:10ch;margin:0;font-size:clamp(3.6rem,5.8vw,5.8rem);font-weight:675;line-height:.92}.controls-intro h1 em{color:#8fc9ff;font-style:normal;font-weight:620}.controls-intro p{color:#9babbc;max-width:620px;margin:0;font-size:1.03rem;line-height:1.72}.controls-browser{padding:0 0 7rem}.controls-search-wrap{z-index:20;-webkit-backdrop-filter:saturate(140%)blur(24px);backdrop-filter:saturate(140%)blur(24px);background:#ffffffd6;border-radius:18px;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;min-height:64px;margin-top:-31px;padding:0 18px;display:grid;position:sticky;top:62px;box-shadow:0 22px 54px #21364e24,inset 0 1px #fffc,inset 0 0 0 1px #19355512}.controls-search-icon{color:#7a8b9e;font-size:1.35rem;line-height:1}.controls-search{outline:none;width:100%;font-size:1.02rem;font-weight:620;color:#14263a!important;box-shadow:none!important;background:0 0!important;border:0!important}.controls-search::placeholder{color:#91a0af}.controls-count{color:#728396;min-width:34px;height:28px;font:720 .7rem var(--font-mono);background:#edf2f7;border-radius:9px;place-items:center;padding:0 8px;display:grid}.controls-toolbar{border-bottom:1px solid #dfe5ec;justify-content:space-between;align-items:center;gap:20px;padding:23px 2px 17px;display:flex}.controls-toolbar>div{gap:8px;display:flex}.controls-toolbar button{color:#718295;cursor:pointer;background:0 0;border:0;border-radius:9px;min-height:34px;padding:0 12px;font-size:.8rem;font-weight:680}.controls-toolbar button:hover,.controls-toolbar button.active{color:#1b344e;background:#e9eef4}.controls-categories{scrollbar-width:none;border-bottom:1px solid #dfe5ec;gap:8px;padding:17px 0;display:flex;overflow-x:auto}.controls-categories::-webkit-scrollbar{display:none}.controls-categories button{white-space:nowrap;color:#64778b;cursor:pointer;background:0 0;border:0;border-radius:9px;align-items:center;gap:7px;min-height:34px;padding:0 11px;font-size:.78rem;display:flex}.controls-categories button small{color:#9aa8b6;font:700 .64rem var(--font-mono)}.controls-categories button.active{color:#174e83;background:#e5edf6;font-weight:730}.controls-categories button.active small{color:#3975ad}.controls-filters{border-bottom:1px solid #dfe5ec;grid-template-columns:1fr 1fr;gap:24px;padding:20px 0;display:grid}.controls-filters label{gap:7px;display:grid}.controls-filters label>span{color:#8695a5;font:700 .62rem var(--font-mono);letter-spacing:.08em;text-transform:uppercase}.controls-filters select{color:#263b51;background:#fff;border:1px solid #dbe2ea;border-radius:11px;outline:none;min-height:45px;padding:0 13px}.controls-list{display:grid}.control-row{color:inherit;border-bottom:1px solid #dfe5ec;grid-template-columns:42px minmax(0,1fr) 145px;align-items:center;gap:22px;padding:27px 4px;text-decoration:none;transition:transform .18s,background .18s,padding .18s;display:grid}.control-row:hover{background:linear-gradient(90deg,#3877b80b,#3877b800 72%);transform:translate(4px)}.control-index{color:#b3bdc8;font:700 .68rem var(--font-mono);align-self:start;padding-top:3px}.control-category{color:#3878b6;font:760 .61rem var(--font-mono);letter-spacing:.1em;text-transform:uppercase}.control-main h3{color:#13283d;letter-spacing:-.025em;margin:6px 0 5px;font-size:1.22rem;font-weight:700;line-height:1.25}.control-main p{color:#6c7d8f;max-width:760px;margin:0;font-size:.82rem;line-height:1.62}.control-meta{color:#8392a2;justify-content:space-between;align-items:center;gap:16px;font-size:.72rem;display:flex}.control-meta b{color:#3f7eb9;font-size:1rem;font-weight:600}.controls-more{color:#8b99a8;border-bottom:1px solid #dfe5ec;justify-content:space-between;align-items:center;padding:25px 2px;font-size:.77rem;display:flex}.controls-more button,.controls-empty button{color:#2c6eaa;cursor:pointer;background:0 0;border:0;font-size:.8rem;font-weight:730}.controls-more b{margin-left:6px;font-weight:500}.controls-empty{color:#66798b;border-bottom:1px solid #dfe5ec;justify-content:space-between;align-items:center;gap:20px;padding:54px 2px;display:flex}.controls-empty strong{color:#26394d}@media (max-width:860px){.controls-intro{grid-template-columns:1fr;gap:30px}.controls-search-wrap{top:62px}.control-row{grid-template-columns:32px 1fr}.control-meta{grid-column:2;justify-content:flex-start}.controls-filters{grid-template-columns:1fr}}@media (max-width:620px){.controls-shell{width:calc(100% - 28px)}.controls-hero{padding:5rem 0 4.4rem}.controls-intro h1{font-size:clamp(3rem,14vw,4.4rem)}.controls-search-wrap{border-radius:15px;min-height:58px;margin-top:-27px}.controls-toolbar{flex-direction:column;align-items:flex-start}.control-row{gap:12px;padding:23px 0}.control-main h3{font-size:1.08rem}.control-main p{font-size:.78rem}.controls-more{flex-direction:column;align-items:flex-start;gap:12px}}
