:root{--bg:#f4f3f0;--panel:#fff;--fg:#1d2127;--muted:#646b76;--line:#e1dfd9;--accent:#d98a1c;--accent-fg:#fff;--warn:#b5432f;--stage:#e9e8e4;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:#15171b;--panel:#1d2026;--fg:#e7e5e0;--muted:#9ba2ad;--line:#2e323a;--accent:#e9a23b;--accent-fg:#1a1406;--warn:#ec7f6a;--stage:#23262c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--fg);flex-direction:column;font:14px/1.45 system-ui,-apple-system,Segoe UI,sans-serif;display:flex}button,input,select{font:inherit;color:inherit}.top{border-bottom:1px solid var(--line);background:var(--panel);justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.top-actions{align-items:center;gap:8px;display:flex}.top-actions .btn{white-space:nowrap}.brand{align-items:center;gap:10px;font-size:16px;font-weight:650;display:flex}.version{border:1px solid var(--line);background:var(--bg);color:var(--fg);font:inherit;cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:3px 10px 3px 8px;font-size:12px;font-weight:550;display:inline-flex}.version-date{color:var(--muted);font-weight:400}.version:hover{border-color:var(--accent)}.changes{border:1px solid var(--line);background:var(--panel);max-width:min(560px,100vw - 32px);max-height:min(80dvh,640px);color:var(--fg);border-radius:10px;padding:16px 20px}.changes::backdrop{background:#00000059}.changes-head{justify-content:space-between;align-items:baseline;gap:16px;display:flex}.changes h2{margin:0;font-size:16px}.changes h3{color:var(--muted);margin:14px 0 4px;font-size:13px;font-weight:600}.changes ul{margin:0;padding-left:18px}.changes li{margin:3px 0}.logo{background:var(--accent);width:22px;height:22px;box-shadow:inset 0 0 0 5px var(--accent), inset 0 0 0 11px #fff3d6;border-radius:5px}#lang{background:var(--panel);border:1px solid var(--line);border-radius:6px;width:auto;padding:2px 6px}.layout{flex:1;grid-template-rows:1fr auto;grid-template-columns:340px 1fr;min-height:0;display:grid}.layout>.side{grid-row:1/3}.side{background:var(--bg);border-right:1px solid var(--line);padding:8px 14px 24px;overflow-y:auto}.pic-list{gap:10px;margin-top:12px;display:grid}.pic-library{border:1px solid var(--line);background:var(--bg);border-radius:8px;padding:10px}.pic-library.drop{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 8%, var(--bg))}.pic-empty{border:2px dashed var(--line);width:100%;color:var(--muted);cursor:pointer;font:inherit;background:0 0;border-radius:8px;padding:22px 12px}.pic-empty:hover{border-color:var(--accent);color:var(--fg)}.pic-lib-head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.pic-clear-all{color:var(--muted);font-size:12px}.pic-grid{grid-template-columns:repeat(auto-fill,minmax(56px,1fr));gap:6px;display:grid}.pic-cell{cursor:grab;position:relative}.pic-cell canvas{border:1px solid var(--line);border-radius:6px;width:100%;height:auto;display:block}.pic-del{color:#fff;cursor:pointer;background:#0000008c;border:0;border-radius:50%;width:18px;height:18px;font-size:10px;display:none;position:absolute;top:2px;right:2px}.pic-cell:hover .pic-del{display:block}.pic-used{color:#fff;white-space:nowrap;text-overflow:ellipsis;background:#0009;border-radius:3px;padding:1px 3px;font-size:9.5px;line-height:1.2;position:absolute;bottom:2px;left:2px;right:2px;overflow:hidden}.pic-row.empty{opacity:.85}.pic-thumb[draggable=true]{cursor:grab}.pic-chooser{border-top:1px solid var(--line);flex-wrap:wrap;gap:6px;margin-top:8px;padding-top:8px;display:flex}.pic-chooser canvas{cursor:pointer;border:2px solid #0000;border-radius:6px;width:48px;height:48px}.pic-chooser canvas.current,.pic-chooser canvas:hover{border-color:var(--accent)}.pic-group-title{color:var(--fg);margin-top:6px;font-size:12px;font-weight:600}.pic-demo{margin-top:10px;font-size:13px}.pic-row{border:1px dashed var(--line);border-radius:8px;padding:8px}.pic-row.drop{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 8%, transparent)}.pic-head{grid-template-columns:auto 1fr;align-items:center;gap:4px 10px;display:grid}.pic-head .pic-thumb{grid-row:span 2}.pic-thumb{background:var(--bg);border:1px solid var(--line);border-radius:4px;width:48px;height:auto}.pic-text{min-width:0;display:grid}.pic-text span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.pic-actions{flex-wrap:wrap;gap:4px;display:flex}.btn.ghost{color:var(--muted);background:0 0;border-color:#0000}.btn.small.primary{background:var(--accent);color:var(--accent-fg);border-color:var(--accent)}.pic-editor{gap:8px;margin-top:10px;display:grid}.pic-view{cursor:grab;touch-action:none;border:1px solid var(--line);border-radius:6px;width:100%;height:auto}.pic-tools{flex-wrap:wrap;gap:6px;display:flex}.pic-controls{gap:4px;display:grid}.pic-slider{color:var(--muted);grid-template-columns:82px 1fr 46px;align-items:center;gap:8px;font-size:12.5px;display:grid}.pic-slider output{text-align:right;font-variant-numeric:tabular-nums}.hint{color:var(--muted);margin:4px 0 8px;font-size:12.5px}.profile-actions{align-items:center;gap:12px;display:flex}.btn.small{padding:4px 10px;font-size:13px;display:inline-block}.preset{color:var(--muted);gap:4px;padding:2px 0 14px;font-size:13px;display:grid}.preset select{background:var(--panel)}.preset[hidden]{display:none}.steps{background:var(--bg);z-index:2;grid-template-columns:1fr 1fr;gap:6px;padding:6px 0 10px;display:grid;position:sticky;top:-8px}.step{border:1px solid var(--line);background:var(--panel);cursor:pointer;color:var(--muted);border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:9px 10px;font-weight:600;display:flex}.step .num{background:var(--line);width:20px;height:20px;color:var(--fg);border-radius:50%;place-items:center;font-size:12px;display:inline-grid}.step[aria-selected=true]{color:var(--fg);border-color:var(--accent);box-shadow:inset 0 -3px 0 var(--accent)}.step[aria-selected=true] .num{background:var(--accent);color:var(--accent-fg)}.step-body[hidden]{display:none}.step-next{width:100%;margin:4px 0 16px;padding:10px}.btn.primary.step-next{background:var(--accent);color:var(--accent-fg);border-color:var(--accent)}body[data-step=design]:not(.has-pictures) .viewbar label:has(#lamp){display:none}body[data-step=pictures] #reset,body[data-step=pictures] #presetRow,body[data-step=pictures] #shapeRow{display:none}.side-head{justify-content:space-between;align-items:center;padding:2px 0 10px;display:flex}details.group{background:var(--panel);border:1px solid var(--line);border-radius:10px;margin:0 0 12px;padding:2px 14px}details.group[open]{padding-bottom:12px}details.group>summary{cursor:pointer;justify-content:space-between;padding:11px 0;font-size:14.5px;font-weight:600;list-style:none;display:flex}details.group>summary::-webkit-details-marker{display:none}details.group[open]>summary{border-bottom:1px solid var(--line);margin-bottom:6px}details.group>summary:after{content:"▾";color:var(--muted)}details.group:not([open])>summary:after{content:"▸"}.prow{padding:7px 0;position:relative}.preset-one{color:var(--accent);cursor:pointer;background:0 0;border:0;border-radius:4px;padding:2px 4px;font-size:15px;line-height:1;position:absolute;top:4px;right:0}.preset-one:hover,.preset-one:focus-visible{background:var(--line)}.preset-one[hidden]{display:none}.prow-bool .preset-one{top:50%;transform:translateY(-50%)}.prow-number .plabel,.prow-select .plabel,.prow-text .plabel{padding-right:24px}.prow[hidden]{display:none}.prow-bool{align-items:center;gap:8px;display:flex}.plabel{color:var(--fg);align-items:center;gap:6px;font-size:13px;display:flex}.prow-number .plabel,.prow-select .plabel{color:var(--muted);margin-bottom:3px}.help{border:1px solid var(--line);width:15px;height:15px;color:var(--muted);cursor:help;border-radius:50%;place-items:center;font-size:10px;display:inline-grid}button.help{line-height:inherit;background:0 0;padding:0}.help[aria-expanded=true]{border-color:var(--accent);color:var(--accent)}.phelp{flex-basis:100%;margin:4px 0 2px}.prow-bool:has(>.phelp){flex-wrap:wrap}.pnum{grid-template-columns:1fr 72px 28px;align-items:center;gap:8px;display:grid}.pnum input[type=number]{border:1px solid var(--line);background:var(--bg);text-align:right;border-radius:6px;width:100%;padding:3px 6px}.unit{color:var(--muted);font-size:12px}input[type=range]{accent-color:var(--accent);width:100%}input[type=checkbox]{accent-color:var(--accent)}.ptext{border:1px solid var(--line);background:var(--bg);resize:vertical;width:100%;font:inherit;border-radius:6px;padding:5px 8px}select{border:1px solid var(--line);background:var(--bg);border-radius:6px;width:100%;padding:4px 6px}.pformat{grid-template-columns:1fr auto;align-items:center;gap:6px;display:grid}.btn.link-size{place-items:center;width:32px;height:28px;padding:0;display:inline-grid}.btn.link-size svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;width:16px;height:16px}.btn.link-size[aria-pressed=true]{color:var(--accent);border-color:var(--accent)}.btn.link-size[aria-pressed=true] .cut{display:none}.pformat-size{margin:4px 0 0}.stage{background:var(--stage);grid-area:1/2;grid-template-rows:auto 1fr;min-width:0;min-height:0;display:grid}.stage #viewport{grid-area:1/1/3;min-height:320px;position:relative}.stage #viewport canvas{display:block;position:absolute;inset:0}.no-webgl{text-align:center;color:var(--muted);place-content:center;gap:8px;max-width:520px;margin:auto;padding:24px;display:grid;position:absolute;inset:0}.no-webgl strong{color:var(--fg);font-size:16px}.no-webgl p{margin:0}.no-webgl details{text-align:left;background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:8px 12px}.no-webgl summary{cursor:pointer;color:var(--fg);font-weight:550}.no-webgl ol{margin:8px 0 2px;padding-left:20px}.no-webgl li{margin:4px 0}.no-webgl .btn{justify-self:center}body.no-3d .viewbar label,body.no-3d .viewbar button{display:none}.viewbar{z-index:1;pointer-events:none;flex-wrap:wrap;grid-area:1/1;align-items:center;gap:6px 16px;padding:10px 14px;display:flex}.viewbar>*{pointer-events:auto;background:color-mix(in srgb, var(--panel) 85%, transparent);border-radius:8px;align-items:center;gap:6px;padding:3px 8px;display:inline-flex}.viewbar input[type=range]{width:110px}.status{color:var(--muted);margin-left:auto;font-size:12px}.status:empty{display:none}.status.error{color:var(--warn)}body.busy .status:before{content:"";background:var(--accent);border-radius:50%;width:8px;height:8px;animation:.8s infinite alternate pulse}@keyframes pulse{to{opacity:.2}}.outbar{background:var(--panel);border-top:1px solid var(--line);flex-wrap:wrap;grid-area:2/2;justify-content:space-between;align-items:flex-end;gap:10px 20px;padding:10px 14px;display:flex}.info{color:var(--muted);margin:0;padding:0;font-size:13px;list-style:none}.info li.warn{color:var(--warn);font-weight:550}.exports{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.parts{flex-wrap:wrap;gap:6px;display:flex}.part{border:1px solid var(--line);background:var(--bg);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:3px 10px;font-size:12px;display:inline-flex}.sw{border-radius:50%;width:10px;height:10px}.btn{border:1px solid var(--line);background:var(--bg);cursor:pointer;border-radius:8px;padding:7px 14px;font-weight:550}a.btn{color:var(--fg);text-decoration:none}.btn.primary{background:var(--accent);color:var(--accent-fg);border-color:var(--accent)}.link{color:var(--accent);cursor:pointer;background:0 0;border:0;padding:0}.ico,.fold,.splitter,.btn.more,#export3mf .short{display:none}.version .ico{width:14px;height:14px;fill:var(--accent);stroke:none;display:block}@media (max-width:760px){body{height:100dvh}.top{flex:none;height:48px;padding:0 12px}.brand{white-space:nowrap;min-width:0;font-size:15px;overflow:hidden}.version-text,.version-date{display:none}.version{padding:5px}.top-actions{flex-shrink:0;gap:6px}.top-actions .btn{place-items:center;width:34px;height:32px;padding:0;display:inline-grid}.top-actions .btn-text{display:none}.help{width:22px;height:22px;font-size:12px}.ico{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px;display:block}#lang{height:32px}.layout{flex-direction:column;display:flex}.layout>.side{flex:1;min-height:0;overflow-y:auto}.stage{border-bottom:1px solid var(--line);flex:0 auto;order:1;min-height:0;display:block;position:relative;overflow:hidden}.stage #viewport{height:30dvh;min-height:0}.viewbar{gap:6px;padding:8px;position:absolute;top:0;left:0;right:0}.viewbar input[type=range]{width:80px}.status{display:none}.splitter{background:var(--panel);border-bottom:1px solid var(--line);touch-action:none;cursor:row-resize;flex:none;order:2;height:22px;display:block;position:relative}.splitter:before{content:"";background:var(--muted);opacity:.6;border-radius:2px;width:44px;height:4px;margin:-2px 0 0 -22px;position:absolute;top:50%;left:50%}.splitter:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}body.preview-folded .stage #viewport,body.preview-folded .viewbar{display:none}body.preview-folded .fold{background:var(--stage);width:100%;height:36px;color:var(--muted);cursor:pointer;border:0;justify-content:space-between;align-items:center;padding:0 14px;font-size:12.5px;display:flex}body.preview-folded .chev:after{content:"▾"}body.settings-closed .side{display:none}.side{border-right:0;order:3;padding-top:0}.steps{padding-top:10px;top:0}.outbar{flex-flow:column;flex:none;order:4;align-items:stretch;gap:8px;padding:8px 12px;box-shadow:0 -4px 12px #00000014}.outbar:not(.open) .info,.outbar:not(.open) .parts,.outbar:not(.open) #exportPlain,.outbar:not(.open) #exportStl{display:none}.outbar.open{max-height:70dvh;overflow-y:auto}.exports{flex-wrap:wrap;justify-content:stretch}.parts{width:100%}#exportPlain,#exportStl{flex:40%}#export3mf{white-space:nowrap;flex:55%}#export3mf .long{display:none}#export3mf .short{display:inline}.btn.more{flex:none;align-items:center;gap:6px;display:inline-flex}.btn.more[aria-expanded=true]{border-color:var(--accent)}.badge{background:var(--warn);color:#fff;border-radius:9px;place-items:center;min-width:18px;height:18px;padding:0 5px;font-size:11px;display:inline-grid}.badge[hidden]{display:none}}