.dp-configurator{
  --dp-red:#d7202f;--dp-blue:#0c4f87;--dp-ink:#17212b;--dp-muted:#687580;
  --dp-gold:#c8a15a;--dp-gold-deep:#9a7436;--dp-line:#dfe5ea;--dp-soft:#f4f6f8;
  position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,.92fr) minmax(520px,1.08fr);
  gap:30px;max-width:1520px;margin:30px auto;padding:22px 22px 36px;color:var(--dp-ink);
}
.dp-configurator:before{
  content:"";position:absolute;z-index:-2;inset:0;border-radius:28px;
  background:
    radial-gradient(900px 280px at 4% 8%,rgba(198,161,90,.10),transparent 70%),
    radial-gradient(760px 260px at 86% 30%,rgba(168,176,184,.14),transparent 70%),
    radial-gradient(700px 240px at 20% 82%,rgba(205,174,116,.08),transparent 72%),
    linear-gradient(135deg,#f3f4f5 0%,#fafafa 42%,#f0f2f3 100%);
  box-shadow:inset 0 0 0 1px rgba(170,180,188,.32);
}
.dp-configurator:after{
  content:"";position:absolute;z-index:-1;inset:0;border-radius:28px;pointer-events:none;opacity:.32;
  background:
    linear-gradient(112deg,transparent 0 17%,rgba(255,255,255,.9) 22%,transparent 28% 58%,rgba(205,174,116,.12) 64%,transparent 72%),
    linear-gradient(22deg,transparent 0 34%,rgba(145,151,157,.08) 42%,transparent 49% 100%);
}
.dp-configurator [hidden]{display:none!important}
.dp-native-hidden{position:absolute!important;opacity:0!important;pointer-events:none!important;width:1px!important;height:1px!important;overflow:hidden!important}

.dp-header{grid-column:1/-1;display:flex;justify-content:space-between;gap:24px;align-items:flex-start;padding:28px 32px;background:linear-gradient(145deg,rgba(255,255,255,.97),rgba(246,247,248,.95));border:1px solid rgba(193,199,204,.78);border-radius:18px;box-shadow:0 10px 30px rgba(30,42,53,.06),inset 0 1px 0 #fff}
.dp-kicker{font-weight:850;letter-spacing:.13em;color:var(--dp-red);font-size:.76rem}.dp-header h1{margin:.28rem 0 .42rem;font-size:clamp(1.8rem,3vw,2.65rem);letter-spacing:-.02em}.dp-header p{margin:0;color:var(--dp-muted);max-width:830px}.dp-badge{background:linear-gradient(180deg,#145d99,#0c4778);color:#fff;padding:9px 14px;border-radius:999px;white-space:nowrap;font-size:.84rem;font-weight:800;box-shadow:0 5px 12px rgba(12,79,135,.18),inset 0 1px 0 rgba(255,255,255,.25)}

.dp-form{grid-column:1;grid-row:2;display:grid;gap:20px;min-width:0}.dp-panel{position:relative;background:rgba(255,255,255,.96);border:1px solid rgba(202,208,213,.92);border-radius:16px;padding:22px;box-shadow:0 8px 24px rgba(24,38,51,.055),inset 0 1px 0 rgba(255,255,255,.8)}
.dp-step-panel:before{content:"";position:absolute;left:0;top:20px;bottom:20px;width:3px;border-radius:0 4px 4px 0;background:linear-gradient(180deg,var(--dp-gold),rgba(200,161,90,.18))}
.dp-step-head{display:grid;grid-template-columns:54px minmax(0,1fr) auto;gap:14px;align-items:start;margin-bottom:20px}.dp-step-number{display:grid;place-items:center;width:48px;height:48px;border-radius:12px;background:linear-gradient(145deg,#e8d4ab,#b98d45);color:#3b2a12;font-weight:900;font-size:1.05rem;box-shadow:0 5px 12px rgba(154,116,54,.2),inset 0 1px 0 rgba(255,255,255,.65)}.dp-step-eyebrow{display:block;color:var(--dp-gold-deep);font-weight:850;font-size:.7rem;letter-spacing:.12em;margin:1px 0 2px}.dp-step-head h2{font-size:1.22rem;margin:0 0 4px}.dp-step-head p{margin:0;color:var(--dp-muted);font-size:.91rem;line-height:1.42}.dp-local-badge{align-self:start;border:1px solid #b8d7c1;background:#eff9f2;color:#2a6f3b;border-radius:999px;padding:6px 10px;font-size:.76rem;font-weight:800}

.dp-grid{display:grid;gap:16px;margin-bottom:16px}.dp-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.dp-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.dp-panel label{display:flex;flex-direction:column;gap:7px;font-weight:700;font-size:.92rem}.dp-panel input[type=number],.dp-panel select,.dp-panel textarea{width:100%;min-height:46px;border:1px solid #c7d0d8;border-radius:9px;background:linear-gradient(180deg,#fff,#f7f8f9);padding:9px 12px;color:var(--dp-ink);box-shadow:inset 0 1px 2px rgba(0,0,0,.035),0 1px 0 rgba(255,255,255,.9);transition:border-color .16s,box-shadow .16s,background .16s}.dp-panel input[type=number]:focus,.dp-panel select:focus,.dp-panel textarea:focus{outline:0;border-color:#8ca7bf;box-shadow:0 0 0 3px rgba(12,79,135,.10),inset 0 1px 2px rgba(0,0,0,.03);background:#fff}.dp-panel textarea{resize:vertical;line-height:1.42}.dp-panel small,.dp-summary small{display:block;color:var(--dp-muted);font-weight:400;line-height:1.42}.dp-info{padding:12px 14px;border-radius:10px;background:linear-gradient(180deg,#f8fafb,#f1f4f6);border:1px solid #dce3e8;border-left:3px solid var(--dp-blue);align-self:end}.dp-check{flex-direction:row!important;align-items:center;gap:8px!important;min-height:36px}.dp-check input{width:18px;height:18px;accent-color:var(--dp-blue)}

.dp-upload-box{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto;gap:14px!important;align-items:center;border:1px dashed #9eacb8;background:linear-gradient(145deg,#fbfcfd,#f2f5f7);border-radius:13px;padding:16px 18px;margin-bottom:15px;cursor:pointer;transition:.18s ease;box-shadow:inset 0 1px 0 #fff}.dp-upload-box:hover{border-color:var(--dp-blue);transform:translateY(-1px);box-shadow:0 8px 18px rgba(12,79,135,.07),inset 0 1px 0 #fff}.dp-upload-box input{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px}.dp-upload-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:11px;background:linear-gradient(145deg,#e22c3c,#b81725);color:#fff;font-weight:900;letter-spacing:.03em;box-shadow:0 7px 14px rgba(183,23,37,.18),inset 0 1px 0 rgba(255,255,255,.25)}.dp-upload-copy{min-width:0;display:flex;flex-direction:column;gap:2px}.dp-upload-copy strong{font-size:1rem}.dp-upload-copy small{white-space:normal;overflow-wrap:anywhere}.dp-upload-action{padding:9px 13px;border-radius:8px;background:linear-gradient(180deg,#fff,#edf1f4);border:1px solid #cbd4db;font-weight:800;color:#345}.dp-upload-invalid{border-color:#d7202f;background:#fff4f5}.dp-file-error{margin:0 0 14px;padding:10px 12px;border-radius:8px;background:#fff0f1;border:1px solid #d7202f;color:#8b1620;font-weight:650}.dp-upload-progress{margin:0 0 14px;padding:12px 14px;background:#f5f8fb;border:1px solid #dfe6ec;border-radius:10px}.dp-upload-progress-track{height:9px;border-radius:999px;background:#dfe6ec;overflow:hidden}.dp-upload-progress-track>span{display:block;width:0;height:100%;border-radius:999px;background:linear-gradient(90deg,#174d91,#2f78bd);transition:width .18s ease}.dp-upload-progress-text{margin-top:7px;font-size:.84rem;color:var(--dp-muted);font-weight:700}.dp-upload-success{margin:0 0 14px;padding:11px 13px;border-radius:9px;background:#eef8f1;border:1px solid #b9ddc2;color:#256638;font-weight:800}

.dp-binding-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}.dp-binding-card{position:relative;display:flex;flex-direction:column;gap:8px;align-items:stretch;padding:8px 8px 11px;border:1px solid #d7dee4;border-radius:13px;background:linear-gradient(145deg,#fff,#f6f7f8);cursor:pointer;transition:.18s ease;box-shadow:0 4px 12px rgba(24,38,51,.04),inset 0 1px 0 #fff;color:var(--dp-ink)}.dp-binding-card:hover{transform:translateY(-2px);border-color:#a9bac8;box-shadow:0 9px 18px rgba(24,38,51,.08)}.dp-binding-card.is-selected{border:2px solid var(--dp-blue);padding:7px 7px 10px;box-shadow:0 0 0 3px rgba(12,79,135,.09),0 8px 18px rgba(24,38,51,.08)}.dp-binding-card.is-disabled{opacity:.45;filter:grayscale(.35);cursor:not-allowed;transform:none}.dp-binding-card-image{display:grid;place-items:center;height:112px;border-radius:9px;background:linear-gradient(145deg,#f8fafb,#edf1f4);overflow:hidden}.dp-binding-card-image img{width:100%;height:100%;object-fit:contain}.dp-binding-card-name{text-align:center;font-weight:800;font-size:.88rem}.dp-binding-card-check{position:absolute;right:7px;top:7px;display:none;place-items:center;width:25px;height:25px;border-radius:50%;background:var(--dp-blue);color:#fff;font-weight:900;border:2px solid #fff;box-shadow:0 3px 8px rgba(0,0,0,.16)}.dp-binding-card.is-selected .dp-binding-card-check{display:grid}.dp-binding-suboptions{display:grid;gap:14px}.dp-field-group{display:grid;gap:8px}.dp-field-label{font-weight:800;font-size:.92rem}.dp-color-options{display:flex;flex-wrap:wrap;gap:10px}.dp-color-option{display:flex;align-items:center;gap:8px;min-height:42px;padding:7px 11px;border-radius:10px;border:1px solid #d2dae1;background:linear-gradient(180deg,#fff,#f5f6f7);cursor:pointer;font-weight:750;color:#32414f;box-shadow:0 2px 5px rgba(20,34,45,.04)}.dp-color-option.is-selected{border-color:var(--dp-blue);box-shadow:0 0 0 2px rgba(12,79,135,.10)}.dp-color-dot{width:23px;height:23px;border-radius:50%;background:var(--swatch);border:1px solid rgba(0,0,0,.22);box-shadow:inset 0 1px 2px rgba(255,255,255,.35),0 1px 2px rgba(0,0,0,.08)}.dp-spine-info{max-width:360px}.dp-spiral-only{margin-top:2px}

.dp-feature-toggle{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between;gap:18px!important;padding:14px 16px;border:1px solid #d6dee5;border-radius:12px;background:linear-gradient(145deg,#fff,#f5f7f8);cursor:pointer}.dp-feature-toggle>span:first-child{display:grid;gap:2px}.dp-feature-toggle input{position:absolute;opacity:0}.dp-toggle-ui{position:relative;flex:0 0 48px;width:48px;height:27px;border-radius:999px;background:#cbd3da;box-shadow:inset 0 1px 3px rgba(0,0,0,.13);transition:.18s}.dp-toggle-ui:after{content:"";position:absolute;left:3px;top:3px;width:21px;height:21px;border-radius:50%;background:#fff;box-shadow:0 2px 5px rgba(0,0,0,.18);transition:.18s}.dp-feature-toggle input:checked+.dp-toggle-ui{background:linear-gradient(180deg,#1b659f,#0c4f87)}.dp-feature-toggle input:checked+.dp-toggle-ui:after{transform:translateX(21px)}.dp-cover-options{margin-top:16px}.dp-emboss-top-controls{align-items:stretch}.dp-print-margin-note{padding:11px 13px;border-radius:9px;background:#fff8eb;border:1px solid #e5cf9f;color:#5d4a21;font-size:.84rem;line-height:1.45;display:flex;align-items:center}.dp-emboss-editor{margin:14px 0;padding:16px;border:1px solid #dce4ea;border-radius:12px;background:linear-gradient(145deg,#fafbfc,#f3f5f7);display:grid;gap:14px}.dp-emboss-editor-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.dp-emboss-editor-head small{margin-top:4px}.dp-text-editors{display:grid;gap:12px}.dp-text-block-editor{padding:14px;border:1px solid #dce4ea;border-radius:11px;background:#fff;display:grid;gap:10px;box-shadow:0 3px 10px rgba(25,38,50,.035)}.dp-text-block-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.dp-text-block-editor>strong,.dp-text-block-head strong{color:#183c63}.dp-text-remove{border:0;background:#f4e9eb;color:#7b2632;border-radius:7px;padding:6px 9px;font-weight:800;cursor:pointer}.dp-text-format-grid{margin-bottom:0}.dp-range-row{display:grid;grid-template-columns:minmax(0,1fr) 42px;gap:9px;align-items:center}.dp-range-row input[type=range]{width:100%;accent-color:var(--dp-blue)}.dp-range-row output{display:grid;place-items:center;min-height:34px;border:1px solid #d2dae1;border-radius:7px;background:#f8fafb;font-weight:800;font-size:.82rem}.dp-inline-options{display:flex;flex-wrap:wrap;gap:18px}.dp-add-text{min-height:43px;border:1px solid #b8c5cf;border-radius:9px;background:linear-gradient(180deg,#fff,#eef2f5);color:#193f63;font-weight:850;cursor:pointer;box-shadow:0 2px 6px rgba(20,34,45,.04)}.dp-add-text:hover{border-color:#8da5b7;background:#fff}.dp-text-limit{text-align:center}.dp-logo-editor{padding:14px;border:1px solid #dce4ea;border-radius:11px;background:#fff;display:grid;gap:11px}.dp-logo-upload-button,.dp-logo-remove{min-height:42px;border:0;border-radius:8px;padding:9px 14px;font-weight:800;cursor:pointer}.dp-logo-upload-button{background:linear-gradient(180deg,#246ba3,#174d91);color:#fff;box-shadow:0 4px 10px rgba(23,77,145,.16)}.dp-logo-remove{background:#eef2f5;color:#5a2530}.dp-logo-controls{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:end}.dp-spine-print{margin-top:12px}.dp-cover-size-note{margin-top:7px}

.dp-validation{margin:0 0 16px;padding:13px 15px;border-radius:9px;background:#fff0f1;border:1px solid #d7202f;color:#8b1620;line-height:1.45}.dp-panel-invalid{border:2px solid #d7202f!important;box-shadow:0 0 0 3px rgba(215,32,47,.08),0 5px 22px rgba(0,0,0,.04)!important}.dp-panel-invalid .dp-step-head h2{color:#b51927}

/* Sticky right column: no own scroll area. The page itself scrolls. */
.dp-preview-column{grid-column:2;grid-row:2;position:sticky;top:92px;align-self:start;height:max-content;min-width:0;overflow:visible;z-index:20}.dp-preview-sticky{position:relative;display:grid;gap:18px;min-width:0;transform:none}.dp-preview-anchor{display:none!important}
.dp-preview-card{background:rgba(255,255,255,.98);border:1px solid rgba(199,207,213,.95);border-radius:17px;padding:12px;box-shadow:0 10px 30px rgba(20,34,45,.09),inset 0 1px 0 #fff}.dp-preview-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:8px}.dp-preview-card-head h2{margin:2px 0 0;font-size:1.28rem}.dp-preview-kicker{font-size:.72rem;letter-spacing:.12em;font-weight:900;color:var(--dp-gold-deep)}.dp-preview-chip{border:1px solid #d1d9df;border-radius:7px;padding:4px 8px;color:#6f7c87;background:linear-gradient(180deg,#fff,#f1f3f5);font-size:.75rem;font-weight:800}.dp-preview-stage{width:100%;height:auto;aspect-ratio:0.80;display:flex;align-items:center;justify-content:center;padding:6px;background:transparent;border:0;border-radius:0;overflow:hidden;box-shadow:none}.dp-product-preview{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%;overflow:visible}.dp-live-preview-image{display:block;width:auto;max-width:100%;height:auto;max-height:100%;object-fit:contain;margin:0 auto;border-radius:7px;box-shadow:0 14px 30px rgba(20,34,45,.15);background:#fff}.dp-binding-preview-caption{text-align:center;font-size:.84rem;font-weight:850;color:#576674;margin:7px 0 3px}.dp-preview-help{text-align:center;margin-top:3px;color:var(--dp-muted);font-size:.78rem}.dp-preview-loading{position:absolute;z-index:20;left:50%;top:50%;transform:translate(-50%,-50%);padding:8px 12px;border-radius:8px;background:rgba(9,31,51,.88);color:#fff;font-size:.76rem;line-height:1.2;white-space:nowrap;box-shadow:0 4px 16px rgba(0,0,0,.18)}

.dp-summary{position:static;background:linear-gradient(145deg,#13283b,#0b1e30);color:#fff;border-radius:16px;padding:14px 16px;box-shadow:0 10px 28px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.07)}.dp-summary-title{font-weight:850;font-size:1.04rem;margin-bottom:6px}.dp-summary dl{display:grid;grid-template-columns:1fr 1fr;column-gap:20px;margin:0}.dp-summary dl div{display:flex;justify-content:space-between;gap:12px;padding:4px 0;border-bottom:1px solid rgba(255,255,255,.10);min-width:0}.dp-summary dt{font-weight:400;color:#c7d2dc;font-size:.84rem}.dp-summary dd{margin:0;font-weight:800;text-align:right;font-size:.84rem}.dp-total{display:flex;justify-content:space-between;align-items:baseline;margin:9px 0 6px;padding-top:8px;border-top:1px solid rgba(255,255,255,.17)}.dp-total strong{font-size:2rem;color:#fff}.dp-summary small{color:#b8c5d1}.dp-error{background:#7c1f29;border:1px solid rgba(255,255,255,.2);padding:10px 12px;border-radius:8px;margin-bottom:12px;font-size:.9rem}

/* Flat top-down preview for Spiral and Softcover */
.dp-flat-preview{height:100%;max-height:100%;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 14px 24px rgba(20,34,45,.16))}.dp-flat-sheet{position:relative;height:96%;aspect-ratio:210/297;background:#fff;overflow:visible}.dp-flat-sheet:after{content:"";position:absolute;z-index:1;inset:0;pointer-events:none;box-shadow:inset 0 0 0 1px rgba(105,115,124,.18)}.dp-flat-sheet canvas{position:absolute;z-index:0;inset:0;width:100%;height:100%;display:block;background:#fff}.dp-spiral-overlay{position:absolute;z-index:6;left:-7.2%;top:1.2%;height:97.6%;width:auto;object-fit:contain;pointer-events:none}.dp-softcover-flat-spine{position:absolute;z-index:6;left:-1.8%;top:0;width:6.4%;height:100%;background:var(--softcover-color,#111318);box-shadow:inset -3px 0 4px rgba(255,255,255,.14),3px 0 5px rgba(0,0,0,.16);pointer-events:none}.dp-softcover-flat-spine:after{content:"";position:absolute;left:100%;top:0;width:1.5%;height:100%;background:rgba(255,255,255,.55)}

/* Top-down hardcover using user-provided final textures */
.dp-hardcover-preview{display:flex;align-items:stretch;justify-content:center;width:92%;height:auto;max-width:92%;max-height:96%;aspect-ratio:213/304;filter:drop-shadow(0 14px 24px rgba(20,34,45,.18))}.dp-hardcover-cover{position:relative;flex:1 1 auto;height:100%;aspect-ratio:213/304;overflow:hidden}.dp-hardcover-cover>img{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;display:block}.dp-hardcover-spine{height:100%;width:20px;min-width:3px;overflow:hidden}.dp-hardcover-spine img{width:100%;height:100%;object-fit:fill;display:block}.dp-print-window{position:absolute;left:7.0422535%;right:7.0422535%;top:4.9342105%;bottom:4.9342105%;overflow:hidden;z-index:3;pointer-events:auto}.dp-snap-guide{position:absolute;z-index:20;left:50%;top:0;bottom:0;width:1px;background:rgba(236,208,142,.9);box-shadow:0 0 0 1px rgba(125,91,36,.12);pointer-events:none}.dp-design-item{position:absolute;transform:translate(-50%,-50%);touch-action:none;user-select:none;-webkit-user-drag:none;cursor:grab}.dp-design-item.is-dragging{cursor:grabbing}.dp-design-item.is-selected{outline:1px solid rgba(241,217,159,.88);outline-offset:4px}.dp-design-item.is-selected:before{content:"";position:absolute;inset:-5px;border:1px dashed rgba(92,72,34,.35);pointer-events:none}.dp-design-content{display:block;width:100%;height:100%}.dp-emboss-text{width:max-content;max-width:100%;box-sizing:border-box;white-space:pre-wrap;line-height:1.15;text-shadow:0 1px 1px rgba(0,0,0,.34);overflow-wrap:anywhere;word-break:normal;z-index:4;padding:2px 3px}.dp-emboss-text .dp-design-content{display:block;width:auto;height:auto;max-width:100%}.dp-design-logo{height:auto;max-width:none;object-fit:contain;z-index:5;filter:drop-shadow(0 1px 1px rgba(0,0,0,.18))}.dp-resize-handle{display:none;position:absolute;right:-11px;bottom:-11px;width:16px;height:16px;border-radius:4px;background:#fff;border:2px solid var(--dp-gold);box-shadow:0 2px 5px rgba(0,0,0,.18);cursor:nwse-resize;z-index:30}.dp-design-item.is-selected .dp-resize-handle{display:block}.dp-design-hint{position:absolute;left:50%;top:7px;transform:translateX(-50%);z-index:25;background:rgba(15,31,45,.84);color:#fff;padding:5px 8px;border-radius:999px;font-size:.67rem;white-space:nowrap;pointer-events:none}

@media(max-width:1180px){.dp-configurator{grid-template-columns:minmax(0,1fr) minmax(420px,.86fr);gap:22px}.dp-binding-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.dp-preview-stage{height:auto;aspect-ratio:.80}}
@media(max-width:900px){.dp-configurator{grid-template-columns:1fr;padding:18px}.dp-form,.dp-preview-column,.dp-preview-anchor{grid-column:1;grid-row:auto}.dp-preview-anchor{display:none!important}.dp-preview-column{position:static!important;top:auto!important;height:auto!important}.dp-preview-sticky{position:static!important;transform:none!important}.dp-preview-stage{height:500px}.dp-summary dl{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.dp-grid-2,.dp-grid-3{grid-template-columns:1fr}.dp-step-head{grid-template-columns:48px minmax(0,1fr)}.dp-step-head>.dp-local-badge{grid-column:2;justify-self:start}.dp-binding-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.dp-binding-card-image{height:100px}.dp-text-format-grid{grid-template-columns:1fr}.dp-logo-controls{grid-template-columns:1fr}.dp-preview-stage{height:430px}.dp-header{flex-direction:column}.dp-badge{align-self:flex-start}.dp-summary dl{grid-template-columns:1fr}}
@media(max-width:500px){.dp-configurator{padding:10px;margin:14px auto}.dp-panel,.dp-header,.dp-preview-card,.dp-summary{border-radius:12px;padding:17px}.dp-binding-cards{grid-template-columns:1fr 1fr;gap:9px}.dp-binding-card-image{height:88px}.dp-preview-stage{height:365px;padding:10px}.dp-step-number{width:42px;height:42px}.dp-step-head{grid-template-columns:42px minmax(0,1fr);gap:11px}.dp-upload-box{grid-template-columns:auto minmax(0,1fr)}.dp-upload-action{grid-column:2;justify-self:start}.dp-color-option{padding:6px 9px}.dp-hardcover-preview{height:95%}}
.dp-design-logo-wrap{z-index:5;width:38%;height:auto}.dp-design-logo-wrap>img{display:block;width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 1px 1px rgba(0,0,0,.18));pointer-events:none}.dp-flat-sheet[data-binding="metal"] .dp-spiral-overlay{left:calc(-7.8% + 4px);height:98%;top:1%}.dp-flat-sheet[data-binding="plastic"] .dp-spiral-overlay{left:calc(-7.4% + 5px);height:104%;top:-2%}

/* 0.3.14 – spine designer and stable preview tracking */
.dp-spine-options{margin-top:12px;padding:14px;border:1px solid #dce4ea;border-radius:11px;background:#fff;display:grid;gap:12px}.dp-spine-text-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.dp-spine-text-grid label{margin:0}.dp-hardcover-spine{position:relative;flex:0 0 auto;overflow:hidden}.dp-hardcover-spine>img{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;display:block}.dp-spine-print-window{position:absolute;z-index:3;left:0;right:0;top:6.5789474%;bottom:6.5789474%;overflow:hidden;pointer-events:auto}.dp-spine-text{position:absolute;left:50%;transform:translate(-50%,-50%) rotate(-90deg);transform-origin:center center;white-space:nowrap;font-weight:700;font-size:14px;line-height:1;color:#d7ad45;text-shadow:0 1px 1px rgba(0,0,0,.35);cursor:grab;touch-action:none;user-select:none;-webkit-user-drag:none;z-index:6}.dp-spine-text.is-dragging{cursor:grabbing}.dp-spine-text:not([hidden]){border-radius:2px;padding:2px 4px}.dp-spine-text.is-selected{outline:1px solid rgba(241,217,159,.82);outline-offset:4px}.dp-spine-text.is-selected:before{content:"";position:absolute;inset:-5px;border:1px dashed rgba(92,72,34,.35);pointer-events:none}.dp-spine-snap-guide{position:absolute;z-index:5;left:0;right:0;top:50%;height:1px;background:rgba(236,208,142,.95);pointer-events:none}.dp-preview-sticky{box-sizing:border-box}.dp-preview-column{box-sizing:border-box}
@media(max-width:700px){.dp-spine-text-grid{grid-template-columns:1fr}}

/* Exact 15 mm cover mask on 213 x 304 mm cover */
.dp-print-window{left:7.0422535%!important;right:7.0422535%!important;top:4.9342105%!important;bottom:4.9342105%!important}

.dp-spine-text-editor{padding:12px;border:1px solid #e3e7eb;border-radius:10px;background:#fafbfc;display:grid;gap:9px}.dp-spine-text-editor label{display:grid;gap:5px}.dp-spine-text-editor .dp-inline-options{margin-top:1px}

/* 0.3.17 – customer/order data */
.dp-panel input[type=text],.dp-panel input[type=email],.dp-panel input[type=tel]{width:100%;min-height:46px;border:1px solid #c7d0d8;border-radius:9px;background:linear-gradient(180deg,#fff,#f7f8f9);padding:9px 12px;color:var(--dp-ink);box-shadow:inset 0 1px 2px rgba(0,0,0,.035),0 1px 0 rgba(255,255,255,.9);box-sizing:border-box}
.dp-panel input:focus,.dp-panel select:focus,.dp-panel textarea:focus{outline:2px solid rgba(20,93,153,.18);border-color:#6e9fc5}
.dp-alt-delivery-toggle{margin:4px 0 16px}.dp-alt-delivery{padding:15px;margin:0 0 16px;border:1px solid #dce4ea;border-radius:11px;background:#fafbfc}.dp-order-next{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:18px}.dp-order-next small{color:var(--dp-muted)}.dp-order-button{appearance:none;border:0;border-radius:10px;padding:12px 20px;background:linear-gradient(180deg,#145d99,#0c4778);color:#fff;font-weight:850;cursor:pointer;box-shadow:0 5px 12px rgba(12,79,135,.2)}.dp-order-button:hover{filter:brightness(1.05)}.dp-order-check{margin-top:16px;padding:14px 16px;border:1px solid #b8d7c1;border-radius:10px;background:#eff9f2;color:#235d33;line-height:1.55}.dp-order-check.is-error{border-color:#e3a7ad;background:#fff0f1;color:#8b1620}
.dp-order-submit{margin-left:10px;background:#1e6b42!important}.dp-order-submit[hidden]{display:none!important}

/* 0.4.1 – mehrere Ausführungen in einer Bestellung */
.dp-variant-box{margin-top:18px;padding-top:16px;border-top:1px solid rgba(0,0,0,.09)}
.dp-variant-add{margin-bottom:6px}
.dp-variant-box>small{display:block;color:#6b7280}
.dp-variant-list{margin-top:14px;display:grid;gap:8px}
.dp-variant-item{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:10px 12px;border:1px solid rgba(0,0,0,.1);border-radius:10px;background:rgba(255,255,255,.7)}
.dp-variant-item strong{display:block}.dp-variant-item small{color:#6b7280}
.dp-variant-remove{border:0;background:transparent;text-decoration:underline;cursor:pointer;font:inherit}
.dp-order-variant{margin:10px 0;padding:10px 12px;border-left:3px solid #b28a45;background:rgba(178,138,69,.06)}
.dp-order-variant strong{display:block;margin-bottom:3px}

/* 0.4.2 – Checkout / Zahlungsarten */
.dp-payment-section{margin-top:20px;padding-top:18px;border-top:1px solid rgba(0,0,0,.09)}
.dp-payment-section h3{margin:3px 0 4px;font-size:1.12rem}.dp-payment-intro{margin:0 0 13px;color:var(--dp-muted)}
.dp-payment-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.dp-payment-card{position:relative!important;display:flex!important;flex-direction:row!important;align-items:flex-start!important;gap:11px!important;padding:13px 14px;border:1px solid #d4dce3;border-radius:11px;background:linear-gradient(145deg,#fff,#f6f8f9);cursor:pointer;transition:.16s ease}
.dp-payment-card:hover{border-color:#9eb5c7;box-shadow:0 5px 14px rgba(24,38,51,.06)}.dp-payment-card.is-selected{border:2px solid var(--dp-blue);padding:12px 13px;box-shadow:0 0 0 3px rgba(12,79,135,.08)}
.dp-payment-card input{width:18px;height:18px;margin:2px 0 0;accent-color:var(--dp-blue);flex:0 0 auto}.dp-payment-card span{display:block}.dp-payment-card strong{display:block;margin-bottom:2px}.dp-payment-card small{display:block;color:var(--dp-muted)}
.dp-payment-hint{margin-top:11px;padding:10px 12px;border-radius:9px;background:#f4f7fa;border:1px solid #dbe4eb;color:#44515c;font-size:.87rem}.dp-payment-hint.is-ready{background:#eff9f2;border-color:#b8d7c1;color:#28643b}
@media(max-width:700px){.dp-payment-options{grid-template-columns:1fr}}

/* 0.5.1 – Produktionsprüfung, Checkout und sanft mitgleitende Vorschau */
.dp-preview-column{position:relative!important;top:auto!important;align-self:stretch!important;height:auto!important}
.dp-preview-sticky{will-change:transform;transform:translate3d(0,0,0);transition:none!important}
.dp-payment-options{gap:0;border:1px solid rgba(178,138,69,.28);border-radius:12px;overflow:hidden;background:rgba(214,178,100,.045)}
.dp-payment-card{border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;align-items:center!important;min-height:72px;padding:12px 15px!important;position:relative!important}
.dp-payment-card+ .dp-payment-card{border-top:1px solid rgba(178,138,69,.34)!important}
.dp-payment-card.is-selected{padding:12px 15px!important;background:rgba(217,174,88,.13)!important;box-shadow:inset 4px 0 0 #b28a45!important}
.dp-payment-card input{margin:0!important;align-self:center!important}.dp-payment-card strong{line-height:1.2}
.dp-pdf-check,.dp-confirm-box,.dp-duplex-paper-note,.dp-service-box,.dp-pickup-time,.dp-multi-shipping{margin-top:14px;padding:14px 16px;border:1px solid rgba(178,138,69,.28);border-radius:11px;background:rgba(217,174,88,.065);line-height:1.5}
.dp-confirm-box{background:#fffaf0}.dp-confirm-box strong,.dp-duplex-paper-note strong{color:#6f531e}.dp-confirm-box p,.dp-duplex-paper-note p{margin:5px 0 10px}
.dp-duplex-paper-note button{border:1px solid #b28a45;background:#fff;border-radius:8px;padding:8px 11px;margin:3px 7px 0 0;cursor:pointer}.dp-duplex-paper-note button:last-child{background:#b28a45;color:#fff}
.dp-mixed-pages{margin:12px 0}.dp-mixed-pages label{max-width:420px}.dp-shipping-address{margin:12px 0;padding:14px;border:1px solid #d8dee4;border-radius:10px;background:#fff}.dp-shipping-address>strong{display:block;margin-bottom:10px}
@media(min-width:701px){.dp-payment-options{grid-template-columns:1fr!important}}
@media(max-width:900px){.dp-preview-sticky{transform:none!important;will-change:auto}}


/* 0.5.2 – Drei-Spalten-Desktoplayout: Konfiguration | Vorschau | Kalkulation */
@media(min-width:1201px){
  .dp-configurator{grid-template-columns:minmax(0,45fr) minmax(360px,33fr) minmax(250px,22fr);max-width:1780px;gap:22px}
  .dp-form{grid-column:1;grid-row:2}
  .dp-preview-column{grid-column:2/4;grid-row:2;min-width:0}
  .dp-preview-sticky{display:grid;grid-template-columns:minmax(0,3fr) minmax(240px,2fr);gap:18px;align-items:start}
  .dp-preview-card{min-width:0}
  .dp-summary{min-width:0;margin:0}
  .dp-preview-stage{aspect-ratio:.82;max-height:620px}
  .dp-hardcover-preview,.dp-flat-preview{transform:scale(.90);transform-origin:center center}
}
@media(min-width:901px) and (max-width:1200px){
  .dp-configurator{grid-template-columns:minmax(0,1fr) minmax(430px,.9fr);max-width:1450px;gap:22px}
  .dp-preview-column{grid-column:2;grid-row:2}
  .dp-preview-sticky{display:grid;grid-template-columns:1fr;gap:16px}
  .dp-preview-stage{aspect-ratio:.82}
}
.dp-emboss-mode-box{display:grid;gap:10px;margin-bottom:14px;padding:14px;border:1px solid #dce4ea;border-radius:12px;background:linear-gradient(145deg,#fff,#f7f8f9)}
.dp-emboss-mode-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.dp-emboss-mode-grid label{display:block;cursor:pointer}
.dp-emboss-mode-grid input{position:absolute;opacity:0;pointer-events:none}
.dp-emboss-mode-grid span{display:flex;align-items:center;justify-content:center;min-height:44px;padding:8px 10px;text-align:center;border:1px solid #d3dbe1;border-radius:9px;background:#fff;font-size:.86rem;font-weight:800;transition:.16s ease}
.dp-emboss-mode-grid input:checked+span{border-color:var(--dp-gold-deep);background:linear-gradient(145deg,rgba(232,212,171,.52),rgba(200,161,90,.14));box-shadow:0 0 0 2px rgba(200,161,90,.13)}
.dp-thin-spine-confirm{margin-top:2px}
@media(max-width:600px){.dp-emboss-mode-grid{grid-template-columns:1fr}}


/* 0.5.3 – breitere Vorschau, schmaler einspaltiger Kalkulator */
@media(min-width:1201px){
  .dp-configurator{grid-template-columns:minmax(0,45fr) minmax(390px,36fr) minmax(220px,19fr);max-width:1820px;gap:20px}
  .dp-preview-sticky{grid-template-columns:minmax(0,36fr) minmax(220px,19fr);gap:16px;align-items:stretch}
  .dp-preview-card,.dp-summary{height:100%;box-sizing:border-box}
  .dp-preview-card{display:flex;flex-direction:column}
  .dp-preview-stage{flex:1;min-height:0;aspect-ratio:.82;max-height:660px}
  .dp-hardcover-preview,.dp-flat-preview{transform:scale(.96);transform-origin:center center}
  .dp-summary{display:flex;flex-direction:column;padding:18px 17px;min-width:0}
  .dp-summary-title{font-size:1.08rem;margin-bottom:12px}
  .dp-summary dl{display:block;margin:0}
  .dp-summary dl div{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:10px;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.12)}
  .dp-summary dt{font-size:.84rem;line-height:1.25;min-width:0;overflow-wrap:anywhere}
  .dp-summary dd{font-size:.86rem;line-height:1.25;white-space:nowrap}
  .dp-total{margin-top:auto;padding-top:16px}
  .dp-total strong{font-size:1.85rem;white-space:nowrap}
  .dp-summary>small{padding-top:7px}
}
@media(min-width:901px) and (max-width:1200px){
  .dp-summary dl{display:block}
  .dp-summary dl div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}
}


/* 0.5.4 – kompaktere Vorschaukarten und saubere Startvorschauen */
@media(min-width:1201px){
  .dp-preview-card{padding:10px 11px 9px}
  .dp-preview-card-head{margin-bottom:3px}
  .dp-preview-card-head h2{font-size:1.18rem;margin-top:1px}
  .dp-preview-kicker{font-size:.68rem}
  .dp-preview-chip{padding:3px 7px;font-size:.69rem}
  .dp-binding-preview-caption{font-size:.70rem;font-weight:750;margin:2px 0 1px;line-height:1.2}
  .dp-preview-help{font-size:.68rem;line-height:1.28;margin-top:1px}
  .dp-summary{padding:14px 15px}
  .dp-summary-title{margin-bottom:8px}
  .dp-summary dl div{padding:6px 0}
  .dp-total{padding-top:11px}
  .dp-summary>small{padding-top:4px;font-size:.72rem}
}
/* Die alten Mockup-Bilder enthalten unten einen großen Beschriftungsbalken. In der Live-Vorschau wird er ausgeblendet; die echte Beschriftung steht separat darunter. */
.dp-live-preview-image.is-fallback{width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;object-position:center top;clip-path:inset(0 0 11.5% 0);box-shadow:none;background:transparent;border-radius:0}
.dp-live-preview-image.is-fallback[data-binding="softcover"],
.dp-live-preview-image.is-fallback[data-binding="plastic"]{transform:scaleX(.92);transform-origin:center top}


/* 0.5.5 – Startvorschau, Metallproportionen und Vollbild-Lupe */
.dp-preview-head-actions{display:flex;align-items:center;gap:7px}
.dp-preview-zoom{width:31px;height:31px;border:1px solid #d1d9df;border-radius:8px;background:#fff;color:#52616e;font-size:22px;line-height:1;display:grid;place-items:center;cursor:pointer;box-shadow:0 2px 7px rgba(20,34,45,.07)}
.dp-preview-zoom:hover{border-color:var(--dp-gold-deep);color:var(--dp-gold-deep);background:#fffaf0}
.dp-preview-zoom-close{display:none}
/* Alte Mockup-Beschriftung vollständig außerhalb des sichtbaren Bereichs halten. */
.dp-live-preview-image.is-fallback{clip-path:inset(0 0 16% 0);transform-origin:center top}
.dp-live-preview-image.is-fallback[data-binding="softcover"],
.dp-live-preview-image.is-fallback[data-binding="plastic"]{transform:scaleX(.92)}
.dp-live-preview-image.is-fallback[data-binding="metal"]{transform:scaleX(.94)}
.dp-binding-preview-caption{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important}
/* Große Live-Vorschau: dieselbe echte Vorschau, kein Screenshot – daher auch nach PDF-Upload aktuell. */
html.dp-preview-modal-open,body.dp-preview-modal-open{overflow:hidden!important}
.dp-preview-card.is-zoomed{position:fixed!important;z-index:100000!important;inset:3vh 4vw!important;width:auto!important;height:94vh!important;max-width:none!important;margin:0!important;padding:18px 22px 14px!important;background:#fff!important;border-radius:18px!important;box-shadow:0 28px 90px rgba(0,0,0,.32)!important;display:flex!important;flex-direction:column!important;transform:none!important}
.dp-preview-card.is-zoomed:before{content:"";position:fixed;z-index:-1;inset:0;background:rgba(12,24,35,.72);backdrop-filter:blur(3px)}
.dp-preview-card.is-zoomed .dp-preview-stage{flex:1!important;width:100%!important;height:auto!important;max-height:none!important;aspect-ratio:auto!important;min-height:0!important;padding:4px!important}
.dp-preview-card.is-zoomed .dp-product-preview{height:100%!important}
.dp-preview-card.is-zoomed .dp-hardcover-preview,.dp-preview-card.is-zoomed .dp-flat-preview{transform:none!important;max-height:100%!important;height:100%!important}
.dp-preview-card.is-zoomed .dp-live-preview-image{max-height:100%!important;max-width:100%!important}
.dp-preview-card.is-zoomed .dp-binding-preview-caption{font-size:.82rem!important;margin:5px 0 2px!important}
.dp-preview-card.is-zoomed .dp-preview-help{display:none}
.dp-preview-card.is-zoomed .dp-preview-zoom{display:none}
.dp-preview-card.is-zoomed .dp-preview-zoom-close{display:grid;place-items:center;position:absolute;z-index:20;right:16px;top:14px;width:38px;height:38px;border:0;border-radius:50%;background:#102a40;color:#fff;font-size:28px;line-height:1;cursor:pointer;box-shadow:0 5px 16px rgba(0,0,0,.2)}
@media(max-width:700px){.dp-preview-card.is-zoomed{inset:2vh 2vw!important;height:96vh!important;padding:14px 12px 10px!important}.dp-preview-zoom{width:29px;height:29px}}

/* 0.5.8 – warmer Goldhintergrund + neue freigestellte Startansichten */
.dp-configurator{
  --dp-page-gold:#efe3c8;
  --dp-page-gold-2:#f6efdf;
  --dp-panel-warm:#fffdf8;
}
/* Hintergrund des gesamten Konfiguratorbereichs bis an die Browserkanten. */
.dp-configurator:before{
  left:50%!important;right:auto!important;width:100vw!important;transform:translateX(-50%)!important;
  border-radius:0!important;
  background:
    radial-gradient(1100px 520px at 12% 8%,rgba(255,255,255,.58),transparent 72%),
    radial-gradient(900px 440px at 88% 42%,rgba(255,255,255,.34),transparent 70%),
    linear-gradient(135deg,var(--dp-page-gold-2) 0%,var(--dp-page-gold) 46%,#ead9b7 100%)!important;
  box-shadow:none!important;
}
/* Sehr dezente, große Graduation-Cap-Wasserzeichen – bewusst nur ton-in-ton. */
.dp-configurator:after{
  left:50%!important;right:auto!important;width:100vw!important;transform:translateX(-50%)!important;
  border-radius:0!important;opacity:1!important;
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 500 320'%3E%3Cg fill='none' stroke='%23fff7e7' stroke-width='18' stroke-linecap='round' stroke-linejoin='round' opacity='.48'%3E%3Cpath d='M40 128 250 35l210 93-210 93z'/%3E%3Cpath d='M126 168v70c65 55 183 55 248 0v-70'/%3E%3Cpath d='M460 128v105'/%3E%3Ccircle cx='460' cy='249' r='13' fill='%23fff7e7' stroke='none'/%3E%3C/g%3E%3C/svg%3E"),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 500 320'%3E%3Cg fill='none' stroke='%23e0c794' stroke-width='18' stroke-linecap='round' stroke-linejoin='round' opacity='.25'%3E%3Cpath d='M40 128 250 35l210 93-210 93z'/%3E%3Cpath d='M126 168v70c65 55 183 55 248 0v-70'/%3E%3Cpath d='M460 128v105'/%3E%3Ccircle cx='460' cy='249' r='13' fill='%23e0c794' stroke='none'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat:no-repeat,no-repeat;
  background-size:min(47vw,760px) auto,min(38vw,620px) auto;
  background-position:-6vw 9%,calc(100% + 7vw) 72%;
  pointer-events:none;
}
.dp-header,.dp-panel,.dp-preview-card{
  background:rgba(255,253,248,.965)!important;
  border-color:rgba(190,163,111,.34)!important;
}
.dp-panel{box-shadow:0 9px 25px rgba(77,58,26,.055),inset 0 1px 0 rgba(255,255,255,.92)}
.dp-info,.dp-upload-box,.dp-emboss-mode-box,.dp-feature-toggle{background:linear-gradient(180deg,#fffefb,#fbf7ee)}

/* Die neuen Startbilder sind bereits freigestellt und enthalten keinerlei Textbalken. */
.dp-live-preview-image.is-fallback.is-new-fallback{
  clip-path:none!important;
  transform:none!important;
  width:auto!important;height:auto!important;
  max-width:100%!important;max-height:100%!important;
  object-fit:contain!important;object-position:center center!important;
  background:transparent!important;box-shadow:none!important;border-radius:0!important;
}
.dp-binding-card-image{background:linear-gradient(145deg,#fffefa,#f7f0e3)}
.dp-binding-card-image img[src*="/images/start/"]{object-fit:contain;padding:2px;box-sizing:border-box}

/* Produktbezeichnung ausschließlich als echter HTML-Text, klein und ohne Balken. */
.dp-binding-preview-caption{
  background:transparent!important;border:0!important;box-shadow:none!important;
  padding:0!important;margin:1px 0 0!important;
  font-size:.67rem!important;font-weight:700!important;line-height:1.2!important;color:#586571!important;
}

/* Bei der Startansicht etwas mehr Luft für die freigestellten Produkte. */
.dp-product-preview:has(.dp-live-preview-image.is-new-fallback:not([hidden])){padding:4px 10px 0;box-sizing:border-box}
.dp-preview-card.is-zoomed .dp-live-preview-image.is-new-fallback{width:auto!important;height:auto!important;max-width:92%!important;max-height:94%!important}

@media(max-width:900px){
  .dp-configurator:after{background-size:520px auto,420px auto;background-position:-250px 12%,calc(100% + 230px) 76%}
}


/* === v0.5.8 visual refinement === */
.dp-shell,
.dp-configurator,
.com-diplomarbeit-calculator {
  position: relative;
}
.dp-shell::before,
.dp-configurator::before,
.com-diplomarbeit-calculator::before {
  opacity: .14 !important;
}
/* warmer, more visible champagne canvas */
.dp-page-bg,
.dp-shell,
.dp-configurator {
  background-color: #ead8ad !important;
}
/* cards retain readability but allow the watermark to breathe through */
.dp-step,
.dp-panel,
.dp-preview-card,
.dp-section-card {
  background: rgba(255,253,247,.945) !important;
  backdrop-filter: blur(.3px);
  -webkit-backdrop-filter: blur(.3px);
}
/* calculator intentionally stays opaque */
.dp-calculator,
.dp-price-card,
.dp-calculation {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
/* Dedicated preview artwork: never recolor whole book via CSS filters. */
.dp-start-preview img,
.dp-mockup img,
.dp-preview-image img {
  filter: none !important;
}

/* === v0.5.8 final visual pass === */
.dp-page-bg,.dp-shell,.dp-configurator{
  background-color:#e5cf9c !important;
}
.dp-step,.dp-panel,.dp-preview-card,.dp-section-card{
  background:rgba(255,253,247,.94) !important;
}
.dp-shell::before,.dp-configurator::before,.com-diplomarbeit-calculator::before{
  opacity:.19 !important;
}
/* Start product previews use their own finished artwork. Never tint the whole preview. */
.dp-start-preview img,.dp-mockup img,.dp-preview-image img{
  filter:none !important;
}


/* 0.6.5 – wiederhergestellter, in 0.6.3 freigegebener Vollbreiten-Hintergrund */
/* === 0.6.3: full-bleed gold canvas + one giant watermark + real glass cards === */
.dp-configurator{
  background:transparent!important;
  isolation:isolate!important;
}
.dp-configurator::before{
  content:""!important;
  position:absolute!important;
  z-index:-3!important;
  top:-125px!important;
  bottom:-80px!important;
  left:50%!important;
  width:100vw!important;
  height:auto!important;
  transform:translateX(-50%)!important;
  border-radius:0!important;
  opacity:1!important;
  background:
    radial-gradient(1200px 620px at 15% 7%,rgba(255,255,255,.28),transparent 72%),
    linear-gradient(135deg,#e7d3a6 0%,#ddc28b 48%,#ead9b5 100%)!important;
  box-shadow:none!important;
}
.dp-configurator::after{
  content:""!important;
  position:absolute!important;
  z-index:-2!important;
  top:-105px!important;
  bottom:-60px!important;
  left:50%!important;
  width:100vw!important;
  height:auto!important;
  transform:translateX(-50%)!important;
  border-radius:0!important;
  opacity:1!important;
  pointer-events:none!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 650'%3E%3Cg fill='none' stroke='%23b8995f' stroke-width='28' stroke-linecap='round' stroke-linejoin='round' opacity='.20'%3E%3Cpath d='M75 245 500 58l425 187-425 188z'/%3E%3Cpath d='M250 325v142c132 105 368 105 500 0V325'/%3E%3Cpath d='M925 245v205'/%3E%3Ccircle cx='925' cy='478' r='20' fill='%23b8995f' stroke='none'/%3E%3C/g%3E%3C/svg%3E")!important;
  background-repeat:no-repeat!important;
  background-size:min(1050px,92vw) auto!important;
  background-position:center 18%!important;
}
/* Real transparency: the watermark can softly show through the cards. */
.dp-header,
.dp-form>.dp-panel,
.dp-step-panel,
.dp-preview-card{
  background:rgba(255,253,247,.91)!important;
  border-color:rgba(166,132,73,.32)!important;
  -webkit-backdrop-filter:blur(1.2px)!important;
  backdrop-filter:blur(1.2px)!important;
}
/* Keep the dark price calculator solid and readable. */
.dp-summary,
.dp-calculator,
.dp-price-card,
.dp-calculation{
  background:#10283c!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
/* Finished start art: no filter, no crop, no artificial recolouring. */
.dp-live-preview-image.is-fallback.is-new-fallback{
  filter:none!important;
  clip-path:none!important;
  transform:none!important;
  width:auto!important;
  height:auto!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center center!important;
}
@media(max-width:900px){
  .dp-configurator::after{
    background-size:110vw auto!important;
    background-position:center 12%!important;
  }
}

/* === 0.6.3 premium background treatment ===
   Removes the graduation-cap watermark and replaces it with a layered,
   subtle metallic/paper-like champagne background using CSS only.
*/
.dp-configurator::after{
  content:""!important;
  position:absolute!important;
  z-index:-2!important;
  top:-130px!important;
  bottom:-80px!important;
  left:50%!important;
  width:100vw!important;
  height:auto!important;
  transform:translateX(-50%)!important;
  pointer-events:none!important;
  border-radius:0!important;
  opacity:1!important;
  background:
    /* fine grain */
    radial-gradient(circle at 20% 30%, rgba(255,255,255,.055) 0 1px, transparent 1.4px) 0 0/4px 4px,
    radial-gradient(circle at 70% 65%, rgba(117,87,39,.032) 0 1px, transparent 1.5px) 1px 1px/5px 5px,
    /* soft highlight left/top */
    radial-gradient(900px 520px at 10% 5%, rgba(255,255,255,.30), transparent 72%),
    /* subtle highlight right/bottom */
    radial-gradient(850px 600px at 90% 92%, rgba(255,248,225,.18), transparent 72%),
    /* slight vignette */
    radial-gradient(ellipse at center, rgba(255,255,255,.10) 0%, rgba(255,255,255,0) 55%, rgba(116,83,29,.08) 100%),
    /* premium diagonal depth */
    linear-gradient(135deg, rgba(255,255,255,.12) 0%, rgba(255,255,255,0) 28%, rgba(116,83,29,.035) 68%, rgba(255,255,255,.08) 100%),
    linear-gradient(120deg,#ead9b2 0%,#dfc38a 34%,#e8d1a1 62%,#d9ba7c 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.22),
    inset 0 -1px 0 rgba(104,73,24,.05)!important;
}

/* slightly more dimensional glass-like content cards */
.dp-header,
.dp-form>.dp-panel,
.dp-step-panel,
.dp-preview-card{
  background:rgba(255,253,247,.925)!important;
  border:1px solid rgba(145,110,49,.22)!important;
  box-shadow:
    0 10px 30px rgba(86,61,24,.06),
    inset 0 1px 0 rgba(255,255,255,.70)!important;
  -webkit-backdrop-filter:blur(1.4px) saturate(105%)!important;
  backdrop-filter:blur(1.4px) saturate(105%)!important;
}

/* keep the dark calculator as the strong visual anchor */
.dp-summary,
.dp-calculator,
.dp-price-card,
.dp-calculation{
  box-shadow:0 12px 28px rgba(16,40,60,.18)!important;
}

/* remove all remaining watermark-style decorative imagery from earlier versions */
.dp-shell::before,
.com-diplomarbeit-calculator::before{
  background-image:none!important;
  opacity:0!important;
}

/* === 0.6.3 softer warm content cards ===
   Calm, solid champagne/ivory surfaces; no texture or transparency.
*/
.dp-header,
.dp-form>.dp-panel,
.dp-step-panel,
.dp-preview-card{
  background:#f5ead3!important;
  background-image:none!important;
  border:1px solid rgba(145,110,49,.24)!important;
  box-shadow:
    0 9px 25px rgba(86,61,24,.055),
    inset 0 1px 0 rgba(255,255,255,.55)!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  opacity:1!important;
}

/* Keep inner controls light and neutral for legibility, while avoiding stark white. */
.dp-header input,
.dp-header select,
.dp-header textarea,
.dp-form>.dp-panel input,
.dp-form>.dp-panel select,
.dp-form>.dp-panel textarea,
.dp-step-panel input,
.dp-step-panel select,
.dp-step-panel textarea{
  background-color:#fffaf0!important;
}

/* Preserve the dark-blue calculator as the visual anchor. */
.dp-summary,
.dp-calculator,
.dp-price-card,
.dp-calculation{
  background:#10283c!important;
  color:#fff!important;
  opacity:1!important;
}



/* 0.6.4 – einheitliche A4-Deckblätter + ruhigere große Produktansicht */
.dp-flat-preview{width:auto!important;height:96%!important;max-width:96%!important;max-height:96%!important;aspect-ratio:210/297!important}
.dp-flat-sheet{width:100%!important;height:100%!important;aspect-ratio:210/297!important}
.dp-flat-sheet canvas{width:100%!important;height:100%!important;display:block!important}

/* Große Ansicht: warmes, deutlich cremefarbenes Fenster statt hartem Weiß. */
.dp-preview-card.is-zoomed{
  inset:4vh 8vw!important;height:92vh!important;
  background:#f7efdf!important;
  border:1px solid rgba(183,151,91,.32)!important;
  box-shadow:0 30px 100px rgba(0,0,0,.34)!important;
}
/* Im großen Fenster reicht die Produktbezeichnung unter dem Produkt. */
.dp-preview-card.is-zoomed .dp-preview-card-head{display:none!important}
.dp-preview-card.is-zoomed .dp-preview-stage{padding:18px 28px 4px!important}
.dp-preview-card.is-zoomed .dp-flat-preview{height:100%!important;max-height:100%!important;max-width:100%!important}
.dp-preview-card.is-zoomed .dp-binding-preview-caption{font-size:.88rem!important;margin:4px 0 6px!important;color:#44515c!important}
.dp-preview-card.is-zoomed .dp-preview-zoom-close{right:18px;top:16px}
@media(max-width:700px){.dp-preview-card.is-zoomed{inset:2vh 3vw!important;height:96vh!important}.dp-preview-card.is-zoomed .dp-preview-stage{padding:14px 8px 2px!important}}

.dp-variant-actions{display:flex;gap:7px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.dp-variant-edit,.dp-order-edit{border:1px solid #b28a45;border-radius:8px;background:#fff8e9;color:#654a1e;padding:7px 10px;font-weight:800;cursor:pointer}.dp-variant-edit:hover,.dp-order-edit:hover{background:#f8e9c8}.dp-order-variant{position:relative;padding-right:100px}.dp-order-edit{position:absolute;right:10px;top:9px}.dp-order-variant span{display:block;font-size:.92em}

/* 0.8.5: klare Gesamtkalkulation und Mehrfachversand */
.dp-summary-binding-row dd span{display:block;font-weight:700}.dp-summary-binding-row dd small{display:block;margin-top:3px;color:#5a6573;font-size:.82em}.dp-shipping-address{border:1px solid #d7dde5;border-radius:10px;padding:14px;margin:12px 0;background:#fff}.dp-shipping-address-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:10px}.dp-shipping-allocation{margin-top:12px;padding-top:10px;border-top:1px solid #e4e8ee}.dp-shipping-allocation strong{display:block;margin-bottom:8px}.dp-shipping-allocation-row{display:grid;grid-template-columns:minmax(0,1fr) 110px;gap:12px;align-items:center;margin:7px 0}.dp-shipping-allocation-row label{margin:0}.dp-shipping-allocation-row select{width:100%}.dp-shipping-remaining{margin:10px 0;padding:10px 12px;border-radius:8px;background:#eef4fb;color:#173454;font-weight:700}.dp-shipping-remaining.is-complete{background:#edf8ef;color:#245c2f}.dp-shipping-address .dp-variant-remove{margin-top:10px}
/* 0.8.6: clearer configuration / mini cart */
.dp-emboss-wanted{display:flex;gap:12px;flex-wrap:wrap}.dp-emboss-wanted label{display:flex;align-items:center;gap:8px;padding:11px 14px;border:1px solid #d7dde5;border-radius:10px;background:#fff;cursor:pointer;font-weight:700}.dp-bw-only{margin-top:12px;padding:10px 12px;border:1px solid #d7dde5;border-radius:9px;background:#f8fafc}.dp-variant-box{padding:16px;border:2px solid #d8dee8;border-radius:12px;background:#f8fafc}.dp-variant-list:not([hidden]){margin-top:14px}.dp-summary-binding-row dd{max-width:220px}.dp-summary-binding-row dd span{white-space:normal;overflow-wrap:anywhere}
.dp-delivery-block{margin-top:22px;padding-top:18px;border-top:1px solid #d7dde5}.dp-delivery-block h3{margin:0 0 12px}.dp-variant-box>strong{font-size:1.08rem}.dp-variant-box>p{margin:5px 0 12px;color:#5a6573}


/* 0.8.7: emboss editor continues inside the same refinement panel */
.dp-emboss-inline{margin-top:18px;padding-top:18px;border-top:1px solid #d8e0e6}
.dp-emboss-inline-head{margin-bottom:14px}
.dp-emboss-inline-head h3{margin:0 0 4px;color:#183c63;font-size:1.18rem;font-weight:850}
.dp-emboss-inline-head p{margin:0;color:#687782;font-size:.9rem;line-height:1.45}
/* 0.8.8 – klare Trennung zwischen Ausführungen und Checkout */
.dp-variant-next-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:15px;padding-top:14px;border-top:1px solid #d7dde5}
.dp-order-button-secondary{background:#fff;color:#174f7c;border:1px solid #174f7c;box-shadow:none}
.dp-order-button-secondary:hover{background:#f1f6fa;filter:none}
.dp-delivery-block-separated{margin-top:0;padding-top:0;border-top:0}

/* 0.8.12: kompakte Kalkulation, Randabfallend-Auswahl und klare Variantenbestätigung */
.dp-summary-binding-row{display:block!important}
.dp-summary-binding-row dt{display:block;margin-bottom:5px;font-weight:700!important;color:#fff!important}
.dp-summary-binding-row dd{display:block!important;max-width:none!important;text-align:left!important;white-space:normal!important}
.dp-summary-binding-row dd span{display:block!important;white-space:normal!important;overflow-wrap:normal!important;word-break:normal!important}
.dp-summary-binding-row dd small{display:block!important;margin-top:4px;color:#b8c5d1!important}
.dp-bleed-choice{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:10px}
.dp-bleed-choice label{display:flex;flex-direction:row;align-items:flex-start;gap:9px;padding:12px;border:1px solid #cfd8e1;border-radius:10px;background:#fff;cursor:pointer}
.dp-bleed-choice input{margin-top:3px;accent-color:var(--dp-blue)}
.dp-bleed-choice span{display:block}.dp-bleed-choice small{display:block;margin-top:3px;font-weight:400}
.dp-variant-confirmed{margin:12px 0 4px;padding:10px 12px;border-radius:9px;background:#edf8ef;color:#245c2f;font-weight:800}
@media(max-width:700px){.dp-bleed-choice{grid-template-columns:1fr}}