.skip{position:fixed;top:-100px;left:20px;background:var(--green);color:white;z-index:100;padding:10px}.skip:focus{top:10px}#menu-toggle{display:none;background:none}#mobile-nav{display:none}dialog{padding:0;border:0;background:var(--paper);color:var(--ink);max-height:95dvh;width:min(1200px,96vw);box-shadow:0 20px 100px #0004}dialog::backdrop{background:#102620aa;backdrop-filter:blur(5px)}body:has(dialog[open]){overflow:hidden}.dialog-top{display:flex;align-items:center;justify-content:space-between;padding:22px 30px;border-bottom:1px solid var(--line);gap:20px}.dialog-top .wordmark{font-size:25px}.dialog-top>span{font-size:9px;letter-spacing:1.5px;color:var(--muted)}.dialog-top h2{font-size:35px;letter-spacing:-1.2px}.icon-button{font-size:30px;line-height:1;background:none;width:35px;height:35px;font-weight:300}.studio-body{display:grid;grid-template-columns:1.15fr 1fr}.studio-preview{padding:30px;background:#e9e8e0}.studio-preview .eyebrow{font-size:8px;text-align:center;margin-bottom:20px}.studio-preview .eyebrow span{margin-inline:10px;color:#b1b8a8}.canvas-wall{height:420px;position:relative;display:flex;align-items:center;justify-content:center;padding:25px;background:radial-gradient(ellipse at 45% 35%,#f6f4ed,#dfddcf)}#canvas-wrap{max-width:100%;max-height:100%;position:relative;display:flex;align-items:center;justify-content:center;touch-action:none;cursor:grab}#canvas-wrap:active{cursor:grabbing}canvas{display:block;max-height:360px;max-width:100%;width:auto;height:auto;box-shadow:7px 12px 15px #22332538;border:1px solid #c0c0af;touch-action:none}#upload-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:20px;background:#eceae2;gap:13px;border:1px dashed #a7b29b}#upload-overlay h3{font-family:Georgia,serif;font-size:28px}#upload-overlay p{font-size:12px;color:var(--muted)}.upload-symbol{display:grid;place-items:center;border:1px solid #a7b29b;border-radius:50%;width:44px;height:44px;font-size:23px}.preview-caption{display:flex;justify-content:space-between;align-items:center;margin-top:16px;gap:15px;font-size:10px;color:var(--muted)}.crop-controls{padding:20px 0;display:grid;gap:9px}.crop-controls label{display:flex;align-items:center;justify-content:space-between;font-size:10px;gap:15px}.crop-controls input{width:55%;accent-color:var(--green)}.crop-controls .text-link{justify-self:end;font-size:10px}.studio-preview>.fineprint{margin-top:17px;font-size:9px}.studio-options{padding:30px}.studio-options .eyebrow{margin-bottom:10px}.studio-options h2{font-size:46px;letter-spacing:-2px}.muted{color:var(--muted);font-size:12px;margin-top:14px}.studio-options fieldset{border:0;padding:0;margin:25px 0 0;min-inline-size:0}.studio-options legend{font-size:11px;margin-bottom:11px;width:100%;display:flex;justify-content:space-between}.studio-options legend>span{color:var(--muted);font-size:10px}.size-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;max-height:135px;overflow:auto;padding:2px}.size-grid label{position:relative}.size-grid input,.segmented input{position:absolute;opacity:0}.size-grid label>span{display:block;border:1px solid #d4d9ce;font-size:11px;text-align:center;padding:10px 5px;cursor:pointer}.size-grid label input:checked+span,.segmented input:checked+span{border:1px solid var(--green);background:#e6ebe0}.size-grid input:focus-visible+span,.segmented input:focus-visible+span{outline:3px solid #b88746}.segmented{display:flex;gap:8px}.segmented label{position:relative;flex:1}.segmented label>span{display:block;border:1px solid var(--line);padding:10px;text-align:center;font-size:11px;cursor:pointer}.select-label{display:block;font-size:11px;margin-top:20px}.select-label select{display:block;width:100%;margin-top:9px;border:1px solid #d4d9ce;background:transparent;color:var(--ink);padding:12px 10px;border-radius:0;font-size:11px}.quantity-row{display:flex;justify-content:space-between;align-items:center;margin-top:20px;font-size:11px}.quantity-row input{width:65px;background:none;border:1px solid var(--line);padding:7px 8px;color:var(--ink)}.resolution{padding:11px 13px;background:#e7ebe1;color:#506747;font-size:10px;margin-top:20px}.resolution.fair{background:#f1e8d3;color:#876125}.resolution.low{background:#f1dfd5;color:#994932}.check-row{display:flex;gap:10px;align-items:flex-start;font-size:10px;line-height:1.6;margin-top:15px;color:#757b6f}.check-row input{accent-color:var(--green);margin-top:3px;flex-shrink:0}.price-line{display:flex;justify-content:space-between;align-items:center;margin-top:26px;padding-top:20px;border-top:1px solid var(--line);font-size:12px}.price-line strong{font-family:Georgia,serif;font-size:34px;font-weight:400;letter-spacing:-1px}.price-line small{display:block;color:var(--muted);font-size:9px}.studio-options>.button{margin-top:16px}.mode-note{text-align:center;font-size:8px;margin-top:13px}.form-status{font-size:11px;line-height:1.6;margin-top:10px;color:#984930}#bag-dialog,#checkout-dialog,#privacy-dialog{width:min(630px,95vw)}.bag-body,.checkout-body{padding:28px}.bag-item{display:grid;grid-template-columns:100px 1fr;gap:20px;padding:20px 0;border-bottom:1px solid var(--line)}.bag-item img{width:100px;height:90px;object-fit:contain;background:#e4e4d8}.bag-item h3{font-family:Georgia,serif;font-size:22px}.bag-item p{font-size:11px;color:var(--muted);margin-top:6px}.bag-item .remove{background:none;border-bottom:1px solid var(--muted);padding:0;font-size:10px;margin-top:10px}.bag-totals{display:flex;justify-content:space-between;font-size:17px;margin-top:26px}.bag-body>.button{margin-top:22px}.bag-body>.text-link{margin-top:20px}.bag-body>.fineprint{margin-top:10px}.checkout-body>p{margin-bottom:15px;font-size:12px}.notice{padding:20px;background:#e7ebe1;margin-block:24px}.notice h3{font-family:Georgia,serif;font-size:23px}.notice p{font-size:12px;margin-top:10px;color:var(--muted)}.checkout-line{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding:14px 0;font-size:12px}.checkout-body>.fineprint{font-size:10px;margin-top:14px}.checkout-body>.text-link{margin-top:17px}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--green);color:#fff;padding:13px 24px;z-index:100;font-size:12px;box-shadow:0 4px 20px #0002}.custom-fields{display:flex;gap:12px;margin-top:12px}.custom-fields label{font-size:10px;flex:1}.custom-fields input{display:block;width:100%;padding:8px;background:none;border:1px solid var(--line);margin-top:6px}.extras{border-top:1px solid var(--line);margin-top:22px;padding-top:10px}.extras summary{font-size:11px}.extras .check-row{color:var(--ink)}textarea{display:block;max-width:100%;width:100%;background:none;border:1px solid var(--line);font-size:11px;padding:10px;margin-top:12px;resize:vertical}.surface-help,.mount-help{font-size:10px;color:var(--muted);margin-top:8px}.drag-hint{font-size:9px;color:var(--muted);text-align:center;margin-top:8px}[hidden]{display:none!important}
/* Checkout preview */
#checkout-dialog{width:min(760px,96vw)}.checkout-steps{list-style:none;display:flex;gap:8px;padding:0;margin:20px 0}.checkout-steps li{flex:1;padding:10px 8px;border-bottom:3px solid #dbe0e6;font-size:11px;color:#52606e}.checkout-steps [aria-current]{color:#006cd9;border-color:#007dff;font-weight:700}.checkout-privacy{margin:18px 0!important;background:#eef7ff;padding:12px;border-radius:5px}.checkout-body h3{margin:20px 0 12px;font-size:17px}.checkout-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:18px 0}.checkout-fields label{display:flex;flex-direction:column;gap:6px;font-size:12px}.checkout-fields input{width:100%;min-width:0;padding:12px;border:1px solid #bcc8d3;border-radius:4px;background:white;color:#081827}.span-two{grid-column:1/-1}.checkout-address{white-space:pre-line;padding:15px;background:#f4f6f8;border-radius:5px;margin:12px 0 20px}.delivery-choice{display:flex;align-items:center;gap:10px;padding:18px 12px;border:1px solid #007dff;border-radius:5px;margin:15px 0}.delivery-choice span{margin-left:auto;font-size:11px;color:#52606e}.checkout-body section>.button,.checkout-body form>.button{margin-top:20px}.checkout-body section>.text-link{display:block;margin:18px 0}.checkout-body .check-row{margin:16px 0}.checkout-body [hidden]{display:none!important}#review-prints{margin-bottom:24px}#review-prints .bag-item p{font-size:12px;overflow-wrap:anywhere}@media(max-width:520px){.checkout-fields{grid-template-columns:1fr}.span-two{grid-column:auto}.checkout-steps li{font-size:10px}.delivery-choice{flex-wrap:wrap}.delivery-choice span{width:100%;margin-left:24px}.checkout-line{gap:12px}.checkout-line span{min-width:0;overflow-wrap:anywhere}}

/* Preserve the selected print proportions in every order preview. */
#quick-image{height:auto;background-color:transparent;background-size:100% 100%;flex:none;box-shadow:2px 4px 9px #10253624}.selected-crop-size{font-size:11px!important;font-weight:600;color:#07354c;text-align:center}.room-scene>img{left:50%;top:34%;width:var(--room-print-width,78%);height:var(--room-print-height,49%);object-fit:contain;transform:translate(-50%,-50%);box-shadow:3px 5px 9px #10253645}.room-scene:has(img:not([hidden]))>.atlas{background-image:linear-gradient(#e9e5df 0%,#dad6ce 74%,#b49c83 74%,#c0aa92 100%);background-size:100% 100%}.room-scene:not(.closeup):has(img:not([hidden]))>.atlas::after{content:"";position:absolute;left:12%;right:12%;bottom:7%;height:18%;background:linear-gradient(#85817c,#615f5c);border-radius:10px 10px 3px 3px;box-shadow:0 5px 6px #34312c40;border:5px solid #96918a}.room-scene.closeup>img{left:50%;top:50%;width:var(--detail-print-width,84%);height:var(--detail-print-height,84%);transform:translate(-50%,-50%)}.bag-item img{height:auto;align-self:start;background:transparent;object-fit:contain;box-shadow:1px 2px 6px #10253620}.mockup-design .bag-item img{height:auto}#review-prints .bag-item img{height:auto}

/* Mobile crop controls: generous touch targets and independent preview feedback. */
.crop-controls label,.mockup-design .crop-controls label{display:grid;grid-template-columns:88px minmax(0,1fr) 35px;align-items:center;gap:9px;min-height:44px;font-size:11px;line-height:1.3}.crop-controls input[type=range],.mockup-design .crop-controls input[type=range]{width:100%;height:44px;margin:0;min-width:0;touch-action:none;-webkit-appearance:none;appearance:none;background:transparent;cursor:pointer}.crop-controls input[type=range]::-webkit-slider-runnable-track{height:5px;border-radius:4px;background:#b8c8d8}.crop-controls input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:25px;height:25px;margin-top:-10px;border:2px solid white;border-radius:50%;background:#007dff;box-shadow:0 1px 4px #00244840}.crop-controls input[type=range]::-moz-range-track{height:5px;border-radius:4px;background:#b8c8d8}.crop-controls input[type=range]::-moz-range-thumb{width:23px;height:23px;border:2px solid white;border-radius:50%;background:#007dff}.crop-controls input[type=range]:disabled{opacity:.4;cursor:default}.crop-controls output{font-size:10px;text-align:right;font-variant-numeric:tabular-nums;color:#07354c}.crop-readout{font-size:12px;font-weight:700;color:#07354c}.crop-hint{font-size:10px;color:#52606e;line-height:1.4}.crop-option-warning{font-size:10px;line-height:1.4;background:#fff2e9;color:#8b3c13;padding:7px 9px;border-radius:3px}.crop-controls .text-link{min-height:30px;padding:5px 0}.size-grid label>span,.segmented label>span{min-height:44px;display:flex;align-items:center;justify-content:center;touch-action:manipulation}.size-grid{scroll-padding:5px;overscroll-behavior:contain}.size-grid input,.segmented input{inset:0;width:100%;height:100%;margin:0;cursor:pointer;z-index:1;touch-action:manipulation}
@media(max-width:760px){.mockup-design .canvas-wall{height:140px;padding:10px}.mockup-design canvas{max-height:120px}.mockup-design .crop-controls{padding:7px 0 2px;gap:1px}.mockup-design .crop-controls label{font-size:10px}.mockup-design .crop-readout{font-size:11px}.mockup-design .crop-hint{font-size:9px}.mockup-design .studio-preview{padding:8px 15px}.mockup-design .preview-caption{margin-top:6px}}
@media(max-width:760px) and (max-height:720px){.mockup-design .canvas-wall{height:105px}.mockup-design canvas{max-height:85px}}

/* Keep mobile options in their own scroll area, never underneath the crop controls. */
@media(max-width:760px){.mockup-design #studio[open]{display:flex;flex-direction:column;height:95dvh;max-height:95dvh;overflow:hidden}.mockup-design #studio>.dialog-top{position:relative;top:auto;flex:none}.mockup-design .studio-body{flex:1;min-height:0;overflow:hidden}.mockup-design .studio-preview{position:relative;top:auto;flex:none;z-index:auto}.mockup-design .studio-options{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:14px 20px 22px}.mockup-design .studio-options>.eyebrow,.mockup-design .studio-options>h2,.mockup-design .studio-options>.muted{display:none}.mockup-design .studio-options fieldset:first-of-type{margin-top:0}.mockup-design .studio-options .price-line{position:static}.mockup-design #add-bag{position:static}.mockup-design .size-grid{max-height:145px}}

@media(max-width:760px){.order-sidebar{grid-template-columns:minmax(0,1fr)}.order-sidebar,.order-card,.room-card{min-width:0;max-width:100%}}
/* Customer creative tools and editable production notice. */
.announcement.turnaround-bar{display:flex;align-items:center;justify-content:center;gap:7px 10px;flex-wrap:wrap;background:#07354c;color:#fff;padding:10px 18px;font-size:12px;line-height:1.4;text-align:center;letter-spacing:.15px}.turnaround-bar strong{font-weight:700}.turnaround-bar small{font-size:10px;color:#bde2fa;border-left:1px solid #bde2fa55;padding-left:10px}.creative-strip{padding:20px 4.5%;background:#eff6fc;border-block:1px solid #d7e4ee}.creative-strip h3{font-family:Georgia,serif;font-size:23px;color:#07354c}.creative-strip>p{font-size:12px;color:#52606e;margin-top:5px}.tools-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:15px 0}.tools-actions .button{min-height:42px}.tools-dialog{width:min(1040px,96vw);border-radius:6px}.tools-dialog h2{font-size:33px}.tools-dialog h3{font-family:Georgia,serif;font-size:22px;margin:22px 0 10px}.tools-dialog p{font-size:13px;line-height:1.6;margin:10px 0}.tools-body{padding:25px 30px 35px}.tools-intro{font-size:15px!important;max-width:760px}.tools-local{font-size:11px!important;color:#52606e}.tools-tabs{display:flex;flex-wrap:wrap;gap:8px;border-bottom:1px solid #dbe0e6;padding:12px 0 18px}.tools-tabs button{padding:11px 16px;background:#edf2f7;border-radius:4px;font-size:12px;min-height:44px}.tools-tabs button[aria-pressed=true]{background:#07354c;color:white}.tools-empty{padding:25px;background:#f4f7fa;border-radius:4px}.tools-field{display:flex;flex-direction:column;gap:7px;font-size:12px;min-width:0;margin:10px 0}.tools-field input,.tools-field select{width:100%;min-width:0;padding:12px;border:1px solid #b8c8d8;border-radius:4px;background:white;color:#081827}.tools-check{display:flex;gap:9px;align-items:flex-start;font-size:12px;line-height:1.5;margin:13px 0}.tools-check input{margin-top:3px;accent-color:#007dff}.tools-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px 20px;margin:15px 0}.project-list{display:grid;gap:16px;margin-top:20px}.project-card,.gallery-panel-card{display:grid;grid-template-columns:120px minmax(0,1fr);gap:20px;padding:18px;border:1px solid #dbe0e6;border-radius:5px;background:white}.project-card h3,.gallery-panel-card h3{margin:0!important}.project-card img,.gallery-panel-card img{width:120px;height:120px;object-fit:contain;background:#f3f5f7}.project-card p,.gallery-panel-card p{overflow-wrap:anywhere}.tools-notice{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);background:#07354c;color:white;border-radius:5px;padding:14px 20px;z-index:1000;max-width:min(620px,90vw);box-shadow:0 8px 30px #0003;font-size:12px}.studio-extra-tools{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.studio-extra-tools .button{font-size:10px;min-height:40px}.room-card>.button{margin-top:15px}.size-guide-results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-top:20px}.size-suggestion{padding:18px;background:#eff6fc;border:1px solid #d7e4ee;border-radius:5px}.size-suggestion h3{margin-top:0!important}.size-suggestion .button{margin-top:10px}.room-tool-stage,.gallery-tool-stage{position:relative;display:flex;align-items:center;justify-content:center;background:#edf1f5;border-radius:5px;padding:14px;min-height:200px;margin-top:20px;overflow:hidden}.room-tool-stage canvas,.gallery-tool-stage canvas{max-width:100%;max-height:540px;width:auto;height:auto;box-shadow:none;border:0;cursor:grab;touch-action:none}.room-tool-stage p{position:absolute;padding:20px}.tools-range{display:grid;grid-template-columns:130px minmax(0,1fr);gap:15px;align-items:center;font-size:12px;margin:8px 0}.tools-range input{width:100%;height:44px;touch-action:none;accent-color:#007dff}.gallery-panel-list{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:22px}.gallery-panel-card{grid-template-columns:80px minmax(0,1fr);gap:12px;padding:14px}.gallery-panel-card img{width:80px;height:auto}.gallery-panel-card .tools-actions{gap:8px}.gallery-panel-card .text-link{font-size:10px}.tools-price{font-size:22px!important;font-weight:700;color:#07354c}.saved-photo-picker{display:flex;flex-wrap:wrap;gap:9px;padding:16px;background:#edf6fc}.comparison-grid img,.comparison-grid video{width:100%;height:150px;object-fit:contain;background:#f4f6f8}.comparison-grid small{display:block;font-size:10px;color:#52606e;margin-top:8px}.finish-dialog-body figure{max-width:500px;margin:20px auto}.finish-dialog-body figcaption{font-size:11px;margin-top:6px}.delivery-estimator,.checkout-timing{padding:16px;background:#edf6fc;border:1px solid #d7e4ee;margin-top:20px}.delivery-estimator h3{font-family:Georgia,serif;font-size:20px}.delivery-estimator p,.checkout-timing p{font-size:11px;line-height:1.5;margin:8px 0}.delivery-estimator input{max-width:180px}.ac-order-progress{padding:20px;margin:22px 0;background:#edf6fc;border-left:4px solid #007dff}
@media(max-width:760px){.announcement.turnaround-bar{font-size:11px;padding:10px 15px;gap:4px 6px}.turnaround-bar small{width:100%;border:0;padding:0}.creative-strip{padding:22px 5%}.creative-strip h3{font-size:22px}.creative-strip .tools-actions{display:grid;grid-template-columns:1fr;gap:8px}.tools-body{padding:20px}.tools-dialog h2{font-size:27px}.tools-dialog .dialog-top{padding:17px 20px}.tools-dialog h3{font-size:21px}.tools-form-grid{grid-template-columns:1fr;gap:0}.project-card{grid-template-columns:72px minmax(0,1fr);gap:13px;padding:13px}.project-card img{width:72px;height:85px}.project-card .button{font-size:10px;padding:10px}.size-guide-results,.gallery-panel-list{grid-template-columns:1fr}.tools-tabs button{flex:1;font-size:11px;padding:10px}.tools-actions .button{font-size:11px}.studio-extra-tools{display:grid;grid-template-columns:1fr 1fr;margin-top:0}.studio-extra-tools .button{font-size:9px;min-height:44px;padding:9px}.tools-range{grid-template-columns:100px minmax(0,1fr);font-size:11px}.room-tool-stage canvas,.gallery-tool-stage canvas{max-height:380px}.workspace-header-link{display:none}.tools-notice{width:90%;max-width:90%;font-size:11px}}

.photo-review-option{margin:20px 0;padding:18px;background:#eef5f9;border:1px solid #cfdfeb;border-radius:5px}.care-eyebrow{font-size:10px!important;letter-spacing:1.6px;text-transform:uppercase;color:#456575;margin-bottom:10px}.care-check{display:flex;gap:12px;align-items:flex-start;cursor:pointer}.care-check input{width:19px;height:19px;margin-top:2px;accent-color:#007dff;flex-shrink:0}.care-check strong{display:block;font-family:Georgia,serif;font-size:21px;color:#07354c}.care-check small{display:block;margin-top:7px;font-size:12px;line-height:1.6;color:#405765}.photo-review-option p{font-size:11px;line-height:1.6;color:#405765;margin-top:12px}.photo-review-option textarea{width:100%;font:inherit;min-height:85px;border:1px solid #b8c8d8;border-radius:4px;background:white;padding:12px;resize:vertical}.photo-review-option .tools-field{margin-top:15px}.photo-review-badge{font-size:11px!important;color:#07527c!important;font-weight:700;margin-top:9px!important}.review-note-copy{font-size:11px!important;white-space:pre-wrap;overflow-wrap:anywhere}.care-policy-dialog{max-width:840px}.care-policy-dialog .tools-body{max-width:740px;margin:auto}.care-policy-dialog ol{padding-left:23px;font-size:13px;line-height:1.7}.care-policy-dialog li{padding:4px 0}.care-policy-highlight{background:#edf6fc;border-left:3px solid #0087e7;padding:18px;margin:18px 0}.care-policy-highlight strong{font-size:16px;color:#07354c}.care-policy-link{margin:20px 0 5px}.photo-review-option[hidden]{display:none!important}
@media(max-width:760px){.photo-review-option{padding:15px}.care-check strong{font-size:19px}.care-check small{font-size:11px}.care-policy-highlight{padding:15px}.care-policy-dialog ol{font-size:12px}}