:root{--bg: #0d1014;--panel: #151a21;--panel-2: #1b222b;--line: #273140;--text: #e8edf4;--muted: #93a1b3;--accent: #4da3ff;--accent-2: #7bd88f;--danger: #ff6b6b;--radius: 10px;--sidebar-w: 340px;font-synthesis-weight:none}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:14px;-webkit-font-smoothing:antialiased}#app{display:flex;height:100%}#sidebar{width:var(--sidebar-w);flex:0 0 var(--sidebar-w);background:var(--panel);border-right:1px solid var(--line);display:flex;flex-direction:column;min-height:0;transition:margin-left .25s ease}#sidebar.collapsed{margin-left:calc(var(--sidebar-w) * -1)}.brand{display:flex;align-items:center;gap:10px;padding:14px 14px 12px;border-bottom:1px solid var(--line)}.brand-mark{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:linear-gradient(140deg,var(--accent),#2b6cb8);font-weight:700;font-size:13px;letter-spacing:.5px}.brand-title{font-weight:620;letter-spacing:.2px}.brand-sub{color:var(--muted);font-size:11.5px;margin-top:1px}.brand #sidebar-close{margin-left:auto}.product-tabs{display:flex;gap:6px;padding:12px 14px 6px}.product-tabs button{flex:1;padding:9px 10px;background:var(--panel-2);color:var(--muted);border:1px solid var(--line);border-radius:var(--radius);font:inherit;font-weight:560;cursor:pointer}.product-tabs button.active{background:var(--accent);border-color:var(--accent);color:#05121f}.controls{flex:1 1 auto;overflow-y:auto;padding:8px 14px 18px}.controls::-webkit-scrollbar{width:9px}.controls::-webkit-scrollbar-thumb{background:#2a3542;border-radius:9px}.group{border-top:1px solid var(--line);padding:10px 0 6px}.group:first-child{border-top:0}.group>summary{cursor:pointer;list-style:none;font-weight:600;font-size:12.5px;letter-spacing:.35px;text-transform:uppercase;color:var(--muted);padding:4px 0 8px;display:flex;align-items:center;gap:6px}.group>summary::-webkit-details-marker{display:none}.group>summary:before{content:"▸";transition:transform .15s;font-size:10px}.group[open]>summary:before{transform:rotate(90deg)}.field{margin:0 0 12px}.field-head{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:5px}.field-head label{font-size:12.5px;color:#c6d1de}.field-head output{font-variant-numeric:tabular-nums;font-size:12px;color:var(--text);background:var(--panel-2);border:1px solid var(--line);border-radius:6px;padding:1px 6px}.field-hint{font-size:11px;color:var(--muted);margin-top:4px}input[type=range]{width:100%;accent-color:var(--accent);height:22px}select,input[type=number],input[type=text]{width:100%;padding:8px 9px;background:var(--panel-2);color:var(--text);border:1px solid var(--line);border-radius:8px;font:inherit;font-size:13px}select:focus,input:focus{outline:2px solid color-mix(in srgb,var(--accent) 60%,transparent);outline-offset:1px}.toggle{display:flex;align-items:center;gap:9px;cursor:pointer;padding:5px 0}.toggle input{accent-color:var(--accent);width:16px;height:16px}.toggle span{font-size:12.5px;color:#c6d1de}.swatches{display:flex;flex-wrap:wrap;gap:8px}.swatch{width:34px;height:34px;border-radius:8px;cursor:pointer;border:2px solid transparent;box-shadow:inset 0 0 0 1px #0006;position:relative}.swatch.active{border-color:var(--accent)}.swatch:after{content:attr(data-ral);position:absolute;left:50%;bottom:-20px;transform:translate(-50%);background:#000d;color:#fff;font-size:10px;padding:2px 5px;border-radius:4px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .12s;z-index:5}.swatch:hover:after{opacity:1}.chips{display:flex;flex-wrap:wrap;gap:6px}.chips button{padding:6px 10px;font:inherit;font-size:12px;cursor:pointer;background:var(--panel-2);color:var(--muted);border:1px solid var(--line);border-radius:999px}.chips button.active{background:color-mix(in srgb,var(--accent) 22%,transparent);color:var(--text);border-color:var(--accent)}.btn{width:100%;padding:9px 12px;font:inherit;font-weight:560;cursor:pointer;background:var(--panel-2);color:var(--text);border:1px solid var(--line);border-radius:8px}.btn:hover{border-color:var(--accent)}.summary{border-top:1px solid var(--line);background:#11161d;padding:12px 14px;font-size:12.5px}.summary .row{display:flex;justify-content:space-between;padding:3px 0;color:var(--muted)}.summary .row b{color:var(--text);font-variant-numeric:tabular-nums;font-weight:560}.summary .price{margin-top:8px;padding-top:8px;border-top:1px dashed var(--line)}.summary .price b{font-size:16px;color:var(--accent-2)}.summary .disclaimer{color:#6f7d8f;font-size:10.5px;margin-top:6px;line-height:1.4}.statik-hinweis{margin-top:6px;padding:6px 8px;border-radius:6px;font-size:11px;line-height:1.4;border-left:3px solid}.statik-hinweis.info{background:#1b2430;border-color:var(--accent);color:#b9c6d6}.statik-hinweis.warnung{background:#2c2119;border-color:#e0a038;color:#e8cfa6}#viewport{position:relative;flex:1 1 auto;min-width:0;overflow:hidden}#scene{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none}#photo-backdrop{position:absolute;inset:0;background:#0d1014 center / cover no-repeat;display:none}#photo-backdrop.visible{display:block}#labels{position:absolute;inset:0;pointer-events:none;overflow:hidden}.dim-label{background:#0f1319e0;color:#fff;border:1px solid #ffffff33;padding:2px 7px;border-radius:6px;font-size:11.5px;font-variant-numeric:tabular-nums;white-space:nowrap;transform:translate(-50%,-50%);box-shadow:0 2px 8px #0006}#topbar{position:absolute;top:12px;left:12px;right:12px;display:flex;align-items:center;gap:8px;pointer-events:none;z-index:3}#topbar>*{pointer-events:auto}#topbar .spacer{flex:1}.segmented{display:flex;background:#10141ac9;border:1px solid #ffffff1f;border-radius:999px;padding:3px;backdrop-filter:blur(8px)}.segmented button{padding:6px 14px;border:0;border-radius:999px;background:transparent;color:var(--muted);font:inherit;font-size:12.5px;font-weight:560;cursor:pointer}.segmented button.active{background:var(--accent);color:#05121f}.segmented button:disabled{opacity:.4;cursor:not-allowed}.chip{padding:7px 12px;font:inherit;font-size:12.5px;cursor:pointer;background:#10141ac9;color:var(--muted);border:1px solid #ffffff1f;border-radius:999px;backdrop-filter:blur(8px)}.chip.active{color:var(--text);border-color:var(--accent)}.chip.danger{color:var(--danger);border-color:#ff6b6b55}.icon-btn{width:32px;height:32px;display:grid;place-items:center;background:#10141ac9;color:var(--muted);border:1px solid #ffffff1f;border-radius:8px;cursor:pointer;font-size:14px}.hint{position:absolute;left:50%;bottom:22px;transform:translate(-50%);background:#10141ae0;border:1px solid #ffffff1f;backdrop-filter:blur(8px);padding:9px 14px;border-radius:999px;font-size:12.5px;color:#cfd8e4;max-width:80%;text-align:center;z-index:3}.hidden{display:none!important}.photo-tools{position:absolute;right:12px;top:62px;width:268px;z-index:3;background:#10141ae8;border:1px solid #ffffff1f;backdrop-filter:blur(10px);border-radius:12px;padding:12px 13px;max-height:calc(100% - 100px);overflow-y:auto}.photo-tools-head{margin-bottom:10px}.photo-tools-head strong{display:block;font-size:13px}.photo-tools-head span{color:var(--muted);font-size:11.5px}.bedienung{position:absolute;left:12px;bottom:12px;width:258px;z-index:3;background:#10141ae8;border:1px solid #ffffff1f;backdrop-filter:blur(10px);border-radius:12px;padding:11px 13px 13px;max-height:calc(100% - 120px);overflow-y:auto}.bedienung .bedien-kopf{margin-bottom:8px;font-size:13px}.bedienung .bedien-kopf strong:before{content:"⇅ ";color:var(--accent)}.bedien-alle{margin-bottom:10px}.bedien-zeile{padding:8px 0;border-top:1px solid var(--line)}.bedien-zeile:first-of-type{border-top:0}.bedien-zeile .field-head{margin-bottom:6px}.bedien-aktion{display:flex;align-items:center;gap:9px}.bedien-knopf{width:auto;flex:0 0 96px;padding:6px 8px;font-size:12px}.bedien-aktion input[type=range]{flex:1;min-width:0}.ar-overlay{position:absolute;inset:0;z-index:5;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between;padding:18px}.ar-overlay .ar-hint{align-self:center;background:#000000b3;color:#fff;padding:9px 16px;border-radius:999px;font-size:13px;margin-top:env(safe-area-inset-top,0px)}.ar-buttons{display:flex;gap:10px;justify-content:center;margin-bottom:env(safe-area-inset-bottom,0px)}.ar-buttons .chip{pointer-events:auto;background:#000000b3}.loading{position:absolute;inset:0;display:grid;place-items:center;background:var(--bg);color:var(--muted);z-index:10;transition:opacity .4s}.loading.done{opacity:0;pointer-events:none}.mobil-leiste{display:none}.summary{flex:0 0 auto;max-height:38%;overflow-y:auto}#viewport{isolation:isolate}.summary-kopf{display:none}.summary-umschalter{display:flex;width:100%;justify-content:space-between;align-items:center;background:transparent;border:0;color:var(--muted);font:inherit;font-size:12px;padding:2px 0 6px;cursor:pointer}.summary-umschalter:after{content:"▾";transition:transform .2s ease}.summary.offen .summary-umschalter:after{transform:rotate(180deg)}.summary:not(.offen) .row.kennzahl,.summary:not(.offen) .disclaimer{display:none}.summary-umschalter:focus-visible,.summary-klein:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media(min-width:861px){#app{position:relative}.summary{position:absolute;right:12px;bottom:12px;z-index:3;width:330px;max-height:min(72%,calc(100% - 84px));overflow-y:auto;background:#10141aee;border:1px solid #ffffff24;border-radius:12px;backdrop-filter:blur(10px);padding:10px 14px 12px;box-shadow:0 10px 40px #0007}.summary-kopf{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;font-size:13px}.summary-klein{width:26px;height:26px;border-radius:7px;border:1px solid var(--line);background:var(--panel-2);color:var(--text);font:inherit;font-size:15px;line-height:1;cursor:pointer}.summary.klein>*:not(.summary-kopf):not(.price):not(.preis-netto){display:none}.summary.klein .price{margin-top:0;padding-top:4px;border-top:0}body.foto-modus .summary>*:not(.summary-kopf):not(.price):not(.preis-netto){display:none}body.foto-modus .photo-tools{max-height:calc(100% - 230px)}}@media(min-width:861px)and (max-width:1099px){.summary{width:290px}}@media(max-width:860px){#app{flex-direction:column}#viewport{order:1;flex:1 1 0;min-height:0}#sidebar{order:2;width:100%;flex:0 0 58%;max-height:58dvh;border-right:0;border-top:1px solid var(--line);border-radius:16px 16px 0 0;box-shadow:0 -12px 40px #0009;margin-left:0;z-index:20;transition:flex-basis .25s ease,max-height .25s ease}#sidebar.collapsed{margin-left:0;flex-basis:0;max-height:0;overflow:hidden;border-top:0}.brand{padding:10px 14px 8px;position:relative}.brand:before{content:"";position:absolute;top:5px;left:50%;width:38px;height:4px;margin-left:-19px;border-radius:4px;background:#ffffff2e}.brand-sub{display:none}.brand-mark{width:28px;height:28px;font-size:11px}.product-tabs{padding:8px 14px 4px}.product-tabs button{padding:9px 4px;font-size:13px}.controls{padding:6px 14px 12px}.chips button,.segmented button,.field select,.btn{min-height:38px}input[type=range]{height:28px}.summary{flex:0 0 auto;padding:8px 14px calc(10px + env(safe-area-inset-bottom));max-height:40%;overflow-y:auto}.summary:not(.offen) .row.kennzahl,.summary:not(.offen) .statik-hinweis,.summary:not(.offen) .disclaimer,.summary:not(.offen) .field-hint{display:none}.summary .price{margin-top:2px;padding-top:6px}#topbar{top:calc(8px + env(safe-area-inset-top));left:8px;right:8px;gap:6px}#sidebar-open{display:none}.segmented button{padding:6px 12px}#topbar .chip{padding:6px 10px}#btn-export{display:none}.mobil-leiste{display:flex;align-items:center;gap:12px;position:absolute;z-index:4;left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom));padding:8px 8px 8px 14px;border-radius:14px;background:#10141aee;border:1px solid #ffffff24;backdrop-filter:blur(10px)}.mobil-preis{order:1;flex:1;display:flex;flex-direction:column;min-width:0;font-size:11px;color:var(--muted)}.mobil-preis b{font-size:17px;color:var(--accent-2);font-variant-numeric:tabular-nums}.mobil-knopf{order:2;padding:11px 18px;border:0;border-radius:10px;background:var(--accent);color:#05121f;font:inherit;font-weight:650;cursor:pointer}body.panel-offen .mobil-leiste,body.panel-offen .bedienung,#viewport.ar-aktiv .mobil-leiste{display:none}.bedienung{width:auto;left:10px;right:10px;bottom:calc(76px + env(safe-area-inset-bottom));max-height:46%}.bedienung.kompakt{right:auto;padding:8px 12px;cursor:pointer}.bedienung.kompakt>*:not(.bedien-kopf){display:none}.bedienung.kompakt .bedien-kopf{margin:0}.bedienung .bedien-kopf{cursor:pointer;display:flex;justify-content:space-between}.bedienung:not(.kompakt) .bedien-kopf:after{content:"✕";color:var(--muted)}.photo-tools{width:auto;left:10px;right:10px;top:auto;bottom:calc(76px + env(safe-area-inset-bottom));max-height:42%}#viewport.foto-modus .bedienung{bottom:auto;top:56px;max-height:30%}}.row.preis-kopf{margin-top:10px;padding-top:10px;border-top:1px dashed rgba(255,255,255,.14);font-weight:600;opacity:.9}.row.preis-position span{opacity:.85}