.revolver-page{--lab-line:#d9dbe5;--lab-accent:#5a5e82;--lab-muted:#686b7e}
.lab-header{height:96px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--lab-line)}
.lab-header .nav__icon{height:45px;width:auto}.lab-header .nav__wordmark{width:140px;height:auto}.lab-back{font-size:14px;display:flex;gap:28px;align-items:center}
.lab-main{padding-top:30px}.breadcrumb{display:flex;gap:14px;font-size:12px;color:var(--lab-muted)}.breadcrumb a:hover{text-decoration:underline}
.lab-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;padding:46px 0 50px}.lab-kicker{font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;color:var(--lab-muted);line-height:1.6}.lab-intro h1{font-size:clamp(46px,5.5vw,76px);margin-top:20px;line-height:1.02}.lab-intro h1 em{color:#777b9c}.lab-lead{font-size:17px;line-height:1.8;max-width:390px;padding-bottom:6px}
.explorer{background:#fff;border:1px solid var(--lab-line);border-radius:14px;overflow:hidden;scroll-margin-top:24px}.explorer-toolbar{display:flex;align-items:center;justify-content:space-between;padding:15px 24px;border-bottom:1px solid var(--lab-line);gap:12px}.view-controls{display:flex;gap:10px}.view-controls button{font-size:12px;padding:8px 10px;border-radius:5px;color:#555a72}.view-controls button:hover,.view-controls button[aria-pressed=true]{background:#e9eaf2}
.explorer-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px}.model-figure{min-width:0;display:flex;flex-direction:column;background:#f0f1f6;margin:0}.model-plate.iso-plate{padding:0;background:transparent;border-radius:0;box-shadow:none;flex:1;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.model-topline,.model-bottomline{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:24px 26px;font-family:var(--font-mono);font-size:9px;letter-spacing:.06em;color:#70758b;position:relative;z-index:1}.model-bottomline{letter-spacing:0;color:#5a6077}.model-bottomline>span:first-child{display:flex;align-items:center;gap:8px}.legend-dot{width:7px;height:7px;background:#858bb8;border-radius:50%;display:inline-block}.model-viewport{width:100%;overflow:hidden;touch-action:pan-y}.revolver-svg{width:100%;min-height:280px;transition:transform .4s ease;transform-origin:50% 48%}.model-figure.is-zoomed .revolver-svg{transform:scale(1.32)}.model-figure figcaption{font-size:11px;line-height:1.7;padding:0 26px 23px;color:#6b7085;max-width:620px}
.model-figure.iso{--anatomy-weight:.7px;--anatomy-paper:#8f95a4;--anatomy-top:#d8dde5;--anatomy-shade-0:#525a6b;--anatomy-shade-1:#798193;--anatomy-shade-2:#a0a8b7;--anatomy-shade-3:#c3cad4;--anatomy-mid:#5c6476;--anatomy-lo:#7b8497;--anatomy-faint:#abb2be;--anatomy-halo:#697187;--anatomy-halo-opacity:.2}
.stand{--anatomy-paper:#e0e2eb;--anatomy-top:#e4e6ef;--anatomy-shade-0:#bdc1d0;--anatomy-shade-1:#ced2df;--anatomy-shade-2:#d8dce5;--anatomy-shade-3:#dee1eb;--anatomy-mid:#a9aec0;--anatomy-lo:#b6bbcc}.profile path{stroke:#697183;stroke-width:.65;stroke-linejoin:round}.profile-front{fill:#b2bac8}.profile-back{fill:#687285}.profile-side.shade-0{fill:#626c7e}.profile-side.shade-1{fill:#929bab}.profile-side.shade-3{fill:#d0d6df}.profile.recess .profile-front{fill:#606a7d}.profile.panel .profile-front{fill:#a5aebe}.profile.detail .profile-front{fill:#8a94a6}.profile.grip .profile-front{fill:#444b5c;stroke:#333b4e}.profile.grip .profile-side{fill:#333b4b}.grip-inlay{fill:#858da0;opacity:.46;stroke:none}.screw{fill:#b0b9c8;stroke:#5a6579;stroke-width:.7}.bore{fill:#333b4b;stroke:#b5bdcc;stroke-width:.9}.flute{fill:#707c90;stroke:#cad1de;stroke-width:.6}
.model-part{cursor:pointer;transition:filter .3s ease,opacity .3s ease}.model-part:hover{filter:brightness(1.09)}.model-part.is-selected{--anatomy-top:#e8eafa;--anatomy-shade-0:#5e648e;--anatomy-shade-1:#848bb7;--anatomy-shade-2:#aab0d4;--anatomy-shade-3:#c7cceb;--anatomy-mid:#555e9b;filter:drop-shadow(0 0 4px #777eb840)}.model-part.is-selected .profile-front{fill:#a9afd4;stroke:#555e9b}.model-part.is-selected .flute{fill:#8189b7;stroke:#e2e5fa}.model-part.is-selected .grip .profile-front{fill:#696f97}
.guard-back,.guard-wall{fill:#778297;stroke:none}.guard-front{fill:#bac2d0;stroke:#697183;stroke-width:.7}.model-part.is-selected .guard-front{fill:#a9afd4;stroke:#555e9b}
.part-panel{padding:30px 27px;border-left:1px solid var(--lab-line)}.part-panel h2{font-family:var(--font-display);font-weight:400;font-size:28px;line-height:1.15;color:var(--ink);margin:14px 0 23px}.part-list{display:grid;gap:3px}.part-list button{display:grid;grid-template-columns:25px 1fr 16px;align-items:center;gap:9px;text-align:left;padding:10px 11px;font-size:13px;border-radius:5px;min-height:42px}.part-list button>span:first-child{font-family:var(--font-mono);font-size:10px;color:#85899b}.part-list button>span:last-child{opacity:0}.part-list button:hover{background:#f1f2f7}.part-list button[aria-pressed=true]{background:#e9eaf4;color:#414769}.part-list button[aria-pressed=true]>span:last-child{opacity:1}.part-detail{border-top:1px solid var(--lab-line);margin-top:20px;padding-top:20px;min-height:142px}.part-detail h3{font-size:14px;font-weight:600;margin-bottom:8px;color:var(--ink)}.part-detail p{font-size:12px;color:var(--lab-muted);line-height:1.75}.reset-view{font-size:11px;color:#656b87;text-decoration:underline;text-underline-offset:4px;padding:10px 0}
.tour-bar{border-top:1px solid var(--lab-line);display:flex;align-items:center;justify-content:space-between;gap:18px;padding:19px 25px}.tour-bar p{display:flex;align-items:center;gap:14px;font-size:12px}.tour-bar strong{font-weight:500;color:var(--ink)}.tour-icon{font-size:26px;color:#7f84a1}.tour-note{font-size:11px;color:var(--lab-muted)}.tour-bar button{background:#555d82;color:#fff;padding:13px 20px;border-radius:6px;font-size:12px;min-width:176px}.tour-bar button:hover{background:#41496c}
.principle{display:grid;grid-template-columns:1fr 1.4fr .65fr;gap:38px;margin-top:78px;align-items:center}.principle-heading h2{font-family:var(--font-display);font-size:38px;font-weight:400;line-height:1.1;color:var(--ink);margin:17px 0}.principle-heading h2 em{color:#777b9c}.principle-heading>p:last-child{font-size:13px;line-height:1.85;max-width:285px;color:var(--lab-muted)}.principle-steps{display:grid}.principle-step{display:grid;grid-template-columns:22px 1fr 13px;gap:14px;text-align:left;border-bottom:1px solid var(--lab-line);padding:22px 10px;border-radius:5px}.principle-step:first-child{border-top:1px solid var(--lab-line)}.principle-step[aria-pressed=true]{background:#e9ebf3}.step-number{font-family:var(--font-mono);font-size:10px;color:#747a95;padding-top:3px}.principle-step strong{display:block;color:var(--ink);font-size:14px;font-weight:500;margin-bottom:6px}.principle-step strong+span{display:block;font-size:12px;line-height:1.7;color:var(--lab-muted)}.step-mark{font-size:15px;color:#7a80a0}.concept-card{text-align:center}.concept-card svg{width:100%;max-width:220px}.concept-rim{fill:#e4e6ef;stroke:#a6adc1;stroke-width:1.5}.concept-axis{fill:#f6f7fb;stroke:#8f96af;stroke-width:1.5}.concept-hole{fill:#c7ccdc;stroke:#8d96b0;stroke-width:1.2}.concept-hole.is-active{fill:#676f9c;stroke:#414d7f}.concept-index{fill:#626a94}.concept-card p{font-size:12px;color:var(--ink)}.concept-card>span{display:block;font-family:var(--font-mono);font-size:8px;letter-spacing:.05em;color:#747b91;margin-top:9px}
.study-note{margin-top:65px;border-top:1px solid var(--lab-line);border-bottom:1px solid var(--lab-line);padding:25px 0;display:flex;justify-content:space-between;gap:20px;font-size:13px}.study-note a{color:var(--lab-accent);white-space:nowrap}.source-note{font-size:10px;line-height:1.8;color:#73788c;margin:20px 0 54px}.source-note a{text-decoration:underline;text-underline-offset:3px}.lab-footer{display:flex;justify-content:space-between;gap:18px;border-top:1px solid var(--lab-line);padding-top:25px;padding-bottom:25px;font-size:11px;color:#74798d}.noscript-note{padding:20px;border:1px solid var(--lab-line)}
.model-figure[data-theme=dark]{background:#222736;--anatomy-halo:#10131c;--anatomy-halo-opacity:.6}.model-figure[data-theme=dark] .stand{--anatomy-paper:#42495b;--anatomy-top:#464d60;--anatomy-shade-0:#292f40;--anatomy-shade-1:#32394b;--anatomy-shade-2:#3b4255;--anatomy-shade-3:#42495b;--anatomy-mid:#68718a;--anatomy-lo:#606b83}.model-figure[data-theme=dark] .model-topline,.model-figure[data-theme=dark] .model-bottomline,.model-figure[data-theme=dark] figcaption{color:#bec4d7}
.skip-link{position:absolute;left:16px;top:-100px;z-index:10;background:white;padding:12px}.skip-link:focus{top:10px}.revolver-page :focus-visible{outline:2px solid #596492;outline-offset:4px}.model-viewport:focus-visible{outline-offset:-5px}
@media(min-width:1100px){.model-viewport{margin:auto 0}}
@media(max-width:1050px){.explorer-grid{grid-template-columns:minmax(0,1fr) 265px}.part-panel{padding:26px 20px}.principle{gap:25px;grid-template-columns:1fr 1.4fr}.concept-card{grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:20px}.concept-card svg{width:150px}.lab-lead{font-size:15px}}
@media(max-width:760px){.lab-header{height:78px}.lab-header .nav__wordmark{width:115px}.lab-header .nav__icon{height:37px}.lab-back{font-size:12px;gap:10px}.lab-main{padding-top:22px}.lab-intro{display:block;padding:30px 0}.lab-intro h1{margin-top:15px}.lab-lead{margin-top:23px;line-height:1.6}.lab-lead br{display:none}.explorer-toolbar{padding:10px 14px}.explorer-toolbar>.lab-kicker{font-size:8px}.view-controls{gap:1px}.view-controls button{font-size:11px;padding:9px 6px}.explorer-grid{grid-template-columns:1fr}.model-topline,.model-bottomline{padding:19px 16px;font-size:8px}.revolver-svg{min-height:0}.model-viewport{padding:15px 0}.model-figure figcaption{padding:2px 16px 18px;font-size:10px}.part-panel{border-left:0;border-top:1px solid var(--lab-line);padding:24px 20px}.part-panel h2{font-size:25px;margin:10px 0 18px}.part-panel h2 br{display:none}.part-list{grid-template-columns:1fr 1fr;gap:5px 10px}.part-list button{padding:11px 7px;font-size:12px;gap:4px;grid-template-columns:20px 1fr 12px}.part-detail{min-height:105px;margin-top:18px;padding-top:16px}.part-detail p{font-size:13px}.reset-view{font-size:12px}.tour-bar{padding:18px 20px;flex-wrap:wrap}.tour-bar button{width:100%;min-height:45px}.principle{grid-template-columns:1fr;margin-top:46px;gap:25px}.principle-heading h2{font-size:35px}.principle-heading h2 br{display:none}.principle-heading>p:last-child{max-width:none}.principle-heading h2{margin:13px 0}.concept-card{gap:10px;flex-wrap:wrap}.concept-card svg{width:130px}.concept-card>span{flex-basis:100%;margin-top:-10px}.study-note{margin-top:38px;display:block;line-height:1.7}.study-note a{display:inline-block;margin-top:12px}.source-note{margin-bottom:30px}.lab-footer{flex-wrap:wrap}.model-figure.is-zoomed .revolver-svg{transform:scale(1.25)}}
@media(prefers-reduced-motion:reduce){.revolver-page *, .revolver-page *::before,.revolver-page *::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}