.quote-wrap{max-width:1500px;padding:55px 4%}.q-intro{margin-bottom:50px}.q-intro h1{font-size:76px}.q-intro>p{font-size:15px;max-width:520px}.q-builder{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.88fr);align-items:start;gap:5%}.q-input-column{min-width:0}.mockup-panel{position:sticky;top:calc(var(--site-header-height,120px) + 22px);align-self:start;background:#e5e1d5;border:1px solid #b9b5a7;padding:26px 22px 22px}.mockup-heading{display:flex;justify-content:space-between;align-items:start;gap:14px}.mockup-heading h2{font-size:32px;letter-spacing:-1.6px;margin:14px 0 22px;line-height:1.1;max-width:250px}.mockup-heading .eyebrow{font-size:9px;display:flex;align-items:center;gap:8px}.mockup-heading i{display:inline-block;width:6px;height:6px;border-radius:100%;background:#f74c27}.mockup-made{font:9px Archivo,sans-serif;line-height:1.4;border:1px solid;padding:8px;transform:rotate(8deg);white-space:nowrap}.preview-tabs{display:flex;border:1px solid #aaa697;padding:3px;gap:4px}.preview-tabs button{flex:1;border:0;background:transparent;padding:11px 5px;font-size:11px;font-weight:700}.preview-tabs button[aria-pressed="true"]{background:#20211d;color:#eeeade}.mockup-stage{width:100%;aspect-ratio:600/460;display:grid;place-items:center;min-width:0}.mockup-stage>svg{display:block;width:100%;height:auto;max-height:48vh}.mockup-status{font-size:11px;line-height:1.5;min-height:33px;margin:0 0 18px;color:#56584f}.mockup-specs{margin:0 0 18px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;border-block:1px solid #bab7a8;padding:15px 0}.mockup-specs dt{font-size:8px;letter-spacing:1px;text-transform:uppercase;color:#66685e;margin-bottom:7px}.mockup-specs dd{font-size:10px;line-height:1.4;margin:0;overflow-wrap:anywhere}.mockup-download{width:100%;display:flex;justify-content:space-between;gap:10px;border:1px solid #20211d;padding:14px 16px;background:#20211d;color:#eeeade;font-size:12px;cursor:pointer}.mockup-download:hover{background:#f74c27;color:#20211d}.mockup-download:disabled{cursor:wait;opacity:.6}.mockup-note{font-size:14px;line-height:1.6;color:#66685e;margin-top:13px}.mockup-download-status{font-size:11px;line-height:1.5;margin-top:10px}.artwork-upload{border:1px solid #b9b5a7;padding:17px}.artwork-upload input[type=file]{font-size:11px;width:100%;border:0;padding:0;min-height:0}.artwork-upload input[type=file]::file-selector-button{font:inherit;background:#ddd8c7;border:1px solid #99978a;padding:8px 10px;margin-right:10px;cursor:pointer}.artwork-upload .q-small{font-size:10px;margin-top:10px}.artwork-upload .check{margin:15px 0 0;font-size:11px;line-height:1.5}.artwork-upload input[type=checkbox]{min-height:0}.remove-artwork{background:transparent;border:0;border-bottom:1px solid;padding:3px 0;margin-top:14px;font-size:11px}.mockup-mobile-button{display:none}.mobile-mockup-dialog{padding:22px;width:min(600px,94vw);max-height:90dvh;border:1px solid #b9b5a7;background:#e5e1d5}.mobile-mockup-dialog::backdrop{background:#20211db3}.mockup-dialog-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;gap:12px}.mockup-dialog-top h2{font-size:25px;letter-spacing:-1px}.mockup-dialog-top button{background:transparent;border:0;font-size:12px;padding:9px}.mobile-mockup-dialog .mockup-stage>svg{max-height:55dvh}.review-actions .mockup-download{background:transparent;color:#20211d;width:auto}@media(min-width:1450px){.mockup-panel{padding:28px}.mockup-heading h2{font-size:38px}}@media(max-width:1000px){.q-builder{gap:30px;grid-template-columns:minmax(0,1fr) minmax(330px,.9fr)}.q-builder .q-grid{grid-template-columns:1fr}.mockup-heading h2{font-size:27px}.mockup-panel{padding:20px 16px}.q-intro{margin-bottom:45px}}@media(max-width:760px){.quote-wrap{padding:40px 6% 80px}.q-intro h1{font-size:65px}.q-builder{display:flex;flex-direction:column;gap:45px}.mockup-panel{position:static;order:-1;width:100%;padding:22px}.mockup-heading h2{max-width:none;font-size:30px;margin-bottom:18px}.mockup-stage>svg{max-height:350px}.mockup-stage{aspect-ratio:auto}.q-input-column{width:100%}.mockup-mobile-button{display:block;position:fixed;bottom:20px;right:20px;z-index:20;background:#20211d;color:#eeeade;border:1px solid #eeeade;padding:14px 19px;font-size:12px;box-shadow:0 4px 20px #20211d33;border-radius:30px}.q-intro{margin-bottom:30px}.mockup-panel .mockup-status{min-height:0}.mobile-mockup-dialog .mockup-stage>svg{max-height:48dvh}.review-actions .mockup-download{width:100%}}
.q-intro>.eyebrow{display:block}.q-intro h1{display:block;margin:22px 0;font-size:68px}.q-intro .q-small{margin-top:12px}@media(max-width:760px){.q-intro h1{font-size:60px}}

.lettering-spec{font-size:11px;line-height:1.5;color:#56584f;margin:0 0 14px}
#cover-lettering{text-align:center}

.lettering-fields{grid-column:1/-1}.lettering-label{font-size:12px;font-weight:700;letter-spacing:1px;margin-bottom:12px}.lettering-line{margin-top:18px}.lettering-line label{display:flex;justify-content:space-between;letter-spacing:.5px}.lettering-line label span{font-weight:400;color:#56584f}.lettering-line input{text-align:center;font-size:15px;min-height:42px}

.logo-size-field{margin-bottom:24px;max-width:320px}
