.switches-page{background:#0b0e15}.switch-lab{padding-bottom:45px}.sw-heading{display:flex;justify-content:space-between;gap:35px;align-items:flex-end;padding:20px 0 48px}.sw-heading .eyebrow{color:#89aaff;margin-bottom:20px}.sw-heading h1{font-size:clamp(43px,5.5vw,74px);line-height:1.05;letter-spacing:-.06em;margin-bottom:21px}.sw-heading h1 em{font-style:normal;color:#8eabff}.sw-heading>div>p:last-child{font-size:16px;line-height:1.75;color:#9fadc4}.sw-stats{display:flex;gap:38px;padding-bottom:5px}.sw-stats span{font-size:12px;color:#94a4be;min-width:80px}.sw-stats b{font-size:37px;line-height:1.2;color:#e9efff;display:block;margin-bottom:6px;font-weight:500;letter-spacing:-2px}.sw-workspace{display:grid;grid-template-columns:270px minmax(0,1fr);gap:24px;align-items:start}.sw-browser{background:#101621;border:1px solid #293345;border-radius:9px;padding:22px 16px;position:sticky;top:115px;min-width:0}.sw-search-label{display:block;font-size:14px;color:#e4eaf7;font-weight:600;margin-bottom:12px}.sw-search{display:flex;align-items:center;gap:9px;padding:11px;background:#0a101b;border:1px solid #36445e;border-radius:4px;color:#8195b8}.sw-search input{min-width:0;width:100%;font-size:13px;border:0;background:none;outline:0;color:#eaf0ff}.sw-search:focus-within{outline:2px solid #93b0ff;outline-offset:2px}.sw-search input::placeholder{color:#8393ae}.sw-filters{display:flex;flex-wrap:wrap;gap:6px;margin:16px 0 25px}.sw-filters button{font-size:11px;background:#1a2231;color:#a9b9d4;border:1px solid #303b50;border-radius:4px;padding:6px 9px;line-height:1.4}.sw-filters button[aria-pressed=true]{background:#233c68;border-color:#658eff;color:#e2ebff}.sw-list-caption{display:flex;justify-content:space-between;gap:10px;font-size:10px;letter-spacing:1.5px;color:#899bb8;margin-bottom:11px}.sw-list{max-height:430px;overflow:auto;scrollbar-width:thin;scrollbar-color:#354660 transparent;margin:0 -6px;padding:0 6px 0 0}.sw-item{display:flex;align-items:center;width:100%;text-align:left;gap:10px;padding:13px 9px;border:1px solid transparent;border-bottom-color:#212c3f;background:none;color:#dce5f5;border-radius:5px}.sw-item strong{display:block;font-size:12px;line-height:1.45;font-weight:500}.sw-item small{display:block;color:#8599b7;font-size:10px;line-height:1.5;margin-top:4px}.sw-item>span:nth-child(2){flex:1;min-width:0}.sw-item b{font-size:15px;font-weight:400;color:#7e99c7}.sw-item:hover{background:#192437}.sw-item[aria-pressed=true]{border-color:#678eff;background:#1c2b47}.sw-item-mark{display:block;flex:0 0 12px;height:12px;border:2px solid #8daaff;border-radius:2px;transform:rotate(-12deg)}.sw-item-mark.magnetic{border-color:#64d6bb;border-radius:50%;transform:none}.sw-empty{padding:24px 10px;color:#a6b8d4;font-size:14px}.sw-empty button{border:0;background:none;color:#abc2ff;padding:14px 0;text-align:left;font-size:12px}.sw-main{min-width:0}.sw-panel{background:radial-gradient(ellipse at 70% 0,#1d2c49 0,#111925 52%,#101620 100%);border:1px solid #34435d;border-radius:10px;padding:27px 30px 25px;overflow:hidden;min-width:0}.sw-selected-top{display:flex;justify-content:space-between;gap:15px;align-items:flex-start;margin-bottom:23px}.sw-badge{display:inline-block;color:#aac2ff;font-size:11px;letter-spacing:1.4px;text-transform:uppercase;margin-bottom:10px}.sw-selected-top h2{font-size:clamp(26px,2.7vw,39px);line-height:1.08;letter-spacing:-1.2px}.sw-index{font-family:Consolas,monospace;font-size:12px;letter-spacing:1px;white-space:nowrap;color:#8197bc;margin-top:6px}.sw-chart-tabs{display:flex;gap:24px;border-bottom:1px solid #33405a;margin-bottom:24px}.sw-chart-tabs button{padding:0 0 13px;color:#869dbf;border:0;border-bottom:2px solid transparent;background:none;font-size:12px}.sw-chart-tabs button[aria-pressed=true]{color:#e4edff;border-bottom-color:#85a7ff}.sw-chart-head{display:flex;justify-content:space-between;align-items:center;gap:12px;color:#93a5c5;letter-spacing:1.3px;font-size:10px}.sw-chart-head small{font-size:11px;letter-spacing:0;color:#d5e1f9;margin-left:5px}.sw-live{font-family:Consolas,monospace;font-size:14px;letter-spacing:0;color:#b3ceff;padding:5px 9px;background:#203354;border-radius:3px}.sw-chart{margin:10px -5px 0}.sw-chart svg{width:100%;height:auto;display:block;overflow:visible}.sw-chart text{font:12px Arial,sans-serif;fill:#8093b5}.sw-chart .sw-point-label{font-size:12px;fill:#becff1;font-weight:600}.sw-force-line{stroke-dasharray:1000;stroke-dashoffset:0;animation:sw-reveal .8s ease-out both}.sw-chart-legend{display:flex;flex-wrap:wrap;gap:22px;font-size:11px;color:#acbbd3;margin-top:6px}.legend-line:before{content:'';display:inline-block;width:20px;height:2px;background:#8aabff;vertical-align:middle;margin-right:8px}.legend-point:before{content:'';display:inline-block;width:7px;height:7px;border-radius:50%;background:#79ebd0;margin-right:8px}.sw-chart-note{font-size:11px;color:#8295b4;line-height:1.7;margin:12px 0 23px;max-width:650px}.sw-playback{display:flex;align-items:center;gap:22px;padding-top:20px;border-top:1px solid #2b3951}.sw-play{background:#416ff2;color:white;border:1px solid #6890ff;font-size:14px;padding:12px 16px;border-radius:4px;min-width:126px;display:flex;justify-content:center;align-items:center;gap:10px}.sw-play span{font-size:12px;font-weight:600}.sw-slider-wrap{flex:1;min-width:0}.sw-slider-wrap label{display:flex;justify-content:space-between;gap:10px;font-size:11px;color:#afc0dc;line-height:1.4;margin-bottom:10px}.sw-slider-wrap output{color:#b4ceff;font-family:Consolas,monospace;white-space:nowrap}.sw-slider-wrap input{width:100%;display:block;accent-color:#93b1ff;cursor:ew-resize;margin:0;height:16px}.sw-reset{font-size:25px;border:1px solid #3c4c67;background:#19263b;color:#b5caff;border-radius:4px;width:42px;height:42px;padding:0}.sw-original{margin:0;min-height:370px}.sw-original>div{background:#edf3f8;border-radius:5px;min-height:290px;padding:16px;display:flex;align-items:center;justify-content:center}.sw-original img{width:538px;max-width:100%;height:auto;animation:sw-source-in .5s ease-out}.sw-original figcaption{font-size:12px;line-height:1.65;color:#91a5c4;margin-top:15px}.sw-original .text-link{margin-top:10px}.sw-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:14px 0 38px}.sw-metrics>div{padding:18px 15px;background:#141c29;border:1px solid #29364b;border-radius:6px}.sw-metrics span{display:block;font-size:10px;color:#8fa4c5;margin-bottom:10px}.sw-metrics strong{display:block;font-size:19px;letter-spacing:-.5px;font-weight:500;line-height:1.3;white-space:nowrap}.sw-metrics .is-missing{font-size:14px;letter-spacing:0;color:#8c9db9}.sw-detail-title .eyebrow{font-size:10px;letter-spacing:1.5px;color:#84a5ff;margin-bottom:12px}.sw-detail-title h2{font-size:30px;margin-bottom:25px;letter-spacing:-1px}.sw-specs{display:grid;grid-template-columns:1fr 1fr;gap:0 28px}.sw-specs>div{display:flex;justify-content:space-between;gap:18px;padding:17px 0;border-bottom:1px solid #273347;font-size:12px}.sw-specs span{color:#8d9fba}.sw-specs strong{text-align:right;font-weight:400;color:#e0e9f8}.sw-magnetic-note{grid-column:1/-1;color:#96abc9;font-size:12px;line-height:1.7;padding:17px;background:#142137;border-left:2px solid #608cf4;margin-top:18px}.sw-guide{display:grid;grid-template-columns:1fr 1.5fr;gap:7%;margin-top:75px;border-top:1px solid #2e3a4f;padding-top:50px;padding-bottom:30px}.sw-guide .eyebrow{color:#91afff;font-size:11px;margin-bottom:18px}.sw-guide h2{font-size:34px;line-height:1.12}.sw-guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.sw-guide-grid span{color:#8aabff;font-size:12px;font-family:Consolas,monospace}.sw-guide-grid h3{font-size:17px;letter-spacing:-.3px;margin:15px 0 12px;line-height:1.25}.sw-guide-grid p{font-size:12px;color:#8fa1bd;line-height:1.8}.sw-source{color:#7184a2;font-size:11px;line-height:1.7;border-top:1px solid #202c40;padding-top:23px;margin-top:20px}.sw-search input:focus-visible{outline:none}.sw-chart-tabs button:focus-visible,.sw-filters button:focus-visible,.sw-item:focus-visible{outline:2px solid #b4caff;outline-offset:-2px}@keyframes sw-reveal{from{stroke-dashoffset:1000}to{stroke-dashoffset:0}}@keyframes sw-source-in{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}
@media(min-width:761px)and(max-width:1080px){.header nav{gap:12px;font-size:12px}.header{gap:20px}}
@media(max-width:1150px){.sw-workspace{grid-template-columns:230px minmax(0,1fr);gap:18px}.sw-panel{padding:23px 20px}.sw-stats{gap:22px}.sw-metrics{grid-template-columns:1fr 1fr}.sw-metrics strong{font-size:21px}.sw-playback{gap:13px}.sw-play{min-width:98px;padding:11px}.sw-guide{grid-template-columns:1fr;gap:30px}.sw-specs{grid-template-columns:1fr}.sw-list{max-height:380px}}
@media(max-width:800px){.sw-heading{align-items:flex-start;flex-direction:column;padding-bottom:30px;gap:28px}.sw-heading h1{font-size:52px}.sw-heading>div>p:last-child{font-size:15px}.sw-stats{gap:35px}.sw-stats b{font-size:29px}.sw-stats span{font-size:11px;min-width:0}.sw-workspace{grid-template-columns:1fr}.sw-browser{position:static;padding:18px}.sw-list{max-height:186px}.sw-filters{margin:14px 0 18px}.sw-item strong{font-size:13px}.sw-item small{font-size:11px}.sw-item{padding:11px}.sw-list-caption{font-size:10px}.sw-panel{padding:22px 17px}.sw-selected-top h2{font-size:31px}.sw-badge{font-size:10px}.sw-index{font-size:10px}.sw-chart-tabs{gap:17px}.sw-chart-tabs button{font-size:11px}.sw-chart-head{font-size:9px}.sw-live{font-size:12px}.sw-chart{margin:12px -12px 0}.sw-chart svg{min-height:150px}.sw-chart-legend{font-size:10px;gap:12px}.sw-chart-note{font-size:11px;margin-bottom:20px}.sw-playback{flex-wrap:wrap;gap:16px 10px}.sw-slider-wrap{order:-1;flex-basis:100%}.sw-slider-wrap label{font-size:12px}.sw-slider-wrap input{height:28px}.sw-play{min-width:125px}.sw-reset{margin-left:auto}.sw-metrics{margin-bottom:30px;gap:8px}.sw-metrics>div{padding:16px 14px}.sw-metrics span{font-size:11px}.sw-metrics strong{font-size:20px}.sw-specs{grid-template-columns:1fr}.sw-specs>div{font-size:13px;gap:14px}.sw-detail-title h2{font-size:29px}.sw-guide{margin-top:45px;padding-top:35px}.sw-guide h2{font-size:31px}.sw-guide-grid{grid-template-columns:1fr;gap:25px}.sw-guide-grid h3{margin-top:9px}.sw-guide-grid p{font-size:14px}.sw-source{font-size:11px}.sw-original>div{min-height:200px;padding:6px}.sw-original{min-height:0}}
.switch-lab .breadcrumbs{display:flex;gap:10px;flex-wrap:wrap;padding:22px 0;margin:0;font-size:12px;color:#8fa1bd}.sw-heading{padding-top:10px;padding-bottom:32px}.sw-heading h1{font-size:clamp(43px,4.7vw,64px)}.sw-heading .eyebrow{margin-bottom:16px}.sw-chart svg{max-height:300px}.sw-selected-top{margin-bottom:19px}.sw-chart-tabs{margin-bottom:18px}.sw-list{max-height:385px}
@media(max-width:800px){.sw-heading h1{font-size:48px}.sw-list{max-height:186px}.sw-chart svg{max-height:none}.sw-chart text{font-size:22px}.sw-chart .sw-point-label{font-size:24px}}
@media(prefers-reduced-motion:reduce){.sw-force-line,.sw-original img{animation:none}}