.preset-block{margin:8px 0 18px}.preset-block>span{display:block;color:#8797b0;font-size:11px;margin-bottom:8px}.preset-chips{display:flex;gap:7px;flex-wrap:wrap}.preset-chip,.prompt-options button{border:1px solid #dfe7f5;background:#f7faff;color:#536e9b;border-radius:6px;cursor:pointer;font:inherit;font-size:11px;padding:7px 10px}.preset-chip:hover,.preset-chip.selected,.prompt-options button:hover,.prompt-options button.selected{border-color:#819fff;background:#edf2ff;color:#2458ed}.prompt-options{display:grid;gap:6px}.prompt-options button{text-align:left;line-height:1.7}.catalog-bar{background:#f4f7ff;border:1px solid #e2eafb;border-radius:8px;padding:14px;display:flex;align-items:center;gap:12px;margin:18px 0}.catalog-bar label{font-size:12px;color:#355ba3;white-space:nowrap}.catalog-bar select{background:white;border:1px solid #d8e2f4;border-radius:5px;padding:9px;color:#35517e;max-width:300px}.catalog-bar>span{font-size:11px;color:#8b9ab2;line-height:1.7}.quote-image-row td{padding:0 8px 14px}.image-zone{border:1px dashed #d6e1f4;border-radius:7px;padding:10px 12px;background:#fafcff;outline:none}.image-zone:focus,.image-zone:focus-within,.image-zone.dragover{border-color:#3c6bfa;background:#f1f5ff;box-shadow:0 0 0 2px #2458ed12}.image-zone-head{display:flex;align-items:center;gap:12px;font-size:11px;color:#8093b2}.image-zone-head>span{color:#45628d}.image-zone-head .button{font-size:10px;padding:5px 9px}.image-zone-head small{font-size:10px}.quote-images{display:flex;gap:12px;flex-wrap:wrap}.quote-images:empty{display:none}.quote-images figure{position:relative;margin:12px 0 0;width:110px}.quote-images img{width:110px;height:76px;object-fit:contain;background:white;border:1px solid #e5ebf6;border-radius:5px}.quote-images figcaption{font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#8c9bb2}.quote-images figure button{position:absolute;right:-5px;top:-5px;border:1px solid #dce4f1;border-radius:50%;width:21px;height:21px;background:white;color:#687e9e;cursor:pointer}.remember-craft{background:none;border:0;color:#5477ba;font-size:10px;padding:9px 0 0;cursor:pointer}.effect-section{border-top:1px solid #e6ecf5;margin:24px 0;padding-top:20px}.effect-section h3{font-size:14px;color:#294b80}.effect-section h3 small{font-size:11px;color:#99a5b8;font-weight:400;margin-left:8px}.empty-quote{text-align:center;padding:32px!important;color:#8799b5}.remove-line{cursor:pointer}.quote-table td{vertical-align:middle}.quote-table .line-amount{padding-top:10px!important}@media(max-width:760px){.catalog-bar{flex-wrap:wrap}.catalog-bar>span{width:100%}.image-zone-head{flex-wrap:wrap}.image-zone-head small{width:100%}.effect-section h3 small{display:block;margin:8px 0}.quote-table{min-width:850px}}

/* Door signage campaign and optional design entry. */
.door-hero{display:block;min-height:380px;background:#102544 url('assets/hero-door.webp') center/cover no-repeat;border-color:#18365b}
.door-hero .hero-copy{width:60%;padding:42px;background:linear-gradient(90deg,#081c39e8,#081c3999,transparent);color:#fff}
.door-hero .hero-tag,.door-hero p,.door-hero .hero-steps{color:#e0ecff}
.door-hero h2{font-size:42px;line-height:1.3}.door-hero h2 em{color:#aecfff}
.door-hero .button{background:#fff;color:#2458ed;min-height:46px}
.design-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch}
.door-card{grid-column:span 2;grid-row:span 2;border-color:#bed1ff;box-shadow:0 8px 24px #2458ed12}
.door-card .card-art{height:auto;aspect-ratio:4/3;background:#102544}
.door-card .card-art img{width:100%;height:100%;object-fit:cover;display:block}
.door-card .card-label{padding:18px}.door-card .card-label strong{font-size:20px}.door-card .card-label small{font-size:12px}
.more-options{margin-bottom:30px}.more-options h2{font-size:16px}
.optional-design{display:flex;align-items:center;gap:18px;width:100%;padding:16px 18px;border:1px solid #e0e7f3;border-radius:9px;background:#fff;color:#516689;text-align:left}
.optional-design small{color:#7e8da5}.optional-design>span:last-child{margin-left:auto}
.design-columns>section,.field,.fields>*{min-width:0}.recent-card strong{overflow-wrap:anywhere}
@media(max-width:1150px){.design-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.door-hero .hero-copy{width:75%}}
@media(max-width:760px){
 .door-hero{min-height:350px;background-position:62% center}
 .door-hero .hero-copy{width:100%;padding:28px 24px;background:linear-gradient(90deg,#081c39f2,#081c39bb 65%,#081c3966)}
 .door-hero h2{font-size:34px}.door-hero .hero-tag{font-size:11px;letter-spacing:0}.door-hero p{font-size:13px}
 .design-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.door-card{grid-column:1/-1;grid-row:auto}
 .door-card .card-label{padding:16px}.optional-design{gap:10px;flex-wrap:wrap}.optional-design small{font-size:10px}
 .design-dialog{width:calc(100vw - 24px);max-width:100%;max-height:90dvh;margin:auto}
 .design-dialog .fields{grid-template-columns:1fr}.design-dialog input,.design-dialog textarea,.design-dialog select{min-width:0;font-size:16px}
 .design-dialog .dialog-footer{padding:14px;flex-wrap:wrap}.design-dialog .dialog-head{padding:18px}.design-dialog .dialog-body{padding:18px}
}