:root{--gold:#f5c62f;--gold-hover:#ffda5c;--navy:#07131d;--panel:#101f2a;--panel2:#162934;--ink:#f5f7f8;--muted:#a8bbc6;--line:#30434f;--radius:12px;color-scheme:dark;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--navy);color:var(--ink);font-size:16px;line-height:1.5}button,input,select,textarea{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-underline-offset:4px}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--gold);outline-offset:4px}button,input,select{color:inherit}button{background:none;border:0}input:not([type=checkbox]),select,textarea{border:1px solid var(--line);background:#091923;border-radius:6px;padding:11px 12px;min-width:0;width:100%;color:var(--ink)}input[type=checkbox]{accent-color:var(--gold)}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.skip-link{position:absolute;top:-80px;padding:12px;background:var(--gold);color:var(--navy);z-index:10}.skip-link:focus{top:12px}.designer-header{height:90px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,4vw,64px);border-bottom:1px solid var(--line);gap:24px}.brand{display:flex;align-items:center;gap:13px;text-decoration:none;font-size:14px;font-weight:800;letter-spacing:.05em;flex-shrink:0}.brand img{object-fit:contain}.brand small{display:block;font-size:10px;font-weight:400;color:var(--muted);letter-spacing:.12em;margin-top:4px}.designer-header nav{display:flex;align-items:center;gap:26px;font-size:14px}.designer-header nav>a:not(.button){text-decoration:none}.designer-header nav>a:hover{color:var(--gold)}.button{display:inline-flex;align-items:center;justify-content:center;gap:15px;padding:12px 18px;border-radius:5px;text-decoration:none;font-weight:700;font-size:14px;border:1px solid transparent;min-height:46px;line-height:1.35}.button.gold{background:var(--gold);color:var(--navy)}.button.gold:hover{background:var(--gold-hover);color:var(--navy)}.button.outline{border-color:#566875;color:var(--ink)}.button.subtle{background:var(--panel2);border-color:var(--line)}.button:hover{border-color:var(--gold)}.button.full{width:100%;justify-content:space-between}.eyebrow{font-size:12px;letter-spacing:.14em;font-weight:700;color:var(--gold)}main{max-width:1600px;margin:auto;padding:40px clamp(20px,4vw,64px) 0}.intro-row{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:30px}h1{font-size:clamp(30px,3.5vw,48px);letter-spacing:-.045em;line-height:1.15;margin:8px 0}h1 span{color:var(--gold)}.intro-row p{color:var(--muted);margin:10px 0 0}.project-field{width:250px}.project-field label{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);display:block;margin-bottom:7px}.project-field input{font-size:14px}.project-field span{font-size:12px;color:var(--muted);display:block;margin-top:6px}.group-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line);margin-bottom:22px;padding-bottom:15px}#group-tabs{display:flex;flex-wrap:wrap;gap:6px}.group-tab{padding:9px 16px;border-radius:4px;border:1px solid var(--line);color:var(--muted);font-size:14px}.group-tab[aria-pressed=true]{color:var(--gold);background:#f5c62f12;border-color:#f5c62f88}.group-tab small{color:var(--muted);margin-left:8px}.designer-workspace{display:grid;grid-template-columns:340px minmax(0,1fr);gap:22px;align-items:start}.control-panel{border:1px solid var(--line);background:var(--panel);border-radius:var(--radius);overflow:hidden}.step-tabs{display:flex;background:#0b1923;border-bottom:1px solid var(--line)}.step-tabs button{padding:18px 8px;width:33.33%;font-size:12px;color:var(--muted);border-bottom:2px solid transparent}.step-tabs span{font-size:14px;margin-left:4px}.step-tabs button[aria-selected=true]{color:var(--gold);border-color:var(--gold)}[role=tabpanel]{padding:23px}.panel-heading{margin-bottom:23px}.panel-heading h2{font-size:22px;line-height:1.2;letter-spacing:-.025em;margin:0 0 7px}.panel-heading p{font-size:14px;color:var(--muted);margin:0}.field-label{font-size:14px;display:block;margin-bottom:7px}#system-name{font-size:14px}.number-setting{display:flex;align-items:center;justify-content:space-between;padding:20px 0;border-bottom:1px solid var(--line);gap:10px}.number-setting label{font-size:15px;font-weight:700}.number-setting small{display:block;color:var(--muted);font-size:12px;margin-top:2px}.stepper{display:flex;align-items:center;border:1px solid #41535e;border-radius:5px;overflow:hidden}.stepper button{padding:0 8px;min-width:31px;min-height:42px;font-size:20px}.stepper input{padding:6px 0;border:0;border-radius:0;width:38px;background:transparent;text-align:center;font-weight:700;appearance:textfield;-moz-appearance:textfield}.stepper input::-webkit-inner-spin-button{appearance:none}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:10px;position:relative;cursor:pointer;padding:20px 0;border-bottom:1px solid var(--line)}.toggle-row strong{font-size:14px}.toggle-row small{display:block;font-size:12px;color:var(--muted)}.toggle-row input{position:absolute;right:10px;opacity:0}.switch{width:38px;height:22px;border-radius:15px;background:#4d5f6a;position:relative;flex-shrink:0;transition:background .2s}.switch:before{content:"";position:absolute;top:3px;left:3px;background:white;width:16px;height:16px;border-radius:50%;transition:transform .2s}.toggle-row input:checked+.switch{background:var(--gold)}.toggle-row input:checked+.switch:before{transform:translateX(16px);background:var(--navy)}.toggle-row input:focus-visible+.switch{outline:3px solid var(--gold);outline-offset:4px}.layout-summary{font-size:14px;color:var(--muted);padding:17px 0}.input-error{color:#ffd096;font-size:14px;margin:0 0 12px}.input-error:empty{display:none}.system-actions{border-top:1px solid var(--line);padding:13px 20px;display:flex;justify-content:space-between;gap:10px}.system-actions button{font-size:12px;color:var(--muted);padding:5px 0}.system-actions button:hover{color:var(--gold)}.visual-panel{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:#0c1a25}.visual-heading{padding:24px 25px 18px;display:flex;align-items:start;justify-content:space-between;gap:12px}.visual-heading .eyebrow{font-size:11px}.visual-heading h2{font-size:20px;letter-spacing:-.02em;margin:5px 0 0}.concept-tag{font-size:10px;white-space:nowrap;letter-spacing:.09em;border:1px solid var(--line);color:var(--muted);padding:6px 8px;border-radius:4px}.view-toolbar{padding:0 25px;display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:36px}.view-buttons{display:flex;border:1px solid var(--line);border-radius:5px;overflow:hidden}.view-buttons button{padding:7px 14px;font-size:12px;color:var(--muted)}.view-buttons button[aria-pressed=true]{background:#30434f;color:white}.view-toolbar label{font-size:12px;color:var(--muted)}.drawing{background-image:radial-gradient(#53728238 1px,transparent 1px);background-size:20px 20px;overflow:hidden}.drawing svg{width:100%;height:auto;display:block;min-height:260px;max-height:490px}.drawing-footer{font-size:11px;display:flex;justify-content:space-between;padding:0 25px 18px;color:var(--muted);gap:12px}.drawing-legend{display:flex;align-items:center;gap:6px}.drawing-legend i{display:inline-block;width:9px;height:9px;background:#627e8c;margin-left:10px}.drawing-legend i:first-child{margin-left:0}.drawing-legend .vacancy{background:transparent;border:1px dashed #91a8b5}.metrics{display:grid;grid-template-columns:repeat(4,1fr);background:#112430;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.metric{padding:17px 20px;border-right:1px solid var(--line)}.metric:last-child{border:0}.metric strong{display:block;font-size:27px;line-height:1.2;font-weight:600;letter-spacing:-.02em}.metric:first-child strong{color:var(--gold)}.metric span{font-size:11px;display:block;color:var(--muted);margin-top:5px;text-transform:uppercase;letter-spacing:.05em}.metric small{font-size:12px;font-weight:400}.operation-bar{display:flex;align-items:center;gap:12px;padding:17px 25px}.operation-bar>div{margin-right:auto}.operation-bar strong{font-size:14px;display:block}.operation-bar span{display:block;font-size:12px;color:var(--muted)}.operation-bar select{width:90px;font-size:13px;padding:8px}.operation-bar .button{font-size:12px;min-height:38px;padding:8px 12px}.operation-status{font-size:12px;color:var(--gold);padding:0 25px;margin:0 0 12px}.operation-status:empty{display:none}.spec-details{padding:0 25px 15px}.spec-details>button{font-size:12px;color:var(--muted);display:flex;gap:20px;align-items:center;padding:8px 0}.spec-details>button span{color:var(--gold)}#spec-content{border-top:1px solid var(--line);padding-top:14px;font-size:13px;color:var(--muted)}#spec-content dl{display:grid;grid-template-columns:1fr auto;gap:6px;margin:0}#spec-content dd{margin:0;color:white}#spec-content p{font-size:12px}#spec-content code{font-size:11px;overflow-wrap:anywhere}.option-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:20px}.option-card{border:1px solid var(--line);border-radius:6px;overflow:hidden;cursor:pointer;position:relative;background:#0a1822}.option-card input{position:absolute;right:10px;top:10px;width:18px;height:18px;z-index:1}.option-card:has(input:checked){border-color:var(--gold);box-shadow:0 0 0 1px var(--gold)}.option-card:has(input:focus-visible){outline:3px solid var(--gold);outline-offset:4px}.option-card img{width:100%;height:104px;object-fit:cover;display:block}.option-copy{display:block;padding:10px}.option-copy strong{font-size:13px;display:block;line-height:1.3}.option-copy small{font-size:12px;color:var(--muted);display:block;margin-top:6px;line-height:1.4}.option-copy i{display:none;font-style:normal;color:var(--gold);float:right}.option-card:has(input:checked) i{display:block}.option-card.wide{grid-column:1/-1;display:grid;grid-template-columns:100px 1fr}.option-card.wide img{height:100%;min-height:88px}.select-grid{display:grid;gap:15px;margin-bottom:23px}.select-grid label{font-size:14px}.select-grid select{font-size:14px;margin-top:7px}.review-actions{display:grid;gap:10px}.review-note{font-size:12px;color:var(--muted);margin-top:20px}.review-line{display:flex;justify-content:space-between;gap:14px;border-bottom:1px solid var(--line);font-size:14px;padding:10px 0}.review-line span{color:var(--muted)}#review-details{margin-bottom:23px}.resources-section{margin-top:45px}.resource-title{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:0 0 18px}.resource-title h2{font-size:23px;letter-spacing:-.025em;margin:5px 0 0}.resource-title a{font-size:13px;color:var(--muted)}.resource-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:35px}.resource-card{display:flex;gap:18px;align-items:center;padding:20px;border:1px solid var(--line);background:var(--panel);border-radius:8px;text-decoration:none;min-width:0}.resource-card:hover{border-color:var(--gold)}.resource-card img{width:55px;height:76px;object-fit:cover;flex-shrink:0}.resource-card strong{font-size:15px;display:block}.resource-card p{font-size:12px;color:var(--muted);margin:6px 0 9px;line-height:1.5}.resource-card span{font-size:12px;color:var(--gold)}.project-card{padding:0;display:block;overflow:hidden}.project-card img{width:100%;height:180px;object-fit:cover}.project-card>div{padding:20px}.project-band{display:flex;justify-content:space-between;align-items:center;gap:25px;border-top:1px solid var(--line);padding:36px 0;margin-top:32px}.project-band h2{font-size:28px;letter-spacing:-.025em;line-height:1.2;margin:8px 0}.project-band p{font-size:14px;color:var(--muted);margin:0}.band-actions{display:flex;gap:10px;flex-wrap:wrap}footer{display:flex;justify-content:space-between;align-items:center;gap:30px;border-top:1px solid var(--line);padding:28px clamp(20px,4vw,64px);max-width:1600px;margin:auto}footer>div{display:flex;gap:22px;font-size:12px;color:var(--muted)}footer .brand{font-size:12px}.status-toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);max-width:calc(100% - 30px);width:max-content;padding:14px 23px;background:#f5c62f;color:#07131d;font-size:14px;border-radius:8px;z-index:20;box-shadow:0 8px 30px #0007}dialog{background:var(--panel);color:white;border:1px solid var(--line);border-radius:12px;max-width:600px;width:calc(100% - 30px);padding:25px}dialog::backdrop{background:#000a}dialog textarea{height:150px;margin-bottom:18px}.no-script{padding:30px;background:var(--panel)}
@media(min-width:1450px){.designer-workspace{grid-template-columns:360px minmax(0,1fr)}.drawing svg{max-height:525px}}
@media(max-width:1100px){.designer-workspace{grid-template-columns:300px minmax(0,1fr);gap:16px}[role=tabpanel]{padding:20px}.visual-heading{padding:20px}.view-toolbar{padding:0 20px}.concept-tag{display:none}.metric{padding:15px 12px}.metric strong{font-size:23px}.operation-bar{padding:15px 20px;flex-wrap:wrap}.drawing-footer{padding-left:20px;padding-right:20px;font-size:10px}.drawing-legend{gap:4px}.resource-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-band{align-items:start;flex-direction:column}}
@media(max-width:800px){.designer-header{height:auto;min-height:86px;padding-top:16px;padding-bottom:16px;flex-wrap:wrap;gap:16px}.designer-header nav{gap:20px;justify-content:space-between;width:100%}.designer-header nav .button{padding:9px 12px;font-size:12px;min-height:39px}.intro-row{align-items:start;gap:20px}.project-field{width:200px}.intro-row p{font-size:14px}.designer-workspace{display:flex;flex-direction:column}.visual-panel{width:100%;order:0}.control-panel{width:100%;order:1}.drawing svg{min-height:210px;max-height:420px}.control-panel .option-card img{height:150px}.control-panel .option-card.wide{grid-template-columns:140px 1fr}.control-panel .option-card.wide img{height:100px}.step-tabs button{font-size:14px}.step-tabs span{font-size:16px}.number-setting{padding:16px 0}.toggle-row{padding:16px 0}.system-actions button{font-size:14px}.resources-section{margin-top:32px}.operation-bar>div span{display:none}footer{align-items:start;flex-direction:column}footer>div{flex-wrap:wrap}}
@media(max-width:520px){main{padding-top:25px}.intro-row{flex-direction:column}.project-field{width:100%}.project-field input{max-width:100%}.project-field span{margin-top:3px}.intro-row{margin-bottom:22px}.group-bar{align-items:start}.group-tab{padding:9px 10px}.group-tab small{display:none}.group-bar>.button{white-space:nowrap;padding:9px 12px;min-height:40px;font-size:12px}.visual-heading{padding:17px}.visual-heading h2{font-size:17px}.visual-heading .eyebrow{font-size:10px}.view-toolbar{padding:0 15px;flex-wrap:wrap;gap:8px}.view-buttons button{padding:8px 12px}.drawing-footer{padding:0 15px 14px;font-size:9px}.drawing-footer>span:last-child{max-width:85px;text-align:right}.metrics{grid-template-columns:repeat(2,1fr)}.metric:nth-child(2){border-right:0}.metric:nth-child(-n+2){border-bottom:1px solid var(--line)}.metric{padding:14px 17px}.metric strong{font-size:26px}.operation-bar{padding:14px 15px;gap:8px}.operation-bar strong{font-size:12px}.operation-bar select{width:73px;padding:8px 4px}.operation-bar .button{font-size:11px;padding:8px}.resource-grid{grid-template-columns:1fr}.resource-title{align-items:start}.resource-title a{font-size:12px;white-space:nowrap}.resource-title h2{font-size:21px}.project-band h2{font-size:25px}.band-actions{width:100%}.band-actions .button{flex:1;font-size:12px}.brand{font-size:12px}.brand small{font-size:9px}.designer-header nav{gap:12px;font-size:12px}.designer-header nav .button{font-size:11px;gap:6px}.spec-details{padding:0 17px 15px}}
@media(prefers-reduced-motion:reduce){*,*:before{transition:none!important;scroll-behavior:auto!important}}
.email-dialog{max-width:530px;max-height:calc(100dvh - 36px);overflow:auto;padding:28px}.email-dialog-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.email-dialog-heading .eyebrow{font-size:10px}.email-dialog h2{font-size:27px;letter-spacing:-.025em;margin:8px 0 0}.dialog-close{font-size:30px;line-height:1;min-height:40px;min-width:40px;margin:-9px -12px 0 0;color:var(--muted)}.email-dialog>p{color:var(--muted);font-size:14px}.email-project-summary{border:1px solid var(--line);border-radius:6px;padding:12px 14px;overflow-wrap:anywhere}.email-status{min-height:42px;margin:20px 0!important}.email-status[data-state=error],.email-status[data-state=unavailable],.email-status[data-state=loading-error]{color:#ffd096}.email-status[data-state=success]{color:var(--gold);min-height:0}.email-fields{display:grid;gap:17px}.email-fields label{font-size:14px}.email-fields label span{color:var(--muted);font-size:12px}.email-fields input{margin-top:7px}.email-honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.email-verification{margin-top:20px;min-height:65px}.email-form-actions,.email-fallback-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.email-fallback-actions .button{flex:1;font-size:13px}.email-form-actions .button:first-child{flex:1}.email-text-button{font-size:13px;color:var(--gold);text-decoration:underline;text-underline-offset:4px;padding:10px 0;margin-top:8px}.email-success p{font-size:14px;color:var(--muted);overflow-wrap:anywhere}.email-success strong{color:var(--ink)}.email-success .button{margin-top:10px;min-width:100px}@media(max-width:520px){.email-dialog{padding:23px 18px}.email-dialog .eyebrow{font-size:9px}.email-form-actions .button,.email-fallback-actions .button{font-size:12px;padding:11px 12px}.email-verification{min-width:0;overflow:hidden}.dialog-close{margin-right:-5px}}


/* Optional heights: shared viewer and advanced-panel controls. */
.code-import{padding:18px 20px;margin:0 0 20px;border:1px solid var(--line);border-radius:8px;background:var(--panel)}.code-import>label{display:block;font-size:14px;margin-bottom:12px}.code-import>label span{display:block;color:var(--muted);font-size:12px;margin-top:4px}.code-import-fields{display:flex;gap:10px}.code-import-fields input{min-width:0;font-family:monospace;font-size:13px}.code-import-fields .button{white-space:nowrap;font-size:13px}.code-import .input-error{margin-top:10px;margin-bottom:0}.code-success{color:var(--gold);font-size:13px;margin-bottom:0}.code-success:empty{display:none}#code-reference{margin-top:12px;font-size:12px;color:var(--muted)}#code-reference summary{cursor:pointer;color:var(--ink)}#code-reference dl{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:6px 18px}#code-reference dd{margin:0;overflow-wrap:anywhere;color:var(--ink)}#code-reference p{line-height:1.6}@media(max-width:520px){.code-import{padding:16px}.code-import-fields{flex-direction:column}#code-reference dl{grid-template-columns:1fr;gap:4px}#code-reference dd{margin-bottom:8px}}
.advanced-heights{margin:22px 0;border:1px solid #53616b;border-radius:8px;overflow:hidden}.advanced-heights summary{cursor:pointer;list-style:none;padding:16px;font-weight:600;display:flex;align-items:center;gap:9px}.advanced-heights summary::-webkit-details-marker{display:none}.advanced-heights summary small{margin-left:auto;font-weight:400;opacity:.65}.expand-icon:before{content:'+';font-size:21px;color:#c69b3b}.advanced-heights[open] .expand-icon:before{content:'−'}.advanced-heights>p{padding:0 16px;font-size:12px;line-height:1.6;color:#b7c2c9}.advanced-heights>button{width:calc(100% - 32px);margin:10px 16px}.height-setting{border:0;border-top:1px solid #53616b;margin:0;padding:16px}.height-setting legend{font-size:13px;font-weight:600;padding:0 6px}.height-setting>div{display:grid;grid-template-columns:1.3fr 1fr;gap:12px}.height-setting label{font-size:11px;color:#c4ccd2;display:block}.height-setting input,.height-setting select{margin-top:6px;width:100%;min-width:0}.height-setting output{display:block;margin-top:12px;font-size:12px;color:#e2c788}.height-setting :disabled{opacity:.65}.custom-height{margin-top:12px}.custom-height[hidden]{display:none}.viewer-heights{display:flex;gap:8px;flex-wrap:wrap;padding:12px 18px 18px;background:#f8fafb}.viewer-heights button{flex:1 1 105px;border:1px solid #cbd5dc;background:#fff;border-radius:6px;min-height:80px;padding:10px;color:#263441;cursor:pointer;text-align:left}.viewer-heights span,.viewer-heights strong,.viewer-heights small{display:block}.viewer-heights span{font-size:11px}.viewer-heights strong{font-size:18px;margin:5px 0}.viewer-heights small{font-size:10px;color:#705410}.viewer-heights button:disabled{cursor:default;background:#edf0f2}.viewer-heights button:focus-visible{outline:3px solid #177668;outline-offset:2px}.viewer-heights button:not(:disabled):hover{border-color:#b98516;background:#fff9eb}

.height-fit-feedback{font-size:11px;line-height:1.6;color:#c4ccd2;margin-bottom:0}.height-fit-feedback strong{display:block;color:#ffd096}.viewer-heights .height-fit{color:#4c5a64;margin:7px 0;font-size:10px;line-height:1.5}.height-fit-source{margin:0;padding:0 18px 16px;background:#f8fafb;color:#4c5a64;font-size:11px;line-height:1.6}.viewer-heights{padding-bottom:12px}

/* Shared site navigation on the designer, with the same mobile menu controls. */
.designer-page .site-header{--ink:#f5f7f8;color:#f5f7f8;background:rgba(8,19,29,.97)}
.designer-page .site-header .brand{font-size:13px;letter-spacing:.095em}
.designer-page .site-header .brand img{width:31px;height:44px}
.designer-page .site-header .brand-copy small{font-size:8px;letter-spacing:.18em;margin-top:0}
.designer-page .operation-bar select{width:auto;min-width:100px;max-width:170px}
@media(max-width:1120px){.designer-page .site-header .brand-copy small{display:none}}
@media(max-width:850px){.designer-page .main-nav .nav-item{display:block}.designer-page .main-nav .nav-menu-link{min-height:44px}}


/* Controls beside the machine stay available while the drawing rotates. */
.machine-display{display:grid;grid-template-columns:minmax(0,1fr) 190px;background:#f8fafb;align-items:start;margin-top:14px}.machine-display .drawing{min-width:0;position:sticky;top:100px}.machine-display #height-readout{border-left:1px solid #d7dfe3;max-height:540px;overflow:auto;color:#263441}.viewer-height-heading{padding:13px 12px 4px;font-size:12px}.viewer-height-heading small{display:block;font-size:10px;color:#52626d}.machine-display .viewer-heights{display:block;padding:8px 10px}.viewer-height-row{background:#fff;border:1px solid #cbd5dc;border-radius:6px;margin:0 0 8px;padding:8px}.machine-display .viewer-heights button{border:0;padding:0;background:transparent;min-height:0;width:100%}.machine-display .viewer-heights strong{font-size:16px;margin:2px 0}.machine-display .viewer-heights .height-fit{font-size:9px;margin:4px 0}.viewer-height-inputs{display:grid;grid-template-columns:1fr 1fr;gap:7px}.viewer-height-inputs label,.viewer-pit-input{font-size:9px;color:#52626d}.viewer-height-inputs input,.viewer-pit-input input{padding:6px!important;margin-top:3px;background:#f8fafb!important;border:1px solid #bdcbd4!important;color:#263441!important;font-size:12px!important}.machine-display .height-fit-source{padding:0 12px 12px;font-size:9px}.height-fit-source summary{cursor:pointer}.rotation-control{display:flex;align-items:center;gap:12px;margin:14px 25px 0;padding:9px 12px;border:1px solid var(--line);border-radius:6px;font-size:12px}.rotation-control label{white-space:nowrap}.rotation-control output{color:var(--gold);display:inline-block;min-width:32px;margin-left:6px}.rotation-control input[type=range]{padding:0;width:100%;accent-color:var(--gold);min-width:60px;flex:1}.rotation-control button{border:1px solid var(--line);border-radius:4px;padding:6px 9px;white-space:nowrap}.rotation-control button:hover{border-color:var(--gold)}.tandem-settings{margin:15px 0;border:1px solid var(--line);border-radius:6px;padding:13px}.tandem-settings legend{font-size:13px;font-weight:700}.tandem-settings p{font-size:11px;color:var(--muted);margin:0 0 10px}.tandem-settings>div{display:grid;grid-template-columns:1fr 1fr;gap:10px}.tandem-settings label{font-size:11px}.tandem-settings input{margin-top:5px;padding:8px!important}.tandem-settings button{font-size:11px;color:var(--gold);padding:10px 0}.tandem-settings output{display:block;font-size:11px;color:var(--muted)}
@media(max-width:1180px){.machine-display{grid-template-columns:minmax(0,1fr) 165px}.rotation-control{flex-wrap:wrap}.rotation-control input[type=range]{flex-basis:100%;order:4}}
@media(max-width:650px){.machine-display{grid-template-columns:1fr}.machine-display .drawing{position:static}.machine-display #height-readout{border-left:0;border-top:1px solid #d7dfe3;max-height:none}.machine-display .viewer-heights{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.viewer-height-row{margin:0}.machine-display .drawing svg{min-height:220px}.rotation-control{margin:12px 15px 0}.viewer-height-inputs label,.viewer-pit-input{font-size:10px}}

/* Rear layout opens directly under its switch. */
.tandem-settings{border:0;padding:0;margin:0 0 15px;animation:tandem-open .2s ease-out;transform-origin:top}.tandem-settings fieldset{border:1px solid var(--line);border-radius:6px;margin:0;padding:6px 13px 12px}.tandem-settings .number-setting{padding:13px 0}.tandem-settings .number-setting label{font-size:14px}.tandem-settings .number-setting small{font-size:11px}.tandem-settings .stepper input{width:38px;padding:6px 0!important;margin:0;border:0}.tandem-settings .stepper button{font-size:20px;color:var(--ink);padding:0 8px}.tandem-settings>fieldset>p{margin:10px 0 0}.tandem-settings .number-setting:last-of-type{border:0}.rotation-control label{white-space:normal}
@keyframes tandem-open{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.tandem-settings{animation:none}}

/* Drawing preferences stay outside the scrollable, zoomable machine canvas. */
.drawing-style-control{margin:14px 25px 0;display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;font-size:12px}.drawing-style-control>span{color:var(--muted)}.drawing-style-buttons{display:flex;flex-wrap:wrap;gap:6px}.drawing-style-buttons button{border:1px solid var(--line);border-radius:5px;padding:8px 10px;min-height:36px;font-size:12px;color:var(--muted)}.drawing-style-buttons button[aria-pressed=true]{color:#07131d;background:var(--gold);border-color:var(--gold)}.drawing-style-buttons button:hover{border-color:var(--gold)}
.zoom-control{margin:12px 25px 0;display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:12px}.zoom-control>span{color:var(--muted);margin-right:4px}.zoom-control button{min-width:38px;min-height:36px;border:1px solid var(--line);border-radius:5px;padding:6px 10px}.zoom-control button:hover:not(:disabled){border-color:var(--gold)}.zoom-control output{min-width:45px;text-align:center;color:var(--gold);font-variant-numeric:tabular-nums}.zoom-control small{font-size:11px;color:var(--muted);margin-left:auto}
.machine-viewer{min-width:0;display:grid;grid-template-columns:64px minmax(0,1fr);align-items:start}.elevation-control{display:flex;flex-direction:column;align-items:center;gap:4px;padding:13px 4px;color:#263441;font-size:10px;text-align:center;position:sticky;top:100px}.elevation-control label{line-height:1.4;font-weight:600}.elevation-control span{font-size:17px;line-height:1.2;color:#52626d}.elevation-control input[type=range]{writing-mode:vertical-lr;direction:rtl;width:28px;height:180px;min-width:0;padding:0;border:0;background:transparent;accent-color:#b78510;cursor:pointer}.elevation-control output{font-size:12px;font-weight:600;font-variant-numeric:tabular-nums}
.drawing-viewport{min-width:0;max-height:540px;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;background-image:radial-gradient(#53728238 1px,transparent 1px);background-size:20px 20px}.drawing-viewport:focus-visible{outline:3px solid #177668;outline-offset:-3px}.machine-display .drawing{position:static;overflow:visible;min-width:0;background:none}.machine-display .drawing svg{display:block;width:100%;height:auto;min-height:0;max-height:none}.machine-display .machine-viewer{position:sticky;top:100px}
@media(max-width:1100px){.drawing-style-control,.zoom-control{margin-left:20px;margin-right:20px}.machine-viewer{grid-template-columns:54px minmax(0,1fr)}}
@media(max-width:650px){.machine-display .machine-viewer{position:static}.machine-viewer{grid-template-columns:48px minmax(0,1fr)}.elevation-control{position:static;font-size:9px;padding:12px 3px}.elevation-control input[type=range]{height:135px}.drawing-viewport{max-height:420px}.drawing-style-control,.zoom-control{margin-left:15px;margin-right:15px}.drawing-style-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.drawing-style-buttons button{min-height:42px}.zoom-control button{min-height:40px}.zoom-control small{width:100%;margin-left:0}.machine-display .drawing svg{min-height:0;max-height:none}}

.code-import-hint{color:var(--muted);font-size:12px;line-height:1.6;margin:12px 0 0}.code-import-hint a{color:var(--gold)}
.row-fit-section{border-top:1px solid var(--line);padding:24px 25px;background:var(--panel)}.row-fit-heading h2{font-size:22px;line-height:1.2;margin:0 0 8px}.row-fit-heading p{color:var(--muted);font-size:14px;margin:0 0 20px;max-width:650px}.row-fit-card{border:1px solid #425663;border-radius:8px;background:#0c1a25;margin-top:12px;overflow:hidden}.row-fit-overview{display:grid;grid-template-columns:minmax(160px,1fr) minmax(260px,1.4fr);gap:18px;padding:20px;align-items:center}.row-fit-overview h3{font-size:17px;margin:0 0 5px}.row-fit-clearance{font-size:15px;margin:0;color:var(--ink)}.row-fit-clearance span{display:block;font-size:13px;color:var(--muted);margin-top:5px}.row-fit-stats{display:grid;grid-template-columns:1fr 1fr;gap:18px}.row-fit-stats strong{display:block;font-size:30px;line-height:1.1;letter-spacing:-.025em;color:var(--gold)}.row-fit-stats span{display:block;font-size:13px;line-height:1.45;margin-top:6px;color:var(--muted)}.row-fit-guide{border-top:1px solid var(--line)}.row-fit-guide summary{cursor:pointer;padding:13px 20px;color:var(--gold);font-size:14px;font-weight:700}.row-fit-guide summary:focus-visible{outline:3px solid var(--gold);outline-offset:-3px}.row-guide-content{padding:4px 20px 20px}.row-guide-content h4{font-size:16px;margin:8px 0 16px}.row-guide-dimensions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0 0 20px}.row-guide-dimensions dt{color:var(--muted);font-size:13px}.row-guide-dimensions dd{font-size:14px;margin:5px 0 0;overflow-wrap:anywhere}.row-guide-table-wrap{overflow-x:auto}.row-guide-table-wrap table{border-collapse:collapse;text-align:left;font-size:14px;width:100%}.row-guide-table-wrap caption{text-align:left;color:var(--muted);font-size:13px;padding:0 0 10px}.row-guide-table-wrap th,.row-guide-table-wrap td{padding:10px;border:1px solid var(--line)}.row-guide-table-wrap thead{background:var(--panel2)}.row-guide-basis,.row-guide-reference p,p.row-guide-reference{font-size:13px;line-height:1.65;color:var(--muted);margin:16px 0 0}.row-guide-reference{margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}.row-guide-reference h4{margin:0 0 8px}.row-guide-reference .button{margin-top:14px;font-size:13px}@media(max-width:760px){.row-fit-overview{grid-template-columns:1fr;gap:16px}.row-fit-stats{max-width:430px}.row-guide-dimensions{grid-template-columns:1fr}}@media(max-width:520px){.row-fit-section{padding:20px 15px}.row-fit-overview{padding:17px}.row-fit-guide summary{padding:13px 17px}.row-guide-content{padding:4px 17px 17px}.row-fit-stats strong{font-size:28px}.row-guide-table-wrap th,.row-guide-table-wrap td{padding:8px}}
.row-fit-source{margin-top:18px;color:var(--muted);font-size:13px}.row-fit-source summary{cursor:pointer;color:var(--ink)}.row-fit-source p{line-height:1.65;margin:10px 0 0}
.row-height-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:4px 0 18px}.row-height-actions .button{font-size:12px;padding:10px 13px}.row-height-actions span{font-size:12px;color:var(--muted)}.row-class-reference{margin-top:20px;padding-top:18px;border-top:1px solid var(--line)}.row-class-reference h4{margin:0 0 7px;font-size:15px}.row-class-reference>p{margin:0 0 14px;font-size:12px;line-height:1.6;color:var(--muted)}.row-class-reference .row-guide-table-wrap th:first-child{min-width:180px}.row-class-reference-empty{padding-bottom:2px}.row-guide-reference .button{display:inline-flex;margin-top:10px}@media(max-width:520px){.row-height-actions{align-items:stretch}.row-height-actions .button{width:100%;justify-content:center}.row-class-reference .row-guide-table-wrap th:first-child{min-width:150px}}
.row-fit-overview{display:flex;flex-wrap:wrap}.row-fit-overview>div:first-child{flex:1 1 150px;min-width:0}.row-fit-stats{flex:1 1 260px;min-width:0}