.umb-app{--umb-ink:#22394b;--umb-accent:#245c7b;--umb-line:#d4dee5;--umb-muted:#596b79;background:#f6f8fa;color:var(--umb-ink);min-height:100dvh;font-family:var(--font-outfit),sans-serif;overflow:auto;height:100dvh}
.umb-app *{box-sizing:border-box}.umb-app button,.umb-app input,.umb-app select{font:inherit}.umb-app button{cursor:pointer;border:1px solid var(--umb-line);background:white;color:var(--umb-ink);border-radius:7px;padding:10px 14px;min-height:42px;font-size:14px;font-weight:500}.umb-app button:hover{border-color:var(--umb-accent);background:#eff5f8}.umb-app button:disabled{opacity:.45;cursor:default}.umb-app :focus-visible{outline:3px solid #418cb7;outline-offset:3px}.umb-app button.umb-primary{background:var(--umb-accent);color:white;border-color:var(--umb-accent)}.umb-app h1,.umb-app h2,.umb-app p{margin:0}.umb-app h2{font-size:19px;font-weight:550}.umb-app p{line-height:1.55}.umb-header{display:flex;align-items:center;gap:34px;padding:18px 32px;background:white;border-bottom:1px solid var(--umb-line)}.umb-brand{font-weight:800;font-size:24px;text-decoration:none;color:#22394b;line-height:1}.umb-brand span{display:block;font-size:11px;font-weight:500;margin-top:6px}.umb-heading{flex:1 1}.umb-heading h1{font-size:20px;font-weight:600}.umb-heading>span{font-size:13px;color:var(--umb-muted)}.umb-notice{background:#fff4db;padding:11px 32px;font-size:13px;color:#715318;display:flex;align-items:center;gap:10px}.umb-notice>span:last-child{margin-left:8px;color:#75654a}.umb-dot{width:7px;height:7px;border-radius:50%;background:#b88825;flex-shrink:0}.umb-workspace{display:grid;grid-template-columns:minmax(0,1fr) 350px;max-width:1600px;margin:auto;border-bottom:1px solid var(--umb-line)}.umb-stage{min-width:0;padding:30px 32px 20px;position:relative}.umb-stage-title{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.umb-stage-title h2{font-size:clamp(22px,2.5vw,34px);line-height:1.2;max-width:600px}.umb-stage-title p{color:var(--umb-muted);font-size:14px;margin-top:9px}.umb-count{font-size:12px;white-space:nowrap;background:white;padding:7px 10px;border-radius:20px}.umb-viewer{height:440px;height:clamp(340px,44vw,560px);position:relative;margin-top:22px;border-radius:14px;overflow:hidden;background:#e9eef2}.umb-viewer canvas{display:block;touch-action:none;max-width:100%}.umb-model-label{position:absolute;left:15px;bottom:13px;pointer-events:none;font-size:11px;color:#5c6f7e;z-index:1}.umb-viewer-error{position:absolute;z-index:2;bottom:40px;left:15px;right:15px;padding:12px;background:#fff0dd;font-size:13px}.umb-view-controls{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:14px 0;color:var(--umb-muted);font-size:12px}.umb-view-controls>div{display:flex;gap:6px}.umb-view-controls button{padding:6px 12px;min-height:36px;font-size:12px}.umb-panel-strip{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:9px;gap:9px;max-width:630px;margin:8px auto 23px}.umb-panel-strip button{position:relative;padding:7px;display:grid;justify-items:center;grid-gap:6px;gap:6px;background:transparent;border-color:transparent}.umb-panel-strip button[aria-pressed=true]{background:white;border-color:#245c7b}.umb-panel-strip button>span{width:100%;height:37px;-webkit-clip-path:polygon(50% 0,100% 100%,0 100%);clip-path:polygon(50% 0,100% 100%,0 100%);position:relative}.umb-art-dot{position:absolute;width:8px;height:8px;border-radius:50%;background:white;border:1px solid #8899a3;left:calc(50% - 4px);top:22px}.umb-panel-strip b{font-size:12px;font-weight:500}.umb-export{display:flex;gap:10px;justify-content:center}.umb-editor{background:white;border-left:1px solid var(--umb-line);padding:25px 24px}.umb-fieldset{border:0;padding:0;margin:0;min-width:0}.umb-section-heading{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:17px}.umb-section-heading span{font-size:12px;color:var(--umb-muted)}.umb-swatches{display:flex;flex-wrap:wrap;gap:7px;align-items:center}.umb-swatches button{width:27px;height:27px;min-height:0;padding:0;border-radius:50%;border:1px solid #c4cdd3}.umb-swatches button[aria-pressed=true]{outline:2px solid var(--umb-accent);outline-offset:2px}.umb-color-picker{font-size:12px;display:flex;align-items:center;gap:5px}.umb-color-picker input{width:26px;height:27px;padding:0;border:0}.umb-app button.umb-text-button{padding:9px 0;min-height:35px;border:0;background:transparent;color:var(--umb-accent);text-decoration:underline;text-underline-offset:3px;font-size:12px}.umb-flat{width:160px;height:200px;margin:13px auto 9px;position:relative;touch-action:none;cursor:move}.umb-flat svg{width:100%;height:100%;display:block}.umb-flat>span{position:absolute;bottom:24%;left:18%;right:18%;font-size:11px;text-align:center;color:white;pointer-events:none}.umb-hint{font-size:11px;color:var(--umb-muted);margin-top:7px!important}.umb-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:13px}.umb-actions button{font-size:12px}.umb-filename{font-size:11px;overflow-wrap:anywhere;padding-top:8px}.umb-slider{display:grid;grid-template-columns:1fr auto;grid-gap:5px;gap:5px;font-size:12px;margin-top:11px;align-items:center}.umb-slider output{color:var(--umb-muted)}.umb-slider input{grid-column:1/-1;width:100%;accent-color:var(--umb-accent);height:16px}.umb-warning{background:#fff6e7;color:#806027;font-size:12px;padding:10px;border-radius:6px;margin-top:10px!important}.umb-handle{border-top:1px solid var(--umb-line);margin-top:15px;padding-top:17px}.umb-handle-options{display:flex;gap:7px;margin-top:12px}.umb-handle-options button{flex:1 1;display:grid;justify-items:center;grid-gap:8px;gap:8px;font-size:12px;padding:12px 6px}.umb-handle-options button[aria-pressed=true]{border-color:var(--umb-accent);background:#eff6fa}.umb-grip{display:block;width:17px;height:32px;border-radius:6px;background:linear-gradient(90deg,#222c33,#5b6871,#222c33)}.umb-grip--wood{background:repeating-linear-gradient(85deg,#9e6e3c,#b78851 3px,#a37142 5px)}.umb-grip--rubber{background:repeating-linear-gradient(0deg,#303b42,#303b42 3px,#48535a 4px);border-radius:7px}.umb-order{display:grid;grid-template-columns:1.1fr 1fr;grid-gap:50px;gap:50px;max-width:1400px;margin:auto;padding:32px}.umb-order>div>p,.umb-factory>p{font-size:13px;color:var(--umb-muted);margin-top:8px;max-width:560px}.umb-order-fields{display:grid;grid-template-columns:1fr 140px;grid-gap:15px;gap:15px;margin-top:20px}.umb-order label{display:grid;grid-gap:6px;gap:6px;font-size:12px}.umb-order input,.umb-order select{background:white;color:var(--umb-ink);border:1px solid var(--umb-line);border-radius:5px;padding:9px;width:100%;min-width:0}.umb-saved-label{margin-top:20px}.umb-factory{border:1px solid var(--umb-line);border-radius:9px;padding:18px;background:#fff;align-self:start}.umb-factory summary{cursor:pointer;font-size:15px;font-weight:500}.umb-factory-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px;margin-top:20px}.umb-status{position:-webkit-sticky;position:sticky;bottom:0;z-index:5}.umb-status p{padding:13px 30px;background:#e5f3ea;border-top:1px solid #aacbb6;font-size:14px;box-shadow:0 -2px 12px #22394b14}.umb-status p[role=alert]{background:#fff0e4;color:#863b1f;border-color:#e6c0a9}
@media(min-width:1300px){.umb-workspace{grid-template-columns:minmax(0,1fr) 385px}.umb-editor{padding:28px 32px}}
@media(max-width:800px){.umb-header{padding:14px 16px;gap:16px;flex-wrap:wrap}.umb-heading h1{font-size:16px}.umb-heading>span{font-size:11px}.umb-brand{font-size:19px}.umb-header>button{font-size:12px;padding:8px 10px}.umb-notice{padding:10px 16px;flex-wrap:wrap;gap:6px}.umb-notice>span:last-child{width:100%;margin:0;padding-left:13px}.umb-workspace{grid-template-columns:1fr}.umb-stage{padding:22px 16px}.umb-stage-title h2{font-size:25px}.umb-count{display:none}.umb-viewer{height:370px;margin-top:18px}.umb-editor{border-left:0;border-top:1px solid var(--umb-line);padding:24px}.umb-flat{width:176px;height:220px}.umb-order{grid-template-columns:1fr;padding:24px 18px;gap:25px}.umb-panel-strip{gap:4px;margin-bottom:15px}.umb-export button{font-size:12px;padding:10px}.umb-view-controls>span{max-width:130px}.umb-order-fields{grid-template-columns:1fr 110px}.umb-status p{padding:12px 18px;font-size:12px}}
.umb-dimensions{display:flex;flex-wrap:wrap;gap:8px 18px;padding:13px 0;border-bottom:1px solid var(--umb-line);font-size:12px;color:var(--umb-muted)}.umb-dimensions strong{color:var(--umb-ink)}.umb-dimensions small{flex-basis:100%;font-size:11px}
.umb-frame{border-top:1px solid var(--umb-line);margin-top:15px;padding-top:17px}.umb-frame svg{width:100%;height:auto;display:block;background:#f4f7f9;border-radius:8px}.umb-frame-shaft{stroke:#8394a3;stroke-width:5}.umb-frame-level{stroke:#b9c4cc;stroke-width:2;stroke-dasharray:8 8}.umb-frame-ghost{fill:none;stroke:#9aa8b3;stroke-width:3;stroke-dasharray:10 8}.umb-frame-rib{fill:none;stroke:#22394b;stroke-width:7;stroke-linejoin:round;stroke-linecap:round}.umb-frame-joint{fill:white;stroke:#22394b;stroke-width:3}.umb-frame-arc{fill:none;stroke:#2f7aa3;stroke-width:4}.umb-frame-arc--outer{stroke:#c0662b}.umb-frame-angle{font-size:26px;font-weight:600;fill:#2f7aa3;text-anchor:middle;dominant-baseline:middle}.umb-frame-angle--outer{fill:#c0662b}.umb-frame-seg{font-size:22px;fill:#5c6f7e;text-anchor:middle}.umb-frame-note{font-size:20px;fill:#5c6f7e}.umb-frame .umb-slider small{grid-column:1/-1;font-size:11px;color:var(--umb-muted)}.umb-frame-readout{font-size:12px;margin-top:12px!important}
.umb-mode{display:grid;grid-template-columns:1fr 1fr;grid-gap:4px;gap:4px;padding:4px;background:#eef2f5;border-radius:9px;margin-bottom:20px}.umb-app .umb-mode button{border:0;background:transparent;min-height:38px;font-size:13px;padding:8px 6px}.umb-app .umb-mode button[aria-pressed=true]{background:white;box-shadow:0 1px 3px #22394b26;color:var(--umb-accent);font-weight:600}.umb-mode small{font-size:10px;color:var(--umb-muted);font-weight:400}
.umb-top{width:100%;max-width:300px;height:auto;display:block;margin:4px auto 6px;touch-action:none;cursor:move}.umb-top-seam{stroke:#14202acc;stroke-width:2.5}.umb-top-edge{fill:none;stroke:#14202a;stroke-width:4}.umb-top-joint{fill:none;stroke:#ffffffd9;stroke-width:3;stroke-dasharray:14 10}.umb-top-cap{fill:#30383d;stroke:#c2cad0;stroke-width:4}.umb-top-num{font-size:34px;font-weight:600;fill:#14202a;paint-order:stroke;stroke:#ffffffcc;stroke-width:8px;text-anchor:middle;dominant-baseline:middle;pointer-events:none}.umb-top-empty{font-size:40px;fill:#5c6f7e;text-anchor:middle;pointer-events:none}
.umb-dpi{font-size:12px;padding:8px 10px;border-radius:6px;margin-top:10px!important}.umb-dpi--good{background:#e5f3ea;color:#1f5f38}.umb-dpi--fair{background:#fff6e7;color:#806027}.umb-dpi--low{background:#fff0e4;color:#863b1f}.umb-bg{margin-top:16px;display:grid;grid-gap:8px;gap:8px;font-size:12px}
.umb-strap{border-top:1px solid var(--umb-line);margin-top:15px;padding-top:17px}.umb-strap-preview{margin:4px 0 12px;filter:drop-shadow(0 1px 2px #22394b33)}.umb-strap-preview svg{display:block;width:100%;height:auto}.umb-mode--small{margin-bottom:12px}.umb-app .umb-mode--small button{min-height:34px;font-size:12px}.umb-strap-text{display:grid;grid-gap:6px;gap:6px;font-size:12px;margin-top:12px}.umb-strap-text input{border:1px solid var(--umb-line);border-radius:5px;padding:8px;font-size:13px;min-width:0}
.umb-strap-image{margin-top:12px}.umb-strap-image .umb-mode{margin-top:10px}
.umb-fold{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:6px 14px;gap:6px 14px;align-items:center;padding:12px 0 2px}.umb-fold label{display:grid;grid-template-columns:auto 1fr auto;grid-gap:10px;gap:10px;align-items:center;font-size:13px;font-weight:500}.umb-fold output{order:3;color:var(--umb-muted);font-size:12px;min-width:34px;text-align:right}.umb-fold input{accent-color:var(--umb-accent);min-width:0}.umb-app .umb-fold button{min-height:38px;font-size:13px}.umb-fold small{grid-column:1/-1;font-size:11px;color:var(--umb-muted)}