:root{--ink:#182e3a;--muted:#53666f;--paper:#faf9f6;--line:#dedfda;--orange:#e77741;--dark:#172e3a;--white:#fff;--blue:#254e65; font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}a{color:inherit;text-decoration:none}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid var(--orange);outline-offset:5px}input:focus,textarea:focus,select:focus{outline:2px solid var(--blue);outline-offset:2px}button:disabled{opacity:.5}p{line-height:1.65}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-weight:600;letter-spacing:-.045em}h1{font-size:clamp(40px,4.5vw,66px);line-height:1.06;margin-bottom:24px}h2{font-size:34px;line-height:1.2;margin-bottom:20px}h3{font-size:21px;margin-bottom:12px}img{max-width:100%;display:block}button{border:0}input,textarea,select{width:100%;border:1px solid #d4d9d7;background:#fff;border-radius:5px;padding:13px 14px;color:var(--ink)}textarea{resize:vertical;line-height:1.6}label{display:block;font-size:13px;font-weight:600;line-height:1.5}label input,label textarea,label select{margin-top:7px;font-weight:400}select{min-height:46px}input[type=file]{font-size:12px} .local-bar{background:var(--dark);color:#fff;padding:10px 4.5%;font-size:10px;letter-spacing:1.2px;display:flex;justify-content:space-between;gap:15px;align-items:center}.local-bar i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#eeac7e;margin-right:8px}.local-note{color:#b9c7cb;letter-spacing:.2px;font-size:11px}.local-bar a{letter-spacing:.3px;font-size:12px}.local-bar a span{margin-left:12px}.site-header{height:104px;max-width:1500px;padding:0 4.5%;margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;gap:11px;align-items:center;font-weight:800;font-size:22px;letter-spacing:-.7px}.brand img{width:43px;height:48px;object-fit:contain}.brand-light{font-weight:400}.brand small{display:block;font-size:8px;letter-spacing:2.4px;margin-top:7px;font-weight:500}.site-header nav{display:flex;gap:36px;height:100%;align-items:center;font-size:13px}.site-header nav a{height:100%;display:flex;align-items:center;position:relative;color:var(--muted)}.site-header nav .active{color:var(--ink)}.site-header nav .active:after{content:'';position:absolute;height:2px;bottom:0;background:var(--ink);width:100%}.section,.hero{max-width:1320px;margin:auto;padding-left:48px;padding-right:48px}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:484px;align-items:center;padding-top:55px;padding-bottom:55px;gap:35px}.hero-copy{padding:12px 0}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:600;margin-bottom:20px;line-height:1.5}.hero-copy .eyebrow{display:flex;align-items:center;gap:9px}.eyebrow>span:not(.step-number){width:6px;height:6px;background:var(--orange);display:inline-block}.hero h1{font-size:clamp(44px,4.6vw,66px);letter-spacing:-3px}.hero-description{font-size:15px;color:var(--muted);line-height:1.8;margin-bottom:27px}.button{display:inline-flex;align-items:center;justify-content:center;gap:28px;font-size:12px;font-weight:600;border-radius:4px;padding:15px 20px;min-height:46px;transition:background .15s,transform .15s}.button:hover{transform:translateY(-1px)}.primary{background:var(--blue);color:white}.primary:hover{background:#163b51}.secondary{background:transparent;border:1px solid #b9c3c6}.plain{background:transparent}.hero-footnote{display:block;margin-top:22px;font-size:10px;color:var(--muted)}.hero-visual{position:relative;background:#eceee7;border-radius:5px;height:365px;overflow:hidden}.drawing-grid{position:absolute;inset:0;background-image:linear-gradient(#c9d2cb55 1px,transparent 1px),linear-gradient(90deg,#c9d2cb55 1px,transparent 1px);background-size:38px 38px;mask-image:linear-gradient(110deg,transparent,#000)}.drawing-label{position:absolute;top:24px;left:25px;font-size:8px;letter-spacing:2px;color:#7a8887}.product-art{width:100%;height:100%}.hero-art{position:absolute;width:100%;height:360px;left:8px;top:2px;filter:drop-shadow(7px 13px 10px #18314420)}.drawing-index{position:absolute;bottom:25px;left:25px;font-size:8px;letter-spacing:1.6px;color:#697d7e}.drawing-caption{position:absolute;right:22px;bottom:23px;font-family:Georgia,serif;font-style:italic;font-size:16px}.drawing-dot{position:absolute;right:31px;top:61px;width:8px;height:8px;border-radius:50%;background:var(--orange)}.browse{padding-top:51px;padding-bottom:55px;border-top:1px solid var(--line)}.section-heading{display:flex;justify-content:space-between;gap:25px;align-items:end;margin-bottom:30px}.section-heading h2{margin-bottom:0}.section-heading .eyebrow{margin-bottom:12px}.section-heading>p{color:var(--muted);font-size:12px;margin:0 0 3px}.search{display:flex;align-items:center;background:white;border:1px solid #d7dcd9;border-radius:5px;padding:9px 20px;gap:14px}.search svg{width:22px;height:22px;flex-shrink:0;color:#526c77}.search input{border:0;padding:10px 0;margin:0;background:transparent;font-size:14px;min-width:0}.search input:focus{outline:none}.search:focus-within{outline:2px solid var(--blue)}.search-hint{white-space:nowrap;font-size:8px;font-weight:400;letter-spacing:1.5px;color:#8b969a}.filters{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0 30px}.chip{font-size:11px;border:1px solid var(--line);background:transparent;color:#56656b;padding:10px 14px;border-radius:30px}.chip.selected{background:var(--dark);color:#fff;border-color:var(--dark)}.chip:hover{border-color:var(--ink)}.empty-state{border:1px dashed #d3d9d4;border-radius:5px;padding:32px;text-align:center}.empty-icon{font-size:25px;color:#81968b;display:block;margin-bottom:10px}.empty-state h3{font-size:22px;margin-bottom:9px}.empty-state p{font-size:13px;color:var(--muted);margin-bottom:17px}.empty-note{display:block;font-size:9px;letter-spacing:1px;color:#7f8c8f;margin-bottom:16px}.text-link{font-size:12px;display:inline-flex;gap:15px;align-items:center;font-weight:600;background:transparent;padding:0;border-bottom:1px solid #adb7b8;padding-bottom:4px}.support-strip{display:flex;align-items:center;gap:26px;padding-top:30px;padding-bottom:30px;background:#ecefe9;margin-bottom:62px;border-radius:5px;max-width:1224px}.support-icon{width:44px;height:44px;border:1px solid #a7b5ab;display:grid;place-items:center;border-radius:50%;font-family:Georgia,serif;font-size:23px;flex-shrink:0}.support-strip .eyebrow{margin-bottom:6px;font-size:8px}.support-strip h3{margin-bottom:6px}.support-strip p:last-child{font-size:12px;margin:0;color:var(--muted)}.support-strip>.text-link{margin-left:auto;white-space:nowrap}footer{border-top:1px solid var(--line);padding:33px 4.5%;display:flex;justify-content:space-between;align-items:center;gap:20px;color:var(--muted);font-size:10px}footer>a:last-child{font-size:12px;color:var(--ink)}.footer-brand{font-size:16px;font-weight:700;color:var(--ink);letter-spacing:-.5px}.footer-brand span{display:block;font-size:9px;font-weight:400;letter-spacing:0;color:var(--muted);margin-top:8px}.result-heading{font-size:11px;color:var(--muted);margin-bottom:18px}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.guide-card{border:1px solid var(--line);border-radius:5px;overflow:hidden;background:#fff}.card-image{height:230px;background:#eceee7;position:relative;overflow:hidden}.card-image>img{height:100%;width:100%;object-fit:cover;transition:transform .25s}.guide-card:hover .card-image>img{transform:scale(1.035)}.card-arrow{position:absolute;right:14px;bottom:14px;width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:#fff}.card-copy{padding:24px}.card-copy .eyebrow{font-size:8px;margin-bottom:12px}.card-copy p:not(.eyebrow){font-size:12px;color:var(--muted)}.card-copy>span{font-size:10px}.card-copy b{padding:0 8px;color:var(--orange)}.back-link{display:inline-block;font-size:12px;margin-bottom:36px;color:var(--muted)}.workspace,.editor,.guide,.help{padding-top:40px;padding-bottom:60px;min-height:70vh}.workspace h1,.editor h1{font-size:44px;margin-bottom:15px}.workspace-heading>div>p:last-child{font-size:14px;color:var(--muted);margin-bottom:0}.workspace-note{display:flex;gap:20px;background:#edf0ea;padding:20px 24px;border-left:3px solid #8fa494;font-size:12px;line-height:1.7}.workspace-note strong{white-space:nowrap}.stats{display:flex;gap:35px;padding:32px 0;font-size:12px;color:var(--muted)}.stats strong{font-size:24px;color:var(--ink);margin-right:5px}.workspace-list{border-top:1px solid var(--line)}.workspace-row{display:flex;align-items:center;gap:25px;border-bottom:1px solid var(--line);padding:18px 8px}.workspace-row:hover{background:#f0f1eb}.row-art{width:100px;height:75px;background:#e9ece5;border-radius:4px;flex-shrink:0}.row-art img{width:100%;height:100%;object-fit:cover}.row-title{flex:1;min-width:0}.row-title h3{font-size:18px;margin-bottom:8px;overflow-wrap:anywhere}.row-title span{font-size:11px;color:var(--muted)}.status{border:1px solid #d2d6d2;background:#f1f2ed;border-radius:30px;padding:7px 11px;font-size:10px;white-space:nowrap;display:inline-block}.status.is-published{background:#e4ede6;color:#32664b;border-color:#c7d8cb}.row-action{font-size:12px;min-width:100px;text-align:right}.workspace-footnote{font-size:12px;color:var(--muted);margin:24px 0}.editor-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:36px;align-items:start}.form-section{border:1px solid var(--line);border-radius:5px;padding:30px;background:#fff;margin-bottom:24px}.form-heading{display:flex;align-items:center;gap:15px;margin-bottom:24px}.form-heading>span{color:#8b9d9e;font-size:12px}.form-heading h2{font-size:24px;margin:0}.form-section label{margin-bottom:18px}.two-columns{display:grid;grid-template-columns:1fr 1fr;gap:22px}.step-editor{border:0;border-top:1px solid var(--line);padding:20px 0 10px;margin:0}.step-editor legend{padding:0 13px 0 0;font-size:10px;letter-spacing:2px;color:var(--muted)}.step-title-row{display:flex;gap:15px;align-items:center}.step-title-row label{flex:1}.icon-button{background:transparent;font-size:24px;color:var(--muted);padding:10px}.step-photo-row{display:flex;gap:18px;align-items:center;margin-bottom:20px}.upload-label{cursor:pointer;color:var(--blue);font-weight:600;font-size:12px}.upload-label input{max-width:240px;padding:7px;background:#f6f7f3;font-size:10px}.step-photo{font-size:10px;color:var(--muted)}.step-photo img{max-height:90px;margin-bottom:8px}.sidebar-panel{border:1px solid var(--line);border-radius:5px;padding:24px;margin-bottom:20px}.sidebar-panel h3{font-size:20px}.sidebar-panel p:not(.eyebrow){font-size:12px;color:var(--muted)}.sidebar-panel select{margin-bottom:15px;font-size:12px}.sidebar-panel .button{width:100%}.sidebar-panel .eyebrow{font-size:8px;margin-bottom:14px}.cover-preview{background:#eceee7;height:160px;border-radius:4px;margin-bottom:18px}.cover-preview img{width:100%;height:100%;object-fit:contain}.sidebar-panel .upload-label{margin-bottom:15px}.sidebar-panel>p:last-child{margin-bottom:0;margin-top:14px;font-size:10px}.publish-explainer{background:#edf0ea}.small-dot{display:block;width:7px;height:7px;background:#799984;border-radius:50%;margin-bottom:15px}.editor-actions{position:sticky;bottom:0;background:#faf9f6f5;backdrop-filter:blur(10px);padding:18px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:20px}.editor-actions>div{display:flex;gap:10px}.editor-actions>span{font-size:11px;color:var(--muted)}#form-error{color:#9e3627;font-size:13px;margin-top:12px}.draft-banner{padding:15px 4.5%;background:#f4e9db;display:flex;justify-content:space-between;gap:20px;font-size:11px}.draft-banner a{font-weight:600}.guide-hero{display:grid;grid-template-columns:1.4fr 1fr;gap:55px;align-items:center;padding-bottom:45px;border-bottom:1px solid var(--line);margin-bottom:45px}.guide-hero h1{font-size:52px;overflow-wrap:anywhere}.guide-description{font-size:16px;color:var(--muted);white-space:pre-line}.guide-product{height:275px;background:#eceee7;border-radius:5px}.guide-product>img{width:100%;height:100%;object-fit:contain}.guide-meta{display:flex;gap:20px;flex-wrap:wrap;font-size:11px;align-items:center}.guide-meta>span{padding-right:20px;border-right:1px solid var(--line)}.guide-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:65px}.guide-toc{position:sticky;top:25px;align-self:start}.guide-toc>a{display:flex;gap:15px;font-size:12px;padding:12px 0;line-height:1.5}.guide-toc>a span{font-size:10px;color:#829498}.guide-help{margin-top:28px;border-top:1px solid var(--line);padding-top:24px}.guide-help h3{font-size:17px}.guide-help p{font-size:12px;color:var(--muted)}.before{background:#eef0e9;border-radius:5px;padding:30px;margin-bottom:10px;scroll-margin-top:20px}.before h2{font-size:28px}.before h3{font-size:16px;letter-spacing:-.3px}.before ul{padding-left:17px;line-height:1.8;font-size:13px}.muted{font-size:12px;color:var(--muted)}.instruction-step{display:flex;gap:23px;padding:35px 0;border-bottom:1px solid var(--line);scroll-margin-top:20px}.step-number{color:#87958e;font-size:22px;letter-spacing:-1px;padding-top:4px}.step-content{flex:1;min-width:0}.step-content h2{font-size:27px;margin-bottom:15px}.step-text{white-space:pre-line;font-size:15px;overflow-wrap:anywhere}.instruction-photo{width:100%;max-height:500px;object-fit:contain;border-radius:5px;background:#eef0e9}.guide-end{padding:40px 0 0}.guide-end h2{font-size:27px;margin-top:12px}.help{max-width:900px;padding-top:65px;padding-bottom:80px}.help h1{font-size:60px}.lead{color:var(--muted);font-size:16px}.faq-list{margin:38px 0}.faq-list details{border-top:1px solid var(--line);padding:24px 0}.faq-list details:last-child{border-bottom:1px solid var(--line)}.faq-list summary{font-weight:600;font-size:16px;cursor:pointer}.faq-list p{font-size:14px;color:var(--muted);margin:20px 0 0;max-width:650px}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);background:var(--dark);color:white;border-radius:6px;padding:15px 22px;font-size:13px;max-width:calc(100% - 32px);width:max-content;opacity:0;pointer-events:none;transition:.2s;z-index:20;box-shadow:0 5px 25px #0002}#toast.show{opacity:1;transform:translate(-50%,0)}
@media(min-width:1600px){.hero{min-height:540px}.hero-visual{height:395px}.hero-art{height:400px}}
@media(max-width:1100px){.section,.hero{padding-left:32px;padding-right:32px}.hero h1{font-size:49px;letter-spacing:-2px}.hero-visual{height:330px}.hero-art{height:330px}.support-strip{margin-left:32px;margin-right:32px}.search-hint{display:none}.editor-layout{grid-template-columns:minmax(0,1fr) 250px;gap:22px}.guide-layout{grid-template-columns:200px minmax(0,1fr);gap:35px}.guide-hero h1{font-size:44px}.guide-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:750px){.site-header{height:85px;padding:0 22px}.brand{font-size:18px;gap:8px}.brand img{width:33px;height:40px}.brand small{font-size:7px;letter-spacing:1.8px}.site-header nav{gap:18px;font-size:11px}.hero{padding-top:35px;padding-bottom:35px;gap:25px;grid-template-columns:1fr}.section,.hero{padding-left:22px;padding-right:22px}.hero-copy{padding:0}.hero h1{font-size:51px}.hero-description{font-size:14px}.hero-visual{height:270px}.hero-art{height:285px;top:-5px}.hero-footnote{margin-top:18px}.drawing-label{font-size:7px}.drawing-index{bottom:19px}.drawing-caption{font-size:14px;bottom:17px}.browse{padding-top:35px;padding-bottom:35px}.section-heading{align-items:start;gap:18px}.section-heading>p{display:none}h2{font-size:28px}.search{padding:8px 14px}.search input{font-size:12px}.filters{gap:7px;margin-bottom:22px}.chip{font-size:10px;padding:9px 12px}.empty-state{padding:25px 15px}.support-strip{margin:0 22px 36px;padding:24px;gap:15px;flex-wrap:wrap}.support-strip .text-link{margin-left:59px}.support-strip h3{font-size:18px}.support-strip .support-icon{width:35px;height:35px}.support-strip>div:nth-child(2){flex:1}.support-strip .eyebrow{font-size:7px}footer{padding:25px 22px;flex-wrap:wrap}footer>span{display:none}.workspace,.editor,.guide{padding-top:28px}.workspace h1,.editor h1{font-size:34px}.workspace-heading{flex-direction:column;align-items:start}.workspace-note{display:block;padding:18px}.workspace-note strong{display:block;margin-bottom:6px}.stats{gap:20px;font-size:10px}.stats strong{font-size:22px}.workspace-row{gap:14px;flex-wrap:wrap;position:relative;padding-right:0}.row-art{width:75px;height:60px}.row-title h3{font-size:16px}.row-title span{font-size:10px}.row-action{display:none}.workspace-row .status{font-size:8px;padding:5px 7px;max-width:115px;white-space:normal}.editor-layout{display:flex;flex-direction:column}.editor-main,.editor-sidebar{width:100%}.editor-sidebar{display:grid;grid-template-columns:1fr 1fr;gap:15px}.sidebar-panel{min-width:0;margin:0;padding:18px}.sidebar-panel .upload-label input{max-width:100%}.publish-explainer{grid-column:1/-1}.form-section{padding:22px}.two-columns{gap:15px}.editor-actions{flex-direction:column;align-items:stretch;gap:12px;padding:13px 0}.editor-actions>div{justify-content:space-between;gap:6px}.editor-actions .button{padding:12px;font-size:11px;gap:10px}.editor-actions>span{font-size:10px}.step-photo-row{flex-wrap:wrap}.guide-hero{grid-template-columns:1fr;gap:25px;padding-bottom:30px;margin-bottom:30px}.guide-hero h1{font-size:43px}.guide-product{height:230px}.guide-layout{grid-template-columns:1fr;gap:28px}.guide-toc{position:static;border-bottom:1px solid var(--line);padding-bottom:20px}.guide-toc .eyebrow{margin-bottom:10px}.guide-toc>a{padding:7px 0}.guide-help{display:none}.before{padding:23px}.instruction-step{gap:18px;padding:28px 0}.step-content h2{font-size:24px}.draft-banner{font-size:9px;align-items:center}.draft-banner a{white-space:nowrap}.help{padding-top:45px}.help h1{font-size:48px}.faq-list summary{font-size:14px}.guide-grid{grid-template-columns:1fr}.card-image{height:245px}}
@media(max-width:390px){.local-note{display:none}.site-header nav{gap:12px;font-size:10px}.brand{font-size:16px}.hero h1{font-size:45px}.two-columns{grid-template-columns:1fr}.editor-sidebar{grid-template-columns:1fr}.editor-actions .button{font-size:10px;padding:11px 9px}.workspace-row .status{margin-left:89px}.row-title{min-width:160px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
@media print{body{background:white;color:black}.local-bar,.site-header,footer,.draft-banner,.back-link,.guide-toc,.guide-meta button,.guide-end,#toast{display:none!important}.section{max-width:none;padding:0}.guide-hero{grid-template-columns:1.5fr 1fr;gap:25px;margin-bottom:25px;padding-bottom:20px}.guide-product{height:150px}.guide-hero h1{font-size:30px}.guide-description{font-size:12px}.guide-layout{display:block}.before{background:none;padding:15px;border:1px solid #ccc}.instruction-step{break-inside:avoid;padding:20px 0}.step-content h2{font-size:20px}.step-text{font-size:12px}.instruction-photo{max-height:300px}.guide{min-height:0}.eyebrow{font-size:8px}}

.hero-drawing{background:#f4f0e3;cursor:default;pointer-events:none}.engineering-art{width:100%;height:100%;object-fit:contain;user-select:none}

/* Keyboard access, readable controls and reduced-motion support. */
html{scroll-padding-bottom:180px}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.skip-link{position:fixed;top:8px;left:12px;z-index:1000;padding:14px 20px;background:var(--ink);color:#fff;border-radius:4px;transform:translateY(-160%)}
.skip-link:focus{transform:none}
:is(a,button,input,select,textarea,summary):focus-visible{outline:3px solid #254e65;outline-offset:4px;box-shadow:0 0 0 2px #fff}
#app:focus,[tabindex="-1"]:focus{outline:2px solid #254e65;outline-offset:4px}
:where(input,select,textarea,button,a,summary){scroll-margin-block:24px 180px}
input,textarea,select,.search,.chip,.secondary{border-color:#7a898e}
.search input{border:0}
input::placeholder,textarea::placeholder{color:#596b74;opacity:1}
.search-hint,.empty-note,.form-heading>span,.guide-toc>a span,.step-number,.drawing-label,.drawing-index{color:#53666f}
.text-link,.back-link,.related-link{min-height:24px}
.related-link{padding-block:4px}
.step-order button{min-width:44px;min-height:44px}
.guide-help h2{font-size:17px}.help-contact h2{font-size:21px}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(max-width:750px){.editor-actions{position:static}.stats{flex-wrap:wrap;gap:18px}.site-header nav{flex-wrap:wrap;height:auto!important;min-height:38px}.site-header nav a{min-height:32px}.workspace-note{flex-wrap:wrap}}

.installation-animation{margin:0 0 3rem;scroll-margin-top:2rem}
.animation-player{border:1px solid var(--line,#ccd1d0);border-radius:8px;padding:1rem;background:#fff}
.animation-player img,.animation-player canvas{display:block;width:100%;height:auto}
.animation-player [hidden]{display:none!important}
.animation-toggle{margin-top:1rem}
.guide-animation-editor{margin:1.5rem 0;padding:1.25rem;border:1px solid #8b979b;border-radius:6px}
#animation-preview img{display:block;max-width:100%;max-height:320px;margin:1rem auto}
@media print{.installation-animation{display:none!important}}

.animation-choice{display:block;margin:1rem 0;font-weight:600}.animation-choice select{display:block;width:100%;max-width:28rem;padding:.85rem;margin-top:.5rem;border:1px solid #8b979b;border-radius:5px;background:white;color:#243442;font:inherit}.extra-animation{margin:1.5rem 0;padding:1rem;border:1px solid #8b979b;border-radius:5px}.extra-animation-preview img{display:block;max-width:100%;max-height:260px;margin:1rem auto}#add-animation{margin-top:1rem}