*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.visible{visibility:visible}.left-8{left:2rem}.block{display:block}.inline{display:inline}.grid{display:grid}.hidden{display:none}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize{resize:both}.rounded{border-radius:.25rem}.ring{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.invert{--tw-invert: invert(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}:root{font:14px Segoe UI,sans-serif;color:#19332f;background:#f6f8f7}*{box-sizing:border-box}body{margin:0}main{height:100dvh;display:flex;flex-direction:column}header{display:flex;align-items:center;gap:12px;background:#173d37;color:#fff;padding:14px 20px}h1{font-size:21px;font-weight:400}.brand{padding:5px 8px;background:#a5dfb6;color:#173d37;font-weight:800;border-radius:5px}.badge,h3,.viewlabel{font:600 10px/1.5 monospace;letter-spacing:.14em}.badge{color:#abd5bd}.import{margin-left:auto;background:#dcf2d8;color:#173d37}.work{min-height:0;flex:1;display:grid;grid-template-columns:minmax(160px,220px) 1fr minmax(180px,250px)}aside{overflow:auto;background:#fff;padding:15px;border:1px solid #d5dfda}strong{word-break:break-word}h2{font-size:17px;font-weight:650;margin-bottom:12px}h3{margin:20px 0 8px;color:#53746b;text-transform:uppercase}button,select,input{border:1px solid #c6d5cf;border-radius:4px;padding:5px 9px}button:hover,.active{background:#d6eee2;color:#19332f}.row{border:0;display:flex;align-items:center;gap:8px;width:100%;text-align:left;font:11px/1.6 monospace}.row i{width:12px;border-top:2px solid #777}.row .cut{border-color:#135d83}.row .crease{border-color:#c65753;border-top-style:dashed}.viewer{position:relative;min-width:0;background-color:#f3f6f4;background-image:radial-gradient(#bacdc3 1px,transparent 1px);background-size:18px 18px}.viewer svg{width:100%;height:100%;touch-action:none}.viewlabel,.viewtools{position:absolute;background:#f3f6f4;padding:6px}.viewlabel{left:12px;top:12px}.viewtools{bottom:12px;left:12px;display:flex;gap:4px}label{display:block;font-size:12px;margin:8px 0}select,input{display:block;width:100%;margin:4px 0}details{margin-top:22px;font-size:12px}pre{white-space:pre-wrap;overflow-wrap:anywhere}footer{max-height:18vh;overflow:auto;background:#e9f0ec;padding:10px 20px;font-size:12px}footer h2{font-size:13px;margin-bottom:4px}[role=alert]{background:#fee9d7;padding:10px}.views{display:grid;min-height:0;min-width:0}.views.split{grid-template-columns:1fr 1fr}.space3{position:relative;min-height:0;min-width:0;overflow:hidden}.canvas3{position:absolute;top:0;right:0;bottom:0;left:0}.canvas3 canvas{display:block}.space3 p{position:absolute;top:48px}nav{display:flex;align-items:center;gap:8px;padding:6px 14px;border-block:1px solid #c5d3cc;background:#f0f5f1}nav span{margin-left:auto;color:#53746b}nav input[type=range]{flex:1;width:0}nav select{width:auto}input[type=checkbox]{width:auto;display:inline}.work aside{min-width:0}header button{font-size:12px}fieldset{padding:8px;background:#eff4f0}details p{margin-block:6px}.viewer{overflow:hidden}@media(max-width:980px){.work{grid-template-columns:145px minmax(0,1fr) 185px}.views.split{grid-template-columns:1fr;grid-template-rows:1fr 1fr}header{flex-wrap:wrap}}.orientation{flex-wrap:wrap}.orientation label{display:flex;align-items:center;gap:5px;margin:0}.orientation input[type=range]{width:84px;flex:none}.orientation output{min-width:34px;font-variant-numeric:tabular-nums}.camera-rings{position:absolute;left:12px;top:38px;width:96px;height:96px;touch-action:none;cursor:grab;border-radius:50%;background:#f8fbf9db}.camera-rings:active{cursor:grabbing}.material-preview{position:absolute;top:12px;right:12px;margin:0;background:#f7faf8;border:1px solid #bfcdc5;border-radius:6px;box-shadow:0 2px 6px #173d371a}.material-preview summary{padding:5px 9px;cursor:pointer;list-style:none}.material-preview summary i{display:inline-block;vertical-align:middle;width:15px;height:15px;border-radius:50%;background:radial-gradient(circle at 32% 27%,#fff,#b7ac95 43%,#554e42 86%)}.material-preview div{display:flex;gap:3px;padding:0 6px 6px}.material-preview button[aria-pressed=true]{background:#1f544a;color:#fff}.hinge-pick{position:absolute;right:12px;bottom:12px;background:#f7faf8}.hinge-pick[aria-pressed=true]{background:#1f544a;color:#fff}.camera-axes{position:absolute;top:8px;right:8px;width:96px;height:96px;isolation:isolate;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:grab}.camera-axes:active{cursor:grabbing}.camera-axes svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.axis-tip{position:absolute;transform:translate(-50%,-50%);border:2px solid var(--axis);background:var(--axis);border-radius:50%;width:20px;height:20px;padding:0;color:#182423;font:700 12px/16px sans-serif}.axis-0{--axis:#db5164}.axis-1{--axis:#91b936}.axis-2{--axis:#499ae2}.axis-tip.negative{background:#f0f4f1;width:16px;height:16px}.axis-tip:hover,.axis-tip:focus-visible{outline:2px solid #324940}.material-preview{top:110px}.panel-edit{position:absolute;left:12px;bottom:12px;display:grid;justify-items:start;gap:4px;max-width:calc(100% - 125px)}.panel-edit button,.panel-edit small{background:#f7faf8}.panel-edit button[aria-pressed=true]{background:#1f544a;color:#fff}.panel-edit small{padding:3px 6px;border-radius:4px}.space3:has(.panel-edit button[aria-pressed=true]) .canvas3{cursor:ew-resize}main{background:#f6f8f7;color-scheme:light}main[data-theme=dark]{color-scheme:dark;color:#e0eae6;background:#192321;accent-color:#80cfb5;--surface:#222f2c;--control:#2c3a36;--border:#51645c;--muted:#a8c6b9;--drawing-paper:#374a44;--drawing-selected:#356e60;--drawing-cut:#80c8ec;--drawing-crease:#ee958d;--drawing-unknown:#a5b2ad;--drawing-edit:#78c9b3}[data-theme=dark] header{background:#122a26}[data-theme=dark] :is(aside,nav,fieldset,footer,.viewlabel,.viewtools,.material-preview,.panel-edit small){background:var(--surface);border-color:var(--border)}[data-theme=dark] :is(button:not(.axis-tip),input,select){background:var(--control);color:inherit;border-color:var(--border)}[data-theme=dark] :is(button:not(.axis-tip):hover,.active,button[aria-pressed=true]){background:#385c50;color:#fff}[data-theme=dark] button:disabled{color:#94a49c}[data-theme=dark] :is(h3,nav span){color:var(--muted)}[data-theme=dark] .viewer{background-color:#1b2623;background-image:radial-gradient(#42554d 1px,transparent 1px)}[data-theme=dark] .row .cut{border-color:var(--drawing-cut)}[data-theme=dark] .row .crease{border-color:var(--drawing-crease)}[data-theme=dark] .camera-rings,[data-theme=dark] .axis-tip.negative{background:#344640}[data-theme=dark] [role=alert]{background:#583b2d;color:#ffecda}.viewtools{max-width:calc(100% - 24px);flex-wrap:wrap}@font-face{font-family:BDO Grotesk;src:url(/brand/bdo-grotesk-variable.ttf) format("truetype");font-weight:300 900;font-style:normal;font-display:swap}:root{font-family:BDO Grotesk,Arial,sans-serif}main[data-theme]{--accent:#d9e026;--ink:#0f1a1d;--surface:#f4f7f8;--control:#fff;--border:#bccacc;--muted:#52666b;--hover:#e4eacc;color:var(--ink);background:#dfe8ea;accent-color:var(--accent);--drawing-selected:#d9e026;--drawing-paper:#d5dfe1}main[data-theme=dark]{--ink:#dfe8ea;--surface:#0f1a1d;--control:#18272b;--border:#35464b;--muted:#a9bcc2;--hover:#344435;background:#0a0b0e;--drawing-paper:#293c41;--drawing-selected:#8b941f;--drawing-edit:#d9e026}main[data-theme] header{padding:14px 22px;min-height:78px;gap:12px;background:var(--surface);color:var(--ink);border-bottom:1px solid var(--border)}.opak-brand{display:flex;align-items:center;flex-shrink:0}.opak-brand img{display:block;width:108px;height:auto}.lab-title{margin:0 16px 0 3px;padding-left:16px;border-left:1px solid var(--border);font-size:22px;font-weight:650;line-height:1.1;letter-spacing:-.04em}.lab-title span{display:block;margin-top:5px;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-weight:500}main[data-theme] :is(aside,nav,fieldset,footer,.viewlabel,.viewtools,.material-preview,.panel-edit small){background:var(--surface);border-color:var(--border)}main[data-theme] :is(button:not(.axis-tip),input,select){border-color:var(--border);border-radius:0;background:var(--control);color:var(--ink)}main[data-theme] button:not(.axis-tip){min-height:32px;transition:background-color .16s,color .16s;border-width:1px}main[data-theme] :is(button:not(.axis-tip):hover,.row.active){background:var(--hover);color:var(--ink)}main[data-theme] :is(.import,nav>button.active,button[aria-pressed=true]:not(.axis-tip)){background:var(--accent);color:#0a0b0e;border-color:var(--accent)}main[data-theme] .import:hover{background:#e7ec70}main[data-theme] button:disabled{opacity:.4;cursor:not-allowed}main[data-theme] :is(h3,nav span){color:var(--muted)}main[data-theme] :is(h3,.viewlabel){font-family:inherit;font-weight:600;font-size:10px;letter-spacing:.14em}main[data-theme] .row{background:transparent;border:0;font-family:inherit;font-size:11px;padding:7px 9px}main[data-theme] h2{font-weight:600;letter-spacing:-.03em}main[data-theme] .viewer{background-color:#dfe8ea;background-image:radial-gradient(#bac9cd 1px,transparent 1px)}main[data-theme=dark] .viewer{background-color:#0f1a1d;background-image:radial-gradient(#304349 1px,transparent 1px)}main[data-theme] .material-preview{border-radius:0;box-shadow:0 5px 18px #0002}main[data-theme] input[type=range]{accent-color:#879012;padding-inline:0}main[data-theme=dark] input[type=range]{accent-color:#d9e026}main[data-theme] :focus-visible{outline:2px solid #879012;outline-offset:3px}main[data-theme=dark] :focus-visible{outline-color:#d9e026}main[data-theme] .camera-rings{background:#dfe8eae6}main[data-theme=dark] .camera-rings{background:#203439e6}@media(max-width:1100px){main[data-theme] header{flex-wrap:wrap;gap:8px;padding:12px}.lab-title{margin-right:auto}.import{margin-left:0}}.templates-dialog{width:min(920px,calc(100vw - 32px));max-height:85dvh;margin:auto;padding:24px;border:1px solid var(--border);background:var(--surface);color:var(--ink);overflow:auto}.templates-dialog::backdrop{background:#0a0b0ec9}.templates-heading{display:flex;justify-content:space-between;align-items:start;gap:20px}.templates-heading h2{font-size:28px;margin:0}.templates-heading p,.templates-note{font-size:12px;color:var(--muted);margin:8px 0 20px}.templates-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;margin-block:20px}main[data-theme] .template-card{text-align:left;padding:0;display:flex;flex-direction:column;overflow:hidden}.template-card img{width:100%;height:170px;-o-object-fit:contain;object-fit:contain;padding:20px;background:#fff}.template-card strong{padding:14px 14px 6px;text-transform:capitalize}.template-card span{padding:0 14px 14px;color:var(--muted);font-size:12px}.templates-note{margin-bottom:0}.point-editor-canvas{position:absolute;top:0;right:0;bottom:0;left:0;touch-action:none}.point-editor-canvas circle{cursor:crosshair}.point-editor-tools{position:absolute;right:12px;top:12px;width:min(275px,calc(100% - 24px));max-height:calc(100% - 110px);overflow:auto;background:var(--surface);border:1px solid var(--border);padding:12px;box-shadow:0 4px 18px #0003;font-size:12px}.point-editor-tools p{font-size:11px;color:var(--muted);margin:6px 0}.point-editor-tools>div{display:flex;flex-wrap:wrap;gap:4px}.point-editor-tools form{margin-block:8px}.point-editor-tools small{color:var(--muted)}