@import url('font-faces.css');

.phone-link{margin-left:auto;white-space:nowrap}.prototype button{margin-left:0!important}@media(max-width:600px){.phone-link{display:none}}

:root{--blue:#176786;--deep:#163d4a;--ink:#243c44;--muted:#6b7a7e;--line:#dce3e1;--paper:#f8f9f5;--mint:#e8eee5;--orange:#b36e34}*{box-sizing:border-box}body{margin:0;color:var(--ink);font:15px 'DM Sans',sans-serif;background:var(--paper)}button,input,select{font:inherit}button,a,input,select{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #db9c42;outline-offset:3px}a{color:inherit}button{border:0;background:none;color:inherit}h1,h2,h3{font-family:Manrope,sans-serif}h1{font-size:40px;letter-spacing:-1.7px;line-height:1.16;margin:12px 0}h2{font-size:24px;letter-spacing:-.6px}p{line-height:1.65}.prototype{background:var(--deep);color:#e4efed;padding:9px 5%;font-size:12px;display:flex;align-items:center;gap:18px}.prototype>span{font-weight:700;font-size:10px;letter-spacing:1.5px}.prototype button{margin-left:auto;color:white;text-decoration:underline}header{height:100px;padding:0 5%;display:flex;align-items:center;gap:45px;border-bottom:1px solid var(--line);background:white}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;white-space:nowrap;font-size:22px;font-weight:700;letter-spacing:-1px}.brand-icon{background:var(--blue);color:white;border-radius:10px;padding:4px 9px;font-size:32px;font-weight:600;letter-spacing:-3px}.brand-icon>span{font-size:20px;margin-left:5px;letter-spacing:0}.brand small{display:block;font-size:8px;letter-spacing:1.4px;margin-top:4px;color:var(--muted)}nav{display:flex;gap:25px;align-items:center;margin-left:auto}nav button{padding:14px 0;font-weight:600;white-space:nowrap}nav .nav-active{color:var(--blue);box-shadow:0 2px var(--blue)}.bag b{background:var(--mint);padding:4px 8px;border-radius:50%;font-size:12px;margin-left:6px}.account{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:10px}.account>span{background:#eee6d6;padding:10px;border-radius:50%;color:#756449;font-weight:700}main{max-width:1320px;margin:auto;padding:34px 5% 70px;min-height:75vh}.steps{display:flex;align-items:center;gap:0;max-width:820px;margin:0 auto 42px}.step{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted);white-space:nowrap}.step span{border:1px solid #cad4d1;border-radius:50%;height:26px;width:26px;display:grid;place-items:center;font-size:11px}.step.current{color:var(--blue);font-weight:700}.step.current span,.step.complete span{background:var(--blue);color:white;border-color:var(--blue)}.connector{height:1px;background:var(--line);flex:1;margin:0 16px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2px;color:var(--blue);margin:0}.pagehead{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-bottom:30px}.pagehead p:not(.eyebrow){color:var(--muted);margin:12px 0 0;max-width:620px}.primary{background:var(--blue);color:white;padding:14px 23px;border-radius:7px;font-weight:700;min-height:46px;white-space:nowrap}.primary:hover{background:#10536f}.secondary{border:1px solid var(--line);background:white;padding:12px 19px;border-radius:7px;font-weight:600;min-height:44px}.textbutton{color:var(--blue);font-weight:600;padding:10px 0}.layout{display:grid;grid-template-columns:210px minmax(0,1fr);gap:36px}.sidebar{border-top:1px solid var(--line);padding-top:22px}.sidebar h3{font-size:11px;letter-spacing:1.5px;margin:0 0 18px;color:var(--muted)}.album{width:100%;display:flex;align-items:center;gap:10px;text-align:left;border-radius:7px;padding:13px 11px;margin:4px 0;font-size:13px}.album.active{background:#e6eeeb;color:var(--deep);font-weight:700}.album i{font-style:normal;font-size:21px}.album b{margin-left:auto;font-size:11px;font-weight:400;color:var(--muted)}.sidebar-note{margin:30px 8px;padding-top:22px;border-top:1px solid var(--line);font-size:12px;color:var(--muted);line-height:1.7}.sidebar-note strong{color:var(--ink);display:block;margin-bottom:5px}.toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:12px}.toolbar strong{font-size:17px}.toolbar small{color:var(--muted);margin-left:10px}.toolbar button{font-size:12px;color:var(--blue);text-decoration:underline}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.photo{background:white;border:1px solid var(--line);border-radius:9px;overflow:hidden;position:relative;transition:box-shadow .15s}.photo.selected{border-color:var(--blue);box-shadow:0 0 0 2px var(--blue)}.photo-select{padding:0;width:100%;display:block;text-align:left}.photo-image{height:185px;width:100%;object-fit:cover;display:block;background:#e5eae7}.check{position:absolute;right:12px;top:12px;width:25px;height:25px;border:1px solid #ffffffbc;background:#ffffffc9;border-radius:50%;color:white;display:grid;place-items:center;font-size:13px;box-shadow:0 1px 5px #0002}.selected .check{background:var(--blue);border-color:var(--blue)}.caption{padding:14px;display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:12px}.caption small{color:var(--muted);font-size:10px}.upload-tile{border:1px dashed #aebeb8;border-radius:9px;min-height:240px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f0f3ec;gap:12px;text-align:center;padding:18px}.upload-tile b{font-size:30px;font-weight:400;color:var(--blue)}.upload-tile small{color:var(--muted);line-height:1.6}.selectionbar{position:sticky;bottom:15px;border:1px solid var(--line);background:white;box-shadow:0 6px 25px #163d4a12;border-radius:10px;margin-top:30px;padding:17px 20px;display:flex;align-items:center;gap:15px;z-index:2}.selectionbar .primary{margin-left:auto}.selectionbar small{color:var(--muted);display:block;margin-top:3px}.mini-stack{display:flex;padding-left:7px}.mini-stack img{width:36px;height:43px;object-fit:cover;border:2px solid white;margin-left:-7px;border-radius:4px;transform:rotate(-5deg)}.info-banner{background:#eaf1ee;border:1px solid #d8e5de;border-radius:8px;padding:15px 18px;font-size:13px;line-height:1.6;margin:20px 0}.warning{color:#885b24;background:#fff5e4;border-color:#edd9b9}.order-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:30px;align-items:start}.panel{background:white;border:1px solid var(--line);border-radius:10px;padding:23px}.summary{position:sticky;top:20px}.summary h2{font-size:21px;margin:0 0 22px}.sum-row{display:flex;justify-content:space-between;gap:15px;margin:15px 0;font-size:14px}.sum-row.total{font-weight:700;font-size:21px;border-top:1px solid var(--line);padding-top:19px;margin-top:22px}.summary .primary{width:100%;margin-top:15px}.summary p{font-size:12px;color:var(--muted);margin-bottom:0}.batch{display:flex;align-items:end;gap:15px;padding:18px;background:#eaf0ec;border-radius:8px;margin-bottom:20px;flex-wrap:wrap}.batch label{flex:1}.batch strong{width:100%;font-size:13px}label{display:block;font-size:12px;font-weight:600;color:var(--ink)}input,select{display:block;border:1px solid #cad6d2;background:white;border-radius:6px;padding:11px;width:100%;margin-top:7px;color:var(--ink);min-height:44px}input[type=range]{padding:0;accent-color:var(--blue)}.print-row{display:grid;grid-template-columns:135px 1fr;gap:22px;padding:22px 0;border-bottom:1px solid var(--line)}.print-row:first-child{padding-top:0}.print-row:last-child{border:0}.print-image{width:135px;height:145px;object-fit:cover;background:#f0f1eb;border-radius:5px}.print-row h3{margin:0 0 5px;font-size:16px}.print-row small{color:var(--muted);font-size:12px}.row-controls{display:flex;gap:14px;align-items:end;margin-top:16px}.row-controls>label{flex:1}.qty{display:flex;border:1px solid #cad6d2;border-radius:6px;height:44px;background:white;margin-top:7px;overflow:hidden}.qty button{width:34px;font-size:19px;flex-shrink:0}.qty input{width:45px;min-height:0;border:0;padding:0;text-align:center;margin:0;border-radius:0;appearance:textfield}.qty input::-webkit-inner-spin-button{appearance:none}.row-actions{display:flex;justify-content:space-between;align-items:center;margin-top:9px;font-size:12px;gap:8px}.remove{color:var(--muted);text-decoration:underline;padding:8px}.row-price{font-size:16px;font-weight:700}.forms{display:grid;grid-template-columns:1fr 1fr;gap:20px}.forms .wide{grid-column:1/-1}.shipping-option{display:flex;gap:14px;border:1px solid var(--line);border-radius:8px;padding:17px;margin:12px 0;align-items:center;cursor:pointer}.shipping-option input{width:18px;min-height:18px;margin:0;accent-color:var(--blue)}.shipping-option strong{display:block;margin-bottom:5px}.shipping-option small{color:var(--muted);font-weight:400}.shipping-option>b{margin-left:auto}.review-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:24px}.review-grid h3{font-size:15px;margin:0}.review-grid p{font-size:14px;margin-bottom:0}.history-card{margin-bottom:20px;display:flex;align-items:center;justify-content:space-between;gap:20px}.history-images{display:flex;gap:8px;margin-top:16px}.history-images img{width:76px;height:83px;object-fit:cover;border-radius:4px}.history-card h3{margin:0 0 7px}.history-card p{font-size:13px;color:var(--muted);margin:0}.empty{text-align:center;padding:55px 25px}.empty h2{font-size:26px}.empty p{color:var(--muted)}footer{border-top:1px solid var(--line);padding:30px 5%;display:flex;justify-content:space-between;gap:20px;font-size:11px;color:var(--muted)}.brand-text{font-size:16px;font-weight:700;color:var(--blue);text-decoration:none}dialog{border:0;border-radius:14px;padding:28px;max-width:700px;width:calc(100% - 28px);max-height:94vh;color:var(--ink)}dialog::backdrop{background:#132b39ad;backdrop-filter:blur(3px)}.dialog-head{display:flex;align-items:center;justify-content:space-between}.dialog-head h2{margin:0}.dialog-head button{font-size:25px}.crop-stage{background:#e6eae5;display:flex;justify-content:center;align-items:center;height:290px;border-radius:8px;margin:20px 0;overflow:hidden}.crop-stage canvas{max-width:96%;max-height:96%;box-shadow:0 5px 15px #0002}.crop-tools{display:grid;grid-template-columns:1fr 1fr;gap:16px}.crop-tools .wide{grid-column:1/-1}.dialog-actions{display:flex;justify-content:space-between;margin-top:25px;gap:15px}.done{text-align:center;padding:35px 10px}.done-icon{font-size:35px;background:var(--mint);border-radius:50%;width:75px;height:75px;display:grid;place-items:center;margin:0 auto 25px;color:var(--blue)}#toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);background:var(--deep);color:white;padding:13px 22px;border-radius:8px;z-index:10;box-shadow:0 3px 20px #0002;max-width:90%;display:none}.muted{color:var(--muted)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.print-canvas{object-fit:contain}.upload-status{font-size:13px;color:var(--blue);margin-bottom:15px}.history-link{margin-top:18px}.security-note{font-size:12px!important}.label-line{display:flex;align-items:center;justify-content:space-between}.resolution{color:#885b24!important;font-size:11px;margin:8px 0 0}

@media(min-width:1450px){.photo-image{height:215px}}@media(max-width:1050px){header{gap:20px}.account{display:none}.layout{grid-template-columns:175px 1fr;gap:22px}.photo-image{height:155px}.grid{gap:14px}.order-layout{grid-template-columns:1fr 280px;gap:20px}.row-controls{flex-wrap:wrap}}@media(max-width:760px){.prototype{font-size:10px;gap:9px;padding:8px 4%}.prototype>span{font-size:8px;letter-spacing:.5px}header{height:auto;min-height:80px;flex-wrap:wrap;padding:20px 5% 0;gap:12px}.brand{font-size:20px}.brand-icon{font-size:27px}nav{margin:0;width:100%;justify-content:space-between;gap:15px}nav button{font-size:13px}main{padding:24px 5% 45px}.steps{margin-bottom:30px;justify-content:space-between}.step{font-size:10px;flex-direction:column;gap:6px}.connector{margin:0 5px;position:relative;top:-9px}h1{font-size:31px}.pagehead{align-items:start;gap:15px}.pagehead .primary{font-size:12px;padding:12px}.pagehead p:not(.eyebrow){font-size:13px}.layout{display:block}.sidebar{padding:0;border:0;display:flex;overflow:auto;gap:9px;margin-bottom:25px}.sidebar h3,.sidebar-note{display:none}.album{width:auto;white-space:nowrap;padding:11px;font-size:11px;margin:0}.album b{margin-left:6px}.album i{display:none}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.photo-image{height:180px}.caption{padding:11px;font-size:11px}.caption small{display:none}.upload-tile{min-height:220px;font-size:12px}.toolbar strong{font-size:15px}.toolbar small{display:block;margin:4px 0 0}.selectionbar{padding:13px;bottom:10px;gap:8px}.selectionbar strong{font-size:12px}.selectionbar small{font-size:10px}.selectionbar .primary{font-size:12px;padding:12px}.mini-stack{display:none}.order-layout{display:flex;flex-direction:column}.order-layout>div,.summary{width:100%}.summary{position:static}.print-row{grid-template-columns:90px 1fr;gap:15px}.print-image{width:90px;height:115px}.row-controls{gap:9px}.row-controls>label{min-width:90px}.row-controls .row-price{margin-left:auto}.row-actions{flex-wrap:wrap}.panel{padding:18px}.forms{gap:15px}.review-grid{grid-template-columns:1fr}.history-card{align-items:start;flex-direction:column}.history-card .primary{width:100%}.history-images img{width:65px;height:75px}.crop-stage{height:240px}.crop-tools{gap:12px}.crop-tools label{font-size:11px}footer{flex-wrap:wrap;font-size:10px}footer span:last-child{width:100%}.batch .secondary{padding:12px;font-size:12px}}@media(max-width:390px){.photo-image{height:145px}.prototype{flex-wrap:wrap}.prototype button{font-size:10px}.pagehead{flex-wrap:wrap}.caption{font-size:10px}.selectionbar small{max-width:140px}}

/* Lightweight photo studio */

.editor-dialog{width:1080px;max-width:calc(100vw - 32px);padding:26px 30px;border-radius:14px}.editor-subtitle{font-size:13px;margin:8px 0 22px}.editor-subtitle span{color:var(--muted)}.editor-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:26px}.editor-preview{min-width:0}.editor-viewbar,.editor-previewbar{display:flex;justify-content:space-between;align-items:center;gap:12px}.editor-viewbar{font-size:11px;padding:0 0 12px;color:var(--muted)}.editor-viewbar button{padding:7px;font-size:12px}.editor-stage{height:380px;background:#263d43;border-radius:9px;display:flex;align-items:center;justify-content:center;padding:22px;overflow:hidden}.editor-stage canvas{max-width:100%;max-height:100%;width:auto;height:auto;touch-action:none;cursor:grab;box-shadow:0 8px 24px #0003}.editor-stage canvas.dragging{cursor:grabbing}.editor-previewbar{margin-top:15px;font-size:12px}.editor-previewbar .secondary{font-size:12px}.editor-hint{font-size:12px;color:var(--muted);line-height:1.6;margin:13px 0 0;min-height:38px}.editor-tabs{display:flex;border-bottom:1px solid var(--line);gap:4px}.editor-tabs button{flex:1;padding:12px 2px;font-size:12px;white-space:nowrap;color:var(--muted)}.editor-tabs button[aria-selected=true]{color:var(--blue);box-shadow:0 2px var(--blue);font-weight:700}.editor-controls h3{font-size:18px;margin:22px 0 6px}.tool-description{font-size:12px;color:var(--muted);line-height:1.6;margin:0 0 20px}.edit-slider{margin-top:19px}.edit-slider span{display:flex;justify-content:space-between;align-items:center}.edit-slider output{font-size:11px;color:var(--muted);font-weight:400;background:var(--paper);padding:3px 7px;border-radius:4px;min-width:38px;text-align:center}.edit-slider input{min-height:25px;margin:7px 0 0}.edit-buttonrow{display:flex;gap:8px;margin-top:17px}.edit-buttonrow button{flex:1;padding:9px 6px;font-size:13px}.editor-controls details{margin-top:18px}.editor-controls summary{font-size:12px;cursor:pointer;color:var(--blue)}.editor-footer{display:flex;align-items:center;justify-content:space-between;padding-top:20px;margin-top:16px;border-top:1px solid var(--line);gap:12px}.editor-footer>div{display:flex;gap:10px}.looks-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.look{padding:0;border:2px solid transparent;border-radius:7px;overflow:hidden;background:var(--paper);text-align:left}.look img{width:100%;height:79px;object-fit:cover;display:block}.look span{display:block;padding:9px;font-size:12px}.look[aria-pressed=true]{border-color:var(--blue);color:var(--blue);font-weight:700}.editor-dialog button[aria-pressed=true]:not(.look){background:var(--mint);border-radius:6px}.editor-controls [hidden]{display:none}.editor-controls select{font-size:12px}

@media(max-width:800px){.editor-dialog{padding:20px;max-height:96vh}.editor-layout{grid-template-columns:1fr;gap:18px}.editor-stage{height:265px;padding:15px}.editor-controls h3{margin-top:18px}.editor-tabs button{padding:13px 4px}.editor-footer{position:sticky;bottom:-20px;background:white;padding:15px 0;margin-top:20px}.editor-footer .primary{padding:12px 15px;font-size:13px}.editor-footer .secondary{padding:12px;font-size:12px}.editor-footer>.textbutton{font-size:12px}.editor-subtitle{margin-bottom:15px}.editor-subtitle span{display:block;margin-top:4px}.looks-grid{grid-template-columns:repeat(3,1fr)}.look img{height:80px}.look span{font-size:10px}.editor-controls .edit-slider{margin-top:15px}}@media(max-width:420px){.editor-dialog{padding:16px;max-width:calc(100vw - 14px)}.editor-stage{height:225px}.editor-footer{bottom:-16px}.editor-footer>div{gap:6px}.editor-footer .primary{padding:12px}.editor-previewbar{gap:5px}.editor-previewbar button{font-size:11px}.editor-viewbar{font-size:10px}}

.another-size{margin-top:14px;border-top:1px solid var(--line);padding-top:12px}.another-size>summary{font-size:12px;color:var(--blue);font-weight:700;cursor:pointer;list-style:none;min-height:30px;padding:6px 0}.another-size>summary::-webkit-details-marker{display:none}.another-size[open]>summary{margin-bottom:10px}.size-picker{background:#eff4f0;border:1px solid #dce7df;padding:15px;border-radius:8px}.size-picker p{font-size:12px;line-height:1.5;margin:0 0 12px}.size-choices{display:grid;grid-template-columns:1fr 1fr;gap:9px}.size-choices button{border:1px solid #cbdad3;border-radius:6px;background:white;padding:12px;text-align:left}.size-choices button:hover{border-color:var(--blue);background:#f8fcfa}.size-choices strong{font-size:12px;display:block}.size-choices span{display:block;font-size:11px;color:var(--muted);margin-top:4px}.size-picker>small{display:block!important;font-size:11px!important;line-height:1.5;margin-top:12px}@media(max-width:600px){.size-picker{padding:10px}.size-choices{grid-template-columns:1fr}.size-choices button{display:flex;justify-content:space-between;align-items:center;gap:8px}.size-choices span{margin:0}}

/* Photos contain independent size selections throughout the order. */

.photo-order-group+.photo-order-group{margin-top:28px;padding-top:28px;border-top:2px solid var(--line)}.photo-group-header{height:auto;min-height:0;background:transparent;border:0;padding:0 0 20px;margin:0;display:flex;gap:16px;align-items:center}.group-original{width:68px;height:68px;object-fit:cover;border-radius:7px;flex-shrink:0}.photo-group-header .eyebrow{font-size:9px;letter-spacing:1.3px}.photo-group-header h3{font-size:18px;line-height:1.3;margin:6px 0}.group-meta{font-size:12px;color:var(--muted);margin:0;line-height:1.4}.group-total{margin-left:auto;text-align:right;white-space:nowrap}.group-total span{display:block;color:var(--muted);font-size:11px;margin-bottom:5px}.group-total strong{font-size:20px}.group-size-list{border:1px solid var(--line);border-radius:9px;overflow:hidden}.size-order-row{display:grid;grid-template-columns:100px minmax(0,1fr);gap:18px;padding:18px;background:#fbfcf9}.size-order-row+.size-order-row{border-top:1px solid var(--line)}.size-crop canvas{display:block;width:100px;height:85px;background:#eef1eb;border-radius:4px;object-fit:contain}.size-crop small{display:block;font-size:10px!important;color:var(--muted);text-align:center;margin-top:7px}.size-order-fields{display:grid;grid-template-columns:minmax(130px,1fr) 116px 70px;align-items:end;gap:14px}.size-order-fields select{font-size:12px;padding:11px 8px}.size-line-total{text-align:right;padding-bottom:7px}.size-line-total span{display:block;font-size:10px;color:var(--muted);white-space:nowrap;margin-bottom:5px}.size-line-total strong{font-size:17px}.size-order-actions{display:flex;align-items:center;gap:14px;margin-top:6px;font-size:12px;flex-wrap:wrap}.size-order-actions .textbutton{font-size:12px}.size-order-actions>span{color:var(--muted);font-size:10px}.size-order-actions .remove{margin-left:auto;font-size:11px}.photo-order-group>.another-size{border:0;margin-top:10px;padding-top:5px}.size-review-line{display:flex;justify-content:space-between;align-items:center;gap:15px;min-height:85px}.size-review-line h4{margin:0;font-size:15px}.size-review-line p{margin:6px 0 0;font-size:12px;color:var(--muted)}

@media(max-width:1100px) and (min-width:761px){.size-order-fields{grid-template-columns:1fr 113px}.size-line-total{grid-column:1/-1;display:flex;align-items:center;gap:12px;justify-content:flex-end;padding:0}.size-line-total span{margin:0}.size-order-actions>span{display:none}}@media(max-width:760px){.photo-group-header{flex-wrap:nowrap;padding:0 0 18px;gap:10px}.group-original{width:50px;height:58px}.photo-group-header h3{font-size:15px}.photo-group-header .eyebrow{font-size:8px;letter-spacing:.5px}.group-meta{font-size:11px}.group-total span{font-size:9px}.group-total strong{font-size:17px}.size-order-row{grid-template-columns:64px minmax(0,1fr);gap:12px;padding:13px 10px}.size-crop canvas{width:64px;height:73px}.size-crop small{font-size:8px!important}.size-order-fields{grid-template-columns:1fr;gap:12px}.size-order-fields>label:nth-child(2){max-width:116px}.size-line-total{display:flex;align-items:center;justify-content:space-between;padding:0;gap:12px}.size-line-total span{font-size:11px;margin:0}.size-order-actions{gap:6px}.size-order-actions>span{width:100%;order:3}.size-order-actions .remove{margin:0 0 0 auto;padding:8px 0}.photo-group-header>div:nth-child(2){min-width:0}.photo-group-header h3{overflow-wrap:anywhere}.group-total{flex-shrink:0}.size-review-line{min-height:73px}.size-review-line h4{font-size:13px}.size-review-line p{font-size:11px}}

/* Public welcome and account preview */

.public-view>header .account{display:none}.public-view nav .primary{padding:11px 18px;color:white}.public-view main{padding-top:0}.welcome-hero{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center;min-height:590px;padding:65px 0 45px}.welcome-copy h1{font-size:65px;letter-spacing:-3px;line-height:1.06;margin:22px 0}.welcome-copy h1 em{font-style:normal;color:var(--blue)}.welcome-copy>p:not(.eyebrow){font-size:17px;color:var(--muted);max-width:440px}.welcome-actions{display:flex;gap:22px;align-items:center;margin:26px 0 17px}.welcome-copy>small{font-size:12px;color:var(--muted)}.print-scene{height:470px;position:relative;background:#e6ece2;border-radius:48% 48% 12px 12px}.paper-print{position:absolute;margin:0;padding:12px 12px 0;background:#fff;box-shadow:0 16px 35px #1c3a4229}.paper-print img{width:100%;height:100%;object-fit:cover;display:block}.paper-print figcaption{font-size:11px;padding:14px 0;color:#697575}.print-back{width:230px;height:290px;right:24px;top:22px;transform:rotate(11deg);padding-bottom:45px}.print-front{width:290px;height:260px;left:15px;top:165px;transform:rotate(-9deg);padding-bottom:45px}.scene-note{position:absolute;right:19px;bottom:20px;font-size:19px;color:var(--blue);line-height:1.4;font-style:italic;transform:rotate(5deg)}.welcome-benefits{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:24px 0;font-size:13px}.welcome-benefits span:before{content:'✓';color:var(--blue);margin-right:10px}.welcome-section{padding:65px 0}.welcome-section>h2,.size-showcase h2,.welcome-return h2{font-size:31px;line-height:1.25}.how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:48px;margin-top:35px}.how-grid article>b{color:var(--blue);font-size:13px;border-bottom:1px solid #b5c9bf;padding-bottom:9px;display:block}.how-grid h3{font-size:19px;margin:20px 0 10px}.how-grid p,.size-showcase p,.welcome-return p{font-size:14px;color:var(--muted)}.size-showcase{background:#e8eee5;padding:40px;display:grid;grid-template-columns:1fr 1.4fr;gap:30px;border-radius:12px;align-items:center}.size-samples{display:flex;gap:18px;align-items:end;min-height:220px}.size-samples>div{background:white;padding:15px;box-shadow:0 7px 18px #1c3a4210;display:flex;flex-direction:column;justify-content:end;flex:1;height:130px;border:7px solid #fafbf8;outline:1px solid #d3dfd3}.size-samples>div:nth-child(2){height:165px}.size-samples>div:nth-child(3){height:205px}.size-samples span{font-size:24px;color:var(--blue);white-space:nowrap}.size-samples small{font-size:10px;color:var(--muted);margin-top:10px}.welcome-return{display:flex;align-items:center;justify-content:space-between;gap:35px;padding:60px 0;border-bottom:1px solid var(--line)}.welcome-return p{max-width:590px}.welcome-faq{max-width:800px;margin:55px auto 0}.welcome-faq details{border-bottom:1px solid var(--line);padding:18px 0}.welcome-faq summary{cursor:pointer;font-weight:600;font-size:14px}.welcome-faq p{color:var(--muted);font-size:14px}.entry-page{padding:65px 0;text-align:center}.entry-page>p:not(.eyebrow){color:var(--muted)}.entry-options{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:850px;margin:35px auto}.entry-options article{padding:32px}.entry-icon{font-size:32px;color:var(--blue)}.entry-options p{color:var(--muted);font-size:14px}.entry-options small{display:block;margin:18px auto 0;font-size:11px;color:var(--muted);line-height:1.6;max-width:260px}.entry-account{font-size:13px}.auth-layout{display:grid;grid-template-columns:1fr 1fr;gap:85px;max-width:990px;margin:65px auto}.auth-layout h1{font-size:45px}.auth-layout>section>p:not(.eyebrow){color:var(--muted)}.auth-photo{width:100%;height:220px;object-fit:cover;border:12px solid white;box-shadow:0 8px 24px #163d4a12;margin-top:15px;transform:rotate(-3deg)}.auth-card{padding:30px}.auth-card h2{margin-top:0}.auth-demo{background:#edf3ee;padding:12px;font-size:12px;border-radius:6px}.auth-card label{margin:19px 0 0}.auth-card form>small{display:block;color:var(--muted);font-size:11px;line-height:1.6;margin:8px 0 22px}.auth-card form>.primary{width:100%}.auth-card>p,.auth-card>.textbutton{font-size:12px}.auth-card input{font-size:14px}

@media(max-width:1000px){.welcome-copy h1{font-size:52px}.welcome-hero{gap:25px}.print-back{width:190px;height:250px}.print-front{width:240px;height:235px;left:0}.scene-note{font-size:16px}.auth-layout{gap:35px}.size-showcase{padding:25px}.size-samples{gap:10px}.size-samples>div{padding:10px}}

@media(max-width:760px){.public-view nav{gap:12px}.public-view nav .primary{font-size:11px;padding:10px}.public-view nav button{font-size:12px}.welcome-hero{grid-template-columns:1fr;padding:40px 0 25px;gap:25px}.welcome-copy h1{font-size:49px;letter-spacing:-2px}.welcome-copy>p:not(.eyebrow){font-size:15px}.welcome-copy .eyebrow{font-size:9px;letter-spacing:1.3px}.welcome-actions{gap:16px}.welcome-actions .textbutton{font-size:12px}.print-scene{height:360px;max-width:440px;width:100%;margin:0 auto}.print-back{right:30px;top:10px;width:180px;height:215px}.print-front{top:125px;left:20px;width:220px;height:205px}.scene-note{font-size:14px;bottom:12px;right:12px}.welcome-benefits{flex-direction:column;gap:14px;font-size:12px}.welcome-section{padding:40px 0}.welcome-section>h2,.size-showcase h2,.welcome-return h2{font-size:27px}.how-grid{grid-template-columns:1fr;gap:23px}.how-grid h3{margin:15px 0 5px}.how-grid p{margin:5px 0}.size-showcase{grid-template-columns:1fr;padding:24px}.size-samples{gap:9px;min-height:190px}.size-samples span{font-size:19px}.size-samples>div{padding:7px}.size-samples>div:nth-child(3){height:185px}.size-samples small{font-size:9px}.welcome-return{flex-direction:column;align-items:start;padding:40px 0;gap:12px}.welcome-faq h2{font-size:23px}.entry-page{padding:40px 0}.entry-options{grid-template-columns:1fr}.entry-page h1{font-size:33px}.auth-layout{grid-template-columns:1fr;gap:20px;margin:40px auto}.auth-layout h1{font-size:36px}.auth-photo{display:none}.auth-card{padding:23px}}

.forgot-link{display:block;margin:-10px 0 15px;font-size:12px}.recovery-card form>.primary{margin-top:22px}.recovery-card p{line-height:1.65}.recovery-card>h2{margin-top:24px}.recovery-card>.textbutton{margin-top:22px}.recovery-help{margin-top:24px;font-size:12px;line-height:1.6}.recovery-help summary{cursor:pointer;color:var(--blue)}.reset-preview{background:var(--paper);border:1px dashed #b9ccc3;border-radius:8px;padding:18px;margin-top:25px;font-size:13px}.reset-preview p{font-size:12px}.reset-preview .primary{width:100%;font-size:12px}.recovery-icon{margin-top:25px;background:var(--mint);color:var(--blue);border-radius:50%;width:52px;height:52px;display:grid;place-items:center;font-size:26px}.reset-error{color:#9c3030;font-size:12px}.reset-error:empty{display:none}.auth-card input[aria-invalid=true]{border-color:#9c3030}@media(max-width:760px){body:not(.public-view)>header nav{gap:10px}body:not(.public-view)>header nav button{font-size:12px}}

/* Customer portal */

.portal-notice{font-size:12px;color:var(--muted);border-bottom:1px solid var(--line);padding:0 0 22px;margin-bottom:30px;line-height:1.6}.portal-layout{display:grid;grid-template-columns:195px minmax(0,1fr);gap:35px}.portal-nav{display:flex;flex-direction:column;gap:6px;align-self:start}.portal-nav button{text-align:left;padding:14px;border-radius:7px;font-size:13px}.portal-nav button[aria-current]{background:#e4ede7;color:var(--blue);font-weight:700}.portal-nav button:last-child{border-top:1px solid var(--line);margin-top:12px;border-radius:0;color:var(--muted)}.portal-content{min-width:0}.portal-section-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:20px}.portal-section-heading h2,.portal-section-heading h3{margin:0}.portal-section-heading h2{font-size:23px}.portal-section-heading h3{font-size:17px}.portal-section-heading .textbutton{font-size:12px;white-space:nowrap}.portal-order{padding:24px;background:white;border:1px solid var(--line);border-radius:10px;margin-bottom:22px}.portal-order-top{display:flex;justify-content:space-between;align-items:center;gap:16px}.portal-order small,.portal-print small{display:block;color:var(--muted);font-size:12px;margin-top:7px}.order-badge{display:inline-block;white-space:nowrap;padding:7px 11px;border-radius:20px;font-size:11px;background:#e5eef4;color:#216184;font-weight:700}.order-badge.delivered{background:#e7f0e3;color:#42633c}.order-badge.printing{background:#f7eddc;color:#8b6426}.portal-order-body{display:flex;align-items:center;gap:25px;margin:22px 0}.portal-order-body .history-images{margin:0}.portal-order-body>div:last-child{font-size:14px}.portal-order-actions{display:flex;gap:22px;align-items:center;flex-wrap:wrap}.portal-order-actions button{font-size:12px}.portal-two{display:grid;grid-template-columns:1fr 1fr;gap:20px}.portal-two .panel h2{font-size:20px}.portal-two p{font-size:13px}.portal-two .panel h3{margin-top:0}.portal-address-actions{display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center}.portal-address-actions button{font-size:12px}.portal-address-actions .secondary{width:100%;margin-top:10px}.portal-print-details{margin-top:22px}.portal-print-details>p,.portal-content>.muted{font-size:12px}.portal-print{display:flex;gap:18px;align-items:center;padding:16px 0;border-top:1px solid var(--line);font-size:14px}.portal-print img{width:70px;height:68px;object-fit:cover;border-radius:4px}.portal-print-details>.primary{margin-top:20px}.tracking-timeline{list-style:none;padding:0 0 0 18px;margin:25px 0;border-left:2px solid #d6e3dc}.tracking-timeline li{position:relative;margin:0 0 25px;padding-left:14px}.tracking-timeline li:before{content:'';position:absolute;width:10px;height:10px;border-radius:50%;background:#b3c7bb;left:-24px;top:4px;border:2px solid white}.tracking-timeline li:first-child:before{background:var(--blue)}.tracking-timeline small{display:block;color:var(--muted);font-size:11px;margin-bottom:6px}.tracking-timeline strong{font-size:14px}.tracking-timeline p{margin:5px 0 0;font-size:12px}.portal-signout{margin-left:22px}#profile-form>.muted{font-size:12px}

@media(max-width:850px){.portal-layout{grid-template-columns:1fr;gap:24px}.portal-nav{flex-direction:row;overflow-x:auto;border-bottom:1px solid var(--line);padding-bottom:12px}.portal-nav button{white-space:nowrap;padding:12px}.portal-nav button:last-child{border:0;margin:0}.portal-two{grid-template-columns:1fr}.portal-order-body{flex-wrap:wrap;gap:15px}.portal-order{padding:19px}.portal-section-heading h2{font-size:21px}.portal-section-heading .primary{font-size:12px;padding:12px}.portal-section-heading{gap:12px}.portal-order-actions{gap:12px}.portal-order-actions .secondary{padding:12px}.portal-notice{margin-bottom:20px}.portal-print-details h2{font-size:22px}}

@media(max-width:600px){.portal-nav{display:grid;grid-template-columns:1fr 1fr;overflow:visible;gap:4px}.portal-nav button{font-size:12px;padding:11px}.portal-nav button:last-child{color:var(--muted)}}

/* Refreshed EZ mark: two familiar photo prints, with a sun and landscape. */

.brand-icon.brand-refresh{display:flex;align-items:center;gap:8px;padding:8px 10px 8px 12px;border-radius:12px;line-height:1;letter-spacing:0;background:var(--blue)}.brand-icon.brand-refresh>.brand-ez{font-family:Manrope,sans-serif;font-size:33px;font-weight:800;letter-spacing:-2px;margin:0;color:white}.brand-photo{width:34px;height:36px;display:block;overflow:visible}@media(max-width:760px){.brand-icon.brand-refresh{padding:7px 9px;gap:7px}.brand-icon.brand-refresh>.brand-ez{font-size:29px}.brand-photo{width:29px;height:32px}}

.real-library{display:grid;grid-template-columns:250px minmax(0,1fr);gap:30px}.real-albums{align-self:start;position:sticky;top:16px}.real-albums h2{font-size:20px;margin-top:0}.real-albums h2 small{color:var(--muted);font-size:12px}.real-albums .album span{overflow-wrap:anywhere;min-width:0}.real-albums .album b{flex-shrink:0}#real-album-list{max-height:60vh;overflow-y:auto;margin-top:16px}.real-more{margin-top:25px}.real-full-photo{display:block;max-width:100%;max-height:70vh;object-fit:contain;margin:20px auto}#real-photo-dialog{max-width:1000px}.image-missing{padding:20px;font-size:12px}.real-library .photo-image{object-fit:contain;background:#e9eee7}@media(max-width:760px){.real-library{grid-template-columns:1fr}.real-albums{position:static}#real-album-list{max-height:180px}.real-albums .album{width:100%;white-space:normal}.real-library .photo-image{height:150px}}

.real-scope{display:flex;gap:5px;margin-bottom:8px}.real-scope button{font-size:12px;padding:10px 8px;border-radius:6px}.real-scope button[aria-pressed=true]{background:var(--mint);color:var(--blue);font-weight:700}#real-share-dialog form .primary,#copy-existing-share{margin-top:20px}#real-share-dialog label{margin-top:16px}#real-share-dialog p{font-size:13px}

.real-select{display:block;width:100%;min-height:44px;border-top:1px solid var(--line);color:var(--blue);font-size:12px;font-weight:700}.real-select.selected{background:var(--blue);color:white}.real-library .selectionbar{margin-bottom:20px}.real-library .selectionbar small{max-width:340px}#real-login>.primary{margin-top:20px}@media(max-width:760px){.real-library .selectionbar{flex-wrap:wrap}.real-library .selectionbar .primary{margin-left:0}}



.summary .sum-row { gap: 12px; }

.summary .sum-row > span:last-child { white-space: nowrap; flex-shrink: 0; }



#live-upload-input[hidden]{display:none!important}



.merchant-disclosure{margin:20px 0;padding:16px;text-align:left;border:1px solid #b9d9d8;border-radius:8px;background:#edf5f3;color:#173e48;font-size:14px;line-height:1.55}.merchant-disclosure p{margin:8px 0 0;font-size:14px;color:#173e48}

/* Keep real-account content within the viewport, including long album names. */

.real-library>*,.portal-layout>*,.order-layout>*,.auth-layout>*{min-width:0}

.real-library .toolbar{flex-wrap:wrap;align-items:flex-start}

.real-library .toolbar>div{min-width:0}

.real-library .toolbar strong,.caption span,.portal-content p{overflow-wrap:anywhere}

@media(max-width:760px){

 .prototype{flex-wrap:wrap;line-height:1.5}

 body>header nav{display:flex;flex-wrap:wrap;gap:4px 12px!important;min-width:0}

 body>header nav button{flex:1 1 auto;min-height:44px}

 .real-library,.portal-layout,.portal-two,.auth-layout{grid-template-columns:minmax(0,1fr)}

 .real-library .toolbar>div:first-child{flex-basis:100%}

 .real-library .toolbar>div:last-child{display:flex;flex-wrap:wrap;gap:8px;align-items:center}

 .real-library .toolbar button{max-width:100%;white-space:normal}

 .pagehead,.portal-section-heading,.portal-order-top{flex-wrap:wrap}

 .real-library .selectionbar>div{min-width:0}

 .real-library .selectionbar .primary{white-space:normal;max-width:100%}

 .panel input,.panel select,.panel textarea{min-width:0;max-width:100%}

 .panel .primary{white-space:normal}

 .forms{grid-template-columns:minmax(0,1fr)}

}

/* iOS Safari zooms focused controls below 16px and can retain that zoom after login. */

@media(max-width:760px){

 input,select,textarea,.auth-card input,.size-order-fields select,.editor-controls select{font-size:16px}

}

/* Album navigation: creation stays beside the album filters; recovery is secondary. */

.real-scope{display:grid;grid-template-columns:40px minmax(0,1fr) minmax(0,1.3fr);gap:4px;align-items:stretch}

.real-scope button{min-width:0;min-height:44px;padding:8px 4px;line-height:1.3}

.real-scope .album-add{font-size:27px;line-height:1;border:1px solid #bfd2cf;color:var(--blue);background:white;font-weight:400}

.real-scope .album-add:hover{background:var(--mint)}

.album-utilities{border-top:1px solid var(--line);margin-top:16px;padding-top:8px}

.album-utilities .textbutton{font-size:12px;font-weight:500;min-height:44px}

.album-utilities small{display:block;font-size:11px;color:var(--muted);line-height:1.5}

/* Phones use a chooser and photo view rather than two stacked scrolling areas. */

.mobile-album-switch{display:none}

@media(max-width:760px){

 #real-album-list{max-height:none;overflow:visible}

 .real-library.album-photos-open .real-albums{display:none}

 .real-library.album-picker-open #real-album-photos{display:none}

 .mobile-album-switch{display:block;min-height:44px;margin-bottom:16px}

 .real-library{scroll-margin-top:12px}

}

/* Give size + price their own full-width row on phones. */

@media(max-width:760px){

 .batch>label:first-of-type{flex:0 0 100%;min-width:0}

 .size-order-row{grid-template-columns:minmax(0,1fr)}

 .size-order-content,.size-order-fields>label{min-width:0}

 .size-order-row .size-crop{display:flex;align-items:center;gap:12px}

 .size-order-row .size-crop small{text-align:left}

 .size-order-fields select,#batch-size{width:100%;max-width:100%;padding-left:8px;font-size:16px}

}

.group-preview-button,.print-preview-button{padding:0;text-align:center;flex-shrink:0;border-radius:6px}

.photo-group-header .group-original{width:82px;height:82px;display:block}

.print-preview-button span{display:block;color:var(--blue);font-size:11px;margin-top:6px}

.size-crop canvas{width:100px;height:85px}

.large-print-preview{width:900px;max-width:calc(100vw - 24px);max-height:92vh;padding:18px}

.large-print-preview canvas{display:block;width:100%;height:auto;max-height:70vh;object-fit:contain}

.large-print-preview p{overflow-wrap:anywhere;font-size:13px}

@media(max-width:760px){.size-order-row .size-crop canvas{width:120px;height:100px}.photo-group-header .group-original{width:76px;height:76px}.photo-group-header{flex-wrap:wrap}.group-total{margin-left:auto}}

/* Reserve a separate touch-sized header above the enlarged print. */

.large-print-preview .dialog-head{min-height:44px;gap:16px;margin-bottom:16px;align-items:center}

.large-print-preview .dialog-head h2{min-width:0;font-size:22px;line-height:1.3}

.large-print-preview .dialog-head button{flex:0 0 44px;width:44px;height:44px;display:grid;place-items:center;padding:0;line-height:1;border-radius:8px;background:#edf2ef}

.large-print-preview canvas{position:static;margin:0;max-height:calc(92dvh - 160px)}

.upload-status{max-width:480px}

.upload-status h2{margin-top:0}

.upload-status .upload-file{overflow-wrap:anywhere}

.upload-status progress{width:100%;height:18px;accent-color:var(--blue)}

.upload-status button{margin-top:12px}

.upload-status [hidden]{display:none!important}

/* Clear album hierarchy: identity, primary upload action, then secondary tools. */

.album-command-panel{margin-bottom:24px;background:white;border:1px solid var(--line);border-radius:10px;padding:20px}

.album-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}

.album-heading>div{min-width:0}

.album-heading h2{margin:0;font-size:24px;line-height:1.3;overflow-wrap:anywhere}

.album-heading p{margin:6px 0 0;color:var(--muted);font-size:13px}

.album-heading .primary{flex-shrink:0}

.album-actions{display:flex;align-items:center;gap:8px;margin-top:18px;padding-top:12px;border-top:1px solid var(--line)}

.album-actions button{min-height:44px;padding:10px 12px;border-radius:6px;font-size:13px;color:var(--blue)}

.album-actions button:hover{background:var(--mint)}

.album-actions .album-remove{margin-left:auto;display:flex;align-items:center;gap:8px;color:#8a4942}

@media(max-width:760px){

 .album-command-panel{padding:16px}

 .album-heading{display:block}

 .album-heading h2{font-size:22px}

 .album-heading .primary{width:100%;margin-top:16px}

 .album-actions{gap:0;justify-content:space-between;margin-top:16px;padding-top:8px}

 .album-actions button{padding:10px 8px;font-size:12px}

 .album-actions .album-remove{width:44px;justify-content:center;flex:0 0 44px;margin-left:4px}

 .album-remove span{display:none}

}

.photo-card-caption{display:flex;align-items:center;gap:6px;padding:8px 10px;min-height:60px}

.photo-card-caption>span{min-width:0;flex:1;overflow-wrap:anywhere;font-size:12px;line-height:1.45}

.photo-settings{flex:0 0 40px;width:40px;height:44px;display:grid;place-items:center;color:var(--muted);border-radius:6px;font-size:23px}

.photo-settings:hover{background:var(--mint);color:var(--blue)}

.real-select{min-height:46px;padding:10px 6px;line-height:1.4;text-align:center}

.photo-options-dialog .dialog-head{gap:12px;margin-bottom:20px}

.photo-options-dialog .dialog-head button{width:44px;height:44px;flex-shrink:0}

.photo-options-intro{display:flex;gap:14px;align-items:center;margin-bottom:22px}

.photo-options-intro img{width:80px;height:80px;object-fit:contain;border-radius:7px;background:var(--paper)}

.photo-options-intro>div{min-width:0;overflow-wrap:anywhere}

.photo-options-intro p{margin:6px 0 0}

.photo-option{border-top:1px solid var(--line);padding:6px 0}

.photo-option summary{cursor:pointer;padding:14px 0;font-size:15px;font-weight:600;color:var(--blue);min-height:48px}

.photo-option form{padding-bottom:16px}

.photo-option form .primary{margin-top:16px}

.photo-option-remove summary{color:#8a4942}

.photo-options-dialog input,.photo-options-dialog select{font-size:16px}

.order-photo-count{font-size:13px;color:var(--muted);margin:0 0 24px;line-height:1.6}

.order-photo-more{display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:24px;padding-top:24px;border-top:1px solid var(--line)}

.order-photo-more span{font-size:12px;color:var(--muted)}

.order-photo-more button{min-height:46px}



/* Custom sandbox card entry: single column on phones, no native form submission. */

.payment-dialog{width:min(480px,calc(100vw - 24px));box-sizing:border-box;max-height:calc(100dvh - 24px);overflow-y:auto;padding:24px;border-radius:20px}

.payment-dialog .dialog-head{align-items:center;gap:16px;margin-bottom:16px}.payment-dialog .dialog-head h2{margin:0}.payment-test-tag{font-size:12px;font-weight:700;letter-spacing:.06em;color:#76550c;background:#fff3ce;padding:8px 12px;border-radius:8px;display:inline-block}

.payment-total{display:flex;align-items:center;justify-content:space-between;margin:20px 0;padding-bottom:16px;border-bottom:1px solid #dce4e7}.payment-total strong{font-size:28px}.payment-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}.payment-fields label{display:flex;flex-direction:column;gap:7px;font-size:14px;font-weight:600;min-width:0}.payment-wide{grid-column:1/-1}.payment-fields input{width:100%;box-sizing:border-box;min-width:0;font-size:16px;padding:13px 12px;border:1px solid #b8c8cf;border-radius:9px;background:#fff;color:#183744}.payment-fields input:focus{outline:2px solid #176786;outline-offset:2px}.payment-dialog .merchant-disclosure{margin:20px 0 16px;font-size:13px}.payment-dialog .merchant-disclosure p{margin:6px 0 0}.payment-submit{width:100%;min-height:48px;font-size:16px}.payment-security{font-size:12px;line-height:1.5;color:#546976}.payment-dialog [role=status]{font-size:14px;line-height:1.5}


.payment-fields[hidden],.save-card-choice[hidden],.save-card-explanation[hidden],.saved-card-picker[hidden]{display:none}
.saved-card-picker{display:flex;flex-direction:column;gap:8px;margin-bottom:18px;font-weight:600}.saved-card-picker select{width:100%;font-size:16px;padding:12px;border:1px solid #b8c8cf;border-radius:9px}
.save-card-choice{display:flex;align-items:center;gap:10px;margin-top:18px;font-size:14px;font-weight:600}.save-card-choice input{width:20px;height:20px;flex:0 0 20px}.save-card-explanation{font-size:12px;line-height:1.5;color:#546976}.saved-card-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 0;border-bottom:1px solid #dce4e7;flex-wrap:wrap}

.payment-result-actions{display:flex;gap:12px;flex-wrap:wrap;margin:16px 0}#payment-desk-content button{margin:6px 8px 6px 0}#payment-desk-content .panel{margin-top:16px}
/* Staff workspace: one scrolling surface, readable cards on phones. */
.staff-workspace { width:min(1000px,calc(100vw - 24px)); max-width:calc(100vw - 24px); }
.staff-workspace .staff-body { min-width:0; }
.staff-workspace .staff-tabs { display:flex;flex-wrap:wrap;gap:8px;margin:16px 0; }
.staff-workspace .staff-tabs button[aria-pressed="true"] { background:#176786;color:white; }
.staff-workspace .staff-feedback:not(:empty) { padding:12px;background:#fff6df;margin:12px 0; }
.staff-workspace .staff-body button { margin:4px 8px 8px 0; }
.staff-workspace p,.staff-workspace h3 { overflow-wrap:anywhere; }
.staff-workspace label { display:grid;gap:6px;margin:12px 0; }
.staff-workspace input,.staff-workspace select,.staff-workspace textarea { width:100%;min-width:0;box-sizing:border-box; }
.staff-workspace .staff-search { display:flex;gap:12px;align-items:end; }
.staff-workspace .staff-search label { flex:1; }
.staff-workspace .staff-email,.staff-workspace .staff-print { border-top:1px solid #dce4df;padding:12px 0; }
@media(max-width:600px){.staff-workspace .staff-search{display:block}.staff-workspace .panel{padding:14px}.staff-workspace .staff-tabs button{flex:1 1 28%}}
.staff-lan-page #staff-page{max-width:1100px;margin:28px auto;padding:0 16px}.staff-lan-page #staff-login{max-width:480px;margin:40px auto}.staff-lan-page label{display:grid;gap:8px;margin:16px 0}.staff-lan-page input{width:100%;box-sizing:border-box}.staff-lan-page .staff-workspace{width:100%;max-width:100%}.staff-lan-page header{justify-content:space-between;padding:20px 28px}
/* Print-size comparison: portrait dimensions at a shared scale. */
.size-samples{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,5fr) minmax(0,8fr);align-items:end;gap:clamp(9px,1.4vw,18px);min-height:0;padding-bottom:44px}
.size-samples>div,.size-samples>div:nth-child(2),.size-samples>div:nth-child(3){position:relative;width:100%;height:auto;min-width:0;min-height:0;box-sizing:border-box;aspect-ratio:4 / 6;padding:4px;border:3px solid #fafbf8;display:flex;align-items:center;justify-content:center}
.size-samples>div:nth-child(2){aspect-ratio:5 / 7}
.size-samples>div:nth-child(3){aspect-ratio:8 / 10}
.size-samples span{font-size:clamp(13px,1.6vw,23px);white-space:nowrap}
.size-samples small{position:absolute;top:100%;left:0;width:100%;margin-top:12px;text-align:center;font-size:10px;line-height:1.4}
@media(max-width:480px){.size-samples small{font-size:9px}.size-samples span{font-size:14px}}
/* Shared print scale: widths 4:5:8 and heights 6:7:10. */

.photo-sort{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:16px 0;font-weight:600}.photo-sort select{width:auto;max-width:100%;min-width:230px}.coupon-status{padding:14px 16px;margin:16px 0;border:2px solid #26775d;border-radius:10px;background:#eef8f3;color:#174b39}.coupon-status-error{border-color:#b13232;background:#fff1f0;color:#842222}