:root{--bg:#091516;--panel:#102022;--line:#2a4142;--ink:#eef5f1;--muted:#8fa8a5;--accent:#91f1d9;--cut:#3ca891;--bend:#7b76f1;--etch:#e79c4b;--mono:'DM Mono',monospace;--font:'Manrope',sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.5 var(--font)}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.4}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}button{border:0}a{color:inherit;text-decoration:none}[hidden]{display:none!important}.announcement{height:30px;padding:0 3vw;background:#030809;color:#94b2ac;font:10px var(--mono);letter-spacing:.1em;display:flex;align-items:center;gap:9px}.announcement>span{width:6px;height:6px;background:var(--accent);border-radius:50%}.announcement b{margin-left:auto;font-size:9px;font-weight:400;color:#688d85}header{height:78px;display:flex;align-items:center;gap:42px;padding:0 3vw;background:#000;border-bottom:1px solid #28413d}.logo{width:144px;display:block}.logo img{width:100%;display:block}header nav{display:flex;gap:28px;align-items:center;font-size:12px;font-weight:700}header nav a{color:#b8c6c1;white-space:nowrap}header nav a:hover{color:white}header nav a.current{color:var(--accent)}header nav a span{border:1px solid #466e61;font:8px var(--mono);padding:2px 4px;margin-left:4px}.header-meta{margin-left:auto;color:#6d8a81;font:10px var(--mono)}main{max-width:1760px;margin:0 auto;padding:28px 3vw 40px}.project-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.eyebrow{font:10px var(--mono);color:var(--accent);letter-spacing:.13em}h1{font-size:26px;letter-spacing:-1px;line-height:1.25;margin:7px 0 0}h1 em{font-style:normal;color:#8caaa1;font-weight:500}h2{font-size:23px;letter-spacing:-.7px;line-height:1.3;margin:8px 0 12px}h3{font-size:12px;margin:0}p{color:var(--muted)}.project-actions{display:flex;gap:10px}.quiet{background:transparent;color:#bbccc5;border:1px solid #344e47;border-radius:4px;padding:10px 13px;font-size:11px;font-weight:700}.quiet:hover{background:#1b302b}.steps{display:grid;grid-template-columns:repeat(5,1fr);list-style:none;padding:0;margin:0 0 27px;border:1px solid var(--line);border-radius:5px;overflow:hidden}.steps li+li{border-left:1px solid var(--line)}.steps button{width:100%;text-align:left;padding:16px 18px;background:#10201e;color:#86a19a;font-size:12px;font-weight:700;display:flex;align-items:center;gap:12px}.steps b{font:10px var(--mono);color:#52756a}.steps .active button{background:var(--accent);color:#0b2820}.steps .active b{color:#256d56}.steps .done button{color:#c1e4d5}.gallery-top{display:flex;align-items:center;justify-content:space-between;margin:38px 0 24px}.gallery-top h2{font-size:30px;margin-bottom:7px}.gallery-top p{font-size:12px;margin:0}.search{display:flex;gap:12px;align-items:center;border:1px solid #314e44;background:#10241e;padding:10px 14px;border-radius:4px}.search span{font-size:24px;color:var(--accent)}.search input{background:none;border:0;color:white;outline:0;width:170px;font-size:12px}.gallery-layout{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:30px}.template-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.template-card{padding:0;text-align:left;background:#142621;border:1px solid #29493c;border-radius:5px;overflow:hidden;color:#e4eee7;transition:border-color .15s,transform .15s}.template-card:hover{border-color:var(--accent);transform:translateY(-2px)}.template-card .thumb{height:147px;background:linear-gradient(145deg,#263931,#1c3027);padding:22px;display:flex;align-items:center;justify-content:center}.template-card svg{width:100%;height:100%;filter:drop-shadow(5px 7px 6px #0005)}.template-card strong{display:block;padding:13px 13px 4px;font-size:12px}.template-card small{display:block;font:9px var(--mono);padding:0 13px 13px;color:#92b3a4}.categories{padding:4px 0}.categories h3{text-transform:uppercase;font:10px var(--mono);letter-spacing:.1em;color:#94afa3;margin:0 0 15px}.categories button{width:100%;display:flex;justify-content:space-between;padding:11px 12px;background:none;border-radius:3px;color:#a4bbae;font-size:12px;text-align:left}.categories button.active{background:#254438;color:var(--accent);font-weight:800}.categories button:hover{background:#1a342b}.categories button span{font:10px var(--mono);color:#698879}.gallery-note{border-top:1px solid var(--line);margin-top:23px;padding-top:20px}.gallery-note>span{display:block;color:var(--accent);font-size:28px;margin-bottom:10px}.gallery-note strong{font-size:12px}.gallery-note p,.comparison-note{font-size:11px;line-height:1.8}.comparison-note{border:1px solid #304c41;border-radius:4px;padding:12px;color:#94b0a1;margin-top:20px}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:22px;align-items:start}.drawing-column{min-width:0}.canvas-top{display:flex;align-items:center;justify-content:space-between;padding:0 0 13px}.canvas-top strong{display:block;font-size:15px;margin-top:3px}.canvas-top .eyebrow{font-size:9px;color:#6f9586}.unit-switch{display:flex;border:1px solid #355647;border-radius:3px;overflow:hidden}.unit-switch button{font:10px var(--mono);background:transparent;color:#89ab98;padding:6px 10px}.unit-switch .active{background:#2b4c3d;color:#c4eed7}.drawing-stage{position:relative;height:min(55vw,560px);min-height:360px;background:#f2f4ed;border:1px solid #899b88;border-radius:5px;overflow:hidden}.drawing-stage svg{height:100%;width:100%;display:block;touch-action:none;user-select:none;outline:none}.canvas-toolbar{position:absolute;top:15px;left:15px;display:flex;flex-direction:column;padding:3px;background:white;border:1px solid #d4ddcd;border-radius:4px;box-shadow:0 2px 6px #283a1910}.canvas-toolbar button{width:33px;height:33px;background:white;color:#476344;font-size:18px;border-radius:3px}.canvas-toolbar .active{background:#e3efdc;color:#22602b}.canvas-toolbar button:hover{background:#e6ebdf}.canvas-toolbar>span{height:1px;background:#d7e2ce;margin:3px}.view-label{position:absolute;top:18px;right:16px;font:8px var(--mono);letter-spacing:.08em;color:#72906a;pointer-events:none}.view-label span{padding:3px 4px;border:1px solid #bdccaf;margin-left:6px}#canvas-hint{position:absolute;bottom:9px;left:65px;right:16px;margin:0;font:9px var(--font);color:#7a8c70;text-align:center;pointer-events:none}.drawing-bottom{display:flex;justify-content:space-between;gap:16px;padding:13px 0}.geometry-metric{display:inline-flex;flex-direction:column;border-right:1px solid var(--line);padding-right:20px;margin-right:20px;font:11px var(--mono);color:#d5e3d9}.geometry-metric small{font:8px var(--mono);color:#759483;letter-spacing:.05em;margin-bottom:5px}.history{display:flex;gap:4px}.history button{color:#adcab6;background:#1c3528;border:1px solid #315a3e;border-radius:3px;width:31px;height:31px;font-size:19px}.legend{display:flex;align-items:center;gap:18px;font-size:9px;color:#85a792;margin-top:6px}.legend span{display:flex;align-items:center;gap:5px}.legend i{width:12px;height:2px}.legend .cut{background:var(--cut)}.legend .bend{background:var(--bend)}.legend .etch{background:var(--etch)}.legend .draft-state{margin-left:auto;color:#688977}.inspector{border:1px solid #32513e;background:#102219;border-radius:5px;overflow:hidden}.inspector-heading{padding:20px 20px 5px}.inspector-heading h2{font-size:21px}.inspector-tabs{display:flex;border-bottom:1px solid #304936;padding:0 18px;margin:8px 0 18px;gap:18px}.inspector-tabs button{background:none;color:#7b9a82;font-size:11px;padding:11px 0;border-bottom:2px solid transparent}.inspector-tabs [aria-selected=true]{color:var(--accent);border-color:var(--accent);font-weight:800}.inspector-tabs span{background:#34523a;border-radius:3px;padding:1px 4px;font:9px var(--mono);margin-left:3px}#parameters-panel,#bend-panel{padding:0 20px 20px}.field{display:flex;flex-direction:column;gap:5px;font-size:10px;color:#92af95;min-width:0;margin-bottom:13px}.field input,.field select{height:39px;width:100%;background:#07180d;border:1px solid #35583b;border-radius:3px;color:#e3f0de;padding:0 10px;font:12px var(--mono);min-width:0}.field input:focus,.field select:focus{border-color:var(--accent)}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field .input-unit{position:relative}.field .input-unit input{padding-right:35px}.field .input-unit small{position:absolute;right:10px;top:12px;font:9px var(--mono);color:#66896b;pointer-events:none}.parameter-group{padding-bottom:6px;border-bottom:1px solid #2a4932;margin-bottom:16px}.parameter-group h3{color:#c9ddc5;font-size:11px;margin-bottom:14px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin:16px 0 12px}.section-heading h3{font-size:11px}.small-btn{background:#284d30;color:#b2e1b2;font-size:10px;padding:6px 9px;border:1px solid #467249;border-radius:3px}.outline-btn{width:100%;padding:12px;background:transparent;color:#a7dcac;border:1px solid #4d7751;border-radius:3px;font-size:11px;font-weight:700;margin-top:12px}.outline-btn:hover{background:#244c2c}.feature-row{display:flex;align-items:center;gap:8px;margin-bottom:6px}.feature-row>button:first-child{flex:1;min-width:0;text-align:left;color:#94b796;background:#152e19;border:1px solid #315437;padding:9px 10px;border-radius:3px;font-size:10px}.feature-row.selected>button:first-child{color:var(--accent);border-color:#76c794}.remove{background:none;color:#64886a;font-size:17px;min-width:22px}.remove:hover{color:#ffc3ae}.feature-empty{font-size:10px;color:#668c6c;padding:7px 0}.feature-edit,.bend-card{padding:12px;background:#0a1b0e;border:1px solid #375c3a;border-radius:4px;margin:12px 0}.feature-edit h3{margin-bottom:12px;font-size:11px}.feature-edit .field{margin-bottom:8px}.bend-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;color:#b7b0ff;font-size:11px}.bend-card.selected{border-color:#8e81dc}.bend-actions{display:flex;gap:6px}.axis-button{background:#2c2a47;border:1px solid #5b4d8d;color:#c1b3ff;border-radius:3px;padding:3px 8px;font-size:10px}.inspector-footer{border-top:1px solid #35503a;padding:17px 18px;display:flex;justify-content:space-between;gap:10px;background:#142b19}.primary-btn{background:var(--accent);color:#123223;font-size:11px;font-weight:800;border-radius:3px;padding:12px 16px;white-space:nowrap}.primary-btn:hover{background:#b9ffe6}.inspector-footer .quiet{padding:10px 8px;border:none;font-size:10px}.muted{font-size:10px;line-height:1.8;color:#839f87}.info-box{background:#1b3623;border:1px solid #34573e;color:#a2bca6;font-size:10px;line-height:1.8;padding:12px;border-radius:4px;margin:15px 0}.issue{padding:10px 13px;border-radius:3px;font-size:10px;line-height:1.7;margin:5px 0}.issue.error{background:#402920;color:#ffb9a4;border:1px solid #68412d}.issue.warning{background:#2b3021;color:#c6c69b;border:1px solid #474c32}#material-panel,#services-panel,#review-panel{padding:0 20px 20px}#material-panel .inspector-heading,#services-panel .inspector-heading,#review-panel .inspector-heading{padding-left:0;padding-right:0}.material-visual{height:110px;margin:12px 0 23px;position:relative;overflow:hidden;background:repeating-linear-gradient(87deg,#8f9b82 0px,#a9b39b 1px,#8d9a80 2px,#a7b194 4px);border-radius:4px;border:1px solid #b0bf9b;box-shadow:inset 0 0 25px #16380e44;color:#394a30;display:flex;align-items:center;justify-content:center}.material-visual>span{font-size:35px;font-weight:800;letter-spacing:4px;opacity:.5}.material-visual small{position:absolute;bottom:10px;font:7px var(--mono);opacity:.8;letter-spacing:.1em}.service-card{display:flex;gap:12px;background:#183121;border:1px solid #335b3e;padding:14px;border-radius:4px;margin:14px 0}.service-check{border-radius:50%;width:23px;height:23px;flex-shrink:0;background:#9ce8b6;color:#224f31;text-align:center;line-height:23px;font-size:12px}.service-card strong{font-size:11px}.service-card p{font-size:10px;margin:5px 0}.service-card small{font:9px var(--mono);color:#a4c6a6}.finishing-note{background:transparent;opacity:.8}.review-consent{display:flex;gap:10px;color:#a1bca5;font-size:10px;line-height:1.8;margin:20px 0}.review-consent input{accent-color:var(--accent)}#review-summary{font-size:11px}#review-summary div{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #284d34;gap:12px}#review-summary dt{color:#82a18a}#review-summary dd{margin:0;text-align:right;color:#d3e6d4}#to-calculator{width:100%;margin-top:12px}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:10;background:#b4f3d0;color:#153821;font-size:12px;padding:12px 20px;box-shadow:0 6px 25px #0005;border-radius:5px;max-width:90vw;display:none}dialog{width:480px;max-width:calc(100vw - 28px);background:#102719;color:#ebf2e7;border:1px solid #4e7851;border-radius:8px;padding:24px}dialog::backdrop{background:#0009}.dialog-heading{display:flex;justify-content:space-between;align-items:center}.dialog-heading h2{font-size:21px}.dialog-heading button{background:none;color:#a7c6ac;font-size:28px}.feature-types{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 0}.feature-types label{font-size:10px;border:1px solid #365c40;padding:12px 6px;text-align:center;cursor:pointer;border-radius:4px}.feature-types label:has(input:checked){border-color:var(--accent);background:#255139}.feature-types input{display:none}.feature-types span{display:block;font-size:35px;line-height:1.5}.feature-types+ p{margin:18px 0}#feature-form>.primary-btn{width:100%}.dim-label{cursor:pointer}.dim-label:hover text{fill:#147c50}.empty-search{padding:40px;color:#a9c6b5}.no-bends{font-size:11px;line-height:1.8;color:#7e9f85;padding:12px 0}.canvas-object{cursor:pointer}.canvas-object:focus{outline:none}.canvas-object:hover{filter:brightness(.95)}
@media(min-width:1500px){.template-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.workspace{grid-template-columns:minmax(0,1fr) 390px}.drawing-stage{height:590px}}
@media(max-width:1100px){header{gap:25px}.header-meta{display:none}.template-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.gallery-layout{grid-template-columns:minmax(0,1fr) 190px;gap:20px}.workspace{grid-template-columns:minmax(0,1fr) 310px;gap:15px}.legend{flex-wrap:wrap;gap:10px}.legend .draft-state{margin-left:0}.geometry-metric{padding-right:9px;margin-right:9px}.steps button{padding:13px 12px;font-size:11px}.steps b{font-size:9px}.project-bar h1{font-size:22px}}
@media(max-width:800px){main{padding:22px 18px 30px}header{height:auto;min-height:72px;padding:15px 18px;flex-wrap:wrap;gap:17px}.logo{width:120px}header nav{gap:17px;font-size:10px}.announcement{font-size:8px;padding:0 18px}.announcement b{display:none}.project-bar{align-items:flex-start}.project-bar h1{font-size:20px;max-width:230px}.project-actions{flex-direction:column;gap:6px}.project-actions button{padding:7px 9px;font-size:9px}.steps{margin-bottom:20px}.steps button{flex-direction:column;gap:4px;text-align:center;padding:10px 3px;font-size:9px}.workspace{grid-template-columns:1fr}.drawing-stage{height:440px;min-height:340px}.inspector{margin-top:12px}.inspector-footer{position:sticky;bottom:0}.gallery-top{margin:22px 0;gap:15px}.gallery-top h2{font-size:25px}.gallery-top p{font-size:11px}.search input{width:110px}.gallery-layout{display:flex;flex-direction:column-reverse}.categories{padding:0}.categories h3,.gallery-note,.comparison-note{display:none}#categories{display:flex;gap:6px;overflow:auto;padding-bottom:8px}.categories button{white-space:nowrap;width:auto;border:1px solid #335b41;padding:8px 12px;gap:12px}.template-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.template-card .thumb{height:130px;padding:16px}.template-card strong{font-size:11px}.legend{margin-bottom:8px}.field-row{gap:15px}.material-visual{max-width:380px}}
@media(max-width:480px){header nav{gap:13px;flex-wrap:wrap}.logo{width:108px}.gallery-top{align-items:flex-start;flex-direction:column}.search{width:100%}.search input{width:100%}.template-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.template-card .thumb{height:128px}.drawing-stage{height:360px}.canvas-top strong{font-size:13px}.canvas-top .eyebrow{font-size:8px}.project-bar h1{font-size:19px}.project-bar .eyebrow{font-size:8px}.geometry-metric{font-size:10px}.geometry-metric small{font-size:7px}.view-label{font-size:7px;right:10px}#canvas-hint{font-size:8px;left:42px}.canvas-toolbar{left:10px;top:12px}.canvas-toolbar button{width:29px;height:29px}.legend{font-size:8px}.unit-switch button{font-size:9px;padding:6px 7px}}

.material-visual>img{width:180px;max-width:65%;height:auto;object-fit:contain}.brand-note{font-size:10px;line-height:1.7;color:#adc5ae;grid-column:1/-1}.brand-migration{margin:12px 0;border:1px solid #af9660;padding:12px;color:#efdfae;font-size:11px;line-height:1.6}.brand-migration button{margin-top:8px}

#bend-3d-preview{display:block}#preview-scene{width:100%;background:#eef2f5;border-radius:8px}#preview-controls label{display:block;margin:8px 0}#preview-controls input{width:100%}#bend-3d-preview [hidden]{display:none!important}

/* Keep rejected numeric drafts visible until the customer corrects them. */
.field input[aria-invalid="true"]{border-color:#ef9d88;outline:1px solid #ef9d88;outline-offset:1px}

/* A single current part, with no project-file import or export controls. */
.current-draft{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px;border:1px solid #5c8a69;border-radius:5px;background:#193522;margin:0 0 16px}.current-draft strong{font-size:14px;line-height:1.6}.current-draft p{font-size:12px;line-height:1.7;margin:5px 0 0}.current-draft .primary-btn{flex-shrink:0}.single-part-note{margin:0 0 24px;border:1px solid #355c43;border-radius:5px;padding:14px 18px;color:#adc5ae;font-size:12px;line-height:1.8}@media(max-width:800px){.current-draft{flex-direction:column;align-items:stretch;gap:12px}.current-draft .primary-btn{white-space:normal}.single-part-note{padding:12px 14px}}

/* Inline dimension input stays near the drawing label, in an accessible native dialog. */
.dim-label rect{stroke:#a3b693;stroke-width:1;vector-effect:non-scaling-stroke}.dim-label:hover rect,.dim-label:focus-visible rect{stroke:#167b4d;stroke-width:2}.dim-label:focus-visible{outline:none}.dim-static{pointer-events:none}.unit-label{font:11px var(--mono);color:#b8d4c6;padding:6px 10px;border:1px solid #355647;border-radius:3px}.dimension-dialog{position:fixed;margin:0;width:260px;max-width:calc(100vw - 16px);padding:16px;box-shadow:0 8px 40px #0005}.dimension-dialog::backdrop{background:transparent}.dimension-dialog label{display:block;font-size:12px;font-weight:700;margin-bottom:10px}.dimension-input{display:flex;align-items:center;gap:10px}.dimension-input input{min-width:0;width:100%;padding:8px;font:16px var(--mono);border:1px solid #69946d;border-radius:3px;background:#07180d;color:#e3f0de}.dimension-input span{font:12px var(--mono)}.dimension-input [aria-invalid=true]{border-color:#ffaf94}#dimension-help{font-size:10px;margin:10px 0}#dimension-error{font-size:11px;color:#ffb9a4;margin:8px 0}#dimension-error:empty{display:none}.dimension-actions{display:flex;justify-content:space-between;gap:8px}.dimension-actions button{padding:9px 12px}