@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap";*{margin:0;padding:0;box-sizing:border-box;font-family:inherit}html,body,#root{height:100%;font-family:Montserrat,sans-serif;font-optical-sizing:auto;font-weight:500;font-style:normal}button,input,select,textarea{font-family:inherit}img{max-width:100%;box-sizing:border-box}.app-container{display:flex;flex-direction:column;height:100vh}.topbar{display:flex;align-items:stretch;border-bottom:2px solid #f1f1f1;height:45px;font-size:11px;background:#fff}.topbar__logo{padding:0 22px;display:flex;align-items:center;justify-content:center;height:45px}.topbar__logo img{max-height:35px}.topbar__logo--clickable{cursor:pointer;transition:opacity .15s ease}.topbar__logo--clickable:hover{opacity:.7}.topbar__center{flex:1;display:flex;align-items:center}.topbar__bottom{height:100%;width:100%;display:flex;align-items:center}.topbar__tabs{display:flex;align-items:stretch;gap:4px;align-self:stretch;height:auto}.topbar__tabs>.btn{align-self:center}.topbar__tab-wrapper{display:flex;position:relative;align-items:center;padding:0 18px;gap:10px;height:100%;border-bottom:3px solid transparent;border-top:3px solid transparent;transition:all .2s ease-in-out}.topbar__tab-wrapper:hover .topbar__tab{color:#222}.topbar__tab-wrapper--active{border-bottom-color:var(--primary, #ff8000)}.topbar__tab-wrapper--active .topbar__tab,.topbar__tab-wrapper--active .topbar__tab-ebene,.topbar__tab-wrapper--active:hover .topbar__tab{color:var(--primary, #ff8000)}.topbar__tab-wrapper--overview{margin-right:6px;margin-left:0}.topbar__tab-wrapper--overview .topbar__tab{color:var(--primary, #ff8000);font-weight:700}.topbar__tab-wrapper--overview:hover .topbar__tab{color:var(--primary, #ff8000)}.topbar__tab{cursor:pointer;background:transparent;border:none;font-size:11px}.topbar__tab input{font-size:inherit;border:none;padding:2px 10px;outline:none;box-shadow:none;appearance:none;-webkit-appearance:none;border-radius:8px;color:#fff;background:var(--primary-light, #ff9729);width:140px}.topbar__tab-ebene{font-size:9px;font-weight:700;color:#999;margin-right:4px}.topbar__tab-actions{display:inline-flex;gap:3px;align-items:center;justify-content:center;background:transparent;color:#fff}.topbar__tab-actions button{cursor:pointer;font-size:20px;height:30px;width:20px;border:none;background:transparent;color:#000;transition:all .2s ease-in-out}.topbar__tab-actions button:hover{color:var(--primary, #ff8000)}.topbar__tab-add{background:#f2f2f2;padding:0 3px}.topbar__tab-add button{width:100%;height:100%;border:none;background:transparent;cursor:pointer;width:30px}.topbar__tab-add{transition:all .2s ease-in-out}.topbar__tab-add:hover{background:var(--primary, #ff8000)}.topbar__tab-add:hover button{color:#fff}.topbar__right{display:flex;align-items:center;gap:14px;padding:0 22px}.topbar__testmodus{border:1px solid rgba(var(--primary-rgb, 255, 128, 0),.45);background:rgba(var(--primary-rgb, 255, 128, 0),.08);color:var(--primary-dark, #d66b00);border-radius:20px;padding:5px 12px;font:inherit;font-size:11px;white-space:nowrap;cursor:pointer}.topbar__testmodus:hover{background:rgba(var(--primary-rgb, 255, 128, 0),.14)}.topbar__projekt{display:flex;align-items:center;height:100%;padding-right:10px;border-right:1px solid #e4e4e4}.topbar .project-actions{margin:0;padding:0 10px 0 0;border-top:0;border-right:1px solid #e4e4e4;display:flex;align-items:center}.topbar .project-actions__row{margin:0;gap:2px}.topbar .project-actions__row>.btn{flex:none;display:inline-flex;align-items:center;gap:5px;padding-left:8px;padding-right:8px;white-space:nowrap}.topbar__lang{position:relative;font-size:12px;color:#555;-webkit-user-select:none;user-select:none}.topbar__lang-btn{border:none;background:none;font:inherit;color:inherit;cursor:pointer;padding:6px 10px;border-radius:6px}.topbar__lang-btn:hover{background:#f4f4f4}.topbar__lang-dropdown{position:absolute;top:100%;right:0;background:#fff;border:1px solid #e0e0e0;border-radius:6px;box-shadow:0 4px 12px #0000001a;z-index:100;min-width:60px;overflow:hidden}.topbar__lang-option{display:block;width:100%;border:none;background:none;font:inherit;color:inherit;padding:8px 14px;cursor:pointer;text-align:left}.topbar__lang-option:hover{background:#f4f4f4}.topbar__lang-option--active{color:var(--primary, #ff8000);font-weight:600}.topbar__user-icon{width:32px;height:32px;border-radius:50%;border:1px solid #e0e0e0;background:#fff;color:#555;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease}.topbar__user-icon:hover{background:#f6f6f6;color:var(--primary, #ff8000);border-color:var(--primary, #ff8000)}.topbar__history{display:flex;gap:2px;padding:0 8px}.topbar__history-btn{width:26px;height:26px;border:none;background:transparent;border-radius:5px;font-size:14px;cursor:pointer;color:#555;display:flex;align-items:center;justify-content:center;transition:all .15s}.topbar__history-btn:hover:not(:disabled){background:#f0f0f0;color:var(--primary, #ff8000)}.topbar__history-btn:disabled{opacity:.3;cursor:default}.main-content{display:flex;flex:1;overflow:hidden}.planning-area{flex:1;padding:16px;background:#f1f1f1;position:relative}.planning-area--canvas{padding:0;overflow:hidden}.sidebar{border-left:5px solid white;display:flex;flex-direction:row;position:relative}.sidebar--collapsed{width:auto}.sidebar__toggle{cursor:pointer;align-self:flex-start;position:absolute;height:60px;top:calc(50% - 50px);left:-23px;width:22px;border:none;transition:all .2s ease-in-out;background:#fff}.sidebar__toggle:hover{color:var(--primary, #ff8000)}.sidebar__steps{background:#f1f1f1;display:flex;flex-direction:column;width:106px;flex:0 0 106px}.sidebar__history{display:flex;justify-content:center;gap:4px;padding:8px 6px 4px;border-bottom:1px solid white}.sidebar__history-btn{width:32px;height:28px;border:none;background:#fff;border-radius:6px;font-size:13px;cursor:pointer;color:#555;display:flex;align-items:center;justify-content:center;transition:all .15s}.sidebar__history-btn:hover:not(:disabled){background:var(--primary, #ff8000);color:#fff}.sidebar__history-btn:disabled{opacity:.25;cursor:default}.sidebar__main{display:flex;flex-direction:column}.sidebar__form-content{flex:1;padding:16px;background:#fff;transition:all .3s ease-in-out}.sidebar__placeholder{color:#999}.sidebar__nav-buttons{display:flex;gap:8px;padding:16px}.step-navigation{display:flex;flex-direction:column}.step-navigation__item{display:flex;align-items:center;gap:6px;padding:10px 8px;font-size:11px;line-height:1.25;-webkit-hyphens:auto;hyphens:auto;cursor:pointer;border:none;background:none;text-align:left;flex-direction:column;border-bottom:1px solid white;opacity:.6;transition:all .2s ease-in-out}.step-navigation__item:hover{opacity:1}.step-navigation__item--active{background:#fff;opacity:1}.step-navigation__item--locked{opacity:.25;cursor:default}.step-navigation__item--locked:hover{opacity:.25}.step-navigation__icon{width:36px}.step-navigation__label{text-align:center;word-break:break-word}.surface-type-selector__options{display:flex;flex-direction:column;gap:8px;margin-top:8px}.surface-type-selector__option{padding:12px;cursor:pointer}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;text-decoration:none;padding:9px 14px;border:1px solid #e0e0e0;border-radius:7px;background:#fff;color:#222;font-family:Montserrat,sans-serif;font-size:12px;font-weight:600;cursor:pointer;transition:all .15s ease;line-height:1.2}.btn:hover:not(:disabled){background:#f6f6f6;border-color:#ccc}.btn:disabled{opacity:.4;cursor:default}.btn--block{width:100%}.btn--primary{background:var(--primary, #ff8000);border-color:var(--primary, #ff8000);color:#fff}.btn--primary:hover:not(:disabled){background:var(--primary-dark, #d66b00);border-color:var(--primary-dark, #d66b00)}.btn--active{border-color:var(--primary, #ff8000);background:rgba(var(--primary-rgb, 255, 128, 0),.09);color:#222}.btn--active:hover:not(:disabled){background:rgba(var(--primary-rgb, 255, 128, 0),.14);border-color:var(--primary, #ff8000)}.btn--danger{color:#c00;border-color:#f0caca;background:#fff7f7}.btn--danger:hover:not(:disabled){background:#fee;border-color:#f0a0a0;color:#a00}.btn--ghost{border:none;background:transparent;color:#555;padding:8px 12px;font-weight:600}.btn--ghost:hover:not(:disabled){background:#f4f4f4;color:var(--primary, #ff8000);border-color:transparent}.btn--link{border:none;background:none;padding:0;color:var(--primary, #ff8000);font-weight:400;text-decoration:underline}.btn--link:hover:not(:disabled){background:none;color:#222}.btn--link-sm{display:block;text-align:left;font-size:10px}.btn--sm{padding:6px 10px;font-size:11px}.btn-stack{display:flex;flex-direction:column;gap:6px}.form-group{display:flex;flex-direction:column;gap:6px;padding-bottom:16px;border-bottom:1px solid #ececec}.form-group:last-child{border-bottom:none;padding-bottom:0}.form-group--attached{border-bottom:none;padding-bottom:0}.form-group--attached:not(:has(+.form-group--attached)){border-bottom:1px solid #ececec;padding-bottom:16px}.form-group--attached{margin-top:-6px}.form-group__block{margin-top:10px}.form-group:has(+.form-group--attached){border-bottom:none;padding-bottom:0}.form-group__row{display:flex;align-items:center;gap:10px}.form-group__row>.form-group__sublabel{flex-shrink:0}.form-group__label,.form-group__sublabel{display:flex;align-items:center;gap:5px}.form-group__label svg,.form-group__sublabel svg{width:13px;height:13px;color:#888}.form-group__label{font-size:12px;font-weight:700;color:#222;letter-spacing:.2px}.form-group__sublabel{font-size:11px;font-weight:600;color:#888}.form-group__value{font-size:13px;font-weight:600;color:#222}.form-group__inline{display:flex;align-items:center;gap:8px}.form-group__inline-label{min-width:42px;flex-shrink:0}.form-group__inline-input{flex:1;padding:5px 8px;border:1px solid #ddd;border-radius:5px;font-size:12px;font-family:inherit;outline:none;background:#fff}.form-group__inline-input:focus{border-color:var(--primary, #ff8000)}.modal-overlay{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:200}.modal{background:#fff;border-radius:12px;padding:28px 32px;box-shadow:0 12px 40px #00000040;width:420px;max-width:90vw;font-family:Montserrat,sans-serif;font-size:12px;color:#555;line-height:1.5;display:flex;flex-direction:column;gap:15px;position:relative}.modal p{margin:2px 0 0}.modal .close-x{position:absolute;top:14px;right:14px;border:none;background:none;font-size:15px;cursor:pointer;color:#888;padding:2px}.modal .close-x:hover{color:#333}.modal--wide{width:560px}.modal .title{font-size:16px;font-weight:700;color:#222}.modal .subtitle{margin-top:-8px}.modal .actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}.modal .field{display:flex;flex-direction:column;gap:4px}.modal .field label{font-size:10px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:#888}.modal .field .input{margin-bottom:0}.modal .field.is-fehler label{color:#c00}.modal .field.is-fehler .input{border-color:#c00}.modal .error{color:#c00;background:#fff7f7;border:1px solid #f0caca;border-radius:7px;padding:8px 10px;font-size:12px;line-height:1.4}.modal a{color:var(--primary, #ff8000)}.input{width:100%;box-sizing:border-box;padding:10px 12px;border:1px solid #ddd;border-radius:7px;font-size:13px;font-family:inherit;outline:none;margin-bottom:6px}.input:focus{border-color:var(--primary, #ff8000)}.input.is-fehler{border-color:#c00}.muted{color:#888}.registrieren__suche{position:relative}.registrieren__dropdown{position:absolute;top:100%;left:0;right:0;z-index:10;max-height:200px;overflow-y:auto;background:#fff;border:1px solid #e5e5e5;border-radius:7px;box-shadow:0 8px 24px #0000001f}.registrieren__dropdown>p{padding:8px 12px;margin:0}.registrieren__haendler-zeile{display:flex;justify-content:space-between;align-items:baseline;gap:12px;width:100%;padding:8px 12px;border:none;border-bottom:1px solid #f0f0f0;background:#fff;font:inherit;color:#555;text-align:left;cursor:pointer}.registrieren__haendler-zeile:last-child{border-bottom:none}.registrieren__haendler-zeile:hover{background:#fafafa}.registrieren__haendler-zeile.is-gewaehlt{background:rgba(var(--primary-rgb, 255, 128, 0),.12);color:#222}.registrieren__zuordnung{background:rgba(var(--primary-rgb, 255, 128, 0),.08);border:1px solid rgba(var(--primary-rgb, 255, 128, 0),.3);border-radius:7px;padding:8px 10px}.registrieren__felder{display:grid;grid-template-columns:1fr 1fr;gap:10px 8px}.registrieren__breit{grid-column:1/-1}.registrieren__strasse{grid-column:1/-1;display:grid;grid-template-columns:2fr 1fr;gap:10px 8px}.login-vergessen{align-self:flex-start;border:none;background:none;padding:0;font:inherit;font-size:11px;color:#888;text-decoration:underline;cursor:pointer}.login-vergessen:hover{color:var(--primary, #ff8000)}.checkbox-row,.ui-check{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:11px;color:#555;-webkit-user-select:none;user-select:none}.checkbox-row input[type=checkbox],.ui-check input[type=checkbox]{appearance:none;-webkit-appearance:none;width:15px;height:15px;border:1px solid #cfcfcf;border-radius:3px;background:#fff;cursor:pointer;position:relative;transition:background .12s,border-color .12s;margin:0;flex-shrink:0}.checkbox-row input[type=checkbox]:hover,.ui-check input[type=checkbox]:hover{border-color:var(--primary, #ff8000)}.checkbox-row input[type=checkbox]:checked,.ui-check input[type=checkbox]:checked{background:rgba(var(--primary-rgb, 255, 128, 0),.12);border-color:var(--primary, #ff8000)}.checkbox-row input[type=checkbox]:checked:after,.ui-check input[type=checkbox]:checked:after{content:"";position:absolute;left:4px;top:0;width:4px;height:8px;border:solid var(--primary, #ff8000);border-width:0 2px 2px 0;transform:rotate(45deg)}.checkbox-row.is-fehler,.ui-check.is-fehler{color:#c00}.checkbox-row.is-fehler input[type=checkbox],.ui-check.is-fehler input[type=checkbox]{border-color:#c00}.ui-slider{display:flex;align-items:center;gap:8px;font-size:11px;color:#555}.ui-slider__label{white-space:nowrap}.ui-slider__val{min-width:32px;text-align:right;font-variant-numeric:tabular-nums}.ui-slider__val-input{width:68px;text-align:right;font-variant-numeric:tabular-nums;font-family:inherit;font-size:inherit;color:inherit;border:1px solid #e0e0e0;border-radius:3px;background:#fff;padding:2px 4px;outline:none;cursor:pointer;transition:border-color .12s,background .12s}.ui-slider__val-input:hover{border-color:#ccc}.ui-slider__val-input:focus{cursor:text;border-color:var(--primary, #ff8000);background:#fff}.ui-slider input[type=range]{flex:1;-webkit-appearance:none;appearance:none;background:transparent;cursor:pointer;height:18px;margin:0}.ui-slider input[type=range]:focus{outline:none}.ui-slider input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:2px;background:rgba(var(--primary-rgb, 255, 128, 0),.18);border:1px solid rgba(var(--primary-rgb, 255, 128, 0),.5)}.ui-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:13px;height:13px;border-radius:50%;background:var(--primary, #ff8000);border:2px solid white;box-shadow:0 0 0 1px var(--primary, #ff8000);margin-top:-6px;transition:transform .1s}.ui-slider input[type=range]:hover::-webkit-slider-thumb{transform:scale(1.15)}.ui-slider input[type=range]::-moz-range-track{height:4px;border-radius:2px;background:rgba(var(--primary-rgb, 255, 128, 0),.18);border:1px solid rgba(var(--primary-rgb, 255, 128, 0),.5)}.ui-slider input[type=range]::-moz-range-thumb{width:11px;height:11px;border-radius:50%;background:var(--primary, #ff8000);border:2px solid white;box-shadow:0 0 0 1px var(--primary, #ff8000)}.type-grid,.type-tiles{display:grid;grid-template-columns:1fr 1fr;gap:10px}.type-grid--compact,.type-tiles--compact{grid-template-columns:1fr 1fr;gap:8px}.type-grid--three,.type-tiles--three{grid-template-columns:1fr 1fr 1fr}.type-tile{display:flex;flex-direction:column;border:1px solid #e3e3e3;border-radius:9px;background:#fff;cursor:pointer;overflow:hidden;text-align:left;font-family:inherit;padding:0;transition:all .15s ease}.type-tile:hover:not(:disabled){border-color:var(--primary, #ff8000);transform:translateY(-1px);box-shadow:0 4px 12px #00000012}.type-tile--active{border-color:var(--primary, #ff8000);background:rgba(var(--primary-rgb, 255, 128, 0),.09)}.type-tile__image{width:100%;height:120px;object-fit:cover;background:#f4f4f4;display:block}.type-tile--compact .type-tile__image{height:70px}.type-tile__image--icon{display:flex;align-items:center;justify-content:center;background:#fff;color:#222}.type-tile__image--icon svg{width:42px;height:42px}.type-tile__body{padding:8px 10px 10px;display:flex;flex-direction:column;gap:3px}.type-tile__label{font-size:11px;font-weight:700;color:#222;line-height:1.25}.type-tile__desc{font-size:10px;color:#888;line-height:1.35}.ui-tooltip__trigger{display:inline-flex;align-items:center;justify-content:center;margin-left:6px;width:18px;height:18px;border-radius:50%;background:#ebebeb;color:var(--primary, #ff8000);cursor:help;vertical-align:middle;flex-shrink:0;transition:background .15s ease}.ui-tooltip__trigger:hover,.ui-tooltip__trigger:focus{background:#dcdcdc;outline:none}.ui-tooltip__trigger svg{width:12px;height:12px}.ui-tooltip-panel{position:fixed;z-index:1000;width:280px;padding:10px 12px;background:#fff;border:1px solid #e0e0e0;border-radius:6px;box-shadow:0 6px 18px #00000024;font-family:Montserrat,sans-serif;font-size:11px;color:#555;line-height:1.45;pointer-events:none}.ui-tooltip-panel b{color:#222}.ui-tooltip-list{list-style:none;padding:0;margin:6px 0 0}.ui-tooltip-list li{margin-bottom:6px}.ui-tooltip-list li:last-child{margin-bottom:0}.cascade-toast{position:absolute;right:16px;bottom:16px;z-index:50;max-width:280px;padding:10px 14px;background:#fff;border:1px solid #e0e0e0;border-left:3px solid var(--primary, #ff8000);border-radius:6px;box-shadow:0 4px 14px #0000001f;font-family:Montserrat,sans-serif;font-size:11px;color:#555;opacity:0;transform:translateY(8px);transition:opacity .22s ease,transform .22s ease;pointer-events:none}.cascade-toast--visible{opacity:1;transform:translateY(0)}.cascade-toast__title{font-weight:600;color:#222;margin-bottom:4px}.cascade-toast__items{list-style:disc;padding-left:16px;margin:0}.cascade-toast__items li{line-height:1.4}.user-menu{position:relative;display:inline-flex}.user-menu__dropdown{position:absolute;top:calc(100% + 6px);right:0;min-width:220px;background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 8px 20px #0000001f;padding:10px;display:flex;flex-direction:column;gap:8px;z-index:250}.user-menu__greeting{font-size:11px;color:#888;padding:4px 6px 0;line-height:1.4;word-break:break-word}.dev-users{margin-top:16px;padding-top:12px;border-top:1px solid #e0e0e0;font-size:11px}.dev-users__title{color:#888;margin:0 0 6px}.dev-users__agent{margin-bottom:8px}.dev-users__retailer{margin:3px 0 3px 14px}.dev-users__row{display:flex;flex-wrap:wrap;gap:4px;margin:3px 0 0 14px}.dev-users__label{color:#888}.dev-users__btn{border:1px solid #d0d0d0;background:#fafafa;color:#555;border-radius:3px;padding:2px 7px;font-size:11px;cursor:pointer;margin:2px 0}.dev-users__btn:hover{background:#f0f0f0}.dev-users__btn--salesagent{border-color:var(--primary, #ff8000);color:#b35900}.dev-users__btn--retailer{border-color:#64b5f6;color:#1565c0}.artikel-nr{display:inline-flex;align-items:center;gap:5px;font-variant-numeric:tabular-nums;color:inherit;text-decoration:none}a.artikel-nr{cursor:pointer;color:#222;text-decoration:underline}a.artikel-nr svg{flex:none}a.artikel-nr:hover{color:var(--primary, #ff8000)}.tabelle{width:100%;border-collapse:collapse;font-size:12px;color:#555;background:#fff}.tabelle th,.tabelle td{padding:7px 10px;text-align:left;border-bottom:1px solid #f0f0f0;white-space:nowrap}.tabelle th{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#888;border-bottom:1px solid #e0e0e0;background:#fbfbfb;position:sticky;top:0}.tabelle .num{text-align:right}.tabelle .name{white-space:normal;min-width:200px;color:#222}.tabelle .type{color:#888}.tabelle .sku{font-variant-numeric:tabular-nums}.tabelle .reset,.tabelle .action{width:1%;padding-left:4px;padding-right:4px}.tabelle tbody tr:hover{background:#fcfaf7}.tabelle--rahmen{border-collapse:separate;border-spacing:0;border:1px solid #e5e5e5;border-radius:8px;overflow:hidden}.tabelle--rahmen tbody tr:last-child td{border-bottom:none}.tabelle__qty{width:62px;padding:3px 6px;border:1px solid #ddd;border-radius:4px;background:#fff;font-family:inherit;font-size:12px;text-align:right;color:#222}.tabelle__qty:focus{outline:none;border-color:var(--primary, #ff8000)}.tabelle__qty.is-overridden{border-color:var(--primary, #ff8000);background:rgba(var(--primary-rgb, 255, 128, 0),.09);font-weight:600}.tabelle__reset{display:inline-flex;align-items:center;border:none;background:none;padding:2px;cursor:pointer;color:#888}.tabelle__reset:hover{color:var(--primary, #ff8000)}.sidebar .sidebar__form-content{padding:18px 18px 12px;background:#fff;display:flex;flex-direction:column;gap:16px;overflow-y:auto;font-size:11px;color:#555;line-height:1.5}.sidebar .sidebar__form-content p{margin:2px 0 0}.sidebar .step-geometrie,.sidebar .step-typ,.sidebar .step-oberflaeche,.sidebar .step-gefaelle,.sidebar .step-uk,.sidebar .step-ansichten,.sidebar .step-accessories{width:360px;display:flex;flex-direction:column;gap:16px}.sidebar .step-uk,.sidebar .step-accessories{width:440px}.sidebar .uk-inline-checks{display:grid;grid-template-columns:1fr 1fr;gap:4px 12px}.sidebar .uk-inline-checks--wrap{display:flex;flex-wrap:wrap;gap:4px 16px}.sidebar .uk-height-allowance{display:flex;flex-wrap:wrap;gap:6px}.sidebar .parts-table{width:100%;border-collapse:collapse;font-size:11px;margin-top:6px}.sidebar .parts-table th,.sidebar .parts-table td{padding:3px 8px 3px 0;text-align:left;white-space:nowrap}.sidebar .parts-table th{color:#888;font-weight:600;border-bottom:1px solid #eee}.sidebar .parts-table td{color:#222;vertical-align:middle}.sidebar .parts-table td.name{white-space:normal}.sidebar .parts-table th.num,.sidebar .parts-table td.num{text-align:right}.sidebar .parts-table th.lead,.sidebar .parts-table td.lead{width:22px;padding:3px 0 3px 4px;text-align:right}.sidebar .parts-table th.check,.sidebar .parts-table td.check{width:18px;padding-right:0;text-align:right}.sidebar .parts-table th.reset,.sidebar .parts-table td.reset{width:20px;padding-right:0;text-align:right}.sidebar .parts-table td.type,.sidebar .parts-table td.sku{color:#888}.sidebar .parts-table__sku{font-size:10px;color:#888;line-height:1.3}.sidebar .parts-table tr.is-off td{opacity:.45}.sidebar .parts-table tr.is-highlight td{background:#fff4e6}.sidebar .parts-table tr.is-group td{padding-top:8px;font-weight:600;color:#222;border-bottom:1px solid #eee}.sidebar .parts-table tr.is-group+tr td{padding-top:4px}.sidebar .parts-table tr.is-grouped td.name{padding-left:10px}.sidebar .parts-table tr.is-note td{color:#888;white-space:normal}.sidebar .parts-table tr.is-note td strong{color:#222}.sidebar .parts-table tr.is-note td .btn--link{padding:0;font-size:11px}.sidebar .parts-table--accessories tr.is-off.is-group td{opacity:.6}.sidebar .parts-table tr.is-clickable{cursor:pointer}.sidebar .parts-table tr.is-clickable:hover td{background:#f5f5f5}.sidebar .parts-table--alt td{padding-top:2px;padding-bottom:2px}.sidebar .parts-table input[type=radio],.sidebar .parts-table input[type=checkbox]{margin:0;cursor:pointer}.sidebar .parts-table__qty:disabled{background:transparent;border-color:transparent;color:#222}.sidebar .parts-table__qty{width:46px;padding:1px 4px;border:1px solid #d5d5d5;border-radius:3px;font-size:11px;font-family:inherit;text-align:right;appearance:textfield;-moz-appearance:textfield}.sidebar .parts-table__qty::-webkit-outer-spin-button,.sidebar .parts-table__qty::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.sidebar .parts-table__note{margin-left:6px;color:#888;font-size:10px}.sidebar .parts-table__note--warn{color:#c62828;font-weight:600}.sidebar .parts-table__reset{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;padding:0;border:none;background:none;color:#888;cursor:pointer}.sidebar .parts-table__reset svg{width:13px;height:13px;display:block}.sidebar .parts-table__reset:hover:not(:disabled){color:var(--primary, #ff8000)}.sidebar .parts-table__reset:disabled{color:#dcdcdc;cursor:default}.sidebar .step-accessories__system{border:1px solid #e0e0e0;border-radius:4px;background:#fff;margin-bottom:6px;overflow:hidden}.sidebar .step-accessories__system[open]{border-color:#ccc}.sidebar .step-accessories__system--selected{border-color:var(--primary, #ff8000);background:rgba(var(--primary-rgb, 255, 128, 0),.06)}.sidebar .step-accessories__system--selected[open]{border-color:var(--primary, #ff8000)}.sidebar .step-accessories__system-header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;cursor:pointer;list-style:none;-webkit-user-select:none;user-select:none}.sidebar .step-accessories__system-header::-webkit-details-marker{display:none}.sidebar .step-accessories__system-name{font-size:12px;font-weight:600;color:#222;flex:1}.sidebar .step-accessories__system-body{padding:4px 10px 10px;border-top:1px solid #eee;background:#fcfcfc}.sidebar .step-accessories__eye{position:relative;flex:0 0 auto;width:22px;height:20px;padding:3px 3px 5px;border:none;background:none;color:#888;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border-radius:3px;transition:color .12s ease,background-color .12s ease}.sidebar .step-accessories__eye svg{width:14px;height:14px;display:block}.sidebar .step-accessories__eye:after{content:"";position:absolute;left:3px;right:3px;bottom:1px;height:2px;border-radius:1px;background:transparent;transition:background-color .12s ease}.sidebar .step-accessories__eye:hover{color:#222;background:#f2f2f2}.sidebar .step-accessories__eye--on{color:var(--primary, #ff8000)}.sidebar .step-accessories__eye--on:after{background:var(--primary, #ff8000)}.sidebar .step-accessories__eye--on:hover{color:var(--primary, #ff8000)}.sidebar .step-accessories__toggle{margin-top:8px}.sidebar .step-accessories__totals{margin-top:6px;font-size:11px;color:#888}.sidebar .step-accessories__totals strong{color:#222}.sidebar .step-accessories__alt-badge{margin-left:6px;font-size:9px;text-transform:uppercase;letter-spacing:.4px;color:var(--primary, #ff8000);background:#fff2e0;padding:1px 5px;border-radius:3px}.sidebar .step-accessories__debug{border-top:1px dashed #ddd;padding-top:10px;margin-top:12px}.sidebar .step-accessories__debug select,.sidebar .step-accessories__debug input{width:100%}.sidebar .step-accessories__debug-info{margin-top:6px;font-size:11px}.sidebar .step-accessories__debug-desc{color:#888;margin-bottom:4px}.sidebar .step-accessories__debug-count{color:#222}.sidebar .step-accessories__debug-idlist{margin-top:6px;font-size:10px;color:#888;line-height:1.6}.sidebar .step-accessories__debug-idbtn{background:none;border:none;padding:0;color:var(--primary, #ff8000);font-size:10px;cursor:pointer;text-decoration:underline;font-family:inherit}.sidebar .step-accessories__debug-idbtn:hover{color:#222}.sidebar .ob-dims{display:grid;grid-template-columns:1fr 1fr;gap:8px 12px}.sidebar .ob-dims__field{display:flex;align-items:center;gap:6px}.sidebar .ob-dims__label{width:68px;flex-shrink:0;font-size:11px;color:#555}.sidebar .geo-corner-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-top:6px}.sidebar .geo-corner-grid .btn{padding-left:4px;padding-right:4px}.sidebar .ob-summary{display:flex;flex-direction:column;gap:4px}.sidebar .ob-summary__row{display:flex;align-items:center;justify-content:space-between;gap:8px}.sidebar .sidebar__blocked{margin-top:8px;color:#c00;line-height:1.4}.sidebar .dt-sizes{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-bottom:6px}.sidebar .step-oberflaeche .type-tiles--compact{grid-template-columns:1fr 1fr 1fr;gap:6px}.sidebar .ob-variants{display:grid;grid-template-columns:repeat(auto-fill,minmax(52px,1fr));gap:6px;margin-top:4px}.sidebar .ob-variants__tile{display:flex;flex-direction:column;align-items:center;gap:3px;padding:3px;border:2px solid transparent;border-radius:6px;background:none;cursor:pointer;font-family:inherit;font-size:9px;color:#888;transition:all .12s ease}.sidebar .ob-variants__tile img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:4px;display:block}.sidebar .ob-variants__tile:hover{border-color:#ddd}.sidebar .ob-variants__tile--active{border-color:var(--primary, #ff8000);background:rgba(var(--primary-rgb, 255, 128, 0),.09)}.sidebar .ob-variants__tile--custom{justify-content:center}.sidebar .ob-variants__swatch{display:block;width:100%;aspect-ratio:1;border-radius:4px;border:1px solid #ddd}.sidebar .ob-groove-select{display:flex;align-items:center;gap:8px}.sidebar .ob-groove-select__options{display:flex;gap:4px}.sidebar .ob-groove-select__btn{padding:3px 8px;border:1px solid #e0e0e0;border-radius:4px;background:#fff;font-family:inherit;font-size:10px;color:#555;cursor:pointer;transition:all .12s ease}.sidebar .ob-groove-select__btn:hover{border-color:var(--primary, #ff8000)}.sidebar .ob-groove-select__btn--active{border-color:var(--primary, #ff8000);background:rgba(var(--primary-rgb, 255, 128, 0),.09);color:#222;font-weight:600}.sidebar .ob-stahlguete-select{display:flex;flex-direction:column;gap:6px;margin-top:8px}.sidebar .ob-stahlguete-select__hint{margin:0;color:#888;font-size:10px}.sidebar .ob-stahlguete-select__options{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.sidebar .ob-stahlguete-select__btn{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:6px 8px;border:1px solid #e0e0e0;border-radius:4px;background:#fff;font-family:inherit;color:#555;cursor:pointer;text-align:left;transition:all .12s ease}.sidebar .ob-stahlguete-select__btn:hover{border-color:var(--primary, #ff8000)}.sidebar .ob-stahlguete-select__btn--active{border-color:var(--primary, #ff8000);background:rgba(var(--primary-rgb, 255, 128, 0),.09);color:#222}.sidebar .ob-stahlguete-select__title{font-size:10px;font-weight:600}.sidebar .ob-stahlguete-select__hint-inline{font-size:9px;color:#888;line-height:1.3}.sidebar .gf-group-label{font-size:11px;font-weight:600;color:#888;margin-top:4px}.sidebar .gf-points-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3px}.sidebar .gf-point-row{display:flex;align-items:center;gap:2px;padding:2px 3px;border-radius:4px;cursor:pointer;transition:background .1s}.sidebar .gf-point-row:hover{background:#f6f6f6}.sidebar .gf-point-row--selected{background:rgba(var(--primary-rgb, 255, 128, 0),.09)}.sidebar .gf-point-row__label{font-size:10px;font-weight:600;color:#222;flex-shrink:0;width:26px}.sidebar .gf-point-row__unit{font-size:9px;color:#888;flex-shrink:0}.sidebar .gf-point-row .ui-slider__val-input{width:34px;font-size:10px;padding:1px 2px}.sidebar .gf-point-row__delete{border:none;background:transparent;color:#999;cursor:pointer;font-size:11px;padding:1px 3px}.sidebar .gf-point-row__delete:hover{color:#c00}.sidebar .gf-linear-settings{display:flex;flex-direction:column;gap:8px}.sidebar .current-type{display:flex;gap:12px;align-items:stretch;border:1px solid #e5e5e5;border-radius:8px;overflow:hidden;background:#fafafa}.sidebar .current-type__image{width:84px;height:64px;object-fit:cover;flex-shrink:0}.sidebar .current-type__body{padding:8px 10px;display:flex;flex-direction:column;justify-content:center;gap:3px}.sidebar .current-type__label{font-size:12px;font-weight:700;color:#222;line-height:1.25}.sidebar .current-type__desc{font-size:10px;color:#888;line-height:1.35}.sidebar .element-list{display:flex;flex-direction:column;gap:4px;margin-bottom:4px}.sidebar .element-list__item{display:flex;align-items:stretch;width:100%;padding:0;border:1px solid #e5e5e5;border-radius:6px;background:#fff;font-family:Montserrat,sans-serif;cursor:pointer;transition:all .15s ease;overflow:hidden}.sidebar .element-list__item:hover:not(:disabled){border-color:#ccc;background:#f9f9f9}.sidebar .element-list__item:disabled{opacity:.45;cursor:default}.sidebar .element-list__item:not(div){padding:8px 12px;flex-direction:column;align-items:flex-start;gap:2px;text-align:left}.sidebar .element-list__item--active{border-color:var(--primary, #ff8000);background:rgba(var(--primary-rgb, 255, 128, 0),.09)}.sidebar .element-list__item--active:hover{background:rgba(var(--primary-rgb, 255, 128, 0),.14);border-color:var(--primary, #ff8000)}.sidebar .element-list__select{flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:8px 12px;border:none;background:transparent;cursor:pointer;text-align:left;font-family:inherit}.sidebar .element-list__select:disabled{cursor:default}.sidebar .element-list__delete{border:none;background:transparent;border-left:1px solid #ececec;padding:0 12px;font-size:13px;color:#999;cursor:pointer;transition:all .15s ease}.sidebar .element-list__delete:hover:not(:disabled){background:#fee;color:#c00}.sidebar .element-list__delete:disabled{opacity:.4;cursor:default}.sidebar .element-list__name{font-size:12px;font-weight:600;color:#222}.sidebar .element-list__meta{font-size:10px;color:#888}.sidebar .sidebar__nav-buttons{display:flex;gap:0;padding:0;border-top:1px solid #ececec;background:#fff}.sidebar .sidebar__nav-buttons button{flex:1;padding:16px 12px;border:none;background:#fff;color:#555;font-family:Montserrat,sans-serif;font-size:12px;font-weight:700;letter-spacing:.3px;cursor:pointer;transition:all .15s ease}.sidebar .sidebar__nav-buttons button:not(:last-child){border-right:1px solid #ececec}.sidebar .sidebar__nav-buttons button:hover:not(:disabled){background:#f6f6f6;color:var(--primary, #ff8000)}.sidebar .sidebar__nav-buttons button:disabled{opacity:.3;cursor:default}.sidebar .sidebar__nav-buttons button:last-child{background:var(--primary, #ff8000);color:#fff}.sidebar .sidebar__nav-buttons button:last-child:hover:not(:disabled){background:var(--primary-dark, #d66b00)}.sidebar .sidebar__nav-buttons button:last-child:disabled{background:#eee;color:#aaa}.project-actions{margin-top:auto;padding:6px;border-top:1px solid white}.project-actions__row{display:flex;gap:4px;margin-top:4px}.project-actions__row>.btn{flex:1;min-width:0;padding-left:0;padding-right:0}.project-actions__meta{font-size:10px;color:#888;text-align:center;margin-top:4px;line-height:1.3}.uk-mode-buttons{display:flex;gap:6px}.uk-mode-buttons .btn{flex:1}.step-ansichten__sku{margin-top:1px}.step-ansichten__produkte{margin-bottom:8px}.step-ansichten__liste td .ui-check{display:inline-flex}.step-ansichten__liste input[type=text]{width:100%;font-size:inherit;border:1px solid #ddd;border-radius:4px;padding:2px 5px;outline:none}.step-ansichten__zeile--aktiv td{background:rgba(var(--primary-rgb, 255, 128, 0),.09)}.step-ansichten__loeschen{border:none;background:none;cursor:pointer;font-size:15px;color:#888;padding:0 3px}.step-ansichten__loeschen:hover{color:#c62828}.step-ansichten>.btn{margin-bottom:14px}.welcome{min-height:100vh;background:linear-gradient(to right,rgba(60,90,120,.045) 1px,transparent 1px),linear-gradient(to bottom,rgba(60,90,120,.045) 1px,transparent 1px),#fbfbfa;background-size:28px 28px,28px 28px,auto;display:flex;flex-direction:column;font-family:Montserrat,sans-serif}.welcome__main{flex:1;max-width:1240px;width:100%;margin:0 auto;padding:48px 32px 56px}.welcome__hero{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:48px;align-items:start}.welcome__title{font-size:30px;font-weight:700;color:#222;margin:0 0 10px;line-height:1.25}.welcome__lead{font-size:14px;color:#666;margin:0 0 28px;line-height:1.6;max-width:640px}.welcome__stage{position:relative;aspect-ratio:3/2;border-radius:10px;overflow:hidden;background:#fff;border:1px solid #e3e3e0;box-shadow:0 18px 50px #1e28321f}.welcome__stage img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1.1s ease;-webkit-user-select:none;user-select:none}.welcome__stage img.is-aktiv{opacity:1}.welcome__phasen{display:flex;gap:8px;margin-top:14px;flex-wrap:wrap}.welcome__phase{display:flex;align-items:center;gap:7px;border:1px solid #e0e0dd;background:#fff;border-radius:20px;padding:6px 14px 6px 7px;font:inherit;font-size:11px;color:#666;cursor:pointer;transition:border-color .15s,color .15s}.welcome__phase:hover{border-color:var(--primary, #ff8000)}.welcome__phase.is-aktiv{border-color:var(--primary, #ff8000);color:#222}.welcome__phase.is-aktiv .welcome__phase-nr{background:var(--primary, #ff8000);color:#fff}.welcome__phase-nr{width:20px;height:20px;border-radius:50%;background:#eeeeeb;color:#888;font-weight:700;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s}.welcome__aktionen{display:flex;flex-direction:column;gap:14px}.welcome__fakten{display:flex;gap:12px 40px;flex-wrap:wrap;list-style:none;margin:44px 0 0;padding:20px 0 0;border-top:1px solid #e8e8e5}.welcome__fakten li{font-size:12px;color:#777;line-height:1.5;position:relative;padding-left:16px}.welcome__fakten li:before{content:"";position:absolute;left:0;top:5px;width:7px;height:7px;border-radius:2px;background:var(--primary, #ff8000)}@media(max-width:980px){.welcome__hero{grid-template-columns:1fr}}.welcome-card{background:#fff;border:1px solid #e8e8e8;border-radius:12px;padding:22px 24px;display:flex;flex-direction:column;gap:10px;transition:all .15s ease}.welcome-card:hover{border-color:#ddd;box-shadow:0 4px 16px #0000000d}.welcome-card--primary{border-color:var(--primary, #ff8000);background:rgba(var(--primary-rgb, 255, 128, 0),.05)}.welcome-card--test{background:transparent;border-style:dashed}.welcome-card__title{font-size:14px;font-weight:700;color:#222;margin:0}.welcome-card__text{font-size:12px;color:#666;line-height:1.55;flex:1;margin:0 0 6px}.uebersicht{flex:1;overflow:auto;background:#fafafa}.uebersicht__inner{max-width:1400px;margin:0 auto;padding:24px 28px 60px}.uebersicht__head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.uebersicht__head h1{margin:0;font-size:20px;font-weight:700;color:#222}.uebersicht__head-actions{display:flex;gap:8px}.uebersicht h2{margin:28px 0 8px;font-size:13px;font-weight:700;color:#222}.uebersicht>.uebersicht__inner>p{font-size:12px;color:#888}.uebersicht__scroll{overflow-x:auto;background:#fff;border:1px solid #e5e5e5;border-radius:8px}.uebersicht-status{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap;background:#fff;border:1px solid #e5e5e5;border-radius:8px;padding:14px 18px;margin-bottom:6px;font-size:12px;color:#555}.uebersicht-status__info{display:flex;flex-direction:column;gap:5px}.uebersicht-status__info>p{margin:0}.uebersicht-status__name{display:flex;align-items:center;font-size:15px;font-weight:700;color:#222;cursor:pointer}.uebersicht-status__name--lesend{cursor:default}.uebersicht-status__name input{font:inherit;border:1px solid black;border-radius:8px;padding:2px 8px;outline:none}.uebersicht-status__name-edit{margin-left:6px;font-size:11px;color:#999}.uebersicht-status__name:hover .uebersicht-status__name-edit{color:var(--primary, #ff8000)}.uebersicht-status__wert{font-weight:700;color:#222}.uebersicht-status__meta{color:#888}.uebersicht-status__aktionen{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.uebersicht-adressen{display:flex;flex-wrap:wrap;margin:28px 0 24px}.uebersicht-adressen__block{min-width:220px;line-height:1.5;padding-right:44px}.uebersicht-adressen__block+.uebersicht-adressen__block{border-left:1px solid #ececec;padding-left:44px}.uebersicht-adressen__label{font-size:9px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:#888;margin-bottom:7px}.uebersicht-adressen__gruppe+.uebersicht-adressen__gruppe{margin-top:8px}.uebersicht-adressen__name{font-weight:600;color:#222}.uebersicht-adressen__kontakt{display:flex;align-items:center;gap:7px}.uebersicht-adressen__kontakt svg{color:#888;flex:none}.anfrage-schritte{display:flex;gap:14px;margin-bottom:16px;font-size:11px;color:#888}.anfrage-schritte__punkt--aktiv{color:var(--primary, #ff8000);font-weight:700}.anfrage-schritte__punkt--fertig{color:#222}.anfrage-block{margin-bottom:14px}.anfrage-block h4{margin:0 0 8px;font-size:12px;color:#222}.konto{min-height:100vh;display:flex;flex-direction:column;background:#fafafa;font-family:Montserrat,sans-serif}.konto--leer{align-items:center;justify-content:center;color:#666}.konto__menu{flex:1;display:flex;align-items:stretch;gap:4px;padding:0 14px}.konto__menu-item{display:flex;align-items:center;padding:0 16px;font-size:12px;font-weight:600;color:#444;text-decoration:none;border:0;border-bottom:3px solid transparent;border-top:3px solid transparent;background:none;cursor:pointer;font-family:inherit}.konto__menu-item:hover{color:#222}.konto__menu-item--active{color:var(--primary, #ff8000);border-bottom-color:var(--primary, #ff8000)}.konto__menu-item--planer{margin-left:auto;color:var(--primary, #ff8000)}.konto__inhalt{flex:1;width:100%;max-width:1400px;margin:0 auto;padding:24px 28px 60px}.konto-titel{font-size:20px;font-weight:700;color:#222;margin:0 0 18px}.konto-suche{font-size:12px;padding:7px 12px;border:1px solid #ddd;border-radius:8px;min-width:220px;outline:none;font-family:inherit}.konto-suche:focus{border-color:var(--primary, #ff8000)}.konto-projektname{font-weight:600;color:#222;text-align:left}.konto-projektname__sub{font-size:11px;color:#888;margin-top:2px}.konto-zeilen-aktionen{white-space:nowrap;text-align:right!important;width:1%}.konto-zeilen-aktionen .btn+.btn{margin-left:6px}.konto-karte{background:#fff;border:1px solid #e5e5e5;border-radius:8px;padding:20px 24px;margin-bottom:16px;font-size:12px;color:#555;max-width:760px}.konto-karte--bald{opacity:.7}.konto-karte__titel{font-size:14px;font-weight:700;color:#222;margin:0 0 14px}.konto-karte__aktionen{display:flex;align-items:center;gap:12px;margin-top:14px}.konto-karte__hinweis{color:#2e7d32;font-size:11px}.konto-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 20px}.konto-form label{display:flex;flex-direction:column;gap:4px;font-size:11px;color:#777}.konto-form input{font-size:12px;padding:7px 10px;border:1px solid #ddd;border-radius:8px;outline:none;font-family:inherit;color:#222}.konto-form input:focus{border-color:var(--primary, #ff8000)}.konto-form input:disabled{background:#f5f5f5;color:#888}.konto-dl{display:grid;grid-template-columns:140px 1fr;gap:6px 14px;margin:0}.konto-dl dt{color:#888}.konto-dl dd{margin:0;color:#222}.konto-alle-projekte{display:inline-block;margin-top:12px}.konto-leer{background:#fff;border:1px solid #ececec;border-radius:10px;padding:56px 24px;text-align:center}.konto-leer h2{margin:0 0 8px;font-size:20px;color:#222}.konto-leer p{margin:0 auto 20px;max-width:440px;color:#777}.geo-canvas-wrapper{position:absolute;inset:0;overflow:hidden;background:#f1f1f1;-webkit-user-select:none;user-select:none}.geo-canvas{width:100%;height:100%;display:block}.geo-overlay{position:absolute;display:flex;gap:8px;z-index:10}.geo-overlay--topleft{top:14px;left:14px}.geo-overlay--topright{top:14px;right:14px;flex-direction:column;align-items:flex-end}.geo-ctrl-btn{width:34px;height:34px;border:none;border-radius:6px;background:#fff;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0000001f;transition:all .15s ease}.geo-ctrl-btn:hover{background:var(--primary, #ff8000);color:#fff}.geo-bottomleft{position:absolute;bottom:16px;left:16px;display:flex;align-items:center;gap:12px;z-index:10;font-family:Montserrat,sans-serif;font-size:11px}.geo-bottomleft__area{color:#333;font-weight:600;white-space:nowrap;text-shadow:0 0 3px white,0 0 3px white}.geo-scalebar{display:flex;flex-direction:column;align-items:center;min-width:40px;max-width:200px}.geo-scalebar__line{height:10px;width:100%;border:2px solid #333;border-top:none}.geo-scalebar__label{font-size:10px;color:#333;font-weight:600;margin-top:2px;white-space:nowrap;text-shadow:0 0 3px white,0 0 3px white}.geo-calib-prompt{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:40;background:#fff;border-radius:10px;box-shadow:0 6px 24px #0003;padding:24px 28px;text-align:center;font-family:Montserrat,sans-serif;min-width:300px}.geo-calib-prompt p{font-size:13px;font-weight:600;color:#333;margin-bottom:12px}.geo-calib-prompt__length{display:flex;align-items:center;justify-content:center;gap:6px;margin:10px 0 14px}.geo-calib-prompt__length input{width:90px;padding:6px 8px;border:1px solid #ddd;border-radius:5px;font-family:inherit;font-size:13px;text-align:right}.geo-calib-prompt__length input:focus{outline:none;border-color:var(--primary, #ff8000)}.geo-calib-prompt__ok{padding:8px 28px;border:none;border-radius:6px;background:var(--primary, #ff8000);color:#fff;font-family:Montserrat,sans-serif;font-size:12px;font-weight:700;cursor:pointer;transition:background .15s}.geo-calib-prompt__ok:hover{background:var(--primary-dark, #d66b00)}.geo-calib-popup{position:absolute;display:flex;flex-direction:column;align-items:center;gap:8px;z-index:30;transform:translate(-50%);background:#fff;padding:8px 10px;border-radius:8px;box-shadow:0 4px 16px #0000002e;border:1px solid #eee}.geo-calib-popup__actions{display:flex;gap:6px}.geo-calib-popup__btn{padding:6px 12px;border:none;border-radius:5px;font-family:Montserrat,sans-serif;font-size:11px;font-weight:600;cursor:pointer;white-space:nowrap}.geo-calib-popup__btn--accept{background:var(--primary, #ff8000);color:#fff}.geo-calib-popup__btn--accept:hover{background:var(--primary-dark, #d66b00)}.geo-calib-popup__btn--discard{background:#f0f0f0;color:#555}.geo-calib-popup__btn--discard:hover{background:#e0e0e0}.geo-ctx-menu{position:absolute;z-index:30;background:#fff;border-radius:8px;box-shadow:0 4px 16px #0000002e;border:1px solid #eee;padding:4px;min-width:140px;transform:translate(8px,-50%)}.geo-ctx-menu__item{display:block;width:100%;padding:8px 12px;border:none;background:none;border-radius:5px;font-family:Montserrat,sans-serif;font-size:11px;font-weight:600;cursor:pointer;text-align:left;white-space:nowrap;transition:all .12s}.geo-ctx-menu__item:hover{background:#f4f4f4}.geo-ctx-menu__item--active{color:var(--primary, #ff8000);background:rgba(var(--primary-rgb, 255, 128, 0),.08)}.geo-ctx-menu__item--active:hover{background:rgba(var(--primary-rgb, 255, 128, 0),.14)}.geo-ctx-menu__item--delete{color:#c00}.geo-ctx-menu__item--delete:hover{background:#fee}.geo-ctx-menu__input-row{display:flex;align-items:center;gap:8px;padding:6px 10px;font-family:Montserrat,sans-serif;font-size:11px;white-space:nowrap}.geo-ctx-menu__input-label{font-weight:600;color:#666;min-width:40px}.geo-ctx-menu__actions{display:flex;justify-content:flex-end;gap:6px;padding:6px 10px;border-top:1px solid #eee;margin-top:2px}.fp-popup-overlay{position:fixed;inset:0;background:#00000059;display:flex;align-items:center;justify-content:center;z-index:100}.fp-popup{background:#fff;border-radius:12px;padding:32px;box-shadow:0 8px 32px #0003;position:relative;width:420px;max-width:90vw}.fp-popup__close{position:absolute;top:14px;right:14px;border:none;background:none;font-size:16px;cursor:pointer;color:#888}.fp-popup__close:hover{color:#333}.fp-popup__title{font-size:16px;font-weight:700;margin-bottom:20px;color:#222;font-family:Montserrat,sans-serif}.fp-popup__options{display:flex;gap:12px}.fp-popup__option{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px 16px;border:2px solid #eee;border-radius:10px;background:#fff;cursor:pointer;transition:all .15s ease;font-family:Montserrat,sans-serif}.fp-popup__option:hover{border-color:var(--primary, #ff8000);background:rgba(var(--primary-rgb, 255, 128, 0),.06)}.fp-popup__icon{font-size:28px}.fp-popup__label{font-size:12px;font-weight:700;color:#333;text-align:center}.fp-popup__sub{font-size:10px;color:#999;text-align:center}.canvas-panel{position:absolute;z-index:5;width:190px;max-height:60%;display:flex;flex-direction:column;background:#ffffffa6;border-radius:6px;box-shadow:0 2px 10px #0000002e;font-size:11px;line-height:1.5;color:#555}.canvas-panel>header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:5px 6px 5px 10px;cursor:move;font-weight:600;color:#222;border-bottom:1px solid rgba(0,0,0,.1)}.canvas-panel__toggle{border:none;background:none;cursor:pointer;padding:0 4px;font-size:12px;color:#888}.canvas-panel__body{overflow-y:auto;overflow-x:hidden;overflow-wrap:anywhere;padding:8px 10px 10px}.canvas-panel section+section{margin-top:10px}.canvas-panel__title{font-weight:600;color:#222}.canvas-panel .ui-check{display:flex;margin-top:2px}.canvas-panel .ui-check--disabled{opacity:.4;cursor:default}.canvas-legend__keys{display:flex;flex-wrap:wrap;gap:4px 10px;margin:3px 0 5px}.canvas-legend__key{display:inline-flex;align-items:baseline;gap:4px}.canvas-legend__stack{display:flex;flex-direction:column}.canvas-legend__stack+.canvas-legend__stack{margin-top:4px}.canvas-legend__sub{padding-left:14px;color:#888}.canvas-legend__dot{flex:none;width:10px;height:10px;border-radius:50%;border:1px solid rgba(0,0,0,.3)}.canvas-legend__line{flex:none;width:16px;height:3px;border-radius:1.5px;align-self:center}.canvas-legend__hatch{flex:none;width:16px;height:10px;align-self:center;border:1px solid #111;background:repeating-linear-gradient(45deg,#111 0 1px,#fff9 1px 4px)}.canvas-legend__row{display:flex;justify-content:space-between;gap:12px}.canvas-legend__row>span:last-child{white-space:nowrap;color:#222}.ansicht-kasten__rect{fill:transparent;stroke:#0000008c;stroke-width:2;stroke-dasharray:7 5}.ansicht-kasten__fang{fill:none;stroke:transparent;stroke-width:14;cursor:move}.ansicht-kasten__label{fill:#555;font-size:11px;font-weight:600;pointer-events:none;-webkit-user-select:none;user-select:none}.ansicht-kasten__griff{fill:#fff;stroke:#0000008c;stroke-width:1.5;cursor:nwse-resize}