/* One workspace, one next action. Existing controls and dialogs keep their state. */
.workspace-v17 [hidden]{display:none!important}
body.workspace-v17{padding-bottom:0}
body.workspace-v17 .kopf{min-height:78px;padding:16px max(28px,calc((100vw - 1500px)/2));gap:24px;flex-wrap:nowrap}
.workspace-v17 .kopf .logo{width:185px;height:37px}
.workspace-v17 .atelier-brand-title{display:block;margin:0;border:0;padding:0}
.workspace-v17 .atelier-brand-title strong{font-size:13px;letter-spacing:0;text-transform:none;color:#9aa3ae}
.workspace-v17 #studio-toolbar{flex:1;margin:0}
.workspace-v17 .studio-tools{display:flex;justify-content:flex-end;gap:12px;align-items:center}
.workspace-v17 .seite{max-width:1556px;padding:24px 28px}
.workspace-v17 .ablauf{display:grid;grid-template-columns:minmax(0,1fr) 440px;gap:28px;align-items:start}
.workspace-v17 #atelier-stage-column{position:sticky;top:24px;display:block;order:0}
.workspace-v17 #atelier-controls{order:1;height:clamp(670px,calc(100dvh - 130px),950px);min-height:0;max-height:none;display:flex;flex-direction:column;overflow:hidden;border:1px solid #30363e;border-radius:12px;background:#14171c}
.workspace-v17 .atelier-stage{border:1px solid #30363e;border-radius:12px;box-shadow:none}
.workspace-v17 .atelier-stage-top{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;padding:13px 18px;min-height:58px;background:#14181d}
.workspace-v17 #atelier-visual-label{font-size:13px;font-weight:500;max-width:none;color:#c6ccd4}
.workspace-v17 .atelier-image-wrap,.workspace-v17 .atelier-stage:has(.atelier-empty:not([hidden])) .atelier-image-wrap{height:clamp(370px,53dvh,660px);min-height:0;max-height:none;aspect-ratio:auto;background:#11151a}
.workspace-v17 #atelier-image{width:100%;height:100%;max-height:none;object-fit:contain}
.workspace-v17 .atelier-empty{gap:15px;padding:36px;max-width:430px}
.workspace-v17 .atelier-empty h2{font-size:28px;font-weight:600;letter-spacing:-.04em}
.workspace-v17 .atelier-empty p{font-size:14px;line-height:1.6;max-width:30ch;color:#9ea8b5}
.workspace-v17 .atelier-empty small{font-size:12px;color:#8994a3}
.workspace-v17 .atelier-empty svg{width:32px;height:32px;color:#839177;margin-bottom:8px}
.workspace-v17 .atelier-photo-button{background:transparent;border:1px solid #56614c;border-radius:7px;color:#e5ecd9;min-height:44px;font-size:14px;padding:11px 18px}
.workspace-v17 .atelier-stage-bottom{display:flex;justify-content:space-between;min-height:60px;padding:8px 16px;background:#14181d}
.workspace-v17 .atelier-stage-bottom #atelier-upload{margin-left:auto}
.workspace-v17 .atelier-view-modes{margin:0}
.workspace-v17 .atelier-view-modes button{font-size:12px;min-height:32px}
.workspace-v17 .atelier-caption{display:block;font-size:12px;line-height:1.6;margin:14px 0;color:#929eae}
.workspace-v17 .layeron-partner{margin:15px 0 0;padding:0;border:0;max-width:none}
.workspace-v17 .layeron-partner a{font-size:12px;color:#a7b294;line-height:1.6;min-height:36px}
.workspace-v17 .atelier-project-footer,.workspace-v17 #atelier-save-slot,.workspace-v17 #atelier-selection-label,.workspace-v17 #atelier-compare-tray,.workspace-v17 #studio-offer-bottom{display:none!important}
.workspace-v17 .protection-modes{padding:9px;background:#101318;border-color:#30363e;gap:5px}
.workspace-v17 .protection-mode{min-height:42px;font-weight:500;font-size:14px}
.workspace-v17 .protection-mode[aria-pressed=true]{background:#283020;border-color:#52613b;color:#ddedc5}
.workspace-v17 .atelier-tabs{display:grid;grid-template-columns:repeat(3,1fr);position:static;background:transparent;flex-shrink:0}
.workspace-v17 .atelier-tabs button{min-height:48px;padding:14px 8px 12px;font-size:14px;border-bottom:2px solid transparent;background:transparent}
.workspace-v17 .atelier-tabs button>span{display:none}
.workspace-v17 .atelier-tabs button[aria-selected=true]{background:transparent;color:#edffd2;border-color:#d3ff5a}
.workspace-v17 #schritt-folie,.workspace-v17 #schritt-foto,.workspace-v17 #atelier-look{flex:1;min-height:0;overflow:auto;padding:20px;max-height:none}
.workspace-v17 .atelier-controls .schritt-kopf{margin:0 0 16px}
.workspace-v17 .atelier-controls h2{font-size:20px;letter-spacing:-.025em;font-weight:600;line-height:1.3}
.workspace-v17 #schritt-folie>.schritt-kopf{position:absolute;clip-path:inset(50%);width:1px;height:1px;margin:0;overflow:hidden}
.workspace-v17.protection-mode #schritt-folie>.schritt-kopf{position:static;clip-path:none;width:auto;height:auto;margin-bottom:14px}
.workspace-v17 .filter{gap:9px;display:flex;flex-direction:column}
.workspace-v17 #suche{width:100%;height:46px;font-size:14px;padding:12px 14px}
.workspace-v17 .workspace-manufacturer{display:grid;gap:7px;width:100%;margin:4px 0 2px;font-size:14px;font-weight:500;color:#e1e7ee}
.workspace-v17 .workspace-manufacturer #hersteller{width:100%;min-width:0;min-height:48px;padding:12px 14px;font-size:14px;background:#1b2229;border:1px solid #66735a;border-radius:7px;color:#f7f8fa;cursor:pointer}
.workspace-v17 .workspace-manufacturer.is-active #hersteller{border-color:#d3ff5a;background:#252f1e}
.workspace-v17 .workspace-manufacturer #hersteller:focus-visible{outline:2px solid #d3ff5a;outline-offset:2px}
.workspace-v17 .atelier-palette{display:flex;gap:1px;flex-wrap:nowrap;overflow-x:auto;padding:0;justify-content:space-between}
.workspace-v17 .atelier-family{flex-shrink:0;width:31px;height:38px;border-radius:6px}
.workspace-v17 .atelier-family[data-family='']{width:37px!important;font-size:12px}
.workspace-v17 .atelier-family::before{width:19px;height:19px}
.workspace-v17 .atelier-advanced{border:0;margin:0}
.workspace-v17 .atelier-advanced summary{font-size:14px;padding:9px 0;min-height:36px;color:#a6b0bd}
.workspace-v17 .atelier-advanced-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:10px 0 16px}
.workspace-v17 #finish-chips,.workspace-v17 .studio-filters,.workspace-v17 #ansicht-schalter,.workspace-v17 #zuletzt-zeile{grid-column:1/-1}
.workspace-v17 .atelier-advanced-grid select{min-width:0;max-width:100%;font-size:12px;padding:10px}
.workspace-v17 .atelier-advanced-grid #effect-filter{grid-column:1/-1}
.workspace-v17 #finish-chips .chip{font-size:12px;min-height:38px}
.workspace-v17 .studio-filters{display:flex;gap:10px;flex-wrap:wrap}
.workspace-v17 .studio-filters select{flex:1}
.workspace-v17 .atelier-material-hint{margin:0;font-size:12px}
.workspace-v17 .atelier-catalog-head{display:flex;flex-wrap:nowrap;justify-content:space-between;gap:8px;margin:6px 0 12px}
.workspace-v17 #treffer{font-size:12px;margin:0;color:#8f9aa9}
.workspace-v17 #studio-favorites{min-height:36px;border:0;background:transparent;padding:5px 0 5px 9px;color:#aeb8c4;font-size:14px;white-space:nowrap}
.workspace-v17 #studio-favorites[aria-pressed=true]{color:#d3ff5a}
.workspace-v17 #studio-favorites-count{margin-left:4px}
.workspace-v17 .folien{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.workspace-v17 .folie-huelle{border:0;background:transparent;border-radius:7px}
.workspace-v17 .folie-huelle>.folie{padding:7px;min-height:164px;gap:0;border:1px solid #313a45;background:#11161b;width:100%;border-radius:7px}
.workspace-v17 .folie .bild{height:82px;aspect-ratio:auto;margin:0 0 9px;min-height:0;border-radius:4px}
.workspace-v17 .atelier-colour-band{height:82px}
.workspace-v17 .folie .name{font-size:14px!important;line-height:1.35;font-weight:500;min-height:0;padding:0;text-align:left;overflow-wrap:anywhere}
.workspace-v17 .folie .meta{font-size:12px;line-height:1.4;display:block;text-align:left;margin:5px 0 0;color:#8c98a7}
.workspace-v17 .folie .meta .finish{display:block;font-size:12px;margin-top:2px;color:#8c98a7}
.workspace-v17 .folie[aria-pressed=true]{border-color:#d3ff5a;box-shadow:inset 0 0 0 1px #d3ff5a;background:#242c1e}
.workspace-v17 #mehr{width:100%;font-size:13px;min-height:42px;margin-top:16px}
.workspace-v17 .catalog-preview-note{font-size:12px;color:#8995a5;margin:14px 0 0;line-height:1.5}
.workspace-v17 .workspace-bottom{flex-shrink:0;border-top:1px solid #333b44;background:#191e24;padding:16px 20px}
.workspace-v17 .atelier-design-title{display:flex;align-items:center;gap:12px;margin:0;min-width:0}
.workspace-v17 .atelier-design-title>div{min-width:0}
.workspace-v17 #atelier-colour-name{font-size:16px;font-weight:600;line-height:1.35;letter-spacing:-.015em;margin:0;overflow-wrap:anywhere}
.workspace-v17 #atelier-colour-meta{font-size:12px;margin:4px 0 0;color:#9ca7b6;line-height:1.5}
.workspace-v17 #atelier-colour-marker{width:30px;height:30px;border:1px solid #ffffff25;border-radius:50%;flex-shrink:0}
.workspace-v17 .workspace-selection-actions{display:flex;gap:16px;padding-left:42px;margin:4px 0 0}
.workspace-v17 .workspace-text-button{font:500 14px/1.4 'DM Sans',sans-serif;border:0;background:transparent;color:#c1cbd6;min-height:36px;padding:4px 0;cursor:pointer;text-underline-offset:4px}
.workspace-v17 .workspace-text-button:hover{text-decoration:underline;color:#e4eddb}
.workspace-v17 .workspace-text-button[aria-pressed=true]{color:#d3ff5a}
.workspace-v17 .workspace-text-button:disabled{opacity:.45;cursor:wait}
.workspace-v17 .atelier-actions{position:static;border:0;margin-top:12px;padding:0;background:transparent;box-shadow:none;backdrop-filter:none}
.workspace-v17 .atelier-next-row{display:flex;gap:0;flex-wrap:nowrap}
.workspace-v17 .atelier-next-row .knopf{width:100%;flex:1;min-height:48px;font-size:14px;padding:13px 16px;border-radius:7px;justify-content:center}
.workspace-v17 .atelier-next-row .knopf:disabled{background:#313c29;border-color:#414d36;color:#99a88a;opacity:1;cursor:not-allowed}
.workspace-v17 .leiste .auswahl{margin:8px 0 0;max-height:72px;overflow:auto;gap:5px}
.workspace-v17 .leiste .wahl-chip{font-size:12px;padding:4px 6px;background:#20272c;border-color:#414951}
.workspace-v17 .leiste .ergebnis-wieder{display:none}
.workspace-v17 .studio-notice,.workspace-v17 .studio-notice:has(#studio-status:not(:empty)){margin:0;padding:0;min-height:0;border:0;background:transparent;border-radius:0}
.workspace-v17 #atelier-notices:has(#studio-status:not(:empty)),.workspace-v17 #atelier-notices:has(#studio-undo:not([hidden])){margin:0 0 16px;padding:12px 16px;background:#1a2026;border:1px solid #38424e;border-radius:8px;font-size:13px}
.workspace-v17 .studio-photo-tip,.workspace-v17 .studio-photo-privacy{font-size:12px;line-height:1.7}
.workspace-v17 .ablage{min-height:165px;background:#11161b;border:1px dashed #66715b;border-radius:8px}
.workspace-v17 .ablage-leer strong{font-size:16px}
.workspace-v17 .ablage-leer span{font-size:12px}
.workspace-v17 .studio-vehicle-details{margin-top:20px;border-top:1px solid #333b44;padding-top:6px}
.workspace-v17 .studio-vehicle-details summary{font-size:13px;min-height:44px;padding-block:12px}
.workspace-v17 .atelier-look-summary{font-size:12px;line-height:1.6;color:#9da9b7;margin:8px 0 18px}
.workspace-v17 .optionen-zeile{display:grid;gap:10px}
.workspace-v17 .option-knopf{min-height:68px;padding:13px 14px;background:#191f26;border:1px solid #38424d}
.workspace-v17 .option-knopf b{font-size:14px}
.workspace-v17 .option-knopf small{font-size:12px;color:#9ba7b7}
.workspace-v17 .workspace-presets{margin-top:22px;padding-top:8px;border-top:1px solid #333b44}
.workspace-v17 .workspace-presets summary,.workspace-v17 .protection-detail summary{font-size:13px;padding:12px 0;cursor:pointer;color:#c0cbd4}
.workspace-v17 .studio-presets h3{display:none}
.workspace-v17 .studio-preset{font-size:13px}
.workspace-v17 .studio-presets{margin-top:5px}
.workspace-v17 .protection-card small{font-size:12px;line-height:1.5}
.workspace-v17 .protection-detail{margin-top:14px;padding-top:0}
.workspace-v17 .protection-legend{font-size:12px;margin:12px 0}
.workspace-v17 .workspace-menu{position:relative}
.workspace-v17 .workspace-menu>summary{list-style:none;display:flex;gap:18px;align-items:center;cursor:pointer;padding:11px 15px;border:1px solid #3a434d;border-radius:7px;font-size:13px;min-height:44px;color:#e1e7ee;background:#161b21}
.workspace-v17 .workspace-menu>summary::-webkit-details-marker{display:none}
.workspace-v17 .workspace-menu[open]>summary{border-color:#889975}
.workspace-v17 .workspace-menu-content{position:absolute;right:0;top:calc(100% + 10px);width:320px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 100px);overflow:auto;z-index:50;padding:12px;background:#1a2027;border:1px solid #45505e;border-radius:10px;box-shadow:0 18px 60px #0009}
.workspace-v17 #workspace-project-actions{display:grid;gap:2px}
.workspace-v17 #workspace-project-actions>button,.workspace-v17 #workspace-project-actions #studio-quote{display:flex;width:100%;padding:12px;min-height:44px;text-align:left;justify-content:flex-start;font:400 14px/1.45 'DM Sans',sans-serif;border:0;border-radius:5px;background:transparent;color:#e1e7ee;cursor:pointer}
.workspace-v17 #workspace-project-actions>button:hover{background:#2b343d}
.workspace-v17 #workspace-project-actions>button:disabled{color:#7d8996;cursor:wait}
.workspace-v17 #studio-active-project{font-size:12px;color:#92a184;padding:3px 12px 9px;margin:0;overflow-wrap:anywhere}
.workspace-v17 .workspace-menu .atelier-utility{margin:9px 0 0;padding:7px 12px;border-top:1px solid #3a434d}
.workspace-v17 .workspace-menu .atelier-utility summary{min-height:44px;font-size:13px;padding:12px 0;color:#d2dbc9}
.workspace-v17 .workspace-menu .atelier-utility p{font-size:12px;line-height:1.6}
.workspace-v17 .workspace-menu .code-feld{display:flex;flex-wrap:wrap}
.workspace-v17 .workspace-menu .code-feld input{width:100%;min-width:0}
.workspace-v17 .fuss{font-size:12px;margin:0 auto;padding:20px 28px;max-width:1556px;gap:18px}
.workspace-v17 :is(button,summary,label[role=button],a):focus-visible{outline:2px solid #d3ff5a;outline-offset:3px}
@media(max-width:1100px){
  .workspace-v17 .ablauf{grid-template-columns:minmax(0,1fr) 390px;gap:20px}
  .workspace-v17 .atelier-brand-title{display:none}
  .workspace-v17 .seite{padding:20px}
  .workspace-v17 #schritt-folie,.workspace-v17 #schritt-foto,.workspace-v17 #atelier-look{padding:16px}
  .workspace-v17 .workspace-bottom{padding:14px 16px}
  .workspace-v17 .atelier-family{width:28px}
}
@media(max-width:800px){
  body.workspace-v17 .kopf{min-height:66px;padding:12px 16px;gap:12px;flex-wrap:nowrap}
  .workspace-v17 .kopf .logo{width:145px;height:30px}
  .workspace-v17 #studio-toolbar{flex:1 1 auto}
  .workspace-v17 .studio-tools{gap:8px}
  .workspace-v17 .studio-tools #studio-compare{font-size:12px;padding:9px 7px;min-height:42px}
  .workspace-v17 #studio-compare-count{font-size:12px}
  .workspace-v17 .workspace-menu>summary{padding:10px 12px;gap:10px;font-size:12px}
  .workspace-v17 .seite{padding:16px 14px}
  .workspace-v17 .ablauf{display:flex;flex-direction:column;gap:18px}
  .workspace-v17 #atelier-stage-column{width:100%;position:static;order:0}
  .workspace-v17 .atelier-stage-top{padding:10px 12px;min-height:44px}
  .workspace-v17 #atelier-visual-label{font-size:12px}
  .workspace-v17 .atelier-image-wrap,.workspace-v17 .atelier-stage:has(.atelier-empty:not([hidden])) .atelier-image-wrap{height:230px;min-height:0;aspect-ratio:auto}
  .workspace-v17 .atelier-empty{padding:22px;gap:10px}
  .workspace-v17 .atelier-empty h2{font-size:23px}
  .workspace-v17 .atelier-empty p{font-size:12px;max-width:29ch;line-height:1.5}
  .workspace-v17 .atelier-empty svg{display:none}
  .workspace-v17 .atelier-empty small{font-size:12px}
  .workspace-v17 .atelier-empty .atelier-photo-button{min-height:42px;font-size:12px;padding:10px 16px}
  .workspace-v17 .layeron-partner{margin-top:8px}
  .workspace-v17 .layeron-partner a{font-size:12px;min-height:32px}
  .workspace-v17 #atelier-controls,.workspace-v17.protection-mode #atelier-controls{width:100%;height:auto;min-height:0;max-height:none;overflow:visible;order:1}
  .workspace-v17 .protection-modes{border-radius:11px 11px 0 0}
  .workspace-v17 #schritt-folie,.workspace-v17 #schritt-foto,.workspace-v17 #atelier-look{overflow:visible;padding:16px;flex:1 1 auto}
  .workspace-v17 .atelier-palette{gap:0}
  .workspace-v17 .atelier-family{width:27px;min-width:27px}
  .workspace-v17 .folien{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .workspace-v17 .folie-huelle>.folie{min-height:134px}
  .workspace-v17 .folie .bild,.workspace-v17 .atelier-colour-band{height:80px}
  .workspace-v17 .folie .name{font-size:14px!important}
  .workspace-v17 .workspace-bottom{position:sticky;bottom:0;z-index:5;padding:12px 16px max(12px,env(safe-area-inset-bottom));border-radius:0 0 11px 11px;box-shadow:0 -10px 25px #0004}
  .workspace-v17 #atelier-colour-name{font-size:14px}
  .workspace-v17 #atelier-colour-meta{font-size:12px}
  .workspace-v17 .workspace-selection-actions{gap:18px;margin-top:2px}
  .workspace-v17 .workspace-text-button{font-size:14px;min-height:36px}
  .workspace-v17 .atelier-actions{margin-top:8px}
  .workspace-v17 .atelier-next-row .knopf{font-size:13px;min-height:46px}
  .workspace-v17 .fuss{padding:16px;gap:14px;font-size:12px}
}
@media(max-width:370px){.workspace-v17 .kopf .logo{width:118px;height:25px}.workspace-v17 .folie .name{font-size:14px!important}.workspace-v17 .studio-tools{gap:5px}}