.preview-note{display:none}.manual-entry{padding:0}.manual-tabs{display:flex;gap:6px;padding:6px;border:1px solid #d6d0c2;border-radius:12px;background:#eae6dc;width:fit-content;max-width:100%;margin-bottom:12px}.manual-tabs .knopf{border:0;border-radius:8px;background:transparent;box-shadow:none;font-size:14px;padding:13px 24px;min-height:48px}.manual-tabs .primaer{background:#faf8f2;color:#20251e;box-shadow:0 2px 6px #25251c15}.mode-help{margin:0 0 22px;font-size:13px}.simple-config .manual-panel{padding:0}.simple-workspace{grid-template-columns:minmax(0,1.65fr) minmax(310px,1fr);gap:24px}.part-editor{padding:28px;background:#faf8f2;border-color:#ded8ca;border-radius:16px;min-width:0}.part-editor h2{font:26px Georgia;margin-bottom:22px}.part-editor h2:before{content:'01';font:12px 'Manrope',sans-serif;border:1px solid #c9c4b5;border-radius:50%;width:30px;height:30px;display:inline-grid;place-items:center;margin-right:12px;vertical-align:middle;color:#5a6250}.part-types{gap:14px}.part-types button{display:grid;grid-template-columns:85px 1fr;gap:3px 16px;align-items:center;padding:18px;border-radius:10px;background:#f4f1ea}.part-types svg{grid-row:1/3;width:85px;height:58px}.part-types strong{font-size:15px}.part-types span{font-size:12px;margin:0}.part-types button[aria-pressed=true]{outline:0;border:2px solid #5b6650;padding:17px;background:#edf0e7}.part-measures{padding:24px 0;margin:24px 0;border-top:1px solid #e2ddd2;border-bottom:1px solid #e2ddd2;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.part-measures label{font-size:13px;font-weight:600}.part-measures input,.part-measures select{font-weight:400;min-height:48px}.part-measures .angle-label:not([hidden]){grid-column:auto}.part-measures:has(.angle-label:not([hidden])){grid-template-columns:repeat(2,minmax(0,1fr))}.end-choice legend{font-weight:600;font-size:14px;margin-bottom:14px}.end-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.end-options label{padding:10px;border-radius:10px;gap:10px 5px;align-items:center;font-size:12px;line-height:1.5;background:#f4f1ea}.end-options label>img{height:95px;padding:0;background:transparent}.end-options label:has(:checked){background:#edf0e7;border-color:#5b6650}.end-options label:has(:checked)>img{background:transparent}.end-options input{accent-color:#56634b}.add-part{margin-top:24px;padding-top:24px;gap:18px}.add-part strong{font-size:28px;font-weight:600}.add-part .knopf{border-radius:10px;padding:15px 24px;background:#303b2a;border-color:#303b2a;font-size:14px;min-height:52px}.part-feedback:empty{display:none}.part-editor>.hint{font-size:12px;margin-bottom:0;max-width:65ch}.basket-slot .request-basket{background:#eae6dc;border:1px solid #d8d1c3;border-radius:16px;padding:26px}.basket-heading{align-items:start}.basket-heading>div>span{font-size:10px;letter-spacing:.12em}.basket-slot .basket-heading h2{font-size:27px;line-height:1.2;margin:10px 0 20px}.basket-count{white-space:nowrap;background:#faf8f2;padding:7px 10px;border-radius:20px;font-size:12px}.basket-items{font-size:14px;line-height:1.7;color:#555248}.basket-items article{background:#faf8f2;padding:14px;border:1px solid #dad5c8;border-radius:10px;margin-bottom:10px;gap:6px}.basket-items h3{font-size:13px}.basket-items ul{font-size:12px;margin:3px 0 8px;padding-left:16px}.basket-items strong{font-size:15px}.basket-items .knopf{background:transparent;padding:6px 10px;font-size:11px;min-height:36px}.basket-totals{font-size:13px;margin:22px 0}.basket-grand{font-size:18px}.basket-send{width:100%;border-radius:10px;min-height:52px;background:#303b2a!important;color:#fff!important;border-color:#303b2a!important}.basket-send:disabled{opacity:.45;cursor:not-allowed}.basket-status:empty{display:none}.basket-status{font-size:12px}.request-basket>p{line-height:1.7}.inquiry-inline{border-radius:16px;margin-top:32px}
@media(max-width:1100px){.simple-workspace{grid-template-columns:minmax(0,1.4fr) minmax(290px,1fr);gap:16px}.part-editor{padding:20px}.part-types button{display:block;padding:14px}.part-types button[aria-pressed=true]{padding:13px}.part-types svg{margin-bottom:8px}.part-types span{margin-top:5px}.part-measures{grid-template-columns:1fr 1fr}.end-options{grid-template-columns:1fr}.end-options label{grid-template-columns:18px minmax(90px,1fr) minmax(100px,1fr);gap:10px}.end-options label>input{grid-column:1;grid-row:1}.end-options label>img{grid-column:2;grid-row:1;height:65px}.end-options label>span{grid-column:3;grid-row:1}.basket-slot .request-basket{padding:20px}}
@media(max-width:850px){.simple-workspace{grid-template-columns:1fr}.manual-tabs{width:100%}.manual-tabs .knopf{flex:1;padding:12px 10px;font-size:13px}.part-editor h2{font-size:23px}.basket-slot .basket-items{max-height:none}.basket-slot{position:static}.basket-slot .request-basket{position:static}.add-part{flex-wrap:wrap}.add-part .knopf{width:100%}.mode-help{font-size:12px;margin-bottom:16px}}

/* Gartenplan: Anleitung über dem Plan, Formen rechts daneben. */
.garten-layout{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:24px}
.garten-layout .vorschau{padding:0;gap:18px}.garten-intro h2{font:normal 30px Georgia,serif;margin:0 0 10px}.garten-intro .hilfe{font-size:14px;line-height:1.6;color:#555248;margin:0;max-width:65ch}
.garten-layout .eingabe{margin:0;padding:22px;border:1px solid #ded8ca;border-radius:14px;overflow:visible}.garten-layout .eingabe .geometrien-title{font:normal 24px Georgia,serif;margin:0 0 18px}.garten-layout .kacheln{grid-template-columns:1fr 1fr}.garten-layout .zeichenflaeche{min-height:380px;max-height:65vh}
@media(max-width:700px){.garten-layout{grid-template-columns:1fr;gap:20px}.garten-intro h2{font-size:26px}.garten-layout .zeichenflaeche{min-height:260px}.garten-layout .eingabe{padding:18px}}
.manual-tabs .knopf.primaer{background:#faf8f2!important;color:#20251e!important}

/* Einheitliches Planungsraster: eine Anleitung, fluchtende Arbeitsflächen. */
.garten-layout{gap:20px 24px;grid-template-columns:minmax(0,1fr) 340px;padding-top:24px;align-items:stretch}
.garten-intro{grid-column:1/-1;padding:0 0 20px;border-bottom:1px solid #d6d0c2}
.garten-intro h2{font-family:Manrope,system-ui,sans-serif;font-size:22px;font-weight:600;line-height:1.4;margin:0 0 8px}
.garten-intro .hilfe{font-size:14px;line-height:1.6;max-width:none;color:#555248}
.garten-layout .vorschau{min-width:0;align-self:start}
.garten-layout .zeichen-wrap{overflow:hidden;border-radius:12px;border:1px solid #d6d0c2;background:#faf8f2}
.garten-layout .zeichen-wrap svg.zeichenflaeche{display:block;width:100%;height:650px;min-height:0;max-height:none;border:0;border-radius:0;box-shadow:none}
.garten-layout .eingabe{padding:20px;background:#faf8f2;border-radius:12px;align-self:start}
.garten-layout .eingabe .geometrien-title{font:600 16px/1.5 Manrope,system-ui,sans-serif;margin:0 0 16px}
.garten-layout .kacheln.werkzeug{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.garten-layout .werkzeug .kachel{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:8px;padding:14px 10px;min-height:106px;text-align:center;box-shadow:none;border:1px solid #d6d0c2;border-radius:8px;background:#f4f1ea}
.garten-layout .werkzeug .kachel svg{display:block;width:48px;height:32px;margin:0;flex-shrink:0}
.garten-layout .werkzeug .kachel b{font:600 13px/1.4 Manrope,system-ui,sans-serif;margin:0}
.garten-layout .werkzeug .kachel small{display:none}
.garten-layout .werkzeug .kachel:hover,.garten-layout .werkzeug .kachel.aktiv{background:#e7ecdf;border-color:#5b6650}
.garten-layout .verlauf{display:flex;gap:8px;margin-top:16px}.garten-layout .verlauf .knopf{flex:1;font-size:12px;padding:10px 6px;border-radius:8px}
#app .kopf{padding:18px 0;background:transparent;border:0}#app .schritte{margin:0;justify-content:flex-start}#app .kopf{justify-content:flex-start}
#app .fuss{position:static;margin-top:20px;padding:16px 0;background:transparent;border-top:1px solid #d6d0c2;box-shadow:none}
.manual-entry:has([data-mode="draw"][aria-pressed="true"]) .mode-help{display:none}
@media(max-width:700px){.garten-layout{grid-template-columns:1fr;padding-top:16px;gap:16px}.garten-intro h2{font-size:20px}.garten-layout .zeichen-wrap svg.zeichenflaeche{height:320px}.garten-layout .eingabe{padding:16px}.garten-layout .kacheln.werkzeug{grid-template-columns:repeat(3,minmax(0,1fr))}.garten-layout .werkzeug .kachel{min-height:94px;padding:12px 5px}.garten-layout .werkzeug .kachel b{font-size:12px}.garten-layout .verlauf .knopf{font-size:12px}}

#app .vorschau .plan-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0;padding:10px 0 0;border:0;border-radius:0;position:static;background:transparent}
#app .plan-actions .primaer{min-height:48px;padding:12px 22px;border-radius:10px;font-size:14px}
#app .plan-actions>span:empty{display:none}
@media(max-width:700px){#app .plan-actions .primaer{flex:1}#app .plan-actions .zurueck{padding:12px}#app .plan-actions .zurueck[style*="hidden"]{display:none}}

.canvas-help{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);max-width:calc(100% - 32px);padding:6px 10px;background:#faf8f2ed;border:1px solid #d6d0c2;border-radius:6px;font:11px/1.4 Manrope,system-ui,sans-serif;color:#555b50;pointer-events:none;text-align:center}
@media(max-width:700px){.canvas-help{display:none}}

/* Gleicher Arbeitsbereich und gleiche Weiter-Position in allen vier Schritten. */
#app{overflow-anchor:none}.garten-intro{min-height:100px}.garten-layout .werkzeuge:has(.plan-zurueck){display:none}
#app .plan-actions{display:grid!important;grid-template-columns:auto 1fr auto;min-height:64px}
#app .plan-actions .zurueck{grid-column:1}#app .plan-actions .primaer{grid-column:3;min-width:220px}
#app .plan-actions>span{display:none}
.garten-layout .eingabe{min-width:0}.garten-layout .eingabe .liste{font-size:14px}
@media(max-width:700px){.garten-intro{min-height:112px}#app .plan-actions{grid-template-columns:auto 1fr;gap:8px}#app .plan-actions .primaer{grid-column:2;min-width:0;width:100%;font-size:13px;padding:12px 8px}#app .plan-actions .zurueck[style*="hidden"]{display:block;visibility:hidden}}

#app .plan-actions .primaer{width:310px;min-width:0;max-width:100%}
.garten-layout .eingabe>.zeichen-fenster.unten{margin:0 0 20px;width:100%;box-shadow:none}
@media(max-width:700px){#app .plan-actions .primaer{width:100%}}
#app .plan-actions .primaer{height:56px;min-height:56px;line-height:1.4}

/* Clear price status and touch-friendly alignment controls. */
.price-notice{font-size:14px;line-height:1.6;color:#424a40;max-width:75ch;margin:16px 0;}
.zf-leiste{flex-wrap:wrap;}
.zf-ikon{min-height:44px;min-width:44px;}
.zf-ikon[aria-label^="Horizontal"],.zf-ikon[aria-label^="Vertikal"]{width:auto;padding:8px 12px;font-size:14px;white-space:nowrap;}

@media(pointer:coarse){svg.zeichenflaeche [data-mass]{pointer-events:all;cursor:pointer;}}

@media(pointer:coarse){.zeichen-wrap{display:flex;flex-direction:column;height:auto!important;}.zeichen-wrap>.zoom{position:static!important;order:-1;align-self:flex-end;display:flex;margin:8px;}.zeichen-wrap>svg.zeichenflaeche{height:320px!important;flex:none;width:100%;}}