.d1-preview-hint,.d1-element-row,.d1-arc-reset{display:none}
.d1-text-dialog{box-sizing:border-box;width:min(540px,calc(100% - 20px));max-width:none;max-height:calc(var(--d1-viewport-height,100dvh) - 20px);position:fixed;inset:auto;top:calc(var(--d1-viewport-top,0px) + 10px);left:50%;transform:translateX(-50%);margin:0;padding:18px;border:1px solid #91b8bb;border-radius:15px;background:#fffaf0;color:#004f5c;overflow:auto}
.d1-text-dialog::backdrop{background:#001e2bcc}
.d1-text-dialog h2{font-size:19px;line-height:1.3;margin:0 0 12px}.d1-text-dialog label{display:block;font-size:14px;margin-bottom:6px}.d1-text-dialog textarea{box-sizing:border-box;width:100%;min-height:100px;height:clamp(100px,calc(var(--d1-viewport-height,100dvh) - 190px),250px);resize:vertical;font:18px/1.45 Arial,sans-serif;padding:10px;border:1px solid #6d929a;border-radius:8px;background:#fff;color:#163b45}.d1-dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:12px}.d1-dialog-actions button{min-height:46px;padding:8px 15px;font:700 16px/1.2 Arial,sans-serif;background:white;color:#005b68;border:1px solid #005b68;border-radius:8px}.d1-dialog-actions [data-d1-apply]{background:#005b68;color:white}.d1-dialog-error{color:#ad3520;font-size:14px}.d1-text-dialog :focus-visible{outline:3px solid #e7a500;outline-offset:2px}
@media all{
 .has-d1-mobile-ui [data-front-preview]{padding:12px 20px!important;gap:8px!important}
 .has-d1-mobile-ui .d1-preview-hint{display:block;order:-2;margin:0 0 5px;text-align:center;font-size:15px;line-height:1.4}.d1-preview-hint strong,.d1-preview-hint span{display:block}
 .has-d1-mobile-ui [data-live-preview-title],.has-d1-mobile-ui [data-preview-edit-hint],.has-d1-mobile-ui [data-preview-caption],.has-d1-mobile-ui [data-front-preview]>[data-preview-centering-note],.has-d1-mobile-ui [data-front-preview]>small,.has-d1-mobile-ui [data-front-preview] .bestell-mobile-preview-bar,.has-d1-mobile-ui [data-preview-reposition],.has-d1-mobile-ui [data-preview-refresh]{display:none!important}
 .has-d1-mobile-ui [data-front-preview]>.bestell-live-preview__heading:not(:has([data-actual-size-display]:not([hidden]))){display:none}
 .has-d1-mobile-ui [data-front-preview]>.bestell-live-preview__heading:has([data-actual-size-display]){margin:0;min-height:0}
 .has-d1-mobile-ui [data-front-preview] [data-preview-stage]:not([data-actual-size-marker]){display:block!important;width:100%!important;max-width:310px;margin:0 auto!important;padding:0!important}
 .has-d1-mobile-ui [data-preview-stage]>.bestell-live-preview__token{width:100%!important;flex:none;align-self:center}
 .has-d1-mobile-ui [data-preview-controls]{box-sizing:border-box;display:grid;grid-template-columns:156px minmax(80px,1fr);grid-template-rows:auto auto auto;gap:7px;width:100%;max-width:350px;padding:9px;margin:0 auto;border-radius:12px}
 .has-d1-mobile-ui [data-preview-controls][hidden],.has-d1-mobile-ui [data-preview-controls] [hidden]{display:none!important}
 .has-d1-mobile-ui .bestell-preview-controls__position{grid-column:1;grid-row:1/3;display:grid;grid-template-columns:repeat(3,48px);grid-template-rows:repeat(3,48px);gap:6px}
 .has-d1-mobile-ui [data-preview-controls] button{box-sizing:border-box;min-height:44px;min-width:44px;height:auto;font-size:15px;padding:5px;border-radius:8px;touch-action:manipulation}
 .has-d1-mobile-ui .bestell-preview-controls__position>button{width:48px;height:48px;padding:0;font-size:23px}
 .has-d1-mobile-ui [data-preview-done],.has-d1-mobile-ui [data-preview-edit],.has-d1-mobile-ui [data-preview-round-reset]{display:none!important}
 .has-d1-mobile-ui .bestell-preview-controls__letter{grid-column:2;grid-row:1;display:flex;flex-direction:column;width:100%;gap:6px;align-self:start}
 .has-d1-mobile-ui .bestell-preview-controls__letter button{width:100%;font-size:13px;padding:5px 3px;flex:none}
 .has-d1-mobile-ui .bestell-preview-controls__line{grid-column:2;grid-row:2;display:flex;gap:5px;justify-content:center;align-self:end}
 .has-d1-mobile-ui .bestell-preview-controls__line button{flex:1;min-width:0}
 .has-d1-mobile-ui .d1-element-row{display:flex;grid-column:1/-1;grid-row:3;gap:8px;align-items:stretch;min-width:0}
 .has-d1-mobile-ui .d1-element-row .d1-text-value,.has-d1-mobile-ui .d1-element-row .d1-logo-change{flex:1;min-width:0;text-align:left;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.3;padding:8px;font-size:16px;max-height:85px;overflow:auto}
 .has-d1-mobile-ui .d1-element-row .d1-logo-change{text-align:center;background:#005b68;color:white;font-weight:700}
 .has-d1-mobile-ui .d1-element-row .d1-done{width:48px;flex:none;background:#fff;color:#16834d;font-size:30px;border-color:#16834d}
 .has-d1-mobile-ui [data-preview-kind=logo]{grid-template-columns:1fr}
 .has-d1-mobile-ui [data-preview-kind=logo] .bestell-preview-controls__position{justify-self:center}
 .has-d1-mobile-ui [data-preview-kind=arc]{grid-template-columns:1fr;grid-template-rows:auto auto auto}
 .has-d1-mobile-ui [data-preview-kind=arc] .bestell-preview-controls__letter{grid-column:1;grid-row:1;flex-direction:row}
 .has-d1-mobile-ui [data-preview-kind=arc] .bestell-preview-controls__round{display:flex;grid-column:1;grid-row:2;gap:8px;justify-content:center}
 .has-d1-mobile-ui [data-preview-kind=arc] .d1-arc-reset{display:block;order:2}
 .has-d1-mobile-ui [data-preview-kind=arc] [data-preview-round-rotate=left]{order:1}
 .has-d1-mobile-ui [data-preview-kind=arc] [data-preview-round-rotate=right]{order:3}
 .has-d1-mobile-ui [data-preview-kind=arc]:not([data-d1-round=true]) [data-preview-round-rotate]{display:none!important}
 .has-d1-mobile-ui[data-d1-selection=true] [data-preview-actions]{display:none!important}
 .has-d1-mobile-ui [data-preview-actions]{display:flex;justify-content:center;margin:4px 0 0}
 .has-d1-mobile-ui [data-preview-layout]{width:100%;min-height:46px;font-size:16px}
 .has-d1-mobile-ui .bestell-text-color-palette{width:100%;max-width:350px;margin:0;padding:5px;box-sizing:border-box}
 .has-d1-mobile-ui .bestell-text-color-palette strong{font-size:12px;margin:0 0 3px}
 .has-d1-mobile-ui .bestell-text-color-palette>[role=group]{display:grid;grid-template-columns:repeat(auto-fit,minmax(36px,1fr));gap:4px}
 .has-d1-mobile-ui [data-element-text-color]{width:100%!important;height:38px!important;min-width:36px;min-height:38px;border-radius:7px}
 .has-d1-mobile-ui [data-preview-controls] :focus-visible{outline:3px solid #e7a500;outline-offset:2px}
 .has-d1-mobile-ui .bestell-layout-option{touch-action:pan-y pinch-zoom}
}

@media all{.has-d1-mobile-ui [data-digital-round-toggle]{grid-column:1/-1;grid-row:4;min-height:44px}.has-d1-mobile-ui [data-preview-controls] button svg{width:22px;height:22px}}

@media all{
 form.has-d1-mobile-ui [data-preview-controls] [data-preview-edit]:not([hidden]){display:none!important}
 .has-d1-mobile-ui .d1-element-row{width:100%;justify-self:stretch}
 .has-d1-mobile-ui .bestell-text-color-palette{margin:0!important}
}
@media(max-width:359px){
 .has-d1-mobile-ui [data-preview-controls]{padding:6px;gap:5px;grid-template-columns:140px minmax(70px,1fr)}
 .has-d1-mobile-ui .bestell-preview-controls__position{grid-template-columns:repeat(3,44px);grid-template-rows:repeat(3,44px);gap:4px}
 .has-d1-mobile-ui .bestell-preview-controls__position>button{width:44px;height:44px}
 .has-d1-mobile-ui [data-preview-kind=logo],.has-d1-mobile-ui [data-preview-kind=arc]{grid-template-columns:1fr}
}
@media(max-width:359px){.has-d1-mobile-ui .d1-preview-hint{font-size:14px}}

@media all{.bestell-layout-menu--digital [data-layout-choice]{touch-action:pan-y pinch-zoom}}

@media all{.has-d1-mobile-ui [data-preview-controls],.has-d1-mobile-ui .bestell-text-color-palette{width:calc(100% + 16px);flex:none}.has-d1-mobile-ui .d1-preview-hint{width:calc(100% + 16px);margin-left:-8px}}

@media all{.has-d1-mobile-ui [data-preview-stage]>.bestell-text-color-palette,.has-d1-mobile-ui [data-preview-stage]>[data-preview-controls]{margin:8px -8px 0!important}}
@media all{.has-d1-mobile-ui [data-preview-kind=arc] .bestell-preview-controls__letter button{flex:1;min-width:0;width:auto}}

/* D2: input fields remain available until explicit generation succeeds. */
.d2-upload-preview{display:none}
@media all{
 form[data-compact-designer="1"] .d2-upload-preview:not([hidden]){display:block;width:100%;height:120px;object-fit:contain;background:#eef3f3;border:1px solid #adc4c7;border-radius:8px;margin:10px 0}
 form[data-compact-designer="1"] .bestell-mobile-generate{padding:10px 12px;min-height:44px}
 form[data-compact-designer="1"] .bestell-side-content[data-mobile-generating="true"]>[data-design-side]:not([hidden]){display:block!important}
 form[data-compact-designer="1"] .bestell-side-content[data-mobile-generating="true"]>[data-front-preview]{display:block!important;position:absolute!important;top:0!important;left:0!important;width:100%!important;box-sizing:border-box;visibility:hidden!important;pointer-events:none!important;z-index:-1!important}
 form[data-compact-designer="1"] .bestell-side-content[data-mobile-generating="true"]>[data-front-preview] *{visibility:hidden!important}
}

/* D3: only the mobile photo-token editor. Stage geometry stays unchanged. */
@media all{
 form[data-compact-designer="1"] .d3-has-upload>span,
 form[data-compact-designer="1"] .d3-has-upload>strong,
 form[data-compact-designer="1"] .d3-has-upload>small{display:none}
 form[data-compact-designer="1"] .d2-upload-preview:not([hidden]){width:100%;height:120px;object-fit:contain;border:0;border-radius:0;margin:0;background:transparent;pointer-events:none}
 form[data-compact-designer="1"] [data-logo-controls],
 form[data-compact-designer="1"] [data-dual-side-actions],
 form[data-compact-designer="1"] [data-mobile-preview-finish]{display:none!important}
 .has-d1-mobile-ui [data-preview-kind=arc] .bestell-preview-controls__letter .d1-arc-reset{flex:0 0 44px;order:0}
 .has-d1-mobile-ui [data-preview-kind=arc]:not([data-d1-round=true]) .bestell-preview-controls__round{display:none!important}
 .has-d1-mobile-ui .d1-element-row .d1-text-value{font-weight:400;text-align:left}
 .has-d1-mobile-ui [data-preview-stage]>.bestell-text-color-palette{box-sizing:border-box;width:calc(100% + 40px);max-width:none;margin:8px -20px 0!important;padding:0;border:0}
 .has-d1-mobile-ui .bestell-text-color-palette>[role=group]{grid-template-columns:repeat(10,minmax(0,1fr));gap:1px}
 .has-d1-mobile-ui [data-element-text-color]{min-width:24px;min-height:32px;height:32px!important;border-radius:4px;padding:0}
 form[data-compact-designer="1"] .bestell-soft-note [data-designer-contact]{margin-top:14px}
 form[data-compact-designer="1"] [data-mobile-side-switch]{position:static!important;top:auto!important;z-index:auto!important;display:flex;padding:0;gap:3px;margin:0;border-bottom:2px solid #007a86;background:transparent;box-shadow:none;border-radius:0}
 form[data-compact-designer="1"] [data-mobile-side-switch][hidden]{display:none!important}
 form[data-compact-designer="1"] [data-mobile-design-side]{flex:1;min-width:0;min-height:44px;padding:10px 4px;border:1px solid #a0bdbe;border-bottom:0;border-radius:10px 10px 0 0;background:#edf3f1;color:#325d66;box-shadow:none}
 form[data-compact-designer="1"] [data-mobile-design-side][aria-selected=true]{background:#007a86;color:white;border-color:#007a86}
 form[data-compact-designer="1"] [data-mobile-design-side]:focus-visible{outline:3px solid #e7a500;outline-offset:-3px}
}
@media all{.has-d1-mobile-ui .d1-element-row .d1-text-value{justify-content:flex-start}}

@media all{form[data-compact-designer="1"] .bestell-side-content:has(>[data-mobile-side-switch]:not([hidden])){row-gap:0}form[data-compact-designer="1"] [data-mobile-side-switch]:not([hidden])~[data-front-preview],form[data-compact-designer="1"] [data-mobile-side-switch]:not([hidden])~[data-design-side]{border-top-left-radius:0;border-top-right-radius:0;border-top-color:#007a86}}

/* D4: canonical circular product surface. Source asset v3: 520², opaque body
   bounds x=11,y=13,w=499,h=494. Normalize the photographed body, never the logo.
   Nominal token coordinates now match the existing physical SVG marker circle. */
.d4-marker-palette,[data-d4-marker],[data-d4-placeholder]{display:none}
@media all{
 form[data-d4-marker-geometry=true] .bestell-live-preview__base{border-radius:50%;overflow:hidden;filter:var(--d4-marker-tint);box-shadow:0 8px 14px #173f4828}
 form[data-d4-marker-geometry=true] .bestell-live-preview__base picture{left:-2.204409%;top:-2.631579%;width:104.208417%;height:105.263158%}
 form[data-d4-marker-geometry=true] .bestell-live-preview__base img{object-fit:fill;filter:none}
 form[data-d4-marker-geometry=true] .bestell-live-preview__token::before{display:none}
 form[data-d4-marker-geometry=true] .bestell-live-preview__logo{filter:none!important}
 .has-d1-mobile-ui [data-preview-actions]{grid-template-columns:1fr 1fr;gap:8px}
 .has-d1-mobile-ui [data-preview-actions][hidden]{display:none!important}
 .has-d1-mobile-ui [data-preview-actions]>[data-preview-layout],.has-d1-mobile-ui [data-d4-marker]:not([hidden]){display:block;width:100%;min-width:0;grid-column:auto;font-size:14px;padding:10px 5px;min-height:44px}
 .has-d1-mobile-ui .d4-marker-palette:not([hidden]){display:block;padding:6px;border:1px solid #aac5c7;border-radius:10px;background:#eff7f7}
 .d4-palette-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:5px;font-size:14px}
 .d4-palette-heading button{width:36px;height:36px;padding:0;font-size:24px;border:1px solid #789da2;border-radius:6px;background:white;color:#005766}
 .d4-marker-palette>[role=group]{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:3px}
 .d4-marker-palette [data-d4-marker-color]{min-width:0;height:36px;border:1px solid #95aaad;border-radius:5px;padding:0}
 .has-d1-mobile-ui [data-element-text-color],.d4-marker-palette [data-d4-marker-color]{position:relative;outline:none!important;box-sizing:border-box}
 .has-d1-mobile-ui [data-element-text-color][aria-pressed=true],.d4-marker-palette [aria-pressed=true]{z-index:1;box-shadow:inset 0 0 0 2px white,inset 0 0 0 4px #003e4c!important;outline:none!important}
 form[data-compact-designer="1"] [data-mobile-side-switch]{border-radius:13px 13px 0 0;overflow:hidden;gap:0}
 form[data-compact-designer="1"] [data-mobile-design-side]{border-radius:0}
 form[data-compact-designer="1"] [data-mobile-design-side]+[data-mobile-design-side]{border-left:1px solid #abc6c8}
}

@media all{form[data-d4-marker-geometry=true] .bestell-live-preview__logo{transform:translate(var(--d4-half-x,-50%),var(--d4-half-y,-50%)) scale(var(--preview-logo-auto-scale,1)) scale(var(--preview-logo-scale,1)) rotate(var(--preview-logo-rotation,0deg))}}

/* Moving motif ink is never a document scroll anchor. */
@media all{form.has-d1-mobile-ui{overflow-anchor:none}}

/* D5: mobile photo-only input and presentation helpers. */
.d5-marker-input,.d5-layout-overlay{display:none}
@media all{
 form[data-compact-designer="1"] .bestell-fixed-base-note{display:none}
 .has-d1-mobile-ui .d5-marker-input{display:block}
 .d5-marker-input>strong{display:block;margin-bottom:8px;font-size:14px}
 .d5-marker-input>[role=group]{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:1px}
 .d5-marker-input button{position:relative;box-sizing:border-box;min-width:0;min-height:32px;height:32px;border:1px solid #95aaad;border-radius:4px;padding:0;outline:none}
 .d5-marker-input button[aria-pressed=true]{z-index:1;box-shadow:inset 0 0 0 2px white,inset 0 0 0 4px #003e4c}
 .has-d1-mobile-ui [data-d4-placeholder]{display:block;cursor:pointer}
 .has-d1-mobile-ui .d5-placeholder-text{border:0;border-radius:0;padding:0;min-height:0;pointer-events:auto;z-index:3}
 .has-d1-mobile-ui .d5-placeholder-arc{pointer-events:none}
 .has-d1-mobile-ui .d5-placeholder-arc text{pointer-events:visiblePainted;cursor:pointer}
 .d5-layout-overlay:not([hidden]){display:block;position:fixed;inset:0;background:#00283288;z-index:10020;overscroll-behavior:none}
 .d5-layout-overlay .bestell-layout-menu{position:fixed;left:var(--layout-panel-left);top:var(--layout-panel-top);width:var(--layout-panel-width);max-height:var(--layout-panel-max-height);margin:0;box-sizing:border-box;overflow-y:auto;overscroll-behavior:contain}
 .d5-layout-overlay .bestell-layout-menu::before,.d5-layout-overlay .bestell-layout-menu::after{display:none}
 .d5-layout-overlay .bestell-layout-options{min-height:130px;flex:1 0 130px}
 .d5-layout-overlay .bestell-layout-option{touch-action:pinch-zoom!important}
 .d5-layout-overlay .bestell-layout-pager,.d5-layout-overlay .bestell-layout-clear{flex-shrink:0;touch-action:pan-y pinch-zoom}
}

.d6-upload-status{display:none}
@media all{form[data-compact-designer="1"] .d6-upload-busy>:is(span,strong,small,img){display:none!important}form[data-compact-designer="1"] .d6-upload-busy>.d6-upload-status:not([hidden]){display:block!important;font-size:15px;line-height:1.5}form[data-compact-designer="1"] [data-logo-preparation-status][data-state=busy]{display:none} }

.d6-crop{display:none}
@media all{
 .has-d1-mobile-ui [data-preview-kind=logo]{grid-template-columns:44px 1fr 44px;column-gap:4px}
 .has-d1-mobile-ui [data-preview-kind=logo] .bestell-preview-controls__position{grid-column:2}
 .has-d1-mobile-ui [data-preview-kind=logo] .d6-crop{display:block;width:44px;height:44px;min-width:44px;padding:7px;align-self:center}
 .has-d1-mobile-ui [data-preview-kind=logo] [data-d6-crop=top]{grid-column:1;grid-row:1}
 .has-d1-mobile-ui [data-preview-kind=logo] [data-d6-crop=left]{grid-column:1;grid-row:2}
 .has-d1-mobile-ui [data-preview-kind=logo] [data-d6-crop=bottom]{grid-column:3;grid-row:2}
 .has-d1-mobile-ui [data-preview-kind=logo] [data-d6-crop=right]{grid-column:3;grid-row:1}
 .has-d1-mobile-ui .d6-crop svg{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
 .has-d1-mobile-ui .bestell-live-preview__text.is-preview-selected{background:none!important;color:var(--preview-foil-solid)!important;-webkit-text-fill-color:currentColor;-webkit-text-stroke:0;filter:drop-shadow(calc(var(--digital-selection-light,.3px) * var(--digital-selection-unit,1)) 0 0 white) drop-shadow(calc(-1 * calc(var(--digital-selection-light,.3px) * var(--digital-selection-unit,1))) 0 0 white) drop-shadow(0 calc(var(--digital-selection-light,.3px) * var(--digital-selection-unit,1)) 0 white) drop-shadow(0 calc(-1 * calc(var(--digital-selection-light,.3px) * var(--digital-selection-unit,1))) 0 white) drop-shadow(calc(var(--digital-selection-dark,.3px) * var(--digital-selection-unit,1)) 0 0 #111) drop-shadow(calc(-1 * calc(var(--digital-selection-dark,.3px) * var(--digital-selection-unit,1))) 0 0 #111) drop-shadow(0 calc(var(--digital-selection-dark,.3px) * var(--digital-selection-unit,1)) 0 #111) drop-shadow(0 calc(-1 * calc(var(--digital-selection-dark,.3px) * var(--digital-selection-unit,1))) 0 #111)}
 .has-d1-mobile-ui .bestell-live-preview__arcs text.is-preview-selected{fill:var(--preview-arc-paint,var(--preview-foil-solid))!important;stroke:none!important;filter:drop-shadow(calc(var(--digital-selection-light,.3px) * var(--digital-selection-unit,1)) 0 0 white) drop-shadow(calc(-1 * calc(var(--digital-selection-light,.3px) * var(--digital-selection-unit,1))) 0 0 white) drop-shadow(0 calc(var(--digital-selection-light,.3px) * var(--digital-selection-unit,1)) 0 white) drop-shadow(0 calc(-1 * calc(var(--digital-selection-light,.3px) * var(--digital-selection-unit,1))) 0 white) drop-shadow(calc(var(--digital-selection-dark,.3px) * var(--digital-selection-unit,1)) 0 0 #111) drop-shadow(calc(-1 * calc(var(--digital-selection-dark,.3px) * var(--digital-selection-unit,1))) 0 0 #111) drop-shadow(0 calc(var(--digital-selection-dark,.3px) * var(--digital-selection-unit,1)) 0 #111) drop-shadow(0 calc(-1 * calc(var(--digital-selection-dark,.3px) * var(--digital-selection-unit,1))) 0 #111)}
}

.d6-print-note{font-size:13px;line-height:1.5;margin:8px 0 0;color:#456a73}
@media all{form[data-compact-designer="1"] .d6-background-field{display:none}.has-d1-mobile-ui [data-preview-actions]{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr)}.has-d1-mobile-ui [data-preview-actions][hidden]{display:none!important}.has-d1-mobile-ui [data-d4-marker]{overflow-wrap:normal;hyphens:none}}
/* D6: crop controls belong only to the logo; narrow screens retain usable targets. */
.bestell-preview-controls:not([data-preview-kind=logo]) .d6-crop{display:none!important}
@media(max-width:359px){
 .has-d1-mobile-ui [data-preview-kind=logo]{grid-template-columns:40px minmax(0,1fr) 40px;padding:5px;gap:4px}
 .has-d1-mobile-ui [data-preview-kind=logo] .bestell-preview-controls__position{grid-template-columns:repeat(3,40px);grid-template-rows:repeat(3,40px);gap:3px;min-width:0}
 .has-d1-mobile-ui [data-preview-kind=logo] .bestell-preview-controls__position>button,.has-d1-mobile-ui [data-preview-kind=logo] .d6-crop{width:40px;height:40px;min-width:40px;min-height:40px}
 .has-d1-mobile-ui [data-preview-kind=logo] .d1-element-row{gap:4px}
}
.bestell-preview-controls .d6-crop{display:none}
@media all{.has-d1-mobile-ui [data-preview-kind=logo] .d6-crop{display:block}}
/* Solid digital ink must not depend on browser background-clip rendering. */
form[data-digital-print="1"] .bestell-live-preview__text:not(.is-preview-selected){background:none;color:var(--preview-foil-solid);-webkit-text-fill-color:currentColor}

/* D7: reversible crop pairs; original image coordinates are retained. */
.d7-crop-pair{display:none}
@media all{
.has-d1-mobile-ui [data-preview-kind=logo] .d7-crop-pair{display:flex;flex-direction:column;gap:3px;align-items:center}
.has-d1-mobile-ui [data-preview-kind=logo] .d7-crop-pair[data-crop-edge=top]{grid-column:1;grid-row:1}
.has-d1-mobile-ui [data-preview-kind=logo] .d7-crop-pair[data-crop-edge=left]{grid-column:1;grid-row:2}
.has-d1-mobile-ui [data-preview-kind=logo] .d7-crop-pair[data-crop-edge=right]{grid-column:3;grid-row:1}
.has-d1-mobile-ui [data-preview-kind=logo] .d7-crop-pair[data-crop-edge=bottom]{grid-column:3;grid-row:2}
.has-d1-mobile-ui [data-preview-kind=logo] .bestell-preview-controls__position{align-self:center}
}
form[data-compact-designer="1"]{--digital-selection-light:.3px;--digital-selection-dark:.3px}

/* D7 desktop: preserve the broad input/preview columns, with compact mouse tools. */
@media(min-width:741px){
 form.has-d1-mobile-ui .bestell-side-content{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;position:relative}
 form.has-d1-mobile-ui [data-mobile-side-switch]{grid-column:1/-1;order:0}
 form.has-d1-mobile-ui [data-design-side]{grid-column:1;order:1}
 form.has-d1-mobile-ui [data-design-side][hidden]{display:none!important}
 form.has-d1-mobile-ui [data-front-preview]{grid-column:2;order:2!important;padding:18px 20px!important;margin:0!important;min-width:0}
 form.has-d1-mobile-ui .bestell-side-content[data-mobile-generating=true]>[data-front-preview]{position:relative!important;visibility:visible!important;z-index:auto!important;pointer-events:auto!important}
 form.has-d1-mobile-ui .bestell-side-content[data-mobile-generating=true]>[data-front-preview] *{visibility:visible!important}
 form.has-d1-mobile-ui [data-preview-stage]:not([data-actual-size-marker]){max-width:380px!important}
 form.has-d1-mobile-ui .bestell-mobile-generate{display:block;width:100%;border:0;border-radius:8px;background:#005b68;color:white;font:700 15px/1.3 Arial,sans-serif;padding:12px;margin-top:16px;cursor:pointer}
 form.has-d1-mobile-ui .bestell-mobile-generate:disabled{opacity:.6;cursor:wait}
 form.has-d1-mobile-ui [data-design-side]>h3,form.has-d1-mobile-ui [data-position-toolbar]{display:none}
 form.has-d1-mobile-ui [data-preview-controls]{max-width:380px;grid-template-columns:132px minmax(70px,1fr);gap:7px;padding:9px;width:100%}
 form.has-d1-mobile-ui .bestell-preview-controls__position{grid-template-columns:repeat(3,40px);grid-template-rows:repeat(3,40px);gap:5px}
 form.has-d1-mobile-ui .bestell-preview-controls__position>button{height:40px;width:40px;min-width:40px;min-height:40px;font-size:21px}
 form.has-d1-mobile-ui [data-preview-controls] button{min-height:34px}
 form.has-d1-mobile-ui [data-preview-kind=logo]{grid-template-columns:42px minmax(0,1fr) 42px}
 form.has-d1-mobile-ui [data-preview-kind=arc]{grid-template-columns:1fr}
 form.has-d1-mobile-ui [data-preview-kind=logo] .d6-crop{height:36px;width:36px;min-height:36px;min-width:36px}
 form.has-d1-mobile-ui .d1-element-row .d1-done{width:40px;font-size:26px}
 form.has-d1-mobile-ui .d1-element-row .d1-text-value{font-size:15px}
 form.has-d1-mobile-ui [data-preview-stage]>.bestell-text-color-palette{width:100%;margin:10px 0!important}
 form.has-d1-mobile-ui [data-preview-stage]>[data-preview-controls]{margin:8px 0!important}
 form.has-d1-mobile-ui [data-d4-marker],form.has-d1-mobile-ui [data-preview-layout]{min-height:36px!important;font-size:14px}
 form.has-d1-mobile-ui .d1-preview-hint{width:100%;margin:0 0 8px;font-size:14px}
 .d1-text-dialog{top:50%;transform:translate(-50%,-50%);max-height:calc(100vh - 40px);width:min(600px,calc(100% - 40px))}
 .d1-text-dialog textarea{font-size:16px;min-height:140px;height:180px}
 .d1-dialog-actions button{min-height:36px;font-size:15px}
}

.has-d1-mobile-ui .d7-center{font-size:11px!important;padding:4px!important;width:65px;min-width:44px!important;flex:none}
@media(min-width:741px){
.bestell-layout-menu--digital:not([hidden]){display:flex;flex-direction:column;width:min(520px,var(--layout-panel-width));left:max(var(--layout-panel-left),calc(50% - 260px));padding:12px;gap:8px;max-height:min(650px,var(--layout-panel-max-height));overflow:auto}
.bestell-layout-menu--digital .bestell-layout-options{display:block;min-height:0}
.bestell-layout-menu--digital .bestell-layout-option{display:none}
.bestell-layout-menu--digital .bestell-layout-option[data-current-format]{display:flex;flex-direction:column;width:100%;align-items:center;padding:10px}
.bestell-layout-menu--digital .bestell-layout-preview{height:180px;width:180px;flex:none;aspect-ratio:1}
.bestell-layout-menu--digital .bestell-layout-pager{display:flex;align-items:center;justify-content:space-between;font-size:14px;gap:20px}
.bestell-layout-menu--digital .bestell-layout-pager button{width:48px;height:34px;cursor:pointer;border:1px solid #86afb4;border-radius:7px;background:#edf7f7;color:#005766;font-size:24px}
.bestell-layout-menu--digital .bestell-layout-clear{margin:0;padding:4px;font-size:12px}
}

/* D8: page scrolling may start in the horizontally scrollable inquiry table. */
@media(max-width:740px){form[data-compact-designer="1"] [data-cart-mobile]{touch-action:pan-x pan-y pinch-zoom;overscroll-behavior:auto}form[data-compact-designer="1"] [data-cart-mobile]::before{display:none}}
.d8-cart-arrows{display:none;gap:6px;align-items:center;margin:0 0 10px}
.d8-cart-arrows button{width:40px;height:34px;border:1px solid #95aaad;border-radius:6px;background:#fff;color:#005766;font-size:22px}
@media(max-width:740px){.d8-cart-arrows:not([hidden]){display:flex}.d8-cart-arrows button:disabled{opacity:.35}}
/* Selection changes only the display stroke, never the text geometry or print color.
   Apply SVG paint to glyph children as well for Safari. */
form.has-d1-mobile-ui .bestell-live-preview__text.is-preview-selected{filter:none!important;text-shadow:none!important;background:none!important;-webkit-text-fill-color:var(--preview-foil-solid)!important;-webkit-text-stroke:7px var(--digital-selection-color);paint-order:stroke fill}
form.has-d1-mobile-ui .bestell-live-preview__arcs text.is-preview-selected,form.has-d1-mobile-ui .bestell-live-preview__arcs text.is-preview-selected *{filter:none!important;text-shadow:none!important;fill:var(--preview-arc-paint)!important;stroke:var(--digital-selection-color)!important;stroke-width:calc(7px * var(--digital-selection-unit,1));stroke-linejoin:round;paint-order:stroke fill}
form.has-d1-mobile-ui [data-global-text-color],form.has-d1-mobile-ui [data-element-text-color]{border:1px solid #95aaad;box-shadow:none;outline:none!important;box-sizing:border-box}
form.has-d1-mobile-ui [data-global-text-color][aria-pressed=true],form.has-d1-mobile-ui [data-element-text-color][aria-pressed=true]{box-shadow:inset 0 0 0 2px white,inset 0 0 0 4px #003e4c!important}
form[data-compact-designer="1"] .d8-accessories{margin:18px 0;border:1px solid #d5b98e;border-radius:10px;padding:12px}
.d8-accessories>summary{cursor:pointer;font-weight:700;color:#005766}.d8-accessories[open]>.bestell-accessories{margin-top:15px}
/* A manual job still locks controls. Only functional limits change their visual state. */
form[data-compact-designer="1"][data-designer-operation=manual-step] .bestell-preview-controls button:disabled:not([data-functional-disabled=true]),
form[data-compact-designer="1"][data-designer-operation=manual-step] .bestell-to-basket:disabled,
form[data-compact-designer="1"][data-designer-operation=manual-step] .bestell-preview-actions button:disabled{opacity:1}
@media(min-width:741px){
 form.has-d1-mobile-ui .bestell-mobile-generate[hidden]{display:none}
 form.has-d1-mobile-ui .d7-center{display:none!important}
 form.has-d1-mobile-ui [data-preview-reset] svg{width:26px;height:26px}
 form.has-d1-mobile-ui .d1-arc-reset{font-size:28px!important}
 .d5-layout-overlay .bestell-layout-menu--digital:not([hidden]){width:var(--layout-panel-width);left:var(--layout-panel-left);top:var(--layout-panel-top);max-height:var(--layout-panel-max-height);padding:16px;gap:12px}
 .bestell-layout-menu--digital .bestell-layout-options{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:clamp(4px,1vw,10px);overflow:visible;flex:none}
 .bestell-layout-menu--digital .bestell-layout-option,.bestell-layout-menu--digital .bestell-layout-option[data-current-format]{display:flex;flex-direction:column;align-items:center;width:100%;min-width:0;padding:clamp(4px,.8vw,10px);box-sizing:border-box;overflow-wrap:anywhere}
 .bestell-layout-menu--digital .bestell-layout-preview{width:min(110px,100%);height:auto;aspect-ratio:1}
 .bestell-layout-menu--digital .bestell-layout-pager{display:none}
 .bestell-layout-menu--digital [data-layout-close]{position:sticky;top:0;background:#fff;z-index:2;align-self:flex-end}
}

/* Fotomarken: colors are chosen in the preview; underlying form values remain intact. */
form[data-colors-in-designer="1"] .d5-marker-input,form[data-colors-in-designer="1"] [data-input-text-color]{display:none}
@media(min-width:1051px){.bestell-steps--six .bestell-steps__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* Fotomarken: diameter, template and print sides share one desktop row. */
.bestell-desktop-diameters,.bestell-side-label-desktop{display:none}
.bestell-desktop-config-row>.bestell-side-field{margin-bottom:0}
@media(max-width:740px){.bestell-desktop-config-row{margin-bottom:26px}}
.bestell-desktop-print-notes{margin-bottom:28px}
@media(min-width:741px){
 .bestell-desktop-config-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:20px;row-gap:12px;margin-bottom:26px;align-items:start}
 form.has-d1-mobile-ui .bestell-desktop-diameter-row{display:contents}
 .bestell-desktop-diameter-row #art{display:none}
 .bestell-desktop-diameters,.bestell-desktop-config-row .bestell-side-options{display:flex;flex-direction:column;justify-content:center;gap:6px;min-height:104px;padding:14px;border:1px solid #b3cbd0;border-radius:9px;background:#fff}
 .bestell-desktop-diameters label,.bestell-desktop-config-row .bestell-side-options label{display:flex;align-items:center;gap:10px;min-height:30px;padding:0;margin:0;border:0;cursor:pointer;font-size:14px;font-weight:400;background:none}
 .bestell-field .bestell-desktop-diameters input[type=radio],.bestell-desktop-config-row .bestell-side-options input{position:static;inset:auto;display:block;width:16px;height:16px;min-height:0;flex:0 0 16px;margin:0;opacity:1;accent-color:#005766}
 .bestell-desktop-config-row .bestell-side-options span,.bestell-desktop-config-row .bestell-side-options label:has(input:checked) span{display:block;min-height:0;padding:0;border:0;background:none;outline:0}
 .bestell-desktop-config-row .bestell-side-options strong{font-weight:400}
 .bestell-desktop-config-row .bestell-side-options small,.bestell-desktop-config-row .bestell-side-label-mobile{display:none}
 .bestell-desktop-config-row .bestell-side-label-desktop{display:inline}
 .bestell-desktop-config-row .bestell-layout-trigger{min-height:104px}
 .bestell-desktop-print-notes{grid-column:1/-1;margin:0}
 .bestell-desktop-print-notes .d6-print-note:first-child{margin-top:0}
}

/* Keep the color-logo action available on desktop and mobile. */
.has-d1-mobile-ui .d8-cutout{font-size:11px!important;padding:4px!important;min-width:68px!important;flex:none}
@media(max-width:740px){form.has-d1-mobile-ui .bestell-quantity-price-row>.bestell-field:nth-child(-n+2)>label{min-height:0}}

/* Compact transition from the introduction to the Fotomarken configuration. */
.bestell-form[data-compact-designer="1"]{margin-top:24px}

/* Explicit symbol sizing avoids the 10px caption rule of the spacing controls. */
form.has-d1-mobile-ui [data-preview-kind=arc] .bestell-preview-controls__letter .d1-arc-reset{display:flex;align-items:center;justify-content:center;padding:0;line-height:1}
form.has-d1-mobile-ui .bestell-preview-controls__letter .d1-arc-reset>span{display:block;font:32px/1 Arial,sans-serif}
.d1-text-inline{display:none}
@media(min-width:741px){
 form.has-d1-mobile-ui .d1-element-row .d1-text-inline:not([hidden]){display:block;box-sizing:border-box;flex:1;min-width:0;width:100%;height:46px;min-height:46px;max-height:130px;resize:vertical;margin:0;padding:10px 8px;border:1px solid #83aab2;border-radius:8px;background:#fff;color:#163b45;font:16px/1.4 Arial,sans-serif}
}

/* Compact layout is independent of the material and its production geometry. */
form[data-compact-designer="1"] .bestell-desktop-config-row>.bestell-color-field[hidden]{display:none}
@media(min-width:741px){form[data-compact-designer="1"] .bestell-fixed-value{display:flex;align-items:center;min-height:104px;padding:14px;border:1px solid #b3cbd0;border-radius:9px;background:#fff;box-sizing:border-box}}
form.has-d1-mobile-ui .bestell-preview-colors{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;gap:12px;width:100%;max-width:380px;margin:12px auto 8px;text-align:left}
form.has-d1-mobile-ui .bestell-preview-colors[hidden]{display:none!important}
form.has-d1-mobile-ui .bestell-preview-colors>.bestell-field,form.has-d1-mobile-ui .bestell-preview-marker{min-width:0;margin:0;padding:0}
form.has-d1-mobile-ui .bestell-preview-colors label,form.has-d1-mobile-ui .bestell-preview-color-label{display:block;margin:0 0 6px;color:#005766;font:700 13px/1.3 Arial,sans-serif}
form.has-d1-mobile-ui .bestell-preview-colors select,form.has-d1-mobile-ui .bestell-preview-colors [data-d4-marker]{box-sizing:border-box;width:100%;min-width:0;min-height:44px!important;margin:0;padding:9px 10px;border:1px solid #8fb5ba;border-radius:8px;background:#fff;color:#075366;font:400 16px/1.25 Arial,sans-serif}
form.has-d1-mobile-ui .bestell-preview-colors [data-d4-marker]{display:flex;align-items:center;gap:8px;text-align:left;cursor:pointer}
form.has-d1-mobile-ui .bestell-preview-colors [data-d4-marker]>:last-child{margin-left:auto}
form.has-d1-mobile-ui [data-marker-color-name]{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bestell-preview-color-swatch{flex:none;width:16px;height:16px;border:1px solid #80999d;border-radius:50%}
form.has-d1-mobile-ui .bestell-preview-colors :is(select,button):focus-visible{outline:3px solid #e7a500;outline-offset:2px}
form.has-d1-mobile-ui .bestell-preview-colors button:disabled{opacity:.55;cursor:wait}
form.has-d1-mobile-ui[data-digital-print="0"]{--digital-selection-color:#00ffff}

/* Character colors live in the source fields; keep the palette collapsed until requested. */
.bestell-text-format{position:relative}
.bestell-text-format [data-character-color-toggle]{display:grid;place-items:center;width:40px;height:40px;padding:7px}
.bestell-text-format [data-character-color-toggle] svg{display:block;width:24px;height:24px}
.bestell-character-palette{position:absolute;z-index:25;left:0;top:calc(100% + 5px);display:grid;grid-template-columns:repeat(6,32px);gap:4px;padding:10px;background:#fff;border:1px solid #8fb5ba;border-radius:10px;box-shadow:0 5px 18px #0003}
.bestell-character-palette[hidden],.bestell-character-color-notice[hidden]{display:none!important}
.bestell-character-palette button{width:32px!important;min-width:32px!important;height:32px!important;padding:0!important;border:1px solid #71878b!important;border-radius:4px}
.bestell-character-palette button:focus-visible{outline:3px solid #edaa00;outline-offset:1px}
.bestell-character-color-notice{position:absolute;z-index:26;top:calc(100% + 5px);left:0;max-width:280px;padding:10px;background:#075366;color:#fff;border-radius:8px;font:600 13px/1.4 Arial,sans-serif}

/* Shared transform controls for all text roles. */
@media all{form.has-d1-mobile-ui [data-preview-kind=arc]{grid-template-columns:132px minmax(70px,1fr)}form.has-d1-mobile-ui [data-preview-kind=arc] .bestell-preview-controls__position{grid-column:1;grid-row:1/3}form.has-d1-mobile-ui [data-preview-kind=arc] .bestell-preview-controls__letter{grid-column:2;grid-row:1;flex-direction:column}form.has-d1-mobile-ui [data-preview-kind=arc] .bestell-preview-controls__round{grid-column:2;grid-row:2}form.has-d1-mobile-ui [data-preview-kind=arc] .d1-element-row{grid-column:1/-1}}
@media(max-width:740px){form.has-d1-mobile-ui [data-preview-kind=arc]{grid-template-columns:140px minmax(70px,1fr)}}
form.has-d1-mobile-ui [data-preview-actions][data-single-action=true]{display:flex!important;justify-content:center}form.has-d1-mobile-ui [data-preview-actions][data-single-action=true]>[data-preview-layout]{width:min(100%,300px)}

/* One continuous border follows the outside radius of the side tabs. */
form[data-compact-designer="1"] [data-mobile-side-switch]{border:1px solid #a0bdbe;border-bottom:2px solid #007a86;border-radius:13px 13px 0 0;overflow:hidden;background:#edf3f1}
form[data-compact-designer="1"] [data-mobile-design-side]{border:0;border-radius:0;background:transparent}
form[data-compact-designer="1"] [data-mobile-design-side]+[data-mobile-design-side]{border-left:1px solid #abc6c8}
.bestell-note-layout{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:7px 14px;margin-left:6px;border:1px solid #008897;border-radius:7px;background:#e8f5f4;color:#005766;font:inherit;font-weight:700;cursor:pointer}
.bestell-note-layout:focus-visible{outline:3px solid #e7a500;outline-offset:2px}

/* Shared selection: seven screen pixels, independent of category and SVG zoom.
   paint-order leaves the original ink visible; this is never exported. */