.workshop{max-width:1440px;margin:auto;padding:28px 32px 60px}.workshop h1{font-size:clamp(35px,4vw,55px);letter-spacing:-2px;margin:10px 0 15px}.workshop .intro{max-width:800px}.workshop-layout{display:grid;grid-template-columns:340px minmax(0,1fr);gap:25px;align-items:start}.controls{border:1px solid var(--line);border-radius:10px;padding:23px;background:#fff}.controls fieldset{border:0;padding:0;margin:0 0 25px}.controls legend{font-size:15px;font-weight:800;margin-bottom:15px}.controls label{display:block;font-size:12px;font-weight:700;margin-bottom:12px}.controls input,.controls select{display:block;width:100%;margin-top:5px;padding:10px 12px;border:1px solid #bacdd4;border-radius:5px;font:inherit;color:var(--ink)}.controls input:focus-visible,.controls select:focus-visible{outline:3px solid var(--yellow)}.control-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.controls p{font-size:11px;color:var(--muted);line-height:1.7}.scene-pane{position:sticky;top:16px;min-width:0}.scene{border:1px solid #dae2e4;border-radius:12px;overflow:hidden;background:radial-gradient(ellipse at 50% 35%,#faf9f5,#e5ebeb);position:relative}.scene canvas{width:100%;height:570px;display:block;touch-action:none;cursor:grab}.scene canvas:active{cursor:grabbing}.scene canvas:focus-visible{outline:3px solid var(--yellow);outline-offset:-4px}.scene-label{position:absolute;top:18px;left:20px;font-size:10px;letter-spacing:1.5px;color:#537080;pointer-events:none}.scene-tools{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.scene-tools button,.controls button{font:inherit;font-size:12px;cursor:pointer;color:var(--ink);background:#fff;border:1px solid #bdd0d6;padding:11px 14px;border-radius:5px}.scene-tools button[aria-pressed=true]{background:var(--blue);color:white}.scene-tools button:focus-visible,.controls button:focus-visible{outline:3px solid var(--yellow);outline-offset:2px}.scene-tools .button{background:var(--yellow);border:0}.scene-notice{font-size:12px;line-height:1.8;color:var(--muted)}.scene-error{color:#a52e22;font-size:13px;line-height:1.7}.scene-error:empty{display:none}.scene-summary{background:#edf3f3;padding:18px 22px;border-radius:8px;margin-top:15px}.scene-summary h2{font-size:16px;letter-spacing:0}.scene-summary dl{display:grid;grid-template-columns:1fr 1fr;font-size:12px;gap:8px;margin-bottom:0}.scene-summary dd{margin:0;font-weight:700}.scene-summary dt{color:var(--muted)}.scene-summary p{font-size:11px;line-height:1.8;color:var(--muted)}.preview-only{max-width:1100px}.preview-only .scene canvas{height:600px}.control-save{background:var(--yellow)!important;border:0!important;font-weight:800!important}.step-tag{font-size:10px;letter-spacing:1.5px;color:var(--muted)}@media(max-width:900px){.workshop-layout{grid-template-columns:280px minmax(0,1fr)}.workshop{padding:20px}.scene canvas{height:470px}.controls{padding:18px}}@media(max-width:700px){.workshop-layout{display:flex;flex-direction:column}.scene-pane{position:static;width:100%;order:-1}.controls{width:100%}.scene canvas,.preview-only .scene canvas{height:400px}.scene-summary dl{grid-template-columns:1fr}.scene-summary dd{margin-bottom:6px}}

.controls .spare-position{border-left:3px solid #b48738;padding-left:12px;margin-bottom:18px}.controls .spare-position:nth-of-type(2){border-left-color:#287b9a}

.controls .spare-position{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding-left:8px;margin-bottom:14px;min-width:0}.controls .spare-position legend{margin-bottom:8px}.controls .spare-position label{min-width:0;margin-bottom:0;font-size:11px}.controls .spare-position input{min-width:0;padding:7px 4px;font-size:12px}.controls .spare-position input::-webkit-inner-spin-button{appearance:none;margin:0}@media(max-width:380px){.controls .spare-position{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}}

.controls .spare-position label{display:flex;flex-direction:column;justify-content:flex-end}.controls .spare-position input{flex:none}

/* Einheitliche kompakte Eingabegruppen */
.controls{padding:16px}.controls fieldset{min-width:0;margin-bottom:18px}.controls legend{margin-bottom:9px}.controls>fieldset:not(:has(.component-position)):not(:has(.spare-position)),.controls .component-position{border-left:3px solid #b48738;padding-left:8px}.field-row{display:grid;grid-template-columns:repeat(var(--columns,3),minmax(0,1fr));gap:6px;align-items:end}.controls .field-row label{display:flex;flex-direction:column;justify-content:flex-end;min-width:0;margin:0;font-size:11px;font-weight:500}.controls .field-row label span{line-height:1.25;min-height:14px}.controls .field-row input,.controls .field-row select{min-width:0;width:100%;padding:7px 4px;font-size:12px;height:34px;margin-top:5px}.controls .field-row input::-webkit-inner-spin-button{appearance:none;margin:0}.controls .component-position{margin-bottom:12px}.controls .component-position legend{font-size:12px;font-weight:700}.controls details{font-size:11px;color:var(--muted);margin-top:8px}.controls summary{cursor:pointer;line-height:1.5}.controls details p{line-height:1.5;margin:6px 0}.controls p{line-height:1.5}.controls .step-tag{margin-top:0;font-size:9px;letter-spacing:1px}.controls .spare-position label{font-weight:500}@media(max-width:380px){.field-row[style*="4"]{grid-template-columns:repeat(2,minmax(0,1fr))}}

#crate-quantity{text-align:center;display:block;margin:10px auto;width:160px;max-width:100%}.scene-summary:has(#crate-quantity){text-align:center}