@import"https://fonts.googleapis.com/css2?family=Geist:wght@400;500;600&family=Geist+Mono:wght@400;500&display=swap";:root{--grund: #f8f7f4;--flaeche: #fefdfc;--flaeche-aktiv: #eeede9;--feld: #fefdfc;--linie: #e3e1dd;--linie-stark: #d0cdc8;--text: #1d1a15;--text-dezent: #66635d;--akzent: #5154bb;--akzent-hover: #4241a8;--auf-akzent: #ffffff;--viewer: #f2f0ec;--viewer-rand: #e5e3de;--warn: #e58212;--warn-grund: #fff3df;--warn-text: #863f00;--akzent-weich: color-mix(in oklch, var(--akzent) 35%, transparent);--warn-weich: color-mix(in oklch, var(--warn) 22%, transparent);--glas: color-mix(in oklch, var(--flaeche) 93%, transparent);--schatten-farbe: rgba(60, 56, 50, .14);--fokus: var(--akzent);--szene-bauteil: #d7d4ce;--szene-vorschau: #bacedd;--szene-praepgrenze: #044cb6;--szene-implantat: #6f3bb2;--szene-schraube: #008585;--szene-einschubachse: #1d1a15;--szene-achse: #66635d;--szene-messen: #1d1a15;--maschine-grundplatte: #9fa5ac;--maschine-halter: rgba(154, 179, 187, .22);--maschine-ring: #d5d8da;--maschine-ring-genutzt: #363e48;--maschine-verbinder: #75828f;--maschine-kragen: #515f6e;--maschine-schutzzone: rgba(234, 60, 63, .2);--maschine-schutzzone-schraffur: rgba(212, 33, 45, .8);--maschine-schutzzone-rand: #d01c29;--maschine-schutzzone-muster: repeating-linear-gradient(45deg, var(--maschine-schutzzone-schraffur) 0 2px, transparent 2px 7px), var(--maschine-schutzzone);--zone-1: #337bd0;--zone-1-text: #ffffff;--zone-2: #47aa62;--zone-2-text: #1d1a15;--zone-3: #8551b8;--zone-3-text: #ffffff;--zone-4: #3ebfc6;--zone-4-text: #1d1a15;--zone-5: #e6d35c;--zone-5-text: #1d1a15;--zone-6: #bb52a8;--zone-6-text: #ffffff;--zone-7: #004f8b;--zone-7-text: #ffffff;--zone-8: #9bc14d;--zone-8-text: #1d1a15;--karte-0: #31478e;--karte-1: #0097ab;--karte-2: #61d19a;--karte-3: #ebed6d;--karte-verlauf: linear-gradient(to right, var(--karte-0), var(--karte-1), var(--karte-2), var(--karte-3));--schrift: "Geist", system-ui, -apple-system, "Segoe UI", sans-serif;--schrift-mono: "Geist Mono", ui-monospace, "Cascadia Mono", Consolas, monospace;--text-titel: 600 22px/1.25 var(--schrift);--text-abschnitt: 500 16px/1.3 var(--schrift);--text-basis: 400 14px/1.45 var(--schrift);--text-klein: 400 13px/1.4 var(--schrift);--text-mikro: 400 12px/1.35 var(--schrift);--text-zahl: 400 13px/1.3 var(--schrift-mono);--text-label: 500 12px/1.2 var(--schrift);--gewicht-normal: 400;--gewicht-mittel: 500;--gewicht-fett: 600;--laufweite-titel: -.015em;--laufweite-label: .06em;--abstand-1: 2px;--abstand-2: 4px;--abstand-3: 6px;--abstand-4: 8px;--abstand-5: 10px;--abstand-6: 12px;--abstand-7: 16px;--abstand-8: 20px;--abstand-9: 24px;--radius-klein: 6px;--radius: 8px;--radius-gross: 10px;--radius-panel: 14px;--hoehe-klein: 30px;--hoehe: 36px;--hoehe-gross: 40px;--rand: inset 0 0 0 1px var(--linie);--rand-stark: inset 0 0 0 1px var(--linie-stark);--schatten-klein: 0 1px 3px var(--schatten-farbe);--schatten-panel: inset 0 0 0 1px var(--linie), 0 12px 32px var(--schatten-farbe);--fokus-ring: 0 0 0 2px var(--flaeche), 0 0 0 4px var(--fokus);--dauer: .16s;--dauer-thema: .3s;--kurve: cubic-bezier(.2, 0, 0, 1);--inspektor-breite: 340px;--abstand-schwebend: 20px;color-scheme:light}[data-thema=dunkel]{--grund: #0e0f12;--flaeche: #181a1d;--flaeche-aktiv: #24272a;--feld: #0a0b0e;--linie: #292b2f;--linie-stark: #36383c;--text: #e9ebee;--text-dezent: #96989c;--akzent: #929bf5;--akzent-hover: #a5afff;--auf-akzent: #0b0c16;--viewer: #141619;--viewer-rand: #06070a;--warn: #f8962d;--warn-grund: #2f1d0c;--warn-text: #f8c384;--schatten-farbe: rgba(0, 0, 0, .45);--szene-bauteil: #bbbec2;--szene-vorschau: #718a9c;--szene-praepgrenze: #2981fb;--szene-implantat: #ae6dee;--szene-schraube: #31c8c9;--szene-einschubachse: #e9ebee;--szene-achse: #96989c;--szene-messen: #e9ebee;--maschine-grundplatte: #595e64;--maschine-halter: rgba(185, 211, 219, .14);--maschine-ring: #4b4d50;--maschine-ring-genutzt: #e0e5eb;--maschine-verbinder: #8794a1;--maschine-kragen: #a3b3c4;--maschine-schutzzone: rgba(248, 75, 75, .22);--maschine-schutzzone-schraffur: rgba(255, 100, 95, .85);--maschine-schutzzone-rand: #ff645f;--zone-1: #26a9f1;--zone-1-text: #0e0f12;--zone-2: #58cd78;--zone-2-text: #0e0f12;--zone-3: #b96dd8;--zone-3-text: #0e0f12;--zone-4: #5edada;--zone-4-text: #0e0f12;--zone-5: #f5e05d;--zone-5-text: #0e0f12;--zone-6: #e56bc1;--zone-6-text: #0e0f12;--zone-7: #007ca3;--zone-7-text: #ffffff;--zone-8: #b3dc5e;--zone-8-text: #0e0f12;--karte-0: #2f4087;--karte-1: #0091ad;--karte-2: #49d3a1;--karte-3: #ebf268;color-scheme:dark}*{box-sizing:border-box}html,body,#wurzel{height:100%;margin:0}body{font:var(--text-basis);font-variant-numeric:tabular-nums;color:var(--text);background:var(--grund);-webkit-font-smoothing:antialiased;transition:background var(--dauer-thema),color var(--dauer-thema)}h1,h2,h3,h4{margin:0 0 var(--abstand-4)}h1{font:var(--text-titel);letter-spacing:var(--laufweite-titel)}h2{font:var(--text-titel);font-size:18px;letter-spacing:var(--laufweite-titel)}h3{font:var(--text-abschnitt)}h4{font:var(--text-label);letter-spacing:var(--laufweite-label);text-transform:uppercase;color:var(--text-dezent);margin:var(--abstand-6) 0 var(--abstand-3)}p{margin:0 0 var(--abstand-4)}small,.klein-text{font:var(--text-klein)}.dezent{color:var(--text-dezent);font:var(--text-klein)}.zahl,.mono{font-family:var(--schrift-mono)}a{color:var(--akzent)}strong{font-weight:var(--gewicht-fett)}hr{border:none;height:1px;background:var(--linie);margin:var(--abstand-6) 0}:focus-visible{outline:none;box-shadow:var(--fokus-ring)}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}input[type=text],input[type=password],input[type=number],select,textarea{padding:0 var(--abstand-5);border:none;border-radius:var(--radius);background:var(--feld);box-shadow:var(--rand-stark);min-height:var(--hoehe);color:var(--text);transition:box-shadow var(--dauer) var(--kurve)}input[type=text]:focus-visible,input[type=password]:focus-visible,input[type=number]:focus-visible,select:focus-visible{box-shadow:inset 0 0 0 1px var(--akzent),0 0 0 3px var(--akzent-weich)}input[type=number]{text-align:right;font-family:var(--schrift-mono)}input.hervorgehoben{box-shadow:inset 0 0 0 2px var(--warn);background:var(--warn-grund)}input[type=color]{width:28px;height:28px;padding:0;border:none;border-radius:var(--radius-klein);background:none;cursor:pointer}input[type=color]::-webkit-color-swatch-wrapper{padding:0}input[type=color]::-webkit-color-swatch{border:none;border-radius:var(--radius-klein)}input[type=range]{width:100%;accent-color:var(--akzent)}input[type=checkbox],input[type=radio]{accent-color:var(--akzent);width:16px;height:16px}label>span:first-child{display:block;margin-bottom:var(--abstand-2);font:var(--text-klein);color:var(--text-dezent)}select{padding-right:28px}.knopf{display:inline-flex;align-items:center;justify-content:center;gap:var(--abstand-3);height:var(--hoehe);padding:0 var(--abstand-7);margin:var(--abstand-2) var(--abstand-3) var(--abstand-2) 0;border:none;border-radius:var(--radius);background:var(--flaeche);color:var(--text);box-shadow:var(--rand-stark);font:var(--text-basis);white-space:nowrap;transition:background var(--dauer) var(--kurve),box-shadow var(--dauer) var(--kurve)}.knopf:hover:not(:disabled){background:var(--flaeche-aktiv)}.knopf:disabled{background:var(--flaeche-aktiv);color:var(--text-dezent);box-shadow:none;opacity:.7;cursor:not-allowed}.knopf.primaer{background:var(--akzent);color:var(--auf-akzent);box-shadow:none;font-weight:var(--gewicht-mittel)}.knopf.primaer:hover:not(:disabled){background:var(--akzent-hover)}.knopf.leise{background:transparent;box-shadow:none;color:var(--text-dezent)}.knopf.leise:hover:not(:disabled){background:var(--flaeche-aktiv);color:var(--text)}.knopf.klein{height:var(--hoehe-klein);padding:0 var(--abstand-5);font:var(--text-klein)}.knopf.gross{height:var(--hoehe-gross);border-radius:var(--radius-gross);font-weight:var(--gewicht-mittel)}.knopf.breit{width:100%;margin-left:0;margin-right:0}.knopf.gewaehlt{background:var(--flaeche-aktiv);box-shadow:inset 0 0 0 1.5px var(--akzent-weich);font-weight:var(--gewicht-mittel)}.knopf.primaer:focus-visible{box-shadow:var(--fokus-ring)}.knopfzeile{display:flex;flex-wrap:wrap;align-items:center;gap:var(--abstand-2);margin:var(--abstand-2) 0}.knopfzeile.umbruch{flex-wrap:wrap}.knopfzeile .achse{display:inline-block;width:22px;font-family:var(--schrift-mono);font-weight:var(--gewicht-mittel)}.knopfzeile .knopf{margin:0}.knopfzeile>label{margin:0}.segment{display:inline-flex;gap:var(--abstand-1);padding:3px;border-radius:var(--radius-gross);background:var(--flaeche-aktiv);width:max-content;max-width:100%}.segment>button{display:inline-flex;align-items:center;gap:var(--abstand-3);height:var(--hoehe-klein);padding:0 var(--abstand-6);border:none;border-radius:var(--radius);background:transparent;color:var(--text);font:var(--text-klein);transition:background var(--dauer) var(--kurve),box-shadow var(--dauer) var(--kurve)}.segment>button.aktiv{background:var(--flaeche);box-shadow:var(--schatten-klein);font-weight:var(--gewicht-mittel)}.segment>button:disabled{opacity:.5;cursor:not-allowed}.segment>button .taste{font:var(--text-zahl);font-size:11px;opacity:.6}kbd,.taste-kuerzel{display:inline-block;font:var(--text-zahl);font-size:11px;padding:2px 6px;border-radius:var(--radius-klein);background:var(--flaeche-aktiv);box-shadow:var(--rand);color:var(--text-dezent);white-space:nowrap}.schalter{display:inline-flex;align-items:center;gap:var(--abstand-4);margin:var(--abstand-1) var(--abstand-4) var(--abstand-1) 0;border:none;background:none;padding:0;color:var(--text);font:var(--text-basis);cursor:pointer;text-align:left}.schalter:disabled{opacity:.5;cursor:not-allowed}.schalter .wippe{position:relative;flex:none;width:34px;height:20px;border-radius:10px;background:var(--linie-stark);transition:background var(--dauer) var(--kurve)}.schalter .wippe:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:var(--flaeche);transition:left var(--dauer) var(--kurve),background var(--dauer) var(--kurve)}.schalter[aria-checked=true] .wippe{background:var(--akzent)}.schalter[aria-checked=true] .wippe:after{left:16px;background:var(--auf-akzent)}.schalter .icon{color:var(--text-dezent)}.zahlfeld{display:inline-flex;align-items:center;height:var(--hoehe);margin:var(--abstand-1) var(--abstand-4) var(--abstand-1) 0;border-radius:var(--radius);background:var(--feld);box-shadow:var(--rand-stark);overflow:hidden;transition:box-shadow var(--dauer) var(--kurve)}.zahlfeld:focus-within{box-shadow:inset 0 0 0 1px var(--akzent),0 0 0 3px var(--akzent-weich)}.zahlfeld.hervorgehoben{box-shadow:inset 0 0 0 2px var(--warn);background:var(--warn-grund)}.zahlfeld.hervorgehoben .zahlfeld-label{color:var(--warn-text)}.zahlfeld.gesperrt{opacity:.5}.zahlfeld input{border:none;outline:none;background:transparent;box-shadow:none;min-height:0;height:100%;padding:0 var(--abstand-2);color:var(--text);font:var(--text-zahl);font-size:14px;text-align:right}.zahlfeld input:focus-visible{box-shadow:none}.zahlfeld-label{padding:0 var(--abstand-2) 0 var(--abstand-5);font:var(--text-klein);color:var(--text-dezent);margin:0!important;white-space:nowrap}.einheit{padding:0 var(--abstand-5) 0 var(--abstand-2);font:var(--text-klein);color:var(--text-dezent)}.auswahl{display:inline-flex;align-items:center;gap:var(--abstand-2);margin:var(--abstand-1) var(--abstand-4) var(--abstand-1) 0}.auswahl.block{display:block;margin:var(--abstand-4) 0}.auswahl.block select{width:100%}.auswahl .zahlfeld-label{padding-left:0}.radio-gruppe{border:none;border-radius:var(--radius-gross);padding:var(--abstand-4) var(--abstand-5);margin:var(--abstand-4) 0;display:flex;gap:var(--abstand-7);flex-wrap:wrap;box-shadow:var(--rand)}.radio-gruppe legend{padding:0 var(--abstand-2);font:var(--text-klein);color:var(--text-dezent)}.radio-gruppe label{display:inline-flex;align-items:center;gap:var(--abstand-4);cursor:pointer}.radio-gruppe.senkrecht{flex-direction:column;gap:var(--abstand-5)}.radio-gruppe .weg{align-items:flex-start}.radio-gruppe .weg input{margin-top:3px}.radio-gruppe .weg small{color:var(--text-dezent)}.versteckt{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.regler{display:flex;align-items:center;gap:var(--abstand-5);margin:var(--abstand-2) 0}.regler span{min-width:64px;text-align:right;font:var(--text-zahl)}.warnkasten,.hinweis{display:flex;align-items:flex-start;gap:var(--abstand-5);padding:var(--abstand-5) 14px;margin:var(--abstand-4) 0;border-radius:var(--radius-gross);background:var(--flaeche-aktiv);font:var(--text-basis);color:var(--text)}.warnkasten,.hinweis.warnung{background:var(--warn-grund)}.warnkasten:before,.hinweis:before{content:"";flex:none;width:8px;height:8px;border-radius:50%;margin-top:6px;background:var(--akzent)}.warnkasten:before,.hinweis.warnung:before{background:var(--warn)}.warnkasten>.text,.hinweis>.text{flex:1;min-width:0}.warnkasten ul{margin:var(--abstand-2) 0 0;padding-left:18px}.hinweise{list-style:none;margin:var(--abstand-4) 0;padding:0}.hinweis .quelle{color:var(--text-dezent)}.hinweis .aktion{border:none;background:none;padding:0;margin-left:auto;font:var(--text-basis);font-weight:var(--gewicht-mittel);color:var(--akzent);cursor:pointer}.hinweis.warnung .aktion{color:var(--warn-text)}.marke{display:inline-flex;align-items:center;height:20px;padding:0 var(--abstand-3);margin-right:var(--abstand-3);border-radius:var(--radius-klein);font:var(--text-mikro);font-weight:var(--gewicht-mittel);background:var(--warn-grund);color:var(--warn-text);vertical-align:middle;white-space:nowrap}.marke:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--warn);margin-right:var(--abstand-2)}.marke.neutral{background:var(--flaeche-aktiv);color:var(--text)}.marke.neutral:before{background:var(--akzent)}tr.warnung td{background:var(--warn-grund)}.warnpunkt{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--warn);flex:none}.mitte{min-height:100%;display:flex;align-items:center;justify-content:center;padding:var(--abstand-9);position:relative}.karte{width:min(520px,100%);background:var(--flaeche);border-radius:var(--radius-panel);padding:28px;box-shadow:var(--schatten-panel)}.karte .untertitel{color:var(--text-dezent);margin-bottom:var(--abstand-8)}.anmeldung label{display:block;margin-bottom:14px}.anmeldung input{width:100%}.anmeldung .knopf.primaer{width:100%;height:var(--hoehe-gross);border-radius:var(--radius-gross);margin:var(--abstand-4) 0}.karte .erklaerung{display:block}.karte-kopf{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--abstand-6);margin-bottom:var(--abstand-7);flex-wrap:wrap}.karte .benutzer{display:flex;align-items:center;gap:var(--abstand-4);flex-wrap:wrap}.gross{font-size:16px}.ecke-oben-rechts{position:absolute;top:var(--abstand-8);right:var(--abstand-8);display:flex;gap:var(--abstand-5);align-items:center}.thema-schalter{display:inline-flex;gap:var(--abstand-1);padding:3px;border-radius:var(--radius-gross);background:var(--glas);box-shadow:var(--rand)}.thema-schalter button{display:inline-flex;align-items:center;gap:var(--abstand-2);height:30px;padding:0 var(--abstand-5);border:none;border-radius:7px;background:transparent;color:var(--text);font:var(--text-mikro)}.thema-schalter button.aktiv{background:var(--flaeche-aktiv);font-weight:var(--gewicht-mittel)}.os-anzeige{font:var(--text-zahl);font-size:11px;padding:4px 8px;border-radius:var(--radius-klein);box-shadow:var(--rand);color:var(--text-dezent)}.arbeit{position:relative;height:100%;overflow:hidden;background:var(--grund)}.viewer-flaeche{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 42% 42%,var(--viewer) 0%,var(--viewer-rand) 80%)}.viewer-container{position:absolute;top:0;right:0;bottom:0;left:0}.viewer-container canvas{display:block;width:100%;height:100%}.viewer-leer{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:var(--text-dezent);pointer-events:none}.aufmass-legende{pointer-events:none}.schwebend{position:absolute;z-index:2}.panel{display:flex;flex-direction:column;border-radius:var(--radius-panel);background:var(--glas);box-shadow:var(--schatten-panel);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);overflow:hidden;color:var(--text);transition:background var(--dauer-thema)}.panel-kopf{display:flex;justify-content:space-between;align-items:center;gap:var(--abstand-4);padding:var(--abstand-7) var(--abstand-7) var(--abstand-5)}.panel-kopf .titel{font:var(--text-abschnitt);font-size:18px;font-weight:var(--gewicht-fett);letter-spacing:var(--laufweite-titel)}.panel-kopf .titel small{display:block;font:var(--text-mikro);color:var(--text-dezent);font-weight:var(--gewicht-normal);margin-top:2px}.panel-inhalt{flex:1;min-height:0;overflow:auto;padding:0 var(--abstand-4) var(--abstand-4)}.panel-fuss{display:flex;align-items:center;gap:var(--abstand-4);padding:14px var(--abstand-7);border-top:1px solid var(--linie)}.panel-fuss .knopf{margin:0}.panel-fuss .hauptaktion{flex:1;height:var(--hoehe-gross);border-radius:var(--radius-gross)}.marke-aufmass{left:var(--abstand-schwebend);top:var(--abstand-schwebend);display:flex;flex-direction:column;pointer-events:none}.marke-aufmass strong{font-size:15px;font-weight:var(--gewicht-fett)}.marke-aufmass span{font:var(--text-mikro);color:var(--text-dezent)}.schrittleiste{left:calc(50% - 180px);top:var(--abstand-7);transform:translate(-50%);display:flex;align-items:center;gap:14px;height:44px;padding:0 var(--abstand-3) 0 var(--abstand-7);border-radius:12px;background:var(--glas);box-shadow:var(--rand),0 8px 24px var(--schatten-farbe);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.schrittleiste .balken{display:flex;gap:var(--abstand-2);align-items:center}.schrittleiste .balken button{width:14px;height:6px;padding:0;border:none;border-radius:3px;background:var(--linie-stark);transition:width var(--dauer) var(--kurve),background var(--dauer) var(--kurve)}.schrittleiste .balken button.erledigt{background:var(--text-dezent)}.schrittleiste .balken button.aktiv{width:28px;background:var(--akzent)}.schrittleiste .balken button:disabled{cursor:not-allowed}.schrittleiste .balken button:focus-visible{box-shadow:0 0 0 2px var(--akzent-weich)}.schrittleiste .stand{font:var(--text-basis);white-space:nowrap}.schrittleiste .stand .zahl{color:var(--text-dezent)}.schrittleiste .pfeile{display:flex;gap:var(--abstand-1)}.schrittleiste .pfeile button{height:30px;padding:0 var(--abstand-6);border:none;border-radius:var(--radius);background:transparent;color:var(--text-dezent);font:var(--text-klein)}.schrittleiste .pfeile button.vor{background:var(--flaeche-aktiv);color:var(--text)}.schrittleiste .pfeile button:hover:not(:disabled){background:var(--flaeche-aktiv);color:var(--text)}.schrittleiste .pfeile button:disabled{opacity:.4;cursor:not-allowed}.kopf-rechts{right:var(--abstand-schwebend);top:var(--abstand-7);display:flex;gap:var(--abstand-5);align-items:center;font:var(--text-basis);color:var(--text-dezent)}.kopf-rechts .knopf{margin:0}.werkzeugleiste{left:var(--abstand-schwebend);top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:var(--abstand-1);padding:var(--abstand-2);border-radius:12px;background:var(--glas);box-shadow:var(--schatten-panel);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.werkzeugleiste button.werkzeug{width:64px;height:52px;border:none;border-radius:9px;background:transparent;color:var(--text);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font:var(--text-mikro);font-size:11px;transition:background var(--dauer) var(--kurve),color var(--dauer) var(--kurve)}.werkzeugleiste button.werkzeug:hover:not(:disabled):not(.aktiv){background:var(--flaeche-aktiv)}.werkzeugleiste button.werkzeug.aktiv{background:var(--akzent);color:var(--auf-akzent)}.werkzeugleiste button.werkzeug:disabled{opacity:.4;cursor:not-allowed}.werkzeugleiste button.werkzeug .taste{font:var(--text-zahl);font-size:15px;font-weight:var(--gewicht-mittel)}.werkzeugleiste .trenner{height:1px;background:var(--linie);margin:var(--abstand-2) var(--abstand-3)}.werkzeugleiste button.verlauf{height:36px;border:none;border-radius:var(--radius);background:transparent;color:var(--text-dezent);display:flex;align-items:center;justify-content:center;gap:var(--abstand-2);font:var(--text-zahl);font-size:11px}.werkzeugleiste button.verlauf:hover:not(:disabled){background:var(--flaeche-aktiv);color:var(--text)}.werkzeugleiste button.verlauf:disabled{opacity:.4;cursor:not-allowed}.inspektor{right:var(--abstand-schwebend);top:72px;bottom:var(--abstand-schwebend);width:var(--inspektor-breite);display:flex;flex-direction:column;align-items:stretch;pointer-events:none}.inspektor>.panel{max-height:100%;pointer-events:auto}.inspektor .panel-kopf{flex-wrap:wrap}.bauteil-reiter{display:flex;gap:var(--abstand-1);padding:0 var(--abstand-7) var(--abstand-4);overflow-x:auto}.bauteil-reiter button{flex:none;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:28px;padding:0 var(--abstand-5);border:none;border-radius:var(--radius);background:transparent;color:var(--text-dezent);font:var(--text-klein)}.bauteil-reiter button.aktiv{background:var(--flaeche-aktiv);color:var(--text);font-weight:var(--gewicht-mittel)}.ansichten{left:var(--abstand-schwebend);bottom:var(--abstand-schwebend);display:flex;align-items:center;gap:var(--abstand-4)}.ansichten .segment{background:var(--glas);box-shadow:var(--rand);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.ansichten .segment>button.aktiv{background:var(--flaeche-aktiv);box-shadow:none}.hinweis-schwebend{left:var(--abstand-schwebend);bottom:calc(var(--abstand-schwebend) + 48px);width:440px;max-width:calc(100% - var(--inspektor-breite) - 3 * var(--abstand-schwebend));display:flex;flex-direction:column;gap:var(--abstand-2)}.hinweis-schwebend .hinweis{margin:0;box-shadow:0 8px 24px var(--schatten-farbe);border-radius:12px;cursor:pointer}.hinweis-schwebend .hinweis .zeit{font:var(--text-zahl);font-size:11px;color:var(--text-dezent);white-space:nowrap}.hinweis-schwebend .liste{max-height:40vh;overflow:auto;border-radius:12px;background:var(--glas);box-shadow:var(--schatten-panel);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:var(--abstand-2)}.hinweis-schwebend .liste .hinweis{box-shadow:none;margin:0;cursor:default}.hinweis-schwebend .liste .kopf{display:flex;justify-content:space-between;align-items:center;padding:var(--abstand-3) var(--abstand-5);font:var(--text-klein);color:var(--text-dezent)}@media (max-width: 1100px){:root{--inspektor-breite: 300px}.schrittleiste{left:200px;transform:none}}.abschnitt{padding:var(--abstand-5) var(--abstand-4) var(--abstand-6);border-bottom:1px solid var(--linie)}.abschnitt:last-child{border-bottom:none}.abschnitt-kopf{display:flex;align-items:center;justify-content:space-between;gap:var(--abstand-4);margin-bottom:var(--abstand-3)}.abschnitt-kopf h3,.abschnitt-kopf .knopf{margin:0}.erklaerung{color:var(--text-dezent);font:var(--text-klein);margin:var(--abstand-2) 0 var(--abstand-4)}:root:not([data-hilfe=an]) .erklaerung,:root:not([data-hilfe=an]) .erklaerung-liste,:root:not([data-hilfe=an]) .nur-hilfe{display:none}.details{margin:var(--abstand-3) 0}.details summary{cursor:pointer;font:var(--text-klein);color:var(--text-dezent);padding:var(--abstand-2) 0;list-style:none;display:flex;align-items:center;gap:var(--abstand-2)}.details summary:before{content:"▸";font-size:10px;transition:transform var(--dauer) var(--kurve)}.details[open] summary:before{transform:rotate(90deg)}.details summary::-webkit-details-marker{display:none}.details>:not(summary){margin-top:var(--abstand-2)}.zeile-kompakt{display:flex;flex-wrap:wrap;gap:var(--abstand-2) var(--abstand-6);font:var(--text-klein);color:var(--text-dezent);margin:var(--abstand-2) 0}.zeile-kompakt .zahl{color:var(--text)}.pruefliste{list-style:none;margin:var(--abstand-3) 0;padding:0;display:flex;flex-direction:column;gap:var(--abstand-1)}.pruefliste li{display:flex;align-items:flex-start;gap:var(--abstand-4);padding:var(--abstand-2) var(--abstand-3);border-radius:var(--radius);font:var(--text-klein)}.pruefliste li.warnung{background:var(--warn-grund)}.pruefliste .ok{color:var(--text-dezent);flex:none;width:16px}.pruefliste .name{flex:1;min-width:0}.pruefliste .text{color:var(--text-dezent)}.erklaerung-liste{color:var(--text-dezent);font:var(--text-klein);padding-left:18px}.werte{display:grid;grid-template-columns:minmax(100px,40%) 1fr;gap:2px var(--abstand-5);margin:var(--abstand-3) 0;font:var(--text-klein)}.werte dt{color:var(--text-dezent)}.werte dd{margin:0;overflow-wrap:anywhere}.gruende{margin:0 0 var(--abstand-4);padding-left:18px;font:var(--text-klein)}.bauteil-details{margin:var(--abstand-4) 0}.bauteil-details summary{cursor:pointer;padding:var(--abstand-2) 0}.chips{display:flex;gap:var(--abstand-3);flex-wrap:wrap;padding:var(--abstand-4) 0 var(--abstand-2)}.chips .knopf{margin:0}.tabelle{width:100%;max-width:100%;table-layout:fixed;border-collapse:collapse;margin:var(--abstand-4) 0;font:var(--text-klein)}.tabelle th:first-child,.tabelle td:first-child{width:34%}.tabelle th:nth-child(2),.tabelle td:nth-child(2){width:22%}.tabelle th,.tabelle td{text-align:left;padding:5px var(--abstand-3);border-bottom:1px solid var(--linie);vertical-align:top;overflow-wrap:anywhere}.tabelle th{color:var(--text-dezent);font-weight:var(--gewicht-mittel)}.tabelle .rechts,.rechts{text-align:right;font-family:var(--schrift-mono)}.tabelle.klein td{padding:3px var(--abstand-3)}.zonenliste,.verbinderliste{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--abstand-1)}.zonenzeile,.verbinderliste li{display:flex;flex-direction:column;gap:var(--abstand-5);padding:var(--abstand-5);border-radius:var(--radius-gross);cursor:pointer;background:transparent;transition:background var(--dauer) var(--kurve),box-shadow var(--dauer) var(--kurve)}.zonenzeile:hover,.verbinderliste li:hover{background:var(--flaeche-aktiv)}.zonenzeile.aktiv,.verbinderliste li.aktiv{background:var(--flaeche-aktiv);box-shadow:inset 0 0 0 1.5px var(--akzent-weich)}.zonenzeile.kollision,.verbinderliste li.kollision{box-shadow:inset 0 0 0 2px var(--warn)}.zonen-kopf{display:flex;align-items:center;gap:var(--abstand-5);width:100%;text-align:left;padding:0;border:none;background:none;color:inherit;cursor:pointer;font:inherit}.zonen-kopf .nummer,.zonen-nummer{flex:none;width:22px;height:22px;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;font:var(--text-zahl);font-size:12px;font-weight:var(--gewicht-mittel);background:var(--zone-1);color:var(--zone-1-text)}.zonen-kopf .zonen-name{flex:1;min-width:0;font:var(--text-basis);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.zonenzeile.aktiv .zonen-kopf .zonen-name{font-weight:var(--gewicht-fett)}.zonen-kopf input.zonen-name{border:none;background:transparent;box-shadow:none;min-height:28px;padding:0 var(--abstand-2);font-weight:inherit}.zonen-kopf input.zonen-name:focus-visible{box-shadow:inset 0 0 0 1px var(--akzent);border-radius:var(--radius-klein)}.zonen-kopf .offset{font:var(--text-zahl);color:var(--text-dezent);white-space:nowrap}.zonen-kopf .quelle{font:var(--text-mikro);color:var(--text-dezent);white-space:nowrap}.zonen-werte{display:flex;flex-direction:column;gap:var(--abstand-4);padding-left:32px}.zonen-werte .zeile{display:flex;flex-wrap:wrap;align-items:center;gap:var(--abstand-2) var(--abstand-3)}.zonen-werte .zeile .zahlfeld,.zonen-werte .zeile .schalter{margin:0}.zonen-werte .info{font:var(--text-zahl);font-size:12px;color:var(--text-dezent)}.zonen-werte .knopf{margin:0}.kragen{border-radius:var(--radius-gross);box-shadow:var(--rand);padding:var(--abstand-4) var(--abstand-5);margin:var(--abstand-3) 0}.zusammenfassung{margin-bottom:var(--abstand-5)}.dateiliste{margin-top:var(--abstand-4)}.icon{flex:none;vertical-align:middle}.dialog{border:none;border-radius:var(--radius-panel);padding:var(--abstand-9);max-width:520px;width:calc(100% - 32px);background:var(--flaeche);color:var(--text);box-shadow:var(--schatten-panel)}.dialog::backdrop{background:#0e0f1273}.dialog h2{font-size:18px}.dialog-knoepfe{display:flex;justify-content:flex-end;gap:var(--abstand-4);margin-top:var(--abstand-7)}.dialog-knoepfe .knopf{margin:0}@media (prefers-reduced-motion: reduce){*,*:before,*:after{transition:none!important}}.thema-knopf{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:12px;background:var(--glas);box-shadow:var(--rand);color:var(--text);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.thema-knopf:hover{background:var(--flaeche-aktiv)}.kopf-rechts{top:var(--abstand-schwebend);gap:var(--abstand-6)}.kopf-rechts .os-anzeige{background:var(--glas)}.benutzer-menue{position:relative}.benutzer-knopf{border:none;background:transparent;color:var(--text);font:var(--text-basis);font-size:15px;padding:var(--abstand-2) var(--abstand-3);border-radius:var(--radius);cursor:pointer}.benutzer-knopf:hover,.benutzer-knopf[aria-expanded=true]{background:var(--flaeche-aktiv)}.menue{position:absolute;right:0;top:calc(100% + 6px);min-width:220px;display:flex;flex-direction:column;gap:2px;padding:var(--abstand-2);border-radius:12px;background:var(--glas);box-shadow:var(--schatten-panel);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:5}.menue button{display:flex;align-items:center;gap:var(--abstand-4);height:34px;padding:0 var(--abstand-5);border:none;border-radius:var(--radius);background:transparent;color:var(--text);font:var(--text-klein);text-align:left;white-space:nowrap}.menue button:hover{background:var(--flaeche-aktiv)}.menue button[aria-checked=true]{color:var(--akzent)}.werkzeugleiste button.werkzeug{width:76px;height:64px;gap:4px}.werkzeugleiste button.werkzeug .taste{font:var(--text-zahl);font-size:11px;font-weight:var(--gewicht-normal);opacity:.85}.werkzeugleiste button.verlauf{height:40px}.ansichten .segment>button{width:44px;height:40px;padding:0;justify-content:center}.ansichten .segment>button:hover{background:var(--flaeche-aktiv)}.panel-fuss{flex-direction:column;align-items:stretch;gap:var(--abstand-3)}.fuss-inhalt{display:flex;flex-direction:column;align-items:center;gap:var(--abstand-3)}.fuss-inhalt .knopf{margin:0}.fuss-status{font:var(--text-klein);color:var(--text-dezent);text-align:center}.ablage{position:absolute;left:50%;top:50%;transform:translate(calc(-50% - var(--inspektor-breite) / 2),-50%);width:min(880px,calc(100% - var(--inspektor-breite) - 4 * var(--abstand-schwebend)));min-height:420px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--abstand-4);text-align:center;border:2px dashed var(--linie-stark);border-radius:var(--radius-panel);background:color-mix(in oklch,var(--flaeche) 40%,transparent);color:var(--text);transition:border-color var(--dauer) var(--kurve),background var(--dauer) var(--kurve)}.arbeit.ziehen .ablage{border-color:var(--akzent);background:var(--akzent-weich)}.ablage-symbol{width:84px;height:84px;display:flex;align-items:center;justify-content:center;border-radius:20px;background:var(--flaeche-aktiv);color:var(--text-dezent);margin-bottom:var(--abstand-4)}.ablage h2{font-size:24px;margin:0}.ablage p{color:var(--text-dezent);margin:0 0 var(--abstand-5)}.ablage .knopfzeile{justify-content:center}.ablage .knopf{margin:0}.zahlfeld.zeile{display:flex;width:100%;justify-content:space-between;margin:var(--abstand-2) 0;height:var(--hoehe-gross);border-radius:var(--radius-gross)}.zahlfeld.zeile .zahlfeld-label{padding-left:14px;font:var(--text-basis);color:var(--text-dezent);flex:1}.zahlfeld.zeile input{width:72px!important;font-size:15px}.zahlfeld.zeile .einheit{padding-right:14px}.schalter.zeile{display:flex;width:100%;justify-content:flex-start;margin:0;height:var(--hoehe-gross);padding:0 var(--abstand-2);border-radius:var(--radius)}.schalter.zeile:hover:not(:disabled){background:var(--flaeche-aktiv)}.schalter.zeile .wippe{order:3;margin-left:auto}.schalter.zeile .icon{color:var(--text-dezent)}.schalterliste{display:flex;flex-direction:column;gap:2px;margin:var(--abstand-2) 0}.modus-hinweis{display:flex;align-items:center;gap:var(--abstand-5);padding:var(--abstand-5) 14px;margin:var(--abstand-3) 0;border-radius:var(--radius-gross);background:var(--akzent-weich);color:var(--text);font:var(--text-basis)}.modus-hinweis .text{flex:1}.modus-hinweis kbd{background:var(--flaeche)}.pruefliste li{align-items:flex-start;padding:var(--abstand-4) var(--abstand-3)}.pruefliste .ok{color:var(--text-dezent);width:20px;display:inline-flex;justify-content:center;margin-top:1px}.pruefliste .name{font:var(--text-basis);display:flex;flex-direction:column;gap:2px}.pruefliste .name .mono{font:var(--text-zahl);color:var(--text-dezent)}.pruefliste li.warnung{background:var(--warn-grund);border-radius:var(--radius-gross)}.pruefliste li.warnung .ok{color:var(--warn)}.pruefliste li.warnung .name .mono{color:var(--warn-text)}.aufmass-legende{left:var(--abstand-schwebend)!important;bottom:calc(var(--abstand-schwebend) + 56px)!important;transform:none!important;min-width:300px;padding:12px 16px!important;border-radius:12px!important;box-shadow:var(--schatten-panel)!important}.hinweis-schwebend{left:calc((100% - var(--inspektor-breite)) / 2 + 80px);transform:translate(-50%);bottom:var(--abstand-schwebend);width:520px;max-width:calc(100% - var(--inspektor-breite) - 6 * var(--abstand-schwebend) - 120px)}.mitte.oben{align-items:flex-start;padding-top:76px}.karte.parameter{width:min(980px,100%)}.karte.parameter h3{font:var(--text-klein);font-weight:var(--gewicht-mittel);margin:var(--abstand-6) 0 var(--abstand-3)}.parameter-zeile{display:grid;grid-template-columns:1fr auto 36px;gap:var(--abstand-5);align-items:center;padding:var(--abstand-4) 0;box-shadow:inset 0 -1px 0 var(--linie)}.parameter-zeile.geaendert .parameter-name{color:var(--akzent)}.parameter-text{display:flex;flex-direction:column;gap:2px;min-width:0}.parameter-name{display:inline-flex;align-items:center;gap:var(--abstand-3);font:var(--text-klein);font-weight:var(--gewicht-mittel)}.regel-zone{display:flex;flex-wrap:wrap;align-items:center;gap:var(--abstand-6);padding:var(--abstand-3) 0}.regel-zone>.parameter-name{min-width:160px}.regel-feld{display:inline-flex;align-items:center;gap:var(--abstand-3)}.regel-feld.geaendert small{color:var(--akzent)}.parameter-fuss{position:sticky;bottom:0;display:flex;justify-content:flex-end;gap:var(--abstand-4);padding-top:var(--abstand-6);margin-top:var(--abstand-6);background:var(--flaeche)}textarea.zuordnung{width:260px;font-family:var(--schrift-mono, monospace);font-size:12px}.erfolg{color:var(--akzent)}.faelle-liste{left:var(--abstand-schwebend);top:72px;width:268px;max-height:calc(100% - 200px);display:flex;flex-direction:column;border-radius:var(--radius-panel);background:var(--glas);box-shadow:var(--schatten-panel);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:var(--text)}.faelle-liste.zu{width:auto;max-height:none;flex-direction:row;align-items:center;gap:var(--abstand-3);padding:var(--abstand-3) var(--abstand-5);border:none;font:var(--text-klein);cursor:pointer}.faelle-liste header{display:flex;justify-content:space-between;align-items:center;padding:var(--abstand-5) var(--abstand-5) var(--abstand-3) var(--abstand-6);font:var(--text-klein)}.faelle-liste header .knopf{margin:0}.faelle-liste .leer{padding:0 var(--abstand-6) var(--abstand-5);margin:0}.faelle-liste .faelle-inhalt{overflow:auto;padding:0 var(--abstand-3)}.faelle-liste .fall-eintrag{padding:var(--abstand-2) 0 var(--abstand-3);border-top:1px solid var(--linie)}.faelle-liste .fall-kopf{display:flex;justify-content:space-between;gap:var(--abstand-3);padding:var(--abstand-2) var(--abstand-3);font:var(--text-klein);font-weight:var(--gewicht-mittel)}.faelle-liste .fall-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.faelle-liste .fall-herkunft{flex:none;font:var(--text-mikro);color:var(--text-dezent)}.faelle-liste .bauteil-zeile{display:grid;grid-template-columns:18px 1fr auto;align-items:center;gap:var(--abstand-2);padding:2px var(--abstand-3);border-radius:var(--radius)}.faelle-liste .bauteil-zeile.aktiv{background:var(--flaeche-aktiv)}.faelle-liste .bauteil-zeile.warnung .bauteil-name{color:var(--warn)}.faelle-liste .bauteil-name{border:none;background:transparent;color:inherit;text-align:left;font:var(--text-klein);padding:4px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.faelle-liste .status-zeichen-reihe{display:flex;gap:2px}.faelle-liste .status-zeichen{width:16px;text-align:center;font:var(--text-zahl);font-size:11px;color:var(--text-dezent)}.faelle-liste .status-zeichen.ok{color:var(--text)}.faelle-liste .status-zeichen.warnung{color:var(--warn);font-weight:var(--gewicht-fett)}.faelle-liste footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--abstand-2);padding:var(--abstand-3) var(--abstand-5);border-top:1px solid var(--linie);font:var(--text-mikro)}.faelle-liste footer .knopf{margin:0}.arbeit.mit-liste .werkzeugleiste{left:calc(var(--abstand-schwebend) + 280px)}.arbeit.mit-liste .marke-aufmass span.plattform-zeile{white-space:nowrap}.plattform-wahl{display:flex;flex-direction:column;gap:var(--abstand-4);margin:var(--abstand-4) 0}.bauteil-aktiv{margin:0;padding:0 var(--abstand-7) var(--abstand-4);font:var(--text-klein)}.dialog:has(.warteliste-tabelle){max-width:920px}.warteliste-tabelle{max-height:52vh;overflow:auto}.warteliste-tabelle td{vertical-align:middle}.warteliste-bild{width:64px;height:48px;object-fit:cover;border-radius:var(--radius);background:var(--flaeche-aktiv);display:block}.warn-text{color:var(--warn);font-weight:var(--gewicht-mittel)}.ablage-liste .fall-bereit{display:flex;justify-content:space-between;gap:var(--abstand-4);align-items:center;padding:var(--abstand-3) 0;border-bottom:1px solid var(--linie)}.ablage-liste .fall-bereit:last-child{border-bottom:none}.warteliste-tabelle table{width:100%;table-layout:auto}.warteliste-tabelle th,.warteliste-tabelle td{white-space:nowrap;padding:var(--abstand-2) var(--abstand-3);text-align:left}.warteliste-tabelle th:first-child,.warteliste-tabelle td:first-child{width:24px}.warteliste-tabelle td:nth-child(2){white-space:normal;min-width:160px}.warteliste-tabelle td.rechts{text-align:right}.inspektor .abschnitt-kopf .knopfzeile{flex-wrap:wrap;justify-content:flex-end}.export-fall{padding:var(--abstand-4) 0;border-bottom:1px solid var(--linie);display:flex;flex-direction:column;gap:var(--abstand-2);font:var(--text-klein)}.export-fall:last-of-type{border-bottom:none}.export-fall-kopf{display:flex;justify-content:space-between;gap:var(--abstand-4)}