@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&family=Manrope:wght@400;500;600;650;700;800&display=swap');
:root{--paper:#eae8e1;--panel:#f4f3ed;--line:#cecfc7;--ink:#292f2b;--muted:#6a7068;--orange:#c84d21;--green:#34745c;--mono:'IBM Plex Mono',monospace;--sans:Manrope,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}*{box-sizing:border-box}html{font-size:16px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);overflow-x:hidden}button,input,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,#viewport:focus-visible{outline:3px solid var(--orange);outline-offset:4px}button{touch-action:manipulation}button:disabled{cursor:wait;opacity:.5}button:hover{filter:brightness(.96)}a{color:inherit}.masthead{height:92px;display:flex;align-items:center;gap:23px;padding:0 28px 0 0;border-bottom:1px solid var(--line);position:relative;z-index:2;background:var(--paper)}.brand-mark{height:92px;width:92px;flex-shrink:0;display:grid;place-items:center;background:var(--orange);color:#fff;font-size:34px;font-weight:800;font-style:italic;letter-spacing:-5px;padding-right:5px}.title{flex:1}.eyebrow{font-family:var(--mono);font-size:12px;letter-spacing:.07em;font-weight:500;margin:0 0 7px}.eyebrow span{color:var(--muted);margin-left:8px}h1{font-size:25px;letter-spacing:-1px;margin:0;line-height:1.15;font-weight:800}h1 span{font-weight:500}.source-button{background:none;border:0;font-size:14px;padding:14px}.source-button span{margin-left:12px}.series-number{color:var(--orange);font-family:var(--mono);font-size:45px;font-weight:600;letter-spacing:-3px;border-left:1px solid var(--line);padding-left:25px}.workspace{position:relative;height:calc(100svh - 129px);min-height:620px;overflow:hidden}.scene{position:absolute;inset:0}.scene canvas{display:block;width:100%;height:100%;touch-action:none}#viewport{width:100%;height:100%;outline-offset:-3px}.scene-top{position:absolute;top:23px;left:268px;right:270px;display:flex;justify-content:space-between;align-items:center;pointer-events:none;font-family:var(--mono);font-size:12px;letter-spacing:.1em;color:var(--muted)}.scene-badge{font-size:11px;padding:5px 8px;border:1px solid #bfc3b9;border-radius:3px;color:#596052}.model-note{position:absolute;left:275px;bottom:144px;font-family:var(--mono);font-size:12px;display:flex;gap:8px;align-items:center;pointer-events:none;color:#62665f}.orange-stroke{width:16px;height:2px;background:var(--orange)}.note-secondary{color:#797f75}.scene-help{position:absolute;bottom:110px;left:50%;transform:translateX(-50%);font-size:12px;color:#6b7168;white-space:nowrap;pointer-events:none}.scene-help i{font-style:normal;margin:0 9px}.drag-icon{font-size:22px;vertical-align:middle;margin-right:6px}.reset-view{position:absolute;right:273px;bottom:131px;background:var(--panel);border:1px solid var(--line);border-radius:50%;width:38px;height:38px;font-size:22px;line-height:1}.panel{position:absolute;top:20px;width:220px;background:rgba(246,245,239,.91);border:1px solid var(--line);padding:17px 16px;backdrop-filter:blur(8px);border-radius:5px;box-shadow:0 3px 8px #30362b05}.left-panel{left:20px}.right-panel{right:20px;width:225px}.panel-heading{display:flex;justify-content:space-between;align-items:center;font-family:var(--mono);font-size:11px;letter-spacing:.06em;font-weight:500;color:var(--muted);line-height:1.5}.corner-mark{font-size:17px;font-weight:400;color:#8b9085}.status{display:flex;gap:8px;align-items:center;margin-top:17px;font-size:13px;min-height:35px;line-height:1.4}.status strong{font-weight:650}.status-light{flex-shrink:0;width:7px;height:24px;background:var(--green);border-radius:2px}.status.moving .status-light{background:var(--orange)}.status.retracted .status-light{background:var(--muted)}.gear-diagram{height:108px;padding:0 6px;margin-top:5px}.gear-diagram svg{width:100%;height:100%;overflow:visible}.gear-diagram svg path{fill:none;stroke-width:2}.schematic-frame{stroke:#9da294}.gear-diagram .schematic-leg{stroke:var(--orange);stroke-width:4;stroke-linejoin:round}.schematic-hydraulic{stroke:#bd9e74;stroke-width:1!important}.gear-diagram rect{fill:#4c534a}.gear-diagram circle{fill:var(--panel);stroke:#545b50;stroke-width:2}.readout{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d6d8cd;padding:10px 0;font-size:13px}.readout strong{font-size:22px;font-weight:500;font-family:var(--mono)}.readout small{font-size:12px;margin-left:4px;color:var(--muted)}.lock-state{display:grid;grid-template-columns:auto 1fr;gap:10px;margin-top:16px;font-size:12px;align-items:center}.lock-state b{font-family:var(--mono);font-size:9px;font-weight:500;text-align:right;color:var(--green)}.panel-section{border-top:1px solid var(--line);margin-top:19px;padding-top:16px}.steps{list-style:none;padding:0;margin:10px 0 0}.steps li{font-size:12px;display:flex;gap:9px;align-items:center;color:#74796e;padding:8px 0;line-height:1.4}.steps li span{font:10px var(--mono);background:#e7e8df;border-radius:2px;padding:2px 4px}.steps li.active{color:var(--orange);font-weight:650}.steps li.active span{background:var(--orange);color:#fff}.view-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin:18px 0}.view-grid button,.speed-buttons button{border:1px solid var(--line);background:#eeeee6;border-radius:3px;padding:9px 3px;font-size:12px}.view-grid button.selected,.speed-buttons button.selected{background:var(--orange);border-color:var(--orange);color:white}.toggles{display:grid;gap:16px;margin-top:23px}.toggles label{display:flex;align-items:center;justify-content:space-between;font-size:12px;position:relative;cursor:pointer;min-height:22px}.toggles input{position:absolute;right:0;opacity:0;width:34px;height:22px;margin:0;cursor:pointer}.switch{background:#c8cbbf;width:30px;height:17px;display:block;border-radius:12px;transition:background .2s;pointer-events:none}.switch:after{content:'';width:11px;height:11px;display:block;background:white;border-radius:50%;margin:3px;transition:transform .2s;box-shadow:0 1px 2px #0002}input:checked+.switch{background:var(--orange)}input:checked+.switch:after{transform:translateX(13px)}input:focus-visible+.switch{outline:3px solid var(--orange);outline-offset:4px}.speed-buttons{display:flex;gap:5px;margin-top:11px}.speed-buttons button{flex:1;font-family:var(--mono)}.component-info strong{display:block;font-size:14px;margin-top:15px;font-weight:700}.component-info p{font-size:12px;line-height:1.7;color:var(--muted);min-height:61px;margin:9px 0 13px}.material-key{font-size:11px;display:grid;gap:9px;color:var(--muted)}.material-key span{display:flex;align-items:center;gap:7px}.material-key i{display:inline-block;width:7px;height:7px;border-radius:1px}.key-orange{background:var(--orange)}.key-gray{background:#a0a89c}.transport{position:absolute;left:calc(50% - 380px);bottom:21px;display:flex;align-items:center;gap:18px;width:760px;max-width:calc(100% - 40px);padding:18px 20px;background:rgba(248,247,241,.94);border:1px solid #c4c8bc;border-radius:5px;backdrop-filter:blur(8px);box-shadow:0 8px 32px #3b45311a;z-index:4}.transport-title{display:grid;gap:4px;min-width:108px}.transport-title .eyebrow{font-size:10px;margin:0}.transport-title strong{font-size:12px;font-weight:600}.play-button{border:0;border-radius:50%;height:43px;min-width:43px;padding:12px;background:var(--orange);color:#fff;box-shadow:0 2px 5px #b7422422}.play-button svg{width:100%;height:100%;fill:currentColor;display:block}.timeline{flex:1;min-width:80px}.timeline-labels{display:flex;justify-content:space-between;font-family:var(--mono);font-size:10px;line-height:1;margin-bottom:7px;color:var(--muted)}#timeline-percent{color:var(--orange)}input[type=range]{display:block;width:100%;height:20px;margin:0;appearance:none;-webkit-appearance:none;background:transparent;cursor:ew-resize;touch-action:pan-y}input[type=range]::-webkit-slider-runnable-track{height:3px;background:linear-gradient(to right,var(--orange) var(--value,0%),#cbd0c0 var(--value,0%));border-radius:2px}input[type=range]::-moz-range-track{height:3px;background:#cbd0c0}input[type=range]::-moz-range-progress{height:3px;background:var(--orange)}input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;border:2px solid var(--orange);border-radius:50%;width:13px;height:13px;margin-top:-5px;background:var(--panel);box-shadow:0 0 0 3px #c84d2112}input[type=range]::-moz-range-thumb{border:2px solid var(--orange);border-radius:50%;width:10px;height:10px;background:var(--panel)}.timeline-ticks{display:flex;justify-content:space-between;padding:0 6px}.timeline-ticks i{width:1px;height:3px;background:#c4c9bb}.direction-buttons{display:flex;gap:4px}.direction-buttons button{border:1px solid #cbd0c0;border-radius:3px;background:transparent;font-size:11px;padding:9px 8px;white-space:nowrap}.direction-buttons button.selected{border-color:#697260;background:#e8ebe0}.loop-button{border:0;background:transparent;font-size:25px;color:#858b7f;padding:4px;line-height:1}.loop-button[aria-pressed=true]{color:var(--orange)}footer{display:flex;align-items:center;justify-content:space-between;height:37px;padding:0 22px;border-top:1px solid var(--line);font:10px var(--mono);letter-spacing:.045em;color:var(--muted)}footer b{font-weight:400;color:#a4a99b}footer a{font-size:11px;text-decoration:none}footer a:hover{text-decoration:underline}.scene-label{position:absolute;background:var(--ink);color:white;box-shadow:0 2px 14px #0002;font-size:12px;padding:8px 12px;border-radius:3px;pointer-events:none;white-space:nowrap;transform:translate(-50%,-130%)}.loading{position:absolute;inset:0;display:flex;gap:12px;align-items:center;justify-content:center;background:var(--paper);font-size:14px;color:var(--muted);z-index:5}.loading-ring{height:20px;width:20px;border:2px solid var(--line);border-top-color:var(--orange);border-radius:50%;animation:spin 1s linear infinite}.loading[hidden],.webgl-error[hidden],.scene-label[hidden]{display:none}.webgl-error{position:absolute;left:50%;top:40%;transform:translate(-50%,-50%);width:300px;background:var(--panel);padding:25px;border:1px solid var(--line);border-radius:5px;z-index:6}.webgl-error p{font-size:14px;line-height:1.7}.webgl-error button{background:var(--orange);color:white;border:0;border-radius:3px;padding:10px 14px}dialog{border:1px solid var(--line);border-radius:8px;background:var(--panel);padding:35px;max-width:550px;width:calc(100% - 32px);color:var(--ink)}dialog::backdrop{background:#242b2370;backdrop-filter:blur(4px)}dialog h2{font-size:25px;letter-spacing:-.7px;margin:12px 0 20px}dialog p{font-size:15px;line-height:1.8;color:#5a6354}.dialog-close{position:absolute;right:13px;top:7px;font-size:30px;background:transparent;border:0;width:38px;height:38px}.source-links{display:grid;gap:12px;border-top:1px solid var(--line);padding-top:22px;margin-top:22px}.source-links a{font-size:14px;text-decoration:none;color:var(--orange)}.source-links a:hover{text-decoration:underline}dialog .dialog-tip{font-size:12px;margin-top:24px;margin-bottom:0}@keyframes spin{to{transform:rotate(360deg)}}
@media(min-width:1500px){.panel{width:240px;padding:21px}.right-panel{width:240px}.scene-top{left:290px;right:290px}.model-note{left:290px}.reset-view{right:290px}.panel-heading{font-size:12px}.status{font-size:14px}.steps li,.toggles label,.component-info p,.view-grid button,.speed-buttons button{font-size:14px}.lock-state b{font-size:10px}.material-key{font-size:12px}}
@media(max-width:1100px) and (min-width:761px){.panel{width:190px;padding:14px 12px}.left-panel{left:13px}.right-panel{right:13px}.scene-top{left:225px;right:225px}.model-note{left:225px}.note-secondary{display:none}.reset-view{right:222px}.steps li{font-size:11px}.transport{left:50%;transform:translateX(-50%);gap:13px;width:730px}.component-info p{min-height:80px}}
@media(max-height:780px) and (min-width:761px){.workspace{min-height:565px}.panel-section{margin-top:12px;padding-top:12px}.steps li{padding:6px 0}.gear-diagram{height:75px}.readout{padding:6px 0}.toggles{gap:10px;margin-top:17px}.component-info p{min-height:48px}.transport{bottom:16px}.scene-help{bottom:106px}}
@media(max-width:760px){.masthead{height:73px;padding-right:17px;gap:14px}.brand-mark{height:73px;width:61px;font-size:28px}.eyebrow{font-size:9px;margin-bottom:6px;letter-spacing:.04em}.title .eyebrow span{display:none}h1{font-size:20px;letter-spacing:-.7px}h1 span{display:block;font-size:14px;letter-spacing:0;margin-top:2px}.series-number{font-size:32px;padding-left:13px}.source-button{font-size:12px;padding:8px 0;margin-left:auto}.source-button span{margin-left:4px}.workspace{height:auto;min-height:0;display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:0 12px 18px;overflow:visible}.scene{position:relative;grid-column:1/-1;height:440px;margin:0 -12px;overflow:hidden}.scene-top{left:18px;right:18px;top:16px;font-size:10px}.scene-badge{font-size:9px}.scene-help{bottom:41px;font-size:10px}.scene-help i{margin:0 4px}.drag-icon{font-size:18px}.model-note{left:18px;bottom:17px;font-size:9px;gap:5px}.note-secondary{display:inline}.reset-view{right:16px;bottom:56px;width:33px;height:33px;font-size:20px}.panel{position:relative;top:auto;left:auto;right:auto;width:auto;padding:16px 13px;backdrop-filter:none;grid-row:3;border-radius:4px}.panel-heading{font-size:10px;letter-spacing:.02em}.corner-mark{font-size:15px}.status{font-size:12px;margin-top:12px;gap:6px}.status-light{width:5px}.gear-diagram{height:90px;padding:0;margin-top:9px}.readout{font-size:12px;padding:10px 0}.readout strong{font-size:20px}.lock-state{font-size:11px;gap:8px}.lock-state b{font-size:8px}.panel-section{margin-top:15px;padding-top:14px}.steps li{font-size:11px;gap:6px;padding:7px 0}.steps li span{font-size:9px}.view-grid{gap:5px;margin-top:15px;margin-bottom:18px}.view-grid button{font-size:12px;padding:10px 1px}.toggles{gap:14px;margin-top:17px}.toggles label{font-size:11px;gap:3px}.switch{width:27px;height:16px}.switch:after{width:10px;height:10px}input:checked+.switch:after{transform:translateX(11px)}.speed-buttons{gap:3px}.speed-buttons button{font-size:11px;padding:9px 1px}.component-info strong{font-size:13px}.component-info p{font-size:11px;line-height:1.8;min-height:0}.material-key{font-size:10px;gap:8px}.transport{position:relative;bottom:auto;left:auto;transform:none;width:100%;max-width:none;grid-column:1/-1;grid-row:2;display:grid;grid-template-columns:42px 1fr auto;gap:13px;padding:15px;margin-top:-1px;box-shadow:0 4px 16px #3b45310a;backdrop-filter:none}.transport-title{grid-column:1/3;grid-row:1;display:flex;align-items:center;justify-content:space-between;gap:8px}.transport-title .eyebrow{font-size:9px}.transport-title strong{font-size:11px}.play-button{grid-column:1;grid-row:2;width:42px;height:42px;min-width:42px}.timeline{grid-row:2;grid-column:2/4}.timeline-labels{font-size:10px}.direction-buttons{grid-column:1/4;grid-row:3;justify-content:stretch;border-top:1px solid var(--line);padding-top:11px;margin-top:0;gap:7px}.direction-buttons button{flex:1;font-size:12px;padding:10px}.loop-button{grid-row:1;grid-column:3;font-size:23px;padding:0 3px}footer{height:auto;min-height:45px;gap:12px;padding:12px 16px;font-size:9px}footer>span:nth-child(2){display:none}footer a{font-size:10px}dialog{padding:30px 24px}dialog h2{font-size:23px}dialog p{font-size:14px}}
@media(max-width:380px){.series-number{display:none}.source-button{padding-right:1px}.scene{height:390px}.panel{padding:14px 10px}.lock-state{grid-template-columns:1fr}.lock-state b{text-align:left;margin-top:-5px}.toggles label{font-size:10px}.scene-help{font-size:9px}.note-secondary{display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.loading-ring{animation:none}}
.panel-heading,.eyebrow,.scene-top,.scene-badge,.model-note,.scene-help,.steps li span,.lock-state,.lock-state b,.material-key,.transport-title .eyebrow,.timeline-labels,.direction-buttons button,footer,footer a,.speed-buttons button,.view-grid button{font-size:12px}.status,.readout,.toggles label,.steps li,.component-info p,.transport-title strong{font-size:14px}.component-info p{min-height:0}.readout strong{font-size:22px}.panel-heading{letter-spacing:.02em}.lock-state{grid-template-columns:1fr;gap:5px}.lock-state b{text-align:left;margin-bottom:3px}.lock-state>span{display:none}.lock-state b:before{content:'Л · ';color:var(--muted)}.lock-state b+span+b:before{content:'П · '}.steps li{align-items:flex-start}.steps li span{flex-shrink:0}.toggles label>span:first-child{padding-right:5px}.switch{flex-shrink:0}.component-info strong{font-size:15px}.panel-section{margin-top:14px;padding-top:13px}.steps li{padding:6px 0}.component-info p{line-height:1.6}.transport-title{min-width:123px}.transport-title .eyebrow{font-size:12px}.transport{width:800px;left:calc(50% - 400px)}
@media(max-width:1100px) and (min-width:761px){.transport{left:50%}.panel{width:194px}.panel-heading{font-size:12px}.steps li{font-size:12px}.status,.readout,.toggles label,.component-info p{font-size:13px}.toggles label>span:first-child{max-width:130px}.note-secondary{display:none}}
@media(max-height:820px) and (min-width:761px){.gear-diagram{height:70px}.status{min-height:28px;margin-top:10px}.readout{padding:5px 0}.steps li{font-size:12px;padding:4px 0}.lock-state{margin-top:10px;gap:3px}.panel-section{margin-top:11px;padding-top:11px}.component-info p{font-size:12px;line-height:1.55;margin:7px 0 10px}.toggles{gap:10px;margin-top:16px}.view-grid{margin:13px 0}.panel{padding-top:14px;padding-bottom:14px}.component-info strong{margin-top:10px}.material-key{gap:6px}}
@media(max-width:760px){.transport{width:100%;left:auto}.title .eyebrow{font-size:12px;letter-spacing:-.03em}.title .eyebrow{max-width:165px;white-space:nowrap}.scene-top,.scene-badge,.model-note,.scene-help{font-size:12px}.note-secondary{display:none}.scene-help{white-space:normal;width:100%;padding:0 18px;text-align:center;line-height:1.5;bottom:45px}.scene-help i{margin:0 3px}.panel-heading{font-size:12px;line-height:1.6}.panel-heading .corner-mark{display:none}.status,.readout,.toggles label,.steps li,.component-info p{font-size:12px}.readout strong{font-size:20px}.component-info strong{font-size:14px}.toggles label>span:first-child{max-width:110px}.lock-state b{font-size:12px}.steps li{gap:6px}.transport-title strong{font-size:12px}.transport-title .eyebrow{font-size:12px}.transport-title{gap:5px}.timeline-labels{font-size:12px}.direction-buttons button{font-size:14px}.reset-view{bottom:83px}.material-key{font-size:12px}.material-key span{align-items:flex-start;line-height:1.5}.material-key i{flex-shrink:0;margin-top:5px}footer{font-size:12px;line-height:1.6}footer a{font-size:12px}}
@media(max-width:410px){.series-number{display:none}.transport-title .eyebrow{font-size:12px;letter-spacing:-.04em}.model-note{font-size:12px}.scene-help{font-size:12px;padding:0 45px}.transport-title{display:grid;gap:4px;justify-content:start}.transport{row-gap:11px}.toggles label>span:first-child{max-width:93px}}
.drive-view{grid-column:1/-1}.view-grid .drive-view{padding:10px}.steps li{color:#656c62}.steps li span{background:#dfe3d7;color:#59634f}.component-info p{font-size:13px}.lock-state b{font-size:12px}.scene-help{bottom:110px}.panel .gear-diagram{height:98px}.right-panel .component-info{padding-top:11px;margin-top:12px}
@media(max-height:800px) and (min-width:761px){.panel .gear-diagram{height:62px}.right-panel .view-grid{margin:10px 0}.right-panel .view-grid button{padding:6px}.right-panel .toggles{gap:8px;margin-top:11px}.right-panel .panel-section{margin-top:9px;padding-top:9px}.right-panel .component-info p{font-size:12px;line-height:1.5}.right-panel .material-key{display:none}}
@media(max-width:760px){.scene-help{bottom:45px}.panel .gear-diagram{height:88px}.component-info p{font-size:12px}.right-panel .view-grid button{padding:9px 2px}.scene{height:460px}}