.pc-editor{--ink:var(--c-text);--line:var(--c-line);--muted:var(--c-muted);color:var(--c-text);display:grid;grid-template-columns:minmax(220px,.85fr) minmax(260px,1.3fr) minmax(230px,.95fr);gap:18px;align-items:start;font-size:14px}
.pc-editor *,.pc-dialog *{box-sizing:border-box}.pc-editor [hidden],.pc-dialog [hidden]{display:none!important}.pc-editor button,.pc-editor input,.pc-editor select,.pc-editor textarea,.pc-dialog button,.pc-dialog textarea{font:inherit}
.pc-panel{background:var(--c-card);border:1px solid var(--line);border-radius:8px;padding:22px;min-width:0}.pc-panel h3{font-size:18px;line-height:1.3;letter-spacing:-.03em;margin:0 0 20px}.pc-panel h4{font-size:15px;margin:22px 0 12px}.pc-number{display:inline-grid;place-items:center;background:var(--ink);color:var(--c-on-strong);font-size:11px;width:24px;height:24px;border-radius:50%;margin-right:8px;vertical-align:middle}
.pc-field{display:block;margin:0 0 14px;min-width:0}.pc-field>span{display:block;font-size:12px;font-weight:650;margin-bottom:7px}.pc-field small{font-weight:400}.pc-field input:not([type=range]),.pc-field select,.pc-field textarea{width:100%;min-width:0;min-height:44px;border:1px solid var(--c-line);border-radius:4px;background:var(--c-input);color:var(--c-text);padding:10px 11px}.pc-field textarea{resize:vertical;min-height:76px}.pc-field input[type=range]{width:100%;accent-color:var(--ink);min-height:28px;cursor:pointer}.pc-editor :focus-visible,.pc-dialog :focus-visible{outline:3px solid var(--c-accent-line);outline-offset:3px}.pc-field [aria-invalid=true]{border-color:var(--c-strong)}
.pc-help{font-size:12px;line-height:1.55;color:var(--muted,var(--c-muted));margin:8px 0 14px}.pc-help a,.pc-privacy-inline a{color:inherit;text-decoration:underline;text-underline-offset:3px}.pc-upload{display:block;border:1px dashed var(--c-accent-line);text-align:center;padding:20px 10px;border-radius:5px;cursor:pointer;position:relative;background:var(--c-card)}.pc-upload strong{display:block;font-size:14px}.pc-upload span{font-size:11px;display:block;margin-top:5px;color:var(--c-muted)}.pc-upload input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}.pc-upload:focus-within{outline:3px solid var(--c-accent-line);outline-offset:3px}
.pc-file-name{overflow-wrap:anywhere;font-size:11px;line-height:1.4;color:var(--c-muted);margin:10px 0}.pc-editor button,.pc-dialog button{cursor:pointer}.pc-text-button{border:0;background:none;padding:9px 0;text-decoration:underline;text-underline-offset:3px;color:var(--ink,var(--c-text));font-size:12px!important;min-height:40px}.pc-control-group{border-top:1px solid var(--line);padding-top:16px;margin-top:16px}.pc-control-group[aria-disabled=true]{opacity:.55}.pc-control-row{display:flex;gap:10px;justify-content:space-between;flex-wrap:wrap}.pc-small-button{border:1px solid var(--c-line);background:transparent;color:var(--ink,var(--c-text));padding:10px 12px;border-radius:4px;font-size:12px!important;min-height:44px}.pc-small-button:hover{background:var(--c-soft)}.pc-small-button:disabled{cursor:not-allowed;opacity:.55}
.pc-color-fieldset{border:0;border-top:1px solid var(--line);padding:16px 0 0;margin:22px 0 0;min-width:0}.pc-color-fieldset legend{font-size:15px;font-weight:650;padding:0 8px 0 0}.pc-color-fieldset>.pc-help{margin-top:0}.pc-swatches{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-bottom:12px}.pc-swatch{display:flex;align-items:center;flex-direction:column;gap:7px;min-width:0;min-height:70px;padding:9px 2px;background:var(--c-input);border:1px solid var(--c-line);border-radius:5px;color:var(--c-text);font-size:11px!important;line-height:1.3}.pc-swatch:hover{border-color:var(--c-accent-line)}.pc-swatch[aria-pressed=true]{border:2px solid var(--ink);padding:8px 1px;box-shadow:0 0 0 1px var(--ink)}.pc-swatch-chip{display:block;width:25px;height:25px;border-radius:50%;border:1px solid #20362c36}.pc-custom-toggle{width:100%;background:transparent;border:1px solid var(--c-line);color:var(--ink);min-height:44px;padding:10px;border-radius:4px;text-align:left;font-size:12px!important}.pc-custom-toggle[aria-pressed=true]{background:var(--c-soft);border-color:var(--ink);box-shadow:inset 3px 0 var(--ink)}.pc-custom-row{display:grid;grid-template-columns:80px minmax(0,1fr);gap:12px;margin-top:16px}.pc-custom-row>.pc-field{margin-bottom:0}.pc-color-picker input[type=color]{height:44px;padding:4px;cursor:pointer}.pc-special-field{margin:16px 0 0}.pc-special-field textarea{font-size:12px;line-height:1.5}
.pc-stage{min-width:0;background:var(--c-soft);border:1px solid var(--c-line);border-radius:8px;overflow:hidden;position:sticky;top:100px}.pc-stage-top{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--c-muted);padding:16px 18px;position:absolute;top:0;left:0;right:0;z-index:1;background:linear-gradient(var(--c-soft),transparent);pointer-events:none}.pc-canvas{width:min(100%,410px);height:auto;max-height:none;display:block;touch-action:pan-y;cursor:default;margin-inline:auto}.pc-canvas.has-logo{cursor:grab;touch-action:none}.pc-canvas.is-dragging{cursor:grabbing}.pc-canvas:focus-visible{outline-offset:-4px}.pc-stage-caption{padding:8px 18px 16px;text-align:center;font-size:11px;color:var(--c-muted);line-height:1.5;margin:0}.pc-stage-note{padding:0 18px 14px;font-size:12px;color:var(--c-text);text-align:center}
.pc-summary-label{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--c-muted);margin:0 0 8px}.pc-current-model{font-size:17px;font-weight:650;margin:0 0 8px;line-height:1.5}.pc-current-color{font-size:13px;color:var(--c-text);margin:0 0 12px}.pc-selection-summary{padding-bottom:8px;margin-bottom:12px;border-bottom:1px solid var(--line)}.pc-primary{display:block;width:100%;border:1px solid var(--ink,var(--c-strong));background:var(--ink,var(--c-strong));color:var(--c-on-strong);min-height:46px;border-radius:4px;padding:12px 16px;font-weight:650!important;text-align:center;text-decoration:none;line-height:1.45}.pc-primary:hover{background:var(--c-strong)}.pc-primary:disabled{opacity:.55;cursor:wait}.pc-error{color:var(--c-text);font-size:12px;line-height:1.5;min-height:0;margin:8px 0}.pc-error:empty{display:none}.pc-editor details{border:0;margin:12px 0}.pc-editor details summary{font-size:12px;cursor:pointer;color:var(--ink);padding:8px 0;min-height:36px}.pc-editor details[open] summary{margin-bottom:12px}.pc-range-value{float:right;font-variant-numeric:tabular-nums}.pc-no-send{font-size:11px;line-height:1.55;color:var(--c-muted);padding:8px 0;margin:0}.pc-privacy-inline{font-size:11px;color:var(--c-muted);line-height:1.6}
.pc-dialog{--ink:var(--c-text);--muted:var(--c-muted);border:1px solid var(--c-line);border-radius:12px;padding:0;max-width:800px;width:calc(100% - 28px);max-height:90dvh;background:var(--c-card);color:var(--c-text);box-shadow:0 20px 80px #132d2940}.pc-dialog::backdrop{background:#12251dc2}.pc-dialog-inner{padding:28px}.pc-dialog-top{display:flex;align-items:start;justify-content:space-between;gap:20px}.pc-dialog h2{font-size:26px;letter-spacing:-.04em;margin:0 0 8px}.pc-dialog-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;margin:20px 0;align-items:start}.pc-dialog img{display:block;width:100%;height:auto;border-radius:6px;background:var(--c-soft)}.pc-dialog dl{margin:0;font-size:14px;min-width:0}.pc-dialog dt{font-size:11px;color:var(--c-muted);margin-top:14px}.pc-dialog dd{margin:3px 0 0;overflow-wrap:anywhere;line-height:1.5}.pc-notice{border-left:3px solid var(--c-line);background:var(--c-soft);padding:12px 15px;font-size:13px;line-height:1.5}.pc-dialog-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px}.pc-dialog-actions>*{white-space:normal}.pc-note-text{white-space:pre-wrap}.pc-dialog .pc-small-button{font-size:13px!important}.pc-dialog-close{font-size:21px!important;width:44px;height:44px;min-width:44px;padding:0;line-height:1}.pc-download-status{font-size:12px;color:var(--c-text);min-height:16px;margin-top:8px;line-height:1.5}.pc-mail-text{margin-top:20px}.pc-mail-text textarea{font-size:12px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}
@media(max-width:1150px){.pc-editor{grid-template-columns:minmax(220px,.85fr) minmax(250px,1.3fr)}.pc-request-panel{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:0 24px}.pc-request-panel>h3,.pc-request-panel>.pc-no-send,.pc-request-panel>.pc-error,.pc-request-panel>.pc-privacy-inline{grid-column:1/-1}.pc-selection-summary{align-self:start}.pc-request-fields{grid-column:2;grid-row:2/span 3}.pc-request-panel>.pc-primary{grid-column:2}.pc-panel{padding:20px}}
@media(max-width:700px){.pc-editor{display:flex;flex-direction:column;gap:14px}.pc-editor>.pc-panel,.pc-editor>.pc-stage{width:100%}.pc-selection-panel{order:1}.pc-stage{order:2;position:relative;top:auto}.pc-request-panel{order:3;display:block}.pc-stage .pc-canvas{width:min(100%,410px);height:auto;max-height:none;margin-inline:auto;object-fit:initial}.pc-dialog-grid{grid-template-columns:1fr}.pc-dialog-grid img{max-height:300px;object-fit:contain}.pc-dialog-inner{padding:20px}.pc-dialog h2{font-size:23px}.pc-dialog-actions{grid-template-columns:1fr}.pc-panel{padding:19px}.pc-stage-top{position:static;background:none;padding-bottom:0}.pc-control-group{display:grid;grid-template-columns:1fr 1fr;gap:0 15px}.pc-control-group>.pc-control-row,.pc-control-group>details{grid-column:1/-1}.pc-help{margin-bottom:10px}.pc-swatch{min-height:72px}}
@media(prefers-reduced-motion:reduce){.pc-editor *,.pc-dialog *{scroll-behavior:auto!important;transition:none!important}}
@media(min-width:701px){.pc-stage{top:calc(var(--header-height,116px) + 16px)}}

/* Das Studio zeigt jeweils nur die Werkzeuge des ausgewählten Bereichs. */
.pc-zone-heading{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-top:26px}.pc-zone-heading h4{margin:0 0 14px}.pc-preview-jump{font-size:11px;color:var(--ink);text-decoration:underline;text-underline-offset:3px;white-space:nowrap}.pc-color-fieldset{margin-top:18px}.pc-zone-note:empty{display:none}.pc-text-tools{border-top:1px solid var(--line);padding-top:20px;margin-top:20px}.pc-text-basic{display:grid;grid-template-columns:78px minmax(0,1fr);gap:15px;align-items:start}.pc-text-basic input[type=color]{padding:4px;cursor:pointer;height:44px}.pc-text-basic output{float:right;font-variant-numeric:tabular-nums}.pc-edit-2d{width:100%}.pc-current-color{white-space:pre-line;line-height:1.7;font-size:12px}.pc-stage{padding-bottom:14px;scroll-margin-top:calc(var(--header-height,100px) + 16px)}.pc-stage-top{position:static;background:none;padding:15px 16px 10px;pointer-events:auto;gap:10px}.pc-stage-top span:last-child{font-size:10px;text-align:right}.pc-view-tabs,.pc-side-tabs,.pc-view-presets{display:flex;gap:5px;padding:0 12px;min-width:0}.pc-view-tabs{padding-bottom:10px}.pc-view-tabs button,.pc-side-tabs button,.pc-view-presets button{flex:1;border:1px solid var(--c-line);background:var(--c-card);color:var(--c-text);border-radius:4px;min-height:42px;padding:8px 5px;font-size:12px!important;line-height:1.3}.pc-view-tabs button[aria-pressed=true],.pc-side-tabs button[aria-pressed=true],.pc-view-presets button[aria-pressed=true]{background:var(--c-strong);color:var(--c-on-strong);border-color:var(--c-strong)}.pc-view-tabs button:disabled{cursor:not-allowed;opacity:.5}.pc-side-tabs{margin-bottom:8px}.pc-view-presets{margin:4px 0 12px}.pc-view-presets button{font-size:10px!important}.pc-stage canvas{max-width:100%;outline-offset:-4px}.pc-stage #pc-3d-canvas{display:block;width:min(100%,410px);height:auto;aspect-ratio:600/820;margin-inline:auto;touch-action:none;cursor:grab}.pc-stage #pc-3d-canvas:active{cursor:grabbing}.pc-stage .pc-stage-note{margin:12px 0 0;padding:0 16px 12px}.pc-stage-caption{font-size:10px;padding:0 16px 10px}.pc-renderer-error{padding:0 16px}.pc-controls-jump{display:block;text-align:center;padding:10px 14px 0;font-size:12px;color:var(--c-text);text-decoration:underline;text-underline-offset:3px}.pc-design-controls,#pc-design-controls{scroll-margin-top:calc(var(--header-height,100px) + 16px)}.pc-dialog-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}.pc-dialog-grid img{max-height:none;object-fit:contain}.pc-dialog-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.pc-dialog #pc-download-design{background:var(--c-soft)}.pc-control-group{margin-top:10px}.pc-text-tools details{margin-top:0}.pc-zone-heading+.pc-field select{font-weight:650;background:var(--c-card);border-color:var(--c-line)}
@media(min-width:1151px){.pc-editor{grid-template-columns:minmax(255px,.9fr) minmax(280px,1.25fr) minmax(240px,.92fr);gap:16px}.pc-selection-panel{padding:20px}.pc-request-panel{padding:20px}.pc-stage{max-height:calc(100dvh - var(--header-height,100px) - 32px);overflow-y:auto;scrollbar-width:thin}}
@media(min-width:701px) and (max-width:1150px){.pc-editor{grid-template-columns:minmax(245px,.85fr) minmax(265px,1.15fr)}.pc-stage{max-height:calc(100dvh - var(--header-height,100px) - 32px);overflow-y:auto;scrollbar-width:thin}.pc-stage-top{position:static}.pc-request-panel{margin-top:10px}.pc-request-fields{grid-row:2/span 3}}
@media(max-width:700px){.pc-editor>.pc-stage{order:0;position:relative;top:auto;max-height:none;overflow:hidden}.pc-editor>.pc-selection-panel{order:1}.pc-editor>.pc-request-panel{order:2}.pc-stage #pc-3d-canvas,.pc-stage .pc-canvas{width:min(100%,340px);height:auto}.pc-stage-top{padding:14px 14px 10px}.pc-stage .pc-stage-caption{font-size:10px}.pc-stage-note{font-size:11px}.pc-view-presets button{min-height:42px}.pc-view-tabs button,.pc-side-tabs button{min-height:44px}.pc-dialog-grid{grid-template-columns:1fr}.pc-dialog-grid img{max-height:430px}.pc-dialog-actions{grid-template-columns:1fr}.pc-zone-heading{position:sticky;top:calc(var(--header-height,100px) + 1px);background:var(--c-card);padding-top:10px;z-index:2;margin-top:20px}.pc-text-basic{grid-template-columns:88px minmax(0,1fr)}}

/* ===== Ergänzungen: Auswahl, Farben, Randtext, Hilfe ===== */
.pc-error{color:#b23a2c}:root[data-theme="dark"] .pc-error{color:#ff9d8c}
.pc-helpbar{display:flex;gap:18px 30px;align-items:center;justify-content:space-between;flex-wrap:wrap;background:rgba(255,255,255,.07);border:1px solid var(--on-band-line);border-radius:8px;padding:16px 20px;margin-bottom:18px;color:var(--on-band)}
.pc-helpbar>div:first-child{display:flex;flex-direction:column;gap:3px;max-width:760px}.pc-helpbar strong{font-size:15px}.pc-helpbar span{font-size:13px;line-height:1.6;color:var(--on-band-muted)}
.pc-helpbar-actions{display:flex;gap:10px;flex-wrap:wrap}
.pc-link-button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;background:var(--accent);border-color:var(--accent);color:var(--accent-fg);font-weight:700}
.pc-link-button:hover{background:var(--accent-hover)}.pc-link-button.pc-ghost{background:transparent;color:var(--on-band);border-color:var(--on-band-line)}.pc-link-button.pc-ghost:hover{background:rgba(255,255,255,.08)}
.pc-panel h3.pc-step{margin-top:30px;padding-top:22px;border-top:1px solid var(--c-line)}
.pc-model-style{margin:-4px 0 16px}
.pc-choice-set{border:0;padding:0;margin:0 0 6px;min-width:0}.pc-choice-set legend{font-size:12px;font-weight:650;padding:0;margin-bottom:8px}
.pc-chips{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.pc-chips button{min-height:44px;border:1px solid var(--c-line);border-radius:4px;background:var(--c-input);color:var(--c-text);font-weight:700;font-size:14px!important}
.pc-chips button:hover{border-color:var(--c-accent-line)}
.pc-chips button.is-on,.pc-eva button.is-on{background:var(--c-strong);color:var(--c-on-strong);border-color:var(--c-strong)}
.pc-eva{display:grid;gap:7px}
.pc-eva button{display:grid;gap:2px;text-align:left;border:1px solid var(--c-line);border-radius:5px;background:var(--c-input);color:var(--c-text);padding:11px 13px}
.pc-eva button:hover{border-color:var(--c-accent-line)}
.pc-eva strong{font-size:14px}.pc-eva span{font-size:12px;line-height:1.5;opacity:.9}.pc-eva em{font-style:normal;font-size:11px;opacity:.75}
.pc-combo{font-size:12px;line-height:1.5;padding:9px 12px;border-radius:5px;margin:10px 0 16px;background:var(--c-soft)}
.pc-combo.is-ok{border-left:3px solid var(--c-accent-line)}.pc-combo.is-special{border-left:3px solid #d9a13b}
.pc-side-switch{display:flex;gap:5px;margin-bottom:14px}
.pc-side-switch button{flex:1;min-height:42px;border:1px solid var(--c-line);border-radius:4px;background:var(--c-input);color:var(--c-text);font-size:13px!important;font-weight:600}
.pc-side-switch button[aria-pressed=true]{background:var(--c-strong);color:var(--c-on-strong);border-color:var(--c-strong)}
.pc-swatches{grid-template-columns:repeat(4,minmax(0,1fr))}
.pc-swatch{min-height:64px;font-size:10.5px!important}
.pc-swatch[aria-pressed=true]{border-color:var(--c-strong);box-shadow:0 0 0 2px var(--c-strong)}
.pc-swatch-chip{border:1px solid rgba(0,0,0,.25)}
.pc-edge-tools h4{margin:0 0 12px}
.pc-alt-contact{margin:14px 0 0}.pc-alt-contact a{text-decoration:underline}
.pc-control-row{gap:8px;flex-wrap:wrap}
/* Die Bühne bleibt in beiden Modi hell (passt zur 3D-Hintergrundfarbe). */
.pc-stage{--c-input:#fff;--c-card:#ffffff;--c-soft:#efeeea;--c-soft2:#e2e0da;--c-strong:#203e35;--c-on-strong:#fff;--c-text:#1c1e1d;--c-muted:#565a55;--c-line:#cfcdc6;--c-accent-line:#203e35;--ink:#203e35;--muted:#565a55;--line:#cfcdc6;background:#eeece5;border-color:#deded3;color:#172b24}
.pc-stage-top{background:linear-gradient(#eeece5,transparent);color:#47574b}
.pc-view-presets{flex-wrap:wrap}.pc-view-presets button{flex:1 1 28%}
@media(max-width:700px){.pc-helpbar{padding:14px 16px}.pc-chips{grid-template-columns:repeat(4,minmax(0,1fr))}}

.pc-extras{display:grid;gap:8px;margin-bottom:12px}
.pc-extra{display:flex;gap:12px;align-items:center;border:1px solid var(--c-line);border-radius:5px;background:var(--c-input);padding:12px 14px;cursor:pointer}
.pc-extra input{width:20px;height:20px;accent-color:var(--c-strong);flex-shrink:0}
.pc-extra span{display:grid;gap:1px}.pc-extra strong{font-size:14px}.pc-extra small{font-size:11px;color:var(--c-muted)}
.pc-acc-preview canvas{width:100%;height:auto;background:#eeece5;border-radius:6px;display:block}
.pc-link-plain{display:flex;align-items:center;justify-content:center;text-decoration:none;margin-top:8px}
.pc-send-note{margin:8px 0 6px}