.ct-build [hidden]{display:none!important}.ct-cells,.ct-out{--fg-muted:var(--ink-muted)}.ct-head,.ct-needs,.ct-build,.ct-else{--ct-label:.75rem;--ct-label-2:.8125rem}.ct-head .band-head,.ct-build .band-head,.ct-build .ct-fs{--fg-muted:var(--ink-muted)}section.band.ct-head{padding-block:clamp(26px, 3vw, 44px) var(--band)}.ct-head .band-head{margin-bottom:clamp(24px,2.8vw,38px)}.ct-head .band-head h1{max-width:15em}:is(.ct-needs,.ct-build) .band-head.split .lead{max-width:36ch}@media (width>=861px){:is(.ct-needs,.ct-build) .band-head.split .lead{max-width:var(--ct-col)}}.ct-skip{min-height:38px;font-size:var(--ct-label-2);color:var(--fg);transition:color var(--fast) var(--ease);align-items:center;gap:7px;margin-top:18px;font-weight:500;display:inline-flex}@media (pointer:coarse),(width<=620px){.ct-skip{min-height:44px}}.ct-skip span{border-block-end:1px solid;padding-bottom:2px}.ct-skip svg{flex:none;width:15px;height:15px}.ct-skip:hover{color:var(--fg-heading)}.ct-build{scroll-margin-block-start:96px}.ct-cells{border:1px solid var(--edge);border-radius:var(--r-card);background-color:var(--base-100);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.ct-cell{align-content:start;gap:8px;padding:clamp(18px,2vw,26px);display:grid}.ct-cell+.ct-cell{border-inline-start:1px solid var(--edge)}.ct-cell-h{color:var(--fg-heading);font-size:.875rem;font-weight:600;line-height:1.45}.ct-cell-b{font-size:var(--ct-label-2);color:var(--fg-muted);line-height:1.65}@media (width<=860px){.ct-cells{grid-template-columns:minmax(0,1fr)}.ct-cell+.ct-cell{border-inline-start:0;border-block-start:1px solid var(--edge)}}.ct-needs .band-head h2{max-width:16em}.ct-needs,.ct-build{--ct-col:clamp(300px, 26vw, 384px)}.ct-need-list{border-block-start:1px solid var(--edge)}.ct-need{grid-template-columns:auto minmax(0, 1fr) var(--ct-col);border-block-end:1px solid var(--edge);gap:0 clamp(14px,2.4vw,40px);padding-block:clamp(20px,2.2vw,28px);display:grid}.ct-need-k{min-width:2.2em;font-size:var(--ct-label);letter-spacing:.08em;color:var(--fg-muted);grid-area:1/1;padding-top:4px}.ct-need-top{flex-wrap:wrap;grid-area:1/2;justify-content:space-between;align-items:baseline;gap:7px clamp(16px,2vw,32px);display:flex}.ct-need-h{font-size:1.0625rem}.ct-need-b{max-width:70ch;color:var(--fg);grid-area:2/2;margin-top:8px;font-size:.875rem;line-height:1.75}.ct-need-v{font-size:var(--ct-label-2);color:var(--fg-heading);font-weight:500;line-height:1.6}.ct-need-v.mono{letter-spacing:.06em}@media (width<=860px){.ct-need{grid-template-columns:auto minmax(0,1fr)}.ct-need-top{flex-direction:column;align-items:stretch;gap:7px}}.ct-fig{grid-area:1/3/span 2;align-self:center}@media (width<=860px){.ct-fig{grid-area:3/2;align-self:start;margin-top:18px}}.ct-fig-unit{color:var(--fg-muted);justify-self:end;font-size:.6875rem;line-height:1.4}.ct-fig-sec{gap:6px;display:grid}.ct-sec-row{border-block-end:1px solid var(--fg-heading);justify-content:space-between;align-items:flex-end;gap:4px;display:flex}.ct-sec{justify-items:center;min-width:0;display:grid}.ct-sec-bar{background-color:var(--fg-heading);border-radius:1px 1px 0 0}.ct-sec-code{letter-spacing:.04em;color:var(--fg-heading);margin-top:7px;font-size:.6875rem;line-height:1.35}.ct-sec-dim{font-size:var(--fs-2xs);color:var(--fg-muted);line-height:1.4}.ct-sec-price{font-size:var(--fs-2xs);font-variant-numeric:tabular-nums;color:var(--fg-heading);margin-top:2px;line-height:1.4}.ct-fig-legend{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.ct-fig-from{color:var(--fg-muted);font-size:.6875rem;line-height:1.4}.ct-fig-col{gap:6px;display:grid}.ct-col-row{gap:4px;display:flex}.ct-col{flex:1 1 0;gap:5px;min-width:0;display:grid}.ct-col-chip{border-radius:var(--r-input);height:30px;box-shadow:inset 0 0 0 1px #0000006b}.ct-col-chip.is-flat{background-image:linear-gradient(to top right,#0000 calc(50% - .5px),#0000006b calc(50% - .5px) calc(50% + .5px),#0000 calc(50% + .5px))}.ct-fig-note{color:var(--fg-muted);margin:0;font-size:.6875rem;line-height:1.4}.ct-col-code{text-align:center;color:var(--fg-muted);font-size:.6875rem;line-height:1.35}.ct-fig-len{gap:5px;display:grid}.ct-len-dim{align-items:center;gap:8px;inline-size:100%;display:flex}.ct-len-dim:before,.ct-len-dim:after{content:"";background-image:linear-gradient(#00000052 0 0);background-position:50%;background-repeat:no-repeat;background-size:100% 1px;flex:1 1 0;block-size:7px}.ct-len-dim:before{border-inline-start:1px solid #00000052}.ct-len-dim:after{border-inline-end:1px solid #00000052}.ct-len-fig{color:var(--fg-heading);font-size:.6875rem;line-height:1.4}.ct-len-bar{border:1px solid var(--fg-heading);background-color:var(--base-200);border-radius:2px;block-size:16px;display:block;position:relative}.ct-len-off{background-image:repeating-linear-gradient(45deg,#0000 0 3px,#0000002e 3px 4px);position:absolute;inset-block:0;inset-inline-end:0}.ct-len-cut{border-inline-start:1px dashed var(--fg-heading);inline-size:0;position:absolute;inset-block:-5px}.ct-fig-blank{gap:16px;padding-block:10px 4px;display:grid}.ct-blank{background-color:var(--fg-muted);block-size:1px;position:relative}.ct-blank-1{inline-size:76%}.ct-blank-2{inline-size:54%}.ct-blank-1:before{content:"";background-color:var(--fg-heading);block-size:13px;inline-size:1px;position:absolute;inset-block-end:0;inset-inline-start:0}.ct-ex{gap:clamp(20px,2.4vw,32px);margin:clamp(30px,3.4vw,48px) 0 0;display:grid}.ct-ex-paper{max-width:540px}@media (width>=1000px){.ct-ex{grid-template-columns:1fr 1fr;align-items:start}.ct-ex-paper{max-width:none}}.ct-ex-paper{border:1px solid var(--edge);border-radius:var(--r-card);background-color:var(--base-200);padding:clamp(20px,2.4vw,30px);font-size:.9375rem;line-height:1.75}.ct-ex-head{color:var(--fg-heading);font-weight:600}.ct-ex-label{font-size:var(--ct-label);color:var(--fg-muted);margin-top:18px}.ct-ex-lines{gap:6px;margin-top:4px;display:grid}.ct-ex-lines li{grid-template-columns:auto minmax(0,1fr);gap:8px;display:grid}.ct-ex-i{color:var(--fg-muted)}.ct-ex-body{color:var(--fg)}.ct-ex-t{position:relative}.ct-ex-t sup{font-family:var(--mono);letter-spacing:.04em;color:var(--fg-muted);margin-inline-start:2px;font-size:.6875rem;line-height:0}.ct-ex-chip{vertical-align:baseline;border-radius:3px;width:.85em;height:.85em;margin-inline-end:5px;display:inline-block;box-shadow:inset 0 0 0 1px #0000006b}.ct-ex-sep{color:var(--fg-muted)}.ct-ex-meta{color:var(--fg-muted);gap:4px;margin-top:18px;display:grid}.ct-ex-you{color:var(--fg-muted)}.ct-ex-blank{border-block-end:1px solid var(--fg-muted);vertical-align:baseline;min-width:2.5em;margin-inline-start:6px;display:inline-block}.ct-ex-ask{color:var(--fg);margin-top:18px}.ct-ex-key{align-content:start;justify-items:start;gap:10px;display:grid}.ct-ex-key h3{text-wrap:balance}.ct-ex-cap{font-size:var(--ct-label-2);color:var(--fg-muted);max-width:46ch;line-height:1.7}.ct-ex-legend{font-size:var(--ct-label-2);color:var(--fg);gap:7px;margin-top:4px;display:grid}.ct-ex-legend li{grid-template-columns:2.2em minmax(0,1fr);align-items:baseline;display:grid}.ct-ex-k{font-size:var(--ct-label);letter-spacing:.08em;color:var(--fg-muted)}.ct-ex-fill{margin-top:8px}html:not([data-js]) .ct-ex-fill,html:not([data-js]) :is(.ct-lines-foot [data-add],.ct-rm){display:none}.ct-build .band-head h2{max-width:14em}.ct-grid{grid-template-columns:minmax(0,1fr) clamp(300px,34vw,460px);align-items:start;gap:clamp(24px,3vw,44px);display:grid}@media (width<=860px){.ct-grid{grid-template-columns:minmax(0,1fr)}}@media (width>=861px){.ct-out{position:sticky;top:92px}}.ct-fs{border:0;min-width:0;margin:0;padding:0}.ct-fs+.ct-fs{margin-top:clamp(26px,2.8vw,38px)}.ct-legend{margin-bottom:14px;padding-inline:0}.ct-lines{gap:14px;display:grid}.ct-line{border:1px solid var(--edge);border-radius:var(--r-card);background-color:var(--base-100);padding:clamp(14px,1.6vw,20px)}.ct-line-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.ct-line-n{font-size:var(--ct-label);color:var(--fg-muted);font-weight:600}.ct-rm{border-radius:var(--r-input);min-height:36px;color:var(--fg-muted);cursor:pointer;transition:background-color var(--fast) var(--ease), color var(--fast) var(--ease);background-color:#0000;border:0;align-items:center;gap:6px;padding:6px 10px;font-size:.75rem;display:inline-flex}.ct-rm:hover{background-color:var(--base-200);color:var(--fg-heading)}.ct-rm svg{flex:none;width:15px;height:15px}.ct-rm:focus-visible{border-radius:var(--r-input)}@media (pointer:coarse),(width<=620px){.ct-rm{min-height:44px;padding-inline:12px}}.ct-line-grid{--ct-col-gap:16px;--ct-b-len:190px;--ct-b-qty:110px;--ct-g-len:19;--ct-g-nums:11;--ct-b-nums:var(--ct-b-qty);--ct-b-note:110px;--ct-g-note:200;gap:14px var(--ct-col-gap);flex-wrap:wrap;display:flex}.ct-line-grid:has(.ct-f-cut:not([hidden])){--ct-g-len:1;--ct-g-nums:0;--ct-b-nums:auto;--ct-g-note:1}.ct-line-grid>.field,.ct-line-grid>.ct-nums,.ct-line-grid>.ct-tail,.ct-tail>.field,.ct-tail>.ct-nums{align-self:start;min-width:0}.ct-tail{gap:14px var(--ct-col-gap);flex-wrap:wrap;flex:1 1 calc(var(--ct-b-len) + var(--ct-col-gap) + var(--ct-b-qty));align-items:start;display:flex}.ct-line-grid:has(.ct-f-cut:not([hidden])) .ct-tail{display:contents}.ct-nums{gap:14px var(--ct-col-gap);flex-wrap:wrap;flex:var(--ct-g-nums) 1 var(--ct-b-nums);align-items:start;display:flex}.ct-f-code{flex:170px}.ct-line:not(:first-child) .ct-f-code .hint{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.ct-f-colour{flex:200px}.ct-f-len{flex:var(--ct-g-len) 1 var(--ct-b-len)}.ct-f-cut{flex:0 140px}.ct-f-qty{flex:var(--ct-g-nums) 1 var(--ct-b-qty)}@media (width<=620px){.ct-line-grid:has(.ct-f-cut:not([hidden])) :is(.ct-nums,.ct-f-cut,.ct-f-qty){flex-grow:1}}.ct-select{align-items:center;gap:10px;display:flex}.ct-select select{flex:auto;min-width:0}.ct-swatch{border-radius:var(--r-input);background-color:#0000;background-image:var(--ct-range,none);flex:none;width:34px;height:34px;box-shadow:inset 0 0 0 1px #0000006b}.ct-swatch[data-set]{background-image:none;box-shadow:inset 0 1px 3px #0003,inset 0 0 0 1px #0000006b}.ct-cut-note,.ct-sets{font-size:var(--ct-label);color:var(--fg-muted);line-height:1.6}.ct-cut-note{flex:var(--ct-g-note) 1 var(--ct-b-note);align-self:end;min-width:0;padding-bottom:12px}.ct-sets{max-width:64ch;margin-top:10px}.ct-line:has([data-cut][aria-invalid=true]) .ct-cut-note{color:var(--error)}.ct-lines-foot{flex-wrap:wrap;align-items:center;gap:8px 20px;margin-top:16px;display:flex}.ct-lines-foot .btn svg{width:15px;height:15px}.ct-find{min-height:38px;font-size:var(--ct-label-2);color:var(--fg);transition:color var(--fast) var(--ease);align-items:center;font-weight:500;display:inline-flex}@media (pointer:coarse),(width<=620px){.ct-find{min-height:44px}}.ct-find span{border-block-end:1px solid;padding-bottom:2px}.ct-find:hover{color:var(--fg-heading)}.ct-warn{margin-top:16px}.ct-three{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));align-items:start;gap:14px 16px;display:grid}.ct-three>.field{min-width:0}.ct-fs>.ct-three+.field,.ct-fs>.field+.field{margin-top:14px}.ct-fs textarea{resize:vertical;min-height:96px}.ct-out,.ct-out-live,.ct-out-tail{align-content:start;gap:14px;display:grid}.ct-out-hint{font-size:var(--ct-label);color:var(--fg-muted);line-height:1.6}.ct-out h3+.ct-out-hint{margin-top:-6px}.ct-out-box{resize:vertical;overflow-wrap:break-word;min-height:150px;line-height:1.7}.ct-out-actions{flex-wrap:wrap;gap:10px;display:flex}.ct-out-actions .btn{flex:auto}html:not([data-js]) .ct-out-actions [data-copy],html:not([data-js]) .ct-out-actions:not(:has(a)){display:none}.ct-status{min-height:1.75em;font-size:var(--ct-label-2);color:var(--fg-heading)}.ct-status[data-state=ok]{color:var(--ok);align-items:center;display:flex}.ct-status[data-state=ok]:before{content:"";border:solid;border-width:0 1.5px 1.5px 0;flex:none;width:5px;height:9px;margin-inline-end:9px;transform:translateY(-1.5px)rotate(45deg)}.ct-live{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=860px){.ct-out{display:contents}.ct-out-live,.ct-out-tail{border:1px solid var(--edge);border-radius:var(--r-card);background-color:var(--base-100);padding:clamp(16px,4.4vw,24px)}.ct-out-live{z-index:2;box-shadow:var(--shadow-sm);order:-1;position:sticky;top:81px}.ct-out-box{min-height:0;max-height:min(140px,17vh)}.ct-form :is(input,select,textarea),.ct-line{scroll-margin-block-start:328px}}.ct-honest{margin:0}section.band.ct-else{padding-block:var(--band) var(--band-tight)}.ct-else .band-head h2{max-width:16em}.ct-else .value{background:0 0}.ct-else .value:hover{box-shadow:none;border-color:#ffffff73}.ct-else .value .ico,.ct-else .value:first-child .ico{color:#fff;background:#ffffff14}.ct-else .value .ico{margin-bottom:clamp(20px,2.4vw,34px)}.ct-else .grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr))}@media (width>=620px){.ct-else .grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1240px){.ct-else .grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.ct-route{position:relative}.ct-route p{flex:auto}.ct-go{border-block-end:0;align-self:flex-start;min-height:44px;margin-top:18px}.ct-go span{border-block-end:1px solid;padding-bottom:2px}.ct-route .ct-go:after{content:"";border-radius:var(--r-card);position:absolute;inset:0}.ct-route:has(.ct-go:focus-visible){outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--r-card)}.ct-route .ct-go:focus-visible{--focus-shadow:0 0 #0000;outline:none}.ct-line-i{vertical-align:-4px;color:#06c755;flex:none;width:20px;height:20px;margin-inline-end:8px}