.dyof-3d,.dyof-3d *{box-sizing:border-box}
.dyof-3d{--bg:#03030a;--surface:#080812;--line:#20203b;--pink:#FC3177;--blue:#04C7FD;--text:#F5F7FA;--muted:#B8C0D4;max-width:1500px;margin:0 auto;background:var(--bg);color:var(--text);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;border:1px solid var(--line);border-radius:22px;overflow:clip;box-shadow:0 28px 90px rgba(0,0,0,.5),0 0 42px rgba(4,199,253,.08)}
.dyof-3d-return{padding:16px clamp(18px,4vw,58px);border-bottom:1px solid var(--line);background:#05050d}.dyof-3d-return a{display:inline-flex;align-items:center;min-height:44px;color:var(--blue);font:700 .875rem/1.4 system-ui,sans-serif;text-decoration:none;text-underline-offset:.25em}.dyof-3d-return a:hover{text-decoration:underline}.dyof-3d-return a:focus-visible{outline:2px solid var(--blue);outline-offset:4px}
.dyof-3d-banner{margin:0;padding:8px 18px;background:var(--pink);color:#fff;font-size:.875rem;font-weight:800;letter-spacing:.1em;text-align:center}
.dyof-3d-header{padding:30px clamp(18px,4vw,58px);border-bottom:1px solid var(--line);background:radial-gradient(circle at 75% 0,rgba(4,199,253,.14),transparent 40%),var(--surface)}
.dyof-3d-kicker{margin:0 0 12px;color:var(--text);font-size:.875rem;letter-spacing:.16em}.dyof-3d-brand-blue{color:var(--blue)}.dyof-3d-brand-pink{color:var(--pink)}.dyof-3d-brand-tail{color:var(--text)}
.dyof-3d-header h1{display:flex;flex-wrap:wrap;gap:0 .24em;margin:0 0 10px;font-family:Impact,"Arial Narrow",sans-serif;font-size:clamp(34px,5vw,68px);font-weight:400;letter-spacing:.03em;text-transform:uppercase}
.dyof-3d-header>p:last-child{max-width:720px;margin:0;color:var(--muted);font:1rem/1.65 system-ui,sans-serif}
.dyof-3d-mode{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;padding:1px;background:var(--line)}
.dyof-3d-mode button,.dyof-3d-mask-tools button{min-height:48px;border:0;background:#05050d;color:var(--muted);font-weight:900;letter-spacing:.05em;cursor:pointer}
.dyof-3d-mode>button{position:relative;display:grid;place-content:center;gap:3px}.dyof-3d-mode>button>b{position:absolute;inset:0;display:grid;place-items:center;background:rgba(3,3,10,.82);color:var(--pink);font-size:1rem;letter-spacing:.13em;border:2px solid var(--pink)}.dyof-3d-mode>button>small{display:none;color:var(--text);font-size:.8125rem}.dyof-3d-mode>button.is-status-open{min-height:94px;background:rgba(252,49,119,.1);border:1px solid var(--pink)}.dyof-3d-mode>button.is-status-open>b{position:static;background:none;border:0}.dyof-3d-mode>button.is-status-open>small{display:block}
.dyof-3d-mode button[aria-pressed=true],.dyof-3d-mask-tools button[aria-pressed=true]{background:rgba(4,199,253,.12);color:var(--blue);box-shadow:inset 0 -3px var(--blue)}
.dyof-3d-product-palette{position:relative;min-width:0;background:#05050d}
.dyof-3d-product-palette summary{min-height:58px;display:flex;align-items:center;justify-content:center;gap:12px;padding:8px 42px 8px 18px;background:linear-gradient(90deg,rgba(252,49,119,.18),rgba(252,49,119,.06));color:var(--pink);font-weight:900;letter-spacing:.08em;cursor:pointer;list-style:none;position:relative}
.dyof-3d-product-palette summary::-webkit-details-marker{display:none}.dyof-3d-product-palette summary:after{content:'▾';position:absolute;right:18px;font-size:1.125rem}.dyof-3d-product-palette[open] summary:after{content:'▴'}
.dyof-3d-product-palette summary small{color:var(--text);font-size:.8125rem;letter-spacing:.04em}.dyof-3d-product-palette.is-active summary{background:var(--pink);color:#fff;box-shadow:inset 0 -3px #fff}.dyof-3d-product-palette.is-active summary small{color:#fff}
.dyof-3d-product-menu{position:absolute;z-index:20;top:100%;right:0;left:0;display:grid;gap:1px;padding:1px;border:1px solid var(--pink);background:var(--pink);box-shadow:0 18px 38px rgba(0,0,0,.55)}
.dyof-3d-product-menu button{width:100%;padding:13px 18px;text-align:left;background:#080812;color:var(--text)}.dyof-3d-product-menu button:hover,.dyof-3d-product-menu button:focus-visible{background:rgba(252,49,119,.16);color:var(--pink)}.dyof-3d-product-menu button[aria-pressed=true]{background:rgba(252,49,119,.22);color:var(--pink);box-shadow:inset 4px 0 var(--pink)}
.dyof-3d-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(360px,.8fr)}
.dyof-3d.is-case-mode .dyof-3d-layout{grid-template-columns:minmax(360px,560px) minmax(0,1fr)}
.dyof-3d.is-case-mode .dyof-3d-preview{min-height:430px;padding:22px}
.dyof-3d.is-case-mode [data-dyof-case-preview]{max-width:520px;border:2px solid var(--blue);cursor:crosshair}
.dyof-3d [hidden]{display:none!important}
.dyof-3d-preview{position:sticky;top:12px;min-height:620px;display:grid;place-items:center;align-self:start;background:linear-gradient(rgba(4,199,253,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(4,199,253,.035) 1px,transparent 1px);background-size:28px 28px;overflow:hidden;-webkit-user-select:none;user-select:none}
.dyof-3d-preview canvas{display:block;width:100%;height:auto;max-height:680px;cursor:grab;touch-action:none;user-select:none}
.dyof-3d-profile-preview{position:absolute;inset:0;display:grid;place-items:center}.dyof-3d-profile-preview[hidden]{display:none}
.dyof-3d-profile-preview canvas{position:relative;z-index:1}.dyof-3d-profile-preview .dyof-3d-empty{z-index:2}
.dyof-3d-mask-tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin-top:12px;background:var(--line)}
.dyof-3d-profile-facts{margin:0;padding:14px;border-left:3px solid var(--pink);background:rgba(252,49,119,.06);color:var(--muted);font:.875rem/1.6 system-ui,sans-serif}
.dyof-3d-mask-review{grid-template-columns:22px 1fr;align-items:start;margin-top:14px}.dyof-3d-mask-review input{width:18px;min-height:18px;margin:1px 0 0;accent-color:var(--pink)}
.dyof-3d-preview canvas.is-dragging{cursor:grabbing}
.dyof-3d-preview canvas:focus-visible{outline:2px solid var(--blue);outline-offset:-4px}
.dyof-3d-rotate-hint{position:absolute;top:16px;right:18px;margin:0;padding:7px 10px;border:1px solid rgba(4,199,253,.4);background:rgba(3,3,10,.86);color:var(--blue);font-size:.8125rem;letter-spacing:.08em;pointer-events:none}
.dyof-3d-rotate-hint[hidden]{display:none}
.dyof-3d-empty{position:absolute;display:grid;gap:8px;text-align:center;color:var(--muted);padding:30px}
.dyof-3d-empty strong{font-size:1.25rem;color:var(--blue);letter-spacing:.12em}
.dyof-3d-metrics{position:absolute;left:18px;right:18px;bottom:18px;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}
.dyof-3d-metrics[hidden]{display:none}
.dyof-3d-metrics span{display:grid;gap:5px;padding:12px;background:rgba(3,3,10,.92);color:var(--muted);font-size:.8125rem;text-transform:uppercase}
.dyof-3d-metrics b{color:var(--text);font-size:.875rem;text-transform:none}
.dyof-3d-controls{min-width:0;padding:26px;border-left:1px solid var(--line);background:var(--surface)}
.dyof-3d fieldset{min-width:0;margin:0 0 24px;padding:0;border:0}
.dyof-3d legend{width:100%;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--line);color:var(--blue);font-weight:800;letter-spacing:.08em}
.dyof-3d label{display:grid;gap:7px;color:var(--muted);font-size:.875rem;line-height:1.45}
.dyof-3d input,.dyof-3d select,.dyof-3d textarea{width:100%;min-height:44px;border:1px solid var(--line);border-radius:0;background:#05050d;color:var(--text);padding:10px 12px;font:inherit}
.dyof-3d input:focus,.dyof-3d select:focus,.dyof-3d textarea:focus,.dyof-3d button:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
.dyof-3d-upload input{position:absolute;width:1px;height:1px;opacity:0}
.dyof-3d-upload span{display:grid;gap:6px;padding:18px;border:1px dashed var(--blue);background:rgba(4,199,253,.05);cursor:pointer;text-align:center}
.dyof-3d-upload b{color:var(--blue);font-size:.9375rem}.dyof-3d-upload small{color:var(--muted)}
.dyof-3d-status,.dyof-3d-advice{margin:9px 0 0;color:var(--muted);font:.875rem/1.5 system-ui,sans-serif}
.dyof-3d-components{display:grid;gap:8px;margin-top:12px}
.dyof-3d-component{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px;align-items:end;padding:10px;border:1px solid rgba(4,199,253,.28);background:rgba(4,199,253,.035)}.dyof-3d-component>*{min-width:0}.dyof-3d-component>button:first-child{grid-column:1/-1}
.dyof-3d-component.is-active{border-color:var(--pink);box-shadow:0 0 14px rgba(252,49,119,.14)}
.dyof-3d-component>button:first-child{min-height:44px;border:0;background:transparent;color:var(--blue);text-align:left;font-weight:800;cursor:pointer;overflow-wrap:anywhere}
.dyof-3d-component label{margin:0;font-size:.875rem}.dyof-3d-component select,.dyof-3d-component input{margin-top:4px}
.dyof-3d .dyof-3d-component-schalter{grid-column:1/-1;display:flex;align-items:flex-start;gap:8px;min-height:44px;margin-top:4px;padding-top:8px;border-top:1px solid var(--line);color:var(--muted);font-size:.875rem;cursor:pointer}
.dyof-3d .dyof-3d-component-schalter input{width:18px;min-height:18px;margin:3px 0 0;accent-color:var(--pink)}
.dyof-3d-component-eigen{grid-column:1/-1;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px 12px;margin-top:4px;padding:10px;border-left:3px solid var(--pink);background:rgba(252,49,119,.05)}
.dyof-3d-component-eigen>*{min-width:0}
.dyof-3d-component-remove{min-height:44px;border:1px solid rgba(252,49,119,.6);background:transparent;color:var(--pink);cursor:pointer}
@media(max-width:760px){}
.dyof-3d-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px}
.dyof-3d-option{min-height:66px;border:1px solid var(--line);background:#05050d;color:var(--text);padding:10px;display:grid;gap:5px;text-align:left}
.dyof-3d-option[aria-current=true]{border-color:var(--pink);box-shadow:inset 0 -3px var(--pink)}
/* Farbe, Material und Teilezahl gehoeren zum einzelnen Bauteil und stehen
   deshalb in seiner Zeile. Der globale Farbwaehler bleibt nur dort, wo es
   keine Bauteilzeilen gibt - im festen Produktprofil. */
.dyof-3d:not(.is-case-mode) label[data-dyof-block="color"]{display:none}
.dyof-3d-option small{color:var(--muted)}
.dyof-3d-materials{margin-top:14px;border-top:1px solid var(--line);padding-top:12px}
.dyof-3d-materials>summary{min-height:44px;display:flex;align-items:center;color:var(--blue);font-size:.9375rem;letter-spacing:.06em;cursor:pointer}
.dyof-3d-materials>summary:focus-visible{outline:2px solid var(--blue);outline-offset:3px}
.dyof-3d-materials .dyof-3d-options{margin-top:8px}
.dyof-3d-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.dyof-3d-grid legend{grid-column:1/-1}
.dyof-3d-confirmations{display:grid;gap:10px;margin:0 0 22px}
.dyof-3d-confirmations label{grid-template-columns:22px 1fr;align-items:start;color:var(--muted);font:.875rem/1.45 system-ui,sans-serif}
.dyof-3d-confirmations input{width:18px;min-height:18px;margin-top:1px}
.dyof-3d-safety>p{margin:0 0 12px;color:var(--muted);font:.875rem/1.55 system-ui,sans-serif}
.dyof-3d-safety-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.dyof-3d-safety-options label{display:flex;align-items:center;gap:9px;min-height:44px;padding:10px 12px;border:1px solid var(--line);background:#05050d;color:var(--text);cursor:pointer}
.dyof-3d-safety-options label:has(input:checked){border-color:var(--pink);box-shadow:inset 0 -3px var(--pink)}
.dyof-3d-safety-options input{width:18px;min-height:18px;margin:0;accent-color:var(--pink)}
.dyof-3d-legal-note{margin:0 0 20px;padding:14px 16px;border-left:3px solid var(--blue);background:rgba(4,199,253,.05);color:var(--muted);font:.875rem/1.55 system-ui,sans-serif}
.dyof-3d-legal-note p{margin:0 0 8px}.dyof-3d-legal-note a{color:var(--blue);font-weight:700;text-underline-offset:.2em}.dyof-3d-legal-note a:focus-visible{outline:2px solid var(--blue);outline-offset:3px}
.dyof-3d-submit{width:100%;min-height:52px;border:1px solid #3b3b50;background:#151520;color:#777b92;font-weight:900;letter-spacing:.05em;cursor:not-allowed}.dyof-3d-submit:not(:disabled){border-color:var(--blue);background:var(--blue);color:#03030a;cursor:pointer}.dyof-3d-submit:not(:disabled):hover{box-shadow:0 0 22px rgba(4,199,253,.35)}.dyof-3d-submit-status{margin:9px 0 0;color:var(--muted);font:.875rem/1.5 system-ui,sans-serif;text-align:center}
.dyof-3d-blocked{padding:18px;border:1px solid #FC3177;background:#10030a;color:#fff}
.dyof-3d-out-of-order>div{display:grid;place-items:center;gap:14px;min-height:420px;padding:40px;text-align:center;background:radial-gradient(circle,rgba(252,49,119,.14),transparent 55%)}.dyof-3d-out-of-order strong{padding:10px 16px;border:2px solid var(--pink);color:var(--pink);font-size:clamp(22px,5vw,52px);letter-spacing:.14em}.dyof-3d-out-of-order h1{margin:0;max-width:760px}.dyof-3d-out-of-order p{margin:0;color:var(--muted)}
.dyof-3d.has-no-active-profile .dyof-3d-layout{display:none}
@media(max-width:900px){.dyof-3d-layout,.dyof-3d.is-case-mode .dyof-3d-layout{grid-template-columns:1fr}.dyof-3d-preview{position:sticky;top:0;z-index:6;min-height:0;height:clamp(240px,38vh,340px);background:var(--bg);box-shadow:0 12px 24px rgba(3,3,10,.6)}.dyof-3d-controls{border-left:0;border-top:1px solid var(--line)}}
@media(max-width:560px){.dyof-3d-header{padding:24px 16px}.dyof-3d-controls{padding:18px 14px}.dyof-3d-options,.dyof-3d-grid,.dyof-3d-mode{grid-template-columns:1fr}.dyof-3d-product-palette summary{justify-content:flex-start}.dyof-3d-metrics{left:10px;right:10px;bottom:10px}.dyof-3d-preview{display:flex;flex-direction:column;min-height:0}.dyof-3d-preview canvas{margin:auto 0}.dyof-3d-rotate-hint{top:10px;right:10px;left:10px;text-align:center}}
@media(prefers-reduced-motion:reduce){.dyof-3d button{scroll-behavior:auto;transition:none}}
.dyof-3d-feasibility{display:grid;gap:6px;padding:14px 16px;border-left:4px solid #04C7FD;background:#0c1320;color:#dceaf0}.dyof-3d-feasibility b{font-family:monospace;letter-spacing:.08em}.dyof-3d-feasibility span{font-size:.9375rem}.dyof-3d-feasibility.is-conditional{border-color:#ffb000}.dyof-3d-feasibility.is-blocked{border-color:#FC3177}.dyof-3d-check{align-self:end}

/* =====================================================================
   DYOF Branding R2 (ab 0.6.1-rc1): Angleichung an den Tassenkonfigurator
   (Branding-Master). Nur Darstellung ausserhalb der STL-Vorschau.
   Unveraendert: STL-Einlesen, Vorschau, Masken, Kennzahlen, alle Funktionen.
   ===================================================================== */
.dyof-3d{max-width:none;border:1px solid #1E1E34;border-radius:0;box-shadow:none;font-family:Inter,"Segoe UI",system-ui,Arial,sans-serif}
.dyof-3d-preview,.dyof-3d-preview *{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono","Courier New",monospace}
.dyof-3d-header{border-bottom:0;background:#03030A}
.dyof-3d-kicker{font-size:.84rem;font-weight:700;letter-spacing:.14em}
.dyof-3d-header>p:last-child{color:#B8C0D4;font:400 1.02rem/1.6 Inter,"Segoe UI",system-ui,Arial,sans-serif}
.dyof-3d-controls{background:#0A0A14}
.dyof-3d fieldset{padding:16px;border:1px solid #1E1E34;border-radius:12px;background:#0E0E1A}
.dyof-3d legend{float:left;margin-bottom:14px;padding:0;border-bottom:0;color:#F5F7FA;font-size:.96rem;font-weight:800;letter-spacing:.01em}
.dyof-3d legend+*{clear:both}
.dyof-3d input,.dyof-3d select,.dyof-3d textarea{border:1px solid #2E2E4A;border-radius:8px;background:#07070F}
.dyof-3d-upload span{border:1px dashed #2E2E4A;border-radius:12px;background:#07070F}
.dyof-3d-upload b{color:#04C7FD}
.dyof-3d-option,.dyof-3d-safety-options label{border:1px solid #2E2E4A;border-radius:8px;background:#0E0E1A}
.dyof-3d-option[aria-current=true],.dyof-3d-safety-options label:has(input:checked){border-color:#04C7FD;background:rgba(4,199,253,.1);box-shadow:none}
.dyof-3d-component{border:1px solid #1E1E34;border-radius:12px;background:#0A0A14}
.dyof-3d-component.is-active{border-color:#04C7FD;box-shadow:none}
.dyof-3d-component-remove{border-radius:8px}
.dyof-3d-submit{border-radius:8px}
.dyof-3d-submit:not(:disabled){border-color:#FC3177;background:linear-gradient(135deg,#FC3177,#FF7AA8);color:#03030A}
.dyof-3d-submit:not(:disabled):hover{box-shadow:0 0 22px rgba(252,49,119,.3)}
.dyof-3d-legal-note,.dyof-3d-profile-facts,.dyof-3d-feasibility{border-radius:0 8px 8px 0}
.dyof-3d-confirmations a{color:#04C7FD;font-weight:700;text-underline-offset:.2em}

/* =====================================================================
   Ab 0.8.0-rc1: Modusleiste mit nur einem Eintrag in voller Breite (K1)
   und gemeinsame Linie im Warenkorb-Betrieb (E29, wie Tasse).
   ===================================================================== */
.dyof-3d-mode.is-single{grid-template-columns:1fr}
.dyof-3d-mode [hidden]{display:none!important}
.dyof-3d.is-cart-mode legend{display:flex;align-items:center;gap:10px;width:100%}
.dyof-3d.is-cart-mode fieldset>legend~*{clear:both}
.dyof-3d-step-no{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#04C7FD;color:#03030A;font-size:.82rem;font-weight:900;letter-spacing:0}
.dyof-3d.is-cart-mode .dyof-3d-components{gap:14px}
.dyof-3d.is-cart-mode .dyof-3d-component{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px 12px;padding:14px}
.dyof-3d.is-cart-mode .dyof-3d-component>button:first-child{display:grid;gap:2px;min-height:48px;font-size:1rem}
.dyof-3d.is-cart-mode .dyof-3d-component>button:first-child::before{content:attr(data-dyof-part-no);color:#FC3177;font-size:.8125rem;font-weight:800;letter-spacing:.14em}
.dyof-3d.is-cart-mode .dyof-3d-component-eigen.is-part-fields{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin-top:0;padding:0;border-left:0;background:none}
.dyof-3d.is-cart-mode .dyof-3d-component-remove{grid-column:1/-1;justify-self:end;min-width:140px}
.dyof-3d-parts-hint{margin-top:10px;color:#B8C0D4}
.dyof-3d.is-cart-mode .dyof-3d-submit{width:100%;min-height:52px;margin-top:4px}
/* Ab 0.8.1-rc1: Hinweis nach Klick auf "In den Warenkorb", wenn etwas fehlt */
.dyof-3d [data-dyof-submit-status].is-cart-error{padding:10px 12px;border:1px solid #FC3177;border-radius:8px;background:rgba(252,49,119,.1);color:#F5F7FA;font-weight:700}
/* Ab 0.8.2-rc1: Teilefenster mit allen Angaben und kleinem i (E29) */
.dyof-3d.is-cart-mode .dyof-3d-part{display:grid;grid-template-columns:1fr;gap:12px;padding:16px}
.dyof-3d-part-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.dyof-3d .dyof-3d-part-name{display:grid;gap:2px;min-height:44px;padding:0;border:0;background:none;color:#04C7FD;font-weight:800;font-size:1rem;text-align:left;cursor:pointer;overflow-wrap:anywhere}
.dyof-3d .dyof-3d-part-name::before{content:attr(data-dyof-part-no);color:#FC3177;font-size:.8125rem;font-weight:800;letter-spacing:.14em}
.dyof-3d-part-head .dyof-3d-component-remove{flex:0 0 auto;min-width:120px}
.dyof-3d-part-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px 12px}
.dyof-3d-part-field{display:grid;gap:4px;margin:0;font-size:.875rem;min-width:0}
.dyof-3d-label{display:flex;flex-wrap:wrap;align-items:center;gap:6px;color:#B8C0D4}
.dyof-3d .dyof-3d-info{display:inline-grid;place-items:center;width:22px;min-height:22px;height:22px;padding:0;border:1px solid #04C7FD;border-radius:50%;background:transparent;color:#04C7FD;font:italic 800 .8125rem/1 Georgia,serif;cursor:help}
.dyof-3d .dyof-3d-info[aria-expanded=true]{background:#04C7FD;color:#03030A}
.dyof-3d-info-text{flex:1 1 100%;padding:8px 10px;border-left:3px solid #04C7FD;background:rgba(4,199,253,.08);color:#F5F7FA;font-size:.8125rem;line-height:1.45}
.dyof-3d-part-safety{display:grid;gap:8px;padding-top:10px;border-top:1px solid #1E1E34;font-size:.875rem}
.dyof-3d-part-note textarea{width:100%;min-height:64px}
/* Ab 0.9.3-rc1: Textfelder nur in der Höhe ziehbar, nie breiter als ihr Fenster */
.dyof-3d textarea{max-width:100%;resize:vertical}
.dyof-3d-part-body>*,.dyof-3d-part-grid>*,.dyof-3d-part-field{min-width:0;max-width:100%}
.dyof-3d-part-field{grid-template-columns:minmax(0,1fr)}
/* Ab 0.8.3-rc1: zuklappbare Teilefenster; zu = blauer Rahmen, nur Kopfzeile */
.dyof-3d-part-body{display:grid;gap:12px}
.dyof-3d-part-body[hidden]{display:none!important}
.dyof-3d.is-cart-mode .dyof-3d-part.is-collapsed{border:2px solid #04C7FD;padding:12px 16px}
.dyof-3d .dyof-3d-part-name{position:relative;padding-left:26px}
.dyof-3d .dyof-3d-part-name::after{content:'▾';position:absolute;left:0;top:50%;transform:translateY(-50%);color:#04C7FD;font-size:1.1rem}
.dyof-3d .dyof-3d-part.is-collapsed .dyof-3d-part-name::after{content:'▸'}
/* Ab 0.9.0-rc1: schattierte 3D-Vorschau (WebGL) unter der durchsichtigen Bedienflaeche */
.dyof-3d-profile-preview canvas.dyof-3d-solid{position:absolute;inset:0;z-index:0;width:100%;height:100%;max-height:none;cursor:grab;pointer-events:none}
.dyof-3d-profile-preview canvas.dyof-3d-solid[hidden]{display:none}
.dyof-3d.has-solid-preview [data-dyof-profile-panel="FREE_3D_PART"] canvas[data-dyof-preview]{background:transparent}
/* Ab 0.9.2-rc1: groesseres Auf-/Zuklapp-Zeichen (Wunsch GL) */
.dyof-3d .dyof-3d-part-name{padding-left:44px;min-height:52px}
.dyof-3d .dyof-3d-part-name::after{display:grid;place-items:center;width:32px;height:32px;border:2px solid #04C7FD;border-radius:8px;font-size:1.35rem;line-height:1;background:rgba(4,199,253,.08)}
.dyof-3d .dyof-3d-part-name:hover::after,.dyof-3d .dyof-3d-part-name:focus-visible::after{background:#04C7FD;color:#03030A}