.stl-lab{--lab-line:#cddfdf;--lab-accent:#087f8c;margin-bottom:4rem}.stl-lab *{box-sizing:border-box}.stl-lab [hidden]{display:none!important}.stl-lab__intro{max-width:780px;margin:2rem 0}.stl-lab__intro h1{font-size:clamp(2.8rem,6vw,5rem);margin:.25rem 0;letter-spacing:-.055em}.stl-lab__intro p{max-width:65ch}.stl-lab__tag{color:var(--lab-accent);font-weight:700;font-size:.8rem;text-transform:uppercase;letter-spacing:.13em}.stl-lab__layout{display:grid;grid-template-columns:minmax(220px,280px) minmax(0,1fr);gap:24px;align-items:start}.stl-lab__catalog{padding:20px;border:1px solid var(--lab-line);border-radius:16px;background:#f7fafa}.stl-lab__catalog summary{font-weight:700;cursor:pointer;margin-bottom:12px}.stl-lab__cards{display:grid;gap:5px;margin-top:12px;max-height:560px;overflow:auto}.stl-lab__cards button{font:inherit;text-align:left;border:1px solid transparent;background:transparent;color:#173941;padding:10px 12px;border-radius:8px;min-height:44px;cursor:pointer}.stl-lab__cards button:hover{background:#e4f1f1}.stl-lab__cards button[aria-pressed=true]{border-color:var(--lab-accent);background:#dff2f2;font-weight:700}.stl-lab__workspace{min-width:0;border:1px solid var(--lab-line);border-radius:16px;overflow:hidden}.stl-lab__workspace header{padding:20px 24px;border-bottom:1px solid var(--lab-line)}.stl-lab__workspace h2{margin:0 0 6px;font-size:1.5rem}.stl-lab__workspace header p{margin:0;color:#426069;font-size:.9rem}.stl-lab__view{position:relative;min-height:330px;height:400px;background:#f1f7f7}.stl-lab__view canvas{display:block;touch-action:none;max-width:100%}.stl-lab__view-tools{display:flex;gap:8px;flex-wrap:wrap;padding:10px 20px;background:#f1f7f7}.stl-lab button,.stl-lab input,.stl-lab select{font:inherit}.stl-lab input,.stl-lab select{width:100%;max-width:100%;min-height:44px;border:1px solid #98b3b7;border-radius:7px;background:#fff;color:#173941;padding:8px 10px}.stl-lab button:disabled{opacity:.45;cursor:not-allowed}.stl-lab button:focus-visible,.stl-lab a:focus-visible,.stl-lab input:focus-visible,.stl-lab select:focus-visible{outline:3px solid #0b6a76;outline-offset:3px}.stl-lab__plain{border:1px solid #aac4c7;background:#fff;color:#173941;border-radius:7px;padding:9px 13px;min-height:44px;cursor:pointer}.stl-lab__form{padding:24px}.stl-lab__fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.stl-lab__fields label span{display:block;font-size:.85rem;font-weight:650;margin-bottom:6px}.stl-lab__fields small{display:block;color:#49646b;font-size:.75rem;margin-top:3px}.stl-lab__actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px;align-items:center}.stl-lab__result{padding:0 24px 24px}.stl-lab__status{padding:14px 16px;background:#edf7f3;border:1px solid #a4cfc1;border-radius:8px;font-size:.9rem;min-height:52px}.stl-lab__status[data-state=error]{background:#fff1eb;border-color:#e5af95;color:#7d351a}.stl-lab__stats{font-variant-numeric:tabular-nums;font-size:.85rem;color:#426069;overflow-wrap:anywhere}.stl-lab__downloads{display:flex;flex-wrap:wrap;gap:10px}.stl-lab__order{margin-top:16px;padding-top:16px;border-top:1px solid var(--lab-line)}.stl-lab__order p{font-size:.85rem;color:#426069;max-width:65ch}.stl-lab__save{margin-top:20px;display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-size:.85rem}.stl-lab__save input{max-width:240px;font-size:.8rem}.stl-lab__notes{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:32px;border-top:1px solid var(--lab-line);padding-top:24px}.stl-lab__notes h2{font-size:1rem}.stl-lab__notes p{font-size:.9rem;color:#426069}.stl-lab__drawing{margin-top:20px}.stl-lab__drawing canvas{width:100%;max-width:400px;aspect-ratio:1;display:block;border:1px solid var(--lab-line);cursor:crosshair}.stl-lab__coordinates{display:flex;gap:8px;flex-wrap:wrap;align-items:end}.stl-lab__coordinates label{width:100px}.stl-lab__coordinates input{width:100%}@media(max-width:1000px){.stl-lab__layout{grid-template-columns:220px minmax(0,1fr)}.stl-lab__fields{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.stl-lab__layout{grid-template-columns:minmax(0,1fr)}.stl-lab__cards{grid-template-columns:repeat(2,minmax(0,1fr));max-height:240px}.stl-lab__catalog{padding:14px}.stl-lab__view{height:300px;min-height:280px}.stl-lab__form,.stl-lab__workspace header{padding:18px}.stl-lab__result{padding:0 18px 18px}.stl-lab__notes{grid-template-columns:1fr;gap:4px}.stl-lab__fields{gap:12px}.stl-lab__intro{margin-top:1.5rem}}@media(prefers-reduced-motion:reduce){.stl-lab *{scroll-behavior:auto!important;transition:none!important}}
.diylab-site .stl-lab__workspace h2{font-size:1.5rem;line-height:1.25;margin:0 0 6px}.diylab-site .stl-lab__notes h2{font-size:1.1rem;line-height:1.35;letter-spacing:0}.diylab-site .stl-lab input,.diylab-site .stl-lab select{border-radius:7px}.diylab-site .stl-lab__form button.diylab-button{background:#087f8c;color:#fff;border:1px solid #087f8c}
.stl-lab__features{margin-top:24px;border-top:1px solid var(--lab-line);padding-top:20px}.stl-lab__features summary{font-weight:700;cursor:pointer}.stl-lab__features p{font-size:.85rem;color:#426069}.stl-lab__feature-tools{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.stl-lab__feature-tools select{flex:1;min-width:140px}.stl-lab__features button[aria-pressed]{margin:0 6px 12px 0}.stl-lab__features button[aria-pressed=true]{background:#dff2f2;border-color:#087f8c}.stl-lab__face-guide{width:100%;max-width:360px;height:auto;border:1px solid var(--lab-line);border-radius:8px;cursor:crosshair}.stl-lab__features input[type=file]{margin-top:8px}

.stl-lab [hidden]{display:none!important}.stl-lab__presets{margin:1rem 0;padding:1rem;border:1px solid #b4d9db;border-radius:12px;background:#effafa}.stl-lab__presets summary{font-weight:700;cursor:pointer;margin-bottom:.7rem}[data-lab-view][data-stale="true"] canvas{opacity:.45}.stl-lab__fields label{align-self:start}

.stl-lab__live-hint{margin:0;padding:10px 20px;background:#e4f3f2;color:#23545b;font-size:.85rem}

@media(min-width:1200px){.stl-lab__workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,1fr);overflow:visible;align-items:start}.stl-lab__workspace>header{grid-column:1/-1}.stl-lab__preview-panel{grid-column:1;grid-row:2/4;position:sticky;top:90px;min-width:0}.stl-lab__form{grid-column:2;grid-row:2;padding:20px;border-left:1px solid var(--lab-line)}.stl-lab__form>.stl-lab__fields{grid-template-columns:repeat(2,minmax(0,1fr))}.stl-lab__result{grid-column:2;grid-row:3;padding:0 20px 20px;border-left:1px solid var(--lab-line)}.stl-lab__features .stl-lab__fields{grid-template-columns:repeat(2,minmax(0,1fr))}.stl-lab__live-hint{border-radius:0 0 0 8px}}

.stl-lab__edit-tools{display:flex;flex-wrap:wrap;gap:8px;padding:12px 20px;background:#f5fafa}.stl-lab__pattern{padding:12px 0;border-top:1px solid var(--lab-line)}.stl-lab__pattern .stl-lab__fields{margin:12px 0}@media(min-width:1200px){.stl-lab__edit-tools{grid-column:2;grid-row:2;border-left:1px solid var(--lab-line)}.stl-lab__form{grid-row:3}.stl-lab__result{grid-row:4}.stl-lab__preview-panel{grid-row:2/5}}

.stl-lab__settings-hint{font-size:.85rem;line-height:1.5;color:#426069;padding:12px;border-left:3px solid #087f8c;background:#f1f7f7}

.stl-lab__edge-guide{display:block;width:100%;max-width:400px;margin:auto;background:#f1f7f7;border-radius:12px}.stl-lab__edge-guide g{cursor:pointer;fill:none;stroke:#7d9297;stroke-width:8;outline:none}.stl-lab__edge-guide g[data-style="chamfer"]{stroke:#087f8c}.stl-lab__edge-guide g[data-style="round"]{stroke:#be6500}.stl-lab__edge-guide g:hover,.stl-lab__edge-guide g:focus{stroke-width:12;filter:drop-shadow(0 0 2px #173941)}