/* Isolated customer portal; website header and footer retain their own styles. */
.portal-preview-maintenance>div{flex:1 1 260px;min-width:0}
.portal-preview-maintenance>div>p{margin:0;font-size:13px;line-height:1.6}
.portal-preview-maintenance.needs-update{padding:15px;background:#f8e8d6;border:1px solid #e1c1a8;border-radius:12px}
.portal-preview-maintenance .portal-preview-warning{margin-top:8px;color:#70492f}
.portal-content .portal-watermark-status,.portal-dialog .portal-watermark-status{margin:0;padding:7px 10px;font-size:11px;line-height:1.5;color:var(--p-muted);background:var(--p-surface)}
.portal-content .portal-watermark-status.ready,.portal-dialog .portal-watermark-status.ready{background:#eaf0e4;color:#495842}
.portal-content .portal-watermark-status.pending,.portal-dialog .portal-watermark-status.pending{background:#f8e8d6;color:#70492f}
.portal-library-card .portal-watermark-status,.portal-dialog .portal-watermark-status{border-radius:7px}
.portal-dialog .portal-watermark-status{margin-bottom:18px}
.portal-content,.portal-dialog{--p-bg:#f9f3ef;--p-card:#fffaf7;--p-surface:#f3e4dc;--p-ink:#3a2e2a;--p-muted:#7a6860;--p-accent:#d7a392;--p-dark:#805746;--p-line:#e5d3c7;--p-serif:'Cormorant Garamond',Georgia,serif;--p-sans:'Manrope',Arial,sans-serif;color:var(--p-ink);font:16px/1.65 var(--p-sans)}
.portal-content{min-height:70vh;background:linear-gradient(145deg,#fcf8f5,var(--p-bg));padding:0!important}
.portal-content *,.portal-dialog *{box-sizing:border-box}
.portal-content [hidden],.portal-dialog [hidden]{display:none!important}
.portal-content h1,.portal-content h2,.portal-content h3,.portal-dialog h2,.portal-dialog h3{font-family:var(--p-serif);font-weight:500;line-height:1.06;letter-spacing:-.025em;color:var(--p-ink);margin:0 0 18px}
.portal-content h1{font-size:clamp(45px,5vw,76px)}.portal-content h2,.portal-dialog h2{font-size:clamp(34px,3.2vw,48px)}.portal-content h3,.portal-dialog h3{font-size:29px}
.portal-content p,.portal-dialog p{color:var(--p-muted);margin:0 0 20px}
.portal-content a,.portal-dialog a{color:var(--p-dark);text-underline-offset:4px}
.portal-content button,.portal-content input,.portal-content select,.portal-content textarea,.portal-dialog button,.portal-dialog input,.portal-dialog select{font:inherit}
.portal-content button,.portal-dialog button{cursor:pointer}
.portal-content :focus-visible,.portal-dialog :focus-visible{outline:3px solid var(--p-dark);outline-offset:4px}
.portal-wrap{width:min(1440px,calc(100% - 80px));margin-inline:auto;padding:56px 0 78px}
.portal-eyebrow{display:flex;align-items:center;gap:9px;color:var(--p-dark)!important;font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;margin-bottom:22px!important}
.portal-eyebrow svg{width:18px;height:18px;letter-spacing:0}
.portal-content svg,.portal-dialog svg{display:inline-block;width:22px;height:22px;vertical-align:middle;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex:none}
.portal-lead{font-size:clamp(16px,1.3vw,20px);line-height:1.8;max-width:540px}
.portal-card{background:var(--p-card);border:1px solid var(--p-line);border-radius:26px;padding:34px;box-shadow:0 12px 45px #6b463708}
.portal-login{display:grid;grid-template-columns:1fr minmax(320px,470px);gap:clamp(40px,8vw,120px);align-items:center;min-height:650px;max-width:1200px}
.portal-welcome h1{max-width:630px}.portal-welcome h1 em{font-style:normal;color:var(--p-dark);display:block}.portal-welcome .portal-lead{max-width:510px}
.portal-feature-row{display:flex;gap:24px;margin:32px 0 0;flex-wrap:wrap}.portal-feature-row span{display:flex;align-items:center;gap:8px;color:var(--p-dark);font-size:13px}.portal-feature-row svg{width:18px;height:18px}
.portal-art{height:128px;margin:35px 0 0;max-width:450px;position:relative;display:flex;align-items:center;gap:20px}.portal-art:after{content:'';position:absolute;left:35%;right:0;top:50%;height:1px;background:linear-gradient(90deg,var(--p-line),transparent)}
.portal-art span{display:grid;place-items:center;background:#f3e4dc99;border:1px solid #dec3b5;border-radius:60px 60px 10px 10px;width:90px;height:106px;transform:rotate(-8deg);position:relative;z-index:1;color:#b5826a}.portal-art span+span{width:72px;height:87px;transform:rotate(7deg);background:#fffaf7;margin-left:-39px;margin-top:25px}.portal-art svg{width:37px;height:37px;stroke-width:1}
.portal-login-card{padding:36px 38px}.portal-login-card h2{font-size:38px;margin-bottom:10px}.portal-login-card>p{font-size:14px}
.portal-tabs{display:flex;gap:10px;margin:20px 0 27px;padding:5px;background:#f3e7df;border-radius:15px}.portal-tabs button{border:0;background:transparent;padding:10px 13px;flex:1;border-radius:11px;font-size:13px;color:var(--p-muted);min-height:44px}.portal-tabs button[aria-selected=true]{background:var(--p-card);color:var(--p-ink);box-shadow:0 2px 9px #65482b08;font-weight:700}
.portal-field{display:flex;flex-direction:column;gap:7px;margin-bottom:19px}.portal-field label{font-size:13px;font-weight:700;color:var(--p-ink)}.portal-field input,.portal-field textarea,.portal-field select{width:100%;min-height:49px;border:1px solid #d9c5b7;background:#fffdfa;border-radius:10px;padding:11px 13px;color:var(--p-ink);font-size:16px}.portal-field textarea{min-height:90px;resize:vertical}.portal-field input:focus,.portal-field select:focus{border-color:var(--p-dark)}
.portal-password{position:relative}.portal-password input{padding-right:52px}.portal-password button{position:absolute;right:3px;top:3px;bottom:3px;width:44px;background:none;border:0;color:var(--p-dark)}
.portal-small{font-size:12px!important;line-height:1.7;color:var(--p-muted)}.portal-muted{color:var(--p-muted)}
.portal-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:49px;padding:12px 21px;border:1px solid var(--p-accent);border-radius:99px;background:var(--p-accent);color:var(--p-ink)!important;text-decoration:none;font-weight:700;font-size:13px;line-height:1.4;transition:background .15s,transform .15s}.portal-btn:hover{background:#c99283}.portal-btn svg{width:18px;height:18px}.portal-btn.secondary{background:transparent;border-color:#caac99}.portal-btn.secondary:hover{background:#f2e5dd}.portal-btn.subtle{background:#fffaf7;border-color:var(--p-line)}.portal-btn.block{width:100%}.portal-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}
.portal-link-btn{background:none;border:0;padding:7px 0;text-decoration:underline;text-underline-offset:4px;font-size:13px;color:var(--p-dark);min-height:44px}
.portal-underform{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:16px}.portal-secure-note{display:flex;align-items:flex-start;gap:8px;font-size:11px;margin:25px 0 0!important;border-top:1px solid var(--p-line);padding-top:20px}.portal-secure-note svg{width:16px;height:16px;margin-top:2px}
.portal-message{border-radius:12px;background:#f2e5dc;border:1px solid #d4bba8;font-size:13px;padding:13px 16px;color:var(--p-ink)!important;margin:18px 0!important}.portal-message.error{background:#fff0ed;border-color:#d79d91;color:#81372c!important}.portal-message.success{background:#eef2e9;border-color:#acb69f;color:#41513a!important}
.portal-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:55vh;gap:20px}.portal-spinner{display:inline-block;width:26px;height:26px;border:2px solid var(--p-line);border-top-color:var(--p-dark);border-radius:50%;animation:portal-spin .8s linear infinite}.portal-loading p{font-size:14px}@keyframes portal-spin{to{transform:rotate(360deg)}}
.portal-topbar{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-bottom:34px}.portal-topbar h1{font-size:clamp(38px,4vw,56px);margin-bottom:7px}.portal-topbar p{margin:0}.portal-top-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.portal-avatar{display:grid;place-items:center;width:39px;height:39px;border:1px solid #dbc6b8;border-radius:50%;color:var(--p-dark);background:#f3e4dc;font:24px var(--p-serif)}
.portal-gallery-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.portal-gallery-tile{background:#fffaf7;border:1px solid var(--p-line);border-radius:22px;overflow:hidden}.portal-gallery-tile>a{display:block;text-decoration:none;color:var(--p-ink)}.portal-tile-photo{height:300px;background:linear-gradient(120deg,#e2c9b9,#f5eae3);overflow:hidden;position:relative;display:grid;place-items:center}.portal-tile-photo img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s}.portal-gallery-tile a:hover img{transform:scale(1.025)}.portal-tile-photo>svg{width:48px;height:48px;opacity:.4}.portal-tile-copy{padding:22px 24px}.portal-tile-copy h2{font-size:32px;margin-bottom:8px}.portal-tile-copy p{margin:0;font-size:12px}.portal-tile-copy .portal-count{display:flex;align-items:center;justify-content:space-between;margin-top:17px;color:var(--p-dark);font-size:12px}
.portal-empty{padding:70px 25px;text-align:center;max-width:700px;margin:20px auto}.portal-empty>svg{width:35px;height:35px;color:var(--p-dark);margin:0 0 18px}.portal-empty h2{font-size:35px}.portal-empty p{font-size:14px}
.portal-gallery-head{position:relative;border-radius:26px;overflow:hidden;height:clamp(300px,36vw,550px);background:#e5d1c2;margin-bottom:30px;display:flex;align-items:flex-end;padding:50px}.portal-gallery-head>img{position:absolute;width:100%;height:100%;inset:0;object-fit:cover}.portal-gallery-head:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#352921aa,transparent 85%)}.portal-cover-copy{position:relative;z-index:1;color:#fffaf7;max-width:85%}.portal-cover-copy h1{color:#fffaf7;font-size:clamp(40px,5.4vw,76px);margin-bottom:13px}.portal-cover-copy p{color:#fffaf7;margin:0;font-size:14px}.portal-cover-copy .portal-eyebrow{color:#fffaf7!important;font-size:10px;margin-bottom:15px!important}.portal-gallery-head.no-photo:after{background:linear-gradient(0deg,#94725b77,transparent)}
.portal-toolbar{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;margin-bottom:26px;padding:0 0 22px;border-bottom:1px solid var(--p-line)}.portal-filter{display:flex;gap:6px;background:#efe1d7;padding:5px;border-radius:99px}.portal-filter button{min-height:42px;border:0;border-radius:99px;padding:8px 18px;font-size:13px;background:transparent;color:var(--p-muted);white-space:nowrap}.portal-filter button[aria-pressed=true]{background:#fffaf7;color:var(--p-ink);font-weight:700}.portal-filter svg{width:16px;height:16px;margin-right:6px}.portal-tool-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.portal-tool-actions .portal-btn{min-height:43px;padding:10px 16px;font-size:12px}.portal-total{font-size:12px;color:var(--p-muted);margin-right:5px}
.portal-gallery-description{max-width:760px;font-size:14px;margin-bottom:30px!important}.portal-photo-grid{column-count:3;column-gap:15px}.portal-photo{break-inside:avoid;margin:0 0 15px;position:relative;background:#eee0d5;border-radius:13px;overflow:hidden}.portal-photo-open{display:block;width:100%;padding:0;border:0;background:none;position:relative;cursor:zoom-in!important}.portal-photo-open img{display:block;width:100%;height:auto;min-height:130px}.portal-photo-tools{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:space-between;padding:12px;background:linear-gradient(0deg,#21181140,transparent);pointer-events:none}.portal-photo-tools button{pointer-events:auto;border:1px solid #ffffff70;background:#fffaf7e8;border-radius:50%;width:42px;height:42px;display:grid;place-items:center;color:var(--p-dark);box-shadow:0 2px 8px #0001}.portal-photo-tools button[aria-pressed=true]{background:#d7a392;color:#3a2e2a;border-color:#d7a392}.portal-photo-tools .portal-fav[aria-pressed=true] svg{fill:currentColor}.portal-photo.selected{box-shadow:0 0 0 3px var(--p-dark)}.portal-photo-num{position:absolute;top:12px;left:12px;font-size:10px;color:white;background:#3a2e2a99;padding:3px 8px;border-radius:99px;pointer-events:none;letter-spacing:.5px}
.portal-selection-dock{position:sticky;bottom:16px;z-index:8;max-width:820px;margin:25px auto 0;border:1px solid #dcc3b3;border-radius:18px;background:#fffaf7f7;backdrop-filter:blur(12px);padding:14px 20px;box-shadow:0 8px 32px #6c47341c;display:flex;gap:18px;justify-content:space-between;align-items:center}.portal-selection-dock p{font-size:13px;margin:0}.portal-selection-dock .portal-tool-actions{justify-content:flex-end}
.portal-orders{margin-top:30px}.portal-orders h2{font-size:35px}.portal-order-list{display:grid;gap:13px}.portal-order{padding:20px;border:1px solid var(--p-line);border-radius:17px;background:#fffaf7;display:flex;gap:16px;align-items:center;justify-content:space-between}.portal-order h3{font:600 15px var(--p-sans);margin:0 0 6px}.portal-order p{font-size:12px;margin:0}.portal-badge{display:inline-block;white-space:nowrap;border-radius:99px;background:#f1e4da;border:1px solid #dec6b6;padding:5px 10px;font-size:10px;font-weight:700;letter-spacing:.4px;color:var(--p-dark)}.portal-badge.paid{background:#eaf0e4;color:#495842;border-color:#bdc7b1}.portal-order-meta{text-align:right}.portal-order-meta strong{display:block;font-size:15px;margin-bottom:8px}
.portal-dialog{border:1px solid var(--p-line);border-radius:27px;padding:0;background:#fffaf7;box-shadow:0 30px 100px #241b2840;max-width:650px;width:calc(100% - 36px);max-height:calc(100dvh - 48px);overflow:auto;margin:auto}.portal-dialog::backdrop{background:#241b23aa;backdrop-filter:blur(5px)}.portal-modal-copy{padding:35px}.portal-modal-top{display:flex;justify-content:space-between;gap:20px;align-items:start}.portal-modal-top h2{font-size:38px}.portal-icon-btn{display:grid;place-items:center;min-width:44px;min-height:44px;border:1px solid var(--p-line);background:#fffaf7;border-radius:50%;color:var(--p-dark);padding:8px}.portal-check{display:flex;gap:10px;align-items:start;font-size:12px;margin:16px 0;line-height:1.7}.portal-check input{width:18px;height:18px;flex:none;margin-top:2px;accent-color:var(--p-dark)}.portal-package{display:flex;gap:13px;align-items:center;border:1px solid var(--p-line);border-radius:14px;padding:16px;margin:10px 0;cursor:pointer}.portal-package input{accent-color:var(--p-dark);width:18px;height:18px}.portal-package>span{flex:1}.portal-package strong{display:block;font-size:14px}.portal-package small{font-size:12px;color:var(--p-muted)}.portal-package b{font-size:17px}.portal-package:has(input:checked){border-color:var(--p-dark);background:#f2e5dd}.portal-payments{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.portal-payments label{display:flex;gap:8px;align-items:center;padding:12px;border:1px solid var(--p-line);border-radius:12px;font-size:12px;min-height:48px}.portal-payments input{accent-color:var(--p-dark)}.portal-payments label:has(input:disabled){opacity:.5}.portal-bank{background:#f3e8df;border-radius:14px;padding:20px;overflow-wrap:anywhere}.portal-bank dl{display:grid;grid-template-columns:auto 1fr;gap:8px 18px;font-size:13px}.portal-bank dt{color:var(--p-muted)}.portal-bank dd{margin:0;font-weight:600}.portal-download-progress{height:5px;background:var(--p-line);border-radius:5px;overflow:hidden;margin:18px 0}.portal-download-progress span{display:block;height:100%;background:var(--p-dark);transition:width .2s}
.portal-lightbox{padding:0;background:#191614;border:0;border-radius:0;width:100vw;max-width:none;height:100dvh;max-height:none;color:#fffaf7;overflow:hidden}.portal-lightbox::backdrop{background:#191614}.portal-lightbox-stage{position:absolute;inset:76px 72px 77px;display:grid;place-items:center}.portal-lightbox-stage img{display:block;max-width:100%;max-height:100%;object-fit:contain;width:auto;height:auto;user-select:none;touch-action:pan-y}.portal-lightbox-stage .portal-spinner{position:absolute;border-color:#fff3;border-top-color:white}.portal-lightbox-header{position:absolute;left:22px;right:22px;top:15px;display:flex;justify-content:space-between;gap:15px;align-items:center;z-index:2}.portal-lightbox-header p{color:#eee0d7;font-size:12px;margin:0;max-width:65%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.portal-lightbox-actions{display:flex;gap:8px}.portal-lightbox .portal-icon-btn{border-color:#fff3;background:#fff1;color:#fffaf7}.portal-lightbox .portal-icon-btn[aria-pressed=true]{background:#d7a392;color:#3a2e2a}.portal-lightbox .portal-fav[aria-pressed=true] svg{fill:currentColor}.portal-lightbox-nav{position:absolute;top:45%;display:grid;place-items:center;width:48px;height:64px;color:#fffaf7;background:#fff1;border:1px solid #fff2;border-radius:10px;z-index:2}.portal-lightbox-nav.prev{left:14px}.portal-lightbox-nav.next{right:14px}.portal-lightbox-caption{position:absolute;bottom:22px;left:20px;right:20px;text-align:center;color:#d9c9bd;font-size:12px}.portal-lightbox-caption p{color:inherit;margin:0 0 4px;font-size:13px}.portal-lightbox-caption button{background:none;border:0;color:inherit;text-decoration:underline;text-underline-offset:4px;font-size:12px;min-height:36px}
.portal-admin-tabs{display:flex;gap:10px;flex-wrap:wrap;border-bottom:1px solid var(--p-line);padding-bottom:16px;margin-bottom:25px}.portal-admin-tabs button{border:1px solid var(--p-line);border-radius:99px;padding:10px 19px;background:none;font-size:13px;min-height:44px;color:var(--p-dark)}.portal-admin-tabs button[aria-selected=true]{background:var(--p-surface);border-color:#c9a58e;font-weight:700}.portal-admin-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:28px}.portal-admin-sidebar{display:flex;flex-direction:column;gap:9px}.portal-admin-sidebar>button:not(.portal-btn){padding:17px 18px;border:1px solid var(--p-line);border-radius:14px;text-align:left;background:#fffaf7;color:var(--p-ink);font-weight:600;font-size:13px}.portal-admin-sidebar>button.active{background:#eddbcd;border-color:#c8a28d}.portal-admin-sidebar button small{display:block;color:var(--p-muted);font-size:11px;font-weight:400;margin-top:4px}.portal-admin-sidebar .portal-btn{margin-bottom:12px}.portal-admin-editor>section{margin-bottom:23px}.portal-admin-editor h2{font-size:38px}.portal-admin-editor h3{font-size:28px}.portal-admin-editor .portal-card{padding:27px}.portal-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.portal-form-grid .wide{grid-column:1/-1}.portal-inline-form{display:flex;gap:12px;align-items:end;flex-wrap:wrap}.portal-inline-form .portal-field{flex:1;min-width:150px;margin-bottom:0}.portal-inline-form .portal-btn{border-radius:12px;margin-bottom:0}.portal-admin-list{padding:0;list-style:none;display:grid;gap:9px;margin:20px 0 0}.portal-admin-list li{display:flex;justify-content:space-between;align-items:center;gap:15px;border-top:1px solid var(--p-line);padding-top:13px;font-size:13px}.portal-admin-list small{display:block;color:var(--p-muted);font-size:11px}.portal-admin-list .portal-btn{font-size:11px;min-height:40px;padding:9px 14px}.portal-upload{position:relative;border:1px dashed #c3a28d;padding:27px;border-radius:18px;background:#f7eee8;text-align:center;margin:20px 0}.portal-upload input{display:block;width:100%;padding:15px 0;font-size:13px}.portal-upload p{font-size:12px;margin:6px 0}.portal-admin-thumbs{display:grid;grid-template-columns:repeat(auto-fill,minmax(115px,1fr));gap:12px}.portal-admin-thumb{position:relative;border-radius:11px;overflow:hidden;background:#edddcf}.portal-admin-thumb img{width:100%;height:130px;object-fit:cover;display:block}.portal-admin-thumb label{display:flex;align-items:center;gap:7px;padding:9px;background:#fffaf7;font-size:11px;overflow:hidden}.portal-admin-thumb label input{accent-color:var(--p-dark)}.portal-release{display:flex;gap:15px;align-items:end;flex-wrap:wrap;margin-top:22px;padding-top:22px;border-top:1px solid var(--p-line)}.portal-release .portal-field{margin:0;min-width:200px;flex:1}.portal-admin-orders .portal-order{flex-wrap:wrap}.portal-admin-orders .portal-order-meta{margin-left:auto}.portal-admin-orders .portal-btn{font-size:12px}
#portal-toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);padding:14px 21px;border:1px solid #dac4b7;border-radius:15px;background:#fffaf7;box-shadow:0 8px 40px #6b463730;z-index:150;max-width:calc(100% - 30px);font-size:13px;color:var(--p-ink);text-align:center}
.portal-noscript{max-width:700px;margin:40px auto}.portal-fallback-header,.portal-fallback-footer{background:#f3e4dc;padding:18px 40px;display:flex;justify-content:space-between;align-items:center;gap:25px;font:14px Manrope,Arial,sans-serif}.portal-fallback-header img{width:220px;height:auto;display:block}.portal-fallback-header nav,.portal-fallback-footer nav{display:flex;gap:23px;align-items:center;flex-wrap:wrap}.portal-fallback-header a,.portal-fallback-footer a{color:#3a2e2a;text-decoration:none}.portal-language{display:flex;gap:11px;padding-left:15px;border-left:1px solid #cdb1a1}.portal-fallback-footer{padding-block:30px}.skip-link{position:absolute;top:-100px;left:15px;z-index:200}.skip-link:focus{top:15px}
.portal-content[data-theme=light]{--p-bg:#fafafa;--p-card:#fff;--p-surface:#f3f0ed;background:#fafafa}
.portal-content[data-theme=dark]{--p-bg:#211e1c;--p-card:#2d2724;--p-surface:#382e29;--p-ink:#f8eee7;--p-muted:#c4b1a5;--p-dark:#d9af97;--p-line:#554438;background:#211e1c}
.portal-content[data-theme=dark] .portal-filter{background:#382e29}.portal-content[data-theme=dark] .portal-filter button[aria-pressed=true]{background:#544135;color:#fff2e7}.portal-content[data-theme=dark] .portal-avatar{background:#382e29;color:#ecd1bd;border-color:#755d4f}.portal-content[data-theme=dark] .portal-btn:not(.secondary){color:#3a2e2a!important}.portal-content[data-theme=dark] .portal-btn.subtle{background:#493a31;color:#f4e4d8!important;border-color:#745949}.portal-content[data-theme=dark] .portal-btn.secondary:hover{background:#46352b}.portal-content[data-theme=dark] .portal-selection-dock{background:#302823f5;border-color:#715441}.portal-content[data-theme=dark] .portal-order{background:#2d2724;border-color:#554438}.portal-content[data-theme=dark] .portal-badge{background:#4f3c30;color:#f5ddc8;border-color:#84614a}
.portal-photo-grid.portal-equal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;column-count:unset}.portal-equal-grid .portal-photo{margin:0;min-width:0}.portal-equal-grid .portal-photo-open{height:100%;aspect-ratio:4/5}.portal-equal-grid .portal-photo-open img{height:100%;width:100%;object-fit:cover}
.portal-bank-qr{display:grid;grid-template-columns:190px minmax(0,1fr);gap:20px;align-items:center;margin-top:28px}.portal-bank-qr canvas{display:block;width:190px;height:190px;border:1px solid #decbbc;border-radius:9px;background:#fff}.portal-bank-qr h3{font-size:25px;margin:0 0 10px}.portal-bank-qr .portal-btn{font-size:11px;min-height:42px;padding:10px 15px}.portal-admin-photo-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin:0 0 20px}.portal-admin-photo-actions .portal-btn{font-size:12px;min-height:43px}
@media(min-width:1700px){.portal-photo-grid.portal-equal-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:780px){.portal-photo-grid.portal-equal-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.portal-bank-qr{grid-template-columns:1fr;text-align:center;gap:16px}.portal-bank-qr canvas{margin-inline:auto}.portal-admin-photo-actions{gap:9px}}
@media(min-width:1700px){.portal-wrap{max-width:1600px}.portal-photo-grid{column-count:4}.portal-login{max-width:1200px}}
@media(max-width:1100px){.portal-wrap{width:calc(100% - 48px)}.portal-gallery-list{grid-template-columns:repeat(2,minmax(0,1fr))}.portal-admin-layout{grid-template-columns:220px minmax(0,1fr)}.portal-gallery-head{padding:38px}}
@media(max-width:780px){.portal-wrap{width:calc(100% - 32px);padding:35px 0 55px}.portal-login{grid-template-columns:1fr;gap:28px;min-height:auto;max-width:580px}.portal-welcome h1{font-size:48px;max-width:none}.portal-welcome .portal-lead{font-size:15px}.portal-art{display:none}.portal-feature-row{margin-top:22px;gap:12px 22px}.portal-login-card{padding:27px}.portal-login-card h2{font-size:34px}.portal-gallery-list{gap:18px}.portal-tile-photo{height:240px}.portal-tile-copy{padding:18px}.portal-tile-copy h2{font-size:29px}.portal-topbar{align-items:start}.portal-top-actions{gap:8px}.portal-top-actions .portal-btn{font-size:11px;min-height:43px;padding:10px 14px}.portal-topbar .portal-avatar{display:none}.portal-gallery-head{height:340px;padding:29px;border-radius:20px}.portal-cover-copy{max-width:100%}.portal-cover-copy h1{font-size:48px}.portal-photo-grid{column-count:2;column-gap:10px}.portal-photo{margin-bottom:10px;border-radius:10px}.portal-photo-tools{padding:8px}.portal-photo-tools button{width:40px;height:40px}.portal-toolbar{gap:14px}.portal-filter{width:100%;justify-content:center}.portal-filter button{flex:1;padding-inline:10px;font-size:12px}.portal-tool-actions{width:100%;justify-content:space-between}.portal-total{flex:1}.portal-selection-dock{flex-direction:column;gap:10px;padding:12px;border-radius:15px;bottom:10px}.portal-selection-dock .portal-tool-actions{justify-content:center;gap:10px}.portal-selection-dock .portal-btn{flex:1}.portal-admin-layout{grid-template-columns:1fr}.portal-admin-sidebar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-height:250px;overflow:auto}.portal-admin-sidebar>.portal-btn{grid-column:1/-1;margin:0}.portal-admin-sidebar button{padding:12px!important}.portal-admin-editor .portal-card{padding:23px}.portal-modal-copy{padding:26px}.portal-order{padding:17px;gap:12px}.portal-order-meta strong{font-size:14px}.portal-order h3{font-size:13px}.portal-lightbox-stage{inset:75px 0 100px}.portal-lightbox-nav{width:38px;height:55px;background:#19161477}.portal-lightbox-nav.prev{left:6px}.portal-lightbox-nav.next{right:6px}.portal-lightbox-header{left:12px;right:12px}.portal-lightbox-header p{max-width:45%;font-size:10px}.portal-lightbox-actions{gap:6px}.portal-lightbox .portal-icon-btn{min-width:42px;min-height:42px}.portal-lightbox-caption{bottom:15px}.portal-fallback-header,.portal-fallback-footer{padding:16px;flex-wrap:wrap;justify-content:center}.portal-fallback-header img{width:175px}.portal-fallback-header nav{gap:14px;font-size:12px}}
@media(max-width:480px){.portal-gallery-list{grid-template-columns:1fr}.portal-tile-photo{height:300px}.portal-feature-row span{font-size:11px}.portal-topbar{gap:10px}.portal-topbar h1{font-size:35px}.portal-topbar p{font-size:12px}.portal-top-actions{justify-content:end;max-width:155px}.portal-gallery-head{height:300px;padding:25px}.portal-cover-copy h1{font-size:42px}.portal-photo-tools{gap:3px;padding:7px}.portal-photo-tools button{width:36px;height:36px}.portal-photo-num{font-size:8px;top:8px;left:8px}.portal-tool-actions .portal-btn{font-size:11px;padding:10px 11px}.portal-underform{gap:10px;flex-wrap:wrap}.portal-form-grid{grid-template-columns:1fr}.portal-form-grid .wide{grid-column:auto}.portal-check{font-size:11px}.portal-package{padding:12px;gap:9px}.portal-package b{font-size:15px}.portal-order{align-items:start}.portal-order-meta{min-width:98px}.portal-bank dl{grid-template-columns:1fr;gap:3px}.portal-bank dd{margin-bottom:9px}.portal-admin-tabs{gap:7px}.portal-admin-tabs button{font-size:11px;padding:10px 13px}}
/* The gallery's own controls keep cover and grid choices independent. */
.portal-gallery-head{--cover-height:clamp(300px,36vw,550px);height:var(--cover-height)}
.portal-gallery-head[data-height=compact]{--cover-height:clamp(240px,26vw,360px)}
.portal-gallery-head[data-height=large]{--cover-height:clamp(380px,48vw,720px)}
.portal-cover-copy,.portal-cover-copy h1{overflow-wrap:anywhere;min-width:0}
.portal-gallery-head[data-layout=split]{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);padding:0;align-items:stretch;background:var(--p-surface)}
.portal-gallery-head[data-layout=split]>img{position:relative;grid-column:1;height:100%;min-height:0}
.portal-gallery-head[data-layout=split]:after,.portal-gallery-head[data-layout=editorial]:after{display:none}
.portal-gallery-head[data-layout=split] .portal-cover-copy{align-self:center;max-width:100%;padding:clamp(24px,4vw,60px);color:var(--p-ink)}
.portal-gallery-head[data-layout=split] .portal-cover-copy h1{font-size:clamp(34px,4vw,62px)}
.portal-gallery-head[data-layout=split] .portal-cover-copy h1,.portal-gallery-head[data-layout=editorial] .portal-cover-copy h1,.portal-gallery-head[data-layout=split] .portal-cover-copy p,.portal-gallery-head[data-layout=editorial] .portal-cover-copy p{color:var(--p-ink)}
.portal-gallery-head[data-layout=split] .portal-cover-copy .portal-eyebrow,.portal-gallery-head[data-layout=editorial] .portal-cover-copy .portal-eyebrow{color:var(--p-muted)!important}
.portal-gallery-head[data-layout=split].no-photo .portal-cover-copy{grid-column:1/-1}
.portal-gallery-head[data-layout=editorial]{display:flex;flex-direction:column;align-items:stretch;height:auto;padding:0;background:var(--p-card);border:1px solid var(--p-line)}
.portal-gallery-head[data-layout=editorial]>img{position:relative;inset:auto;height:var(--cover-height);width:100%}
.portal-gallery-head[data-layout=editorial] .portal-cover-copy{padding:34px 24px;text-align:center;max-width:100%;color:var(--p-ink)}
.portal-gallery-head[data-layout=editorial] .portal-cover-copy h1{font-size:clamp(36px,4.6vw,64px)}
.portal-photo-grid{--gallery-gap:16px;--gallery-columns:3;column-count:var(--gallery-columns);column-gap:var(--gallery-gap)}
.portal-photo-grid[data-density=compact]{--gallery-columns:4}.portal-photo-grid[data-density=spacious]{--gallery-columns:2}
.portal-photo-grid .portal-photo{margin-bottom:var(--gallery-gap)}
.portal-photo-grid.portal-equal-grid{grid-template-columns:repeat(var(--gallery-columns),minmax(0,1fr));gap:var(--gallery-gap);column-count:unset}
.portal-equal-grid .portal-photo{margin:0}.portal-photo-filename{padding:10px 12px;font-size:11px;overflow-wrap:anywhere;background:var(--p-card);color:var(--p-ink)}
.portal-photo-stage{position:relative}.portal-equal-grid .portal-photo-stage{aspect-ratio:4/5}
.portal-admin-favorites{border:1px solid var(--p-line);background:var(--p-surface);border-radius:16px;padding:18px;margin:0 0 18px}
.portal-admin-favorites h4{display:flex;align-items:center;gap:8px;margin:0 0 8px;font:700 14px var(--p-sans)}
.portal-admin-favorites h4 svg{width:18px;height:18px;color:var(--p-dark);fill:currentColor}.portal-admin-favorites h4>span{margin-left:auto}
.portal-admin-favorites .portal-field{margin-top:15px}.portal-admin-favorites .portal-admin-photo-actions{margin-bottom:0}
.portal-admin-order-tools{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin:0 0 18px}.portal-admin-order-tools>.portal-field{flex:1 1 220px;margin:0}.portal-admin-order-tools>.portal-admin-photo-actions{flex:1 1 280px;margin:0}.portal-unsaved{font-weight:700;color:var(--p-dark)}
.portal-admin-thumb{min-width:0;display:flex;flex-direction:column;border:1px solid var(--p-line);background:var(--p-card)}
.portal-admin-thumb label{align-items:flex-start;overflow:visible}.portal-admin-thumb label input{flex:none;margin-top:3px}.portal-admin-thumb label span{min-width:0;overflow-wrap:anywhere}
.portal-admin-favorite-badge{display:flex;flex-wrap:wrap;gap:4px 6px;padding:8px 9px;font-size:10px;color:var(--p-dark);background:var(--p-surface);overflow-wrap:anywhere}.portal-admin-favorite-badge svg{width:14px;height:14px;fill:currentColor}.portal-admin-favorite-badge span{width:100%;min-width:0}.portal-admin-no-favorites{font-size:10px!important;padding:6px 9px;margin:0!important;color:var(--p-muted)}
.portal-admin-move{margin-top:auto;padding:7px;display:flex;flex-wrap:wrap;gap:5px;align-items:center;border-top:1px solid var(--p-line)}.portal-admin-move>span{font-size:10px;flex:1 1 100%}.portal-admin-move>div{display:flex;gap:5px;width:100%}.portal-admin-move .portal-btn{flex:1;min-width:0;min-height:44px;padding:7px 4px;font-size:10px;gap:4px;border-radius:9px}.portal-admin-move .portal-btn svg{width:14px;height:14px;flex:none}
.portal-admin-photo-empty{grid-column:1/-1}.portal-notification{flex:1 1 100%;min-width:0;margin:0 0 20px}.portal-notification p{margin-bottom:12px!important}.portal-notification .portal-btn{font-size:12px}
.portal-invoice-current{margin:0 0 18px;overflow-wrap:anywhere}.portal-invoice-current .portal-btn{margin-top:10px;font-size:12px}.portal-gallery-invoice{display:flex;gap:12px;align-items:center;flex-wrap:wrap;overflow-wrap:anywhere}
/* Long order references, statuses and admin actions must fit the card at 320 px. */
.portal-topbar>div,.portal-admin-editor,.portal-admin-sidebar,.portal-admin-sidebar>button,.portal-card,.portal-field,.portal-form-grid>*{min-width:0}
.portal-card h2,.portal-card h3,.portal-admin-sidebar>button,.portal-admin-list li,.portal-topbar>div,.portal-gallery-description{overflow-wrap:anywhere}
.portal-btn{max-width:100%;white-space:normal;overflow-wrap:anywhere}.portal-btn svg{flex:none}.portal-field input,.portal-field select{min-width:0;max-width:100%}
.portal-order{flex-wrap:wrap;min-width:0;max-width:100%;overflow-wrap:anywhere}.portal-order>div{min-width:0;flex:1 1 200px}.portal-order>.portal-order-meta{flex:0 1 230px;min-width:0;max-width:100%}.portal-order .portal-badge{max-width:100%;white-space:normal;overflow-wrap:anywhere;line-height:1.5}.portal-order>.portal-btn{flex:0 1 auto;min-width:0}.portal-order .portal-notification{flex-basis:100%;margin:0}
.portal-admin-list li{flex-wrap:wrap}.portal-admin-list li>span{flex:1 1 140px;min-width:0}.portal-release .portal-field{min-width:0;flex:1 1 200px}.portal-inline-form .portal-field{min-width:0;flex:1 1 150px}.portal-package>span{min-width:0;overflow-wrap:anywhere}.portal-package b{flex:none}
@media(min-width:1700px){.portal-photo-grid{--gallery-columns:4}.portal-photo-grid[data-density=compact]{--gallery-columns:5}.portal-photo-grid[data-density=spacious]{--gallery-columns:3}}
@media(max-width:780px){.portal-gallery-head{--cover-height:340px}.portal-gallery-head[data-height=compact]{--cover-height:260px}.portal-gallery-head[data-height=large]{--cover-height:440px}.portal-gallery-head[data-layout=split]{grid-template-columns:1fr;height:auto}.portal-gallery-head[data-layout=split]>img{height:var(--cover-height)}.portal-gallery-head[data-layout=split] .portal-cover-copy{padding:28px}.portal-photo-grid{--gallery-columns:2}.portal-photo-grid[data-density=compact]{--gallery-columns:3}.portal-photo-grid[data-density=spacious]{--gallery-columns:1}}
@media(max-width:480px){.portal-gallery-head{--cover-height:300px}.portal-gallery-head[data-height=compact]{--cover-height:220px}.portal-gallery-head[data-height=large]{--cover-height:400px}.portal-photo-grid[data-density=compact]{--gallery-columns:2}.portal-order>div,.portal-order>.portal-order-meta{flex-basis:100%;text-align:left;margin-left:0;min-width:0}.portal-order>.portal-btn{flex:1 1 100%}.portal-order-meta strong{margin-bottom:7px}.portal-admin-editor .portal-card{padding:20px}.portal-admin-favorites{padding:14px}.portal-topbar{flex-wrap:wrap}.portal-top-actions{max-width:100%}.portal-admin-thumbs{grid-template-columns:repeat(2,minmax(0,1fr))}.portal-gallery-head[data-layout=split] .portal-cover-copy{padding:24px}.portal-photo-filename{padding:8px;font-size:10px}.portal-package{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.portal-content *,.portal-dialog *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Studio navigation and bounded cards keep administration compact at every width. */
.portal-studio-wrap{max-width:1800px;width:calc(100% - 64px);padding-top:32px}.portal-studio-wrap>.portal-topbar{margin-bottom:28px}.portal-studio-wrap>.portal-topbar h1{font-size:40px}.portal-studio{display:grid;grid-template-columns:210px minmax(0,1fr);gap:32px;align-items:start}.portal-studio-main{min-width:0}.portal-studio-main h2{font-size:34px}.portal-studio-nav{position:sticky;top:24px;display:flex;flex-direction:column;gap:5px;min-width:0;padding:14px 14px 14px 0;border-right:1px solid var(--p-line)}.portal-studio-nav>button:not(.portal-btn){display:flex;align-items:center;gap:10px;width:100%;padding:13px 12px;min-height:46px;border:0;border-radius:10px;background:transparent;color:var(--p-muted);font-size:13px;text-align:left}.portal-studio-nav>button.active{background:var(--p-surface);color:var(--p-dark);font-weight:700}.portal-studio-nav svg{width:19px;height:19px;flex:none}.portal-studio-nav b{margin-left:auto;background:var(--p-dark);color:#fff;padding:1px 6px;border-radius:20px;font-size:10px}.portal-studio-nav .portal-eyebrow{font-size:10px;padding:0 12px;margin:0 0 10px}.portal-nav-divider{border-top:1px solid var(--p-line);margin:16px 0}.portal-studio-recent{display:grid;gap:6px;padding-top:14px}.portal-studio-recent .portal-link-btn{font-size:11px;line-height:1.5;text-align:left;padding:6px 12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;width:100%}.portal-studio-nav>.portal-btn{font-size:12px;white-space:nowrap}.portal-section-heading,.portal-editor-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}.portal-section-heading h2,.portal-editor-heading h2{margin:0}.portal-section-heading>div{display:flex;gap:8px;flex-wrap:wrap}.portal-editor-heading .portal-link-btn{margin-bottom:8px;font-size:12px;display:inline-flex;gap:7px;align-items:center}.portal-editor-heading p{margin:8px 0 0}.portal-editor-heading .portal-link-btn svg{width:16px;height:16px}.portal-editor-tabs{display:flex;gap:7px;border-bottom:1px solid var(--p-line);padding-bottom:14px;margin-bottom:22px;overflow-x:auto}.portal-editor-tabs button{flex:none;border:0;background:transparent;color:var(--p-muted);font-size:12px;padding:11px 16px;border-radius:9px;white-space:nowrap;min-height:44px}.portal-editor-tabs button[aria-selected=true]{background:var(--p-surface);color:var(--p-dark);font-weight:700}.portal-studio-filters{display:flex;gap:14px;align-items:end;flex-wrap:wrap;margin-bottom:25px}.portal-studio-filters .portal-field{margin:0;flex:1 1 140px}.portal-studio-filters .portal-field:first-child{flex:2 1 220px}.portal-studio-filters .portal-field input,.portal-studio-filters .portal-field select{font-size:13px;min-height:44px;padding:10px 12px}.portal-studio-filters .portal-field label{font-size:11px}.portal-studio-filters .portal-btn{font-size:11px;min-height:44px}.portal-studio-galleries{display:grid;grid-template-columns:repeat(auto-fill,minmax(245px,1fr));gap:26px}.portal-studio-gallery{padding:0;border:1px solid var(--p-line);border-radius:16px;overflow:hidden;background:var(--p-card);text-align:left;min-width:0;color:var(--p-ink)}.portal-studio-gallery-cover{display:grid;place-items:center;aspect-ratio:4/3;background:var(--p-surface);overflow:hidden}.portal-studio-gallery-cover img{height:100%;width:100%;object-fit:cover;display:block}.portal-studio-gallery-cover svg{width:40px;height:40px;color:var(--p-muted)}.portal-studio-gallery-copy{display:grid;gap:8px;padding:17px}.portal-studio-gallery-copy strong{font-size:15px;font-weight:600;line-height:1.5}.portal-studio-gallery-copy small{font-size:11px;color:var(--p-muted)}.portal-studio-gallery-copy i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#aa998e;margin:0 5px 1px 0}.portal-studio-gallery-copy i.published{background:#688476}.portal-library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:20px}.portal-library-card{min-width:0;display:flex;flex-direction:column;gap:5px}.portal-library-card>strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:6px}.portal-library-card>.portal-link-btn{text-align:left;font-size:11px;min-height:30px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.portal-library-card>small{font-size:10px;color:var(--p-muted)}
.portal-studio .portal-admin-thumbs{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;align-items:start}.portal-content .portal-admin-thumb{display:flex;flex-direction:column;align-self:start;height:auto;min-height:0;max-height:none}.portal-admin-image-open{display:block;width:100%;aspect-ratio:4/3;min-height:0;padding:0;border:0;border-radius:0;background:var(--p-surface);overflow:hidden;cursor:zoom-in!important;flex:none}.portal-content .portal-admin-image-open img{display:block;width:100%;height:100%;min-height:0;max-height:none;object-fit:cover}.portal-content .portal-admin-thumb label{display:flex;flex:none;align-items:center;gap:8px;min-height:42px;height:auto;max-height:none;margin:0;padding:10px;background:var(--p-card);font-size:11px;line-height:1.4}.portal-content .portal-admin-thumb label input{display:block;position:static;flex:0 0 16px;width:16px;height:16px;min-height:16px;max-height:16px;margin:0;padding:0;appearance:auto}.portal-content .portal-admin-thumb label span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.portal-admin-move{margin-top:0;padding:7px 10px;flex-wrap:nowrap;justify-content:space-between}.portal-admin-move>span{flex:1;white-space:nowrap}.portal-admin-move>div{width:auto}.portal-admin-move .portal-btn{font-size:10px;white-space:nowrap;overflow-wrap:normal;word-break:normal;min-width:52px;min-height:36px;padding:6px;gap:3px}.portal-admin-move .portal-btn svg{width:11px;height:11px}.portal-admin-favorite-badge{min-height:30px;padding:6px 10px;align-items:center}.portal-admin-favorite-badge span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.portal-admin-no-favorites{padding:7px 10px!important;min-height:30px}.portal-admin-favorites{display:grid;grid-template-columns:1fr minmax(190px,.8fr);gap:12px;align-items:start;padding:14px;margin-bottom:14px}.portal-admin-favorites .portal-field{margin:0}.portal-admin-favorites p{font-size:11px;margin:0}.portal-admin-favorites .portal-admin-photo-actions{grid-column:1/-1;gap:7px}.portal-studio .portal-admin-photo-actions .portal-btn{font-size:11px;min-height:38px;padding:8px 12px}.portal-admin-order-tools .portal-small{font-size:10px}.portal-admin-order-tools .portal-field label{font-size:11px}.portal-admin-order-tools select{min-height:42px;font-size:12px}.portal-studio .portal-upload{padding:15px;margin:12px 0 18px;display:flex;gap:14px;align-items:center;text-align:left;flex-wrap:wrap}.portal-studio .portal-upload>svg{width:24px;height:24px;flex:none}.portal-studio .portal-upload label{flex:1;min-width:180px;margin:0;font-size:12px}.portal-studio .portal-upload input{padding:6px 0}.portal-preview-maintenance{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:15px}.portal-preview-maintenance>p{flex:1 1 220px;font-size:11px;margin:0}.portal-preview-maintenance .portal-btn{font-size:11px;min-height:38px}.portal-preview-pending{font-size:10px!important;margin:0!important;padding:7px 10px;background:#f8e8d6;color:#70492f!important}.portal-admin-detail-photo{display:block;max-width:100%;max-height:45vh;width:auto;margin:0 auto 20px;border-radius:12px;object-fit:contain}.portal-order-invoice{display:block;margin-top:9px}
.portal-studio .portal-admin-editor .portal-card{padding:23px;margin-bottom:0}.portal-studio .portal-admin-editor h3{font-size:26px}.portal-studio .portal-admin-editor>.portal-design-workbench{display:grid;grid-template-columns:minmax(240px,.75fr) minmax(0,1.25fr);gap:24px;align-items:start}.portal-design-workbench .portal-form-grid{grid-template-columns:1fr}.portal-design-workbench .portal-field{margin-bottom:14px}.portal-design-workbench .portal-field label{font-size:11px}.portal-design-workbench .portal-field input,.portal-design-workbench .portal-field select{font-size:13px;min-height:44px}.portal-design-preview{min-width:0;position:sticky;top:24px}.portal-preview-toolbar{display:flex;align-items:center;justify-content:end;gap:7px;margin-bottom:15px;font-size:11px}.portal-preview-toolbar strong{margin-right:auto}.portal-preview-toolbar .portal-btn{font-size:10px;padding:7px 11px;min-height:34px}#p-preview-page{background:#fcf8f5;border:1px solid var(--p-line);box-shadow:0 9px 35px #3a2e2a0a;max-width:100%;width:100%;margin:auto;min-height:300px;overflow:hidden;transition:width .2s}#p-preview-page[data-device=mobile]{width:270px}#p-preview-page[data-theme=dark]{background:#211e1c;color:#f8eee7}#p-preview-page[data-theme=light]{background:#fff}.portal-preview-cover{position:relative;min-height:180px;display:flex;align-items:end;overflow:hidden;background:#dec8b9;padding:25px}.portal-preview-cover>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.portal-preview-cover:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#35292199,transparent)}.portal-preview-cover>div{position:relative;z-index:1;color:#fffaf7}.portal-preview-cover small{font-size:7px;letter-spacing:.07em}.portal-preview-cover h3{font-size:30px!important;color:inherit!important;line-height:1.1!important;margin:7px 0!important;overflow-wrap:anywhere}.portal-preview-cover p{font-size:9px;color:inherit;margin:0}.portal-preview-cover[data-height=compact]{min-height:145px}.portal-preview-cover[data-height=large]{min-height:260px}.portal-preview-cover[data-layout=split]{display:grid;grid-template-columns:1fr 1fr;padding:0}.portal-preview-cover[data-layout=split]>img{position:relative;height:100%;min-height:180px}.portal-preview-cover[data-layout=split]>div{padding:16px;color:var(--p-ink)}.portal-preview-cover[data-layout=split]:after,.portal-preview-cover[data-layout=editorial]:after{display:none}.portal-preview-cover[data-layout=editorial]{display:flex;flex-direction:column;align-items:stretch;padding:0}.portal-preview-cover[data-layout=editorial]>img{position:relative;height:190px;object-fit:cover}.portal-preview-cover[data-layout=editorial]>div{padding:20px;text-align:center;color:var(--p-ink);background:#fffaf7}.portal-preview-photos{padding:14px;display:grid;grid-template-columns:repeat(var(--preview-columns,3),minmax(0,1fr));align-items:start}.portal-preview-photos figure{margin:0;min-width:0}.portal-preview-photos img{width:100%;height:auto;display:block}.portal-preview-photos[data-layout=grid] img{aspect-ratio:4/5;object-fit:cover}.portal-preview-photos[data-layout=masonry]{display:block;column-count:var(--preview-columns,3);column-gap:8px}.portal-preview-photos[data-layout=masonry] figure{break-inside:avoid;margin-bottom:8px}.portal-preview-photos figcaption{font-size:7px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:3px}#p-preview-page[data-device=mobile] .portal-preview-photos{--preview-columns:2!important}#p-preview-page[data-device=mobile] .portal-preview-cover[data-layout=split]{grid-template-columns:1fr}#p-preview-page[data-device=mobile] .portal-preview-cover h3{font-size:24px!important}
.portal-gallery-head[data-typography=sans] .portal-cover-copy h1,.portal-preview-cover[data-typography=sans] h3{font-family:var(--p-sans);font-weight:500;letter-spacing:-.04em}.portal-gallery-head[data-typography=editorial] .portal-cover-copy h1,.portal-preview-cover[data-typography=editorial] h3{font-family:var(--p-serif);font-style:italic}.portal-gallery-head[data-decoration=frame]:before,.portal-preview-cover[data-decoration=frame]:before{content:'';position:absolute;inset:18px;border:1px solid #fff9;z-index:2;pointer-events:none}.portal-gallery-head[data-decoration=frame] .portal-cover-copy{padding:12px}.portal-gallery-head[data-decoration=stripe] .portal-cover-copy,.portal-preview-cover[data-decoration=stripe]>div{border-left:2px solid currentColor;padding-left:20px}
.portal-activity-list{display:grid;gap:12px}.portal-activity{display:flex;gap:18px;align-items:start;padding:20px;border:1px solid var(--p-line);border-radius:14px;background:var(--p-card)}.portal-activity.unread{background:var(--p-surface);border-left:3px solid var(--p-dark)}.portal-activity>svg{width:22px;height:22px;flex:none;color:var(--p-dark)}.portal-activity>div{min-width:0}.portal-activity strong{font-size:13px}.portal-activity p{font-size:12px;margin:3px 0;overflow-wrap:anywhere}.portal-activity .portal-link-btn{font-size:11px}.portal-activity small{display:block;font-size:10px;color:var(--p-muted);margin-top:6px}#portal-studio-settings{max-width:880px;padding:25px}#portal-studio-settings h3{font-size:26px}#portal-studio-settings h3:not(:first-child){margin-top:30px}#portal-studio-settings>.portal-small{font-size:12px}.portal-email-settings{margin-bottom:12px;border:1px solid var(--p-line);border-radius:12px;padding:15px}.portal-email-settings summary{cursor:pointer;font-size:13px;font-weight:600}.portal-email-settings[open] summary{margin-bottom:20px}.portal-watermark-sample{position:relative;height:160px;display:grid;place-items:center;overflow:hidden;border-radius:12px;margin:12px 0;background:linear-gradient(135deg,#607a66,#a6b09d 45%,#c0a282)}.portal-watermark-sample span{color:white;font-family:Arial,sans-serif;font-weight:600;text-shadow:0 1px 2px #000;max-width:90%;overflow:hidden;white-space:nowrap}.portal-watermark-sample[data-position=diagonal] span{transform:rotate(-20deg)}.portal-watermark-sample[data-position=bottom-right]{place-items:end;padding:15px}
.portal-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;overflow:hidden!important;clip:rect(0,0,0,0);white-space:nowrap;border:0!important}.portal-dialog .portal-modal-top h2{font-size:clamp(25px,4.8vw,32px);line-height:1.16;max-width:440px;letter-spacing:-.015em;text-wrap:balance}.portal-modal-brand{align-items:center;margin-bottom:24px}.portal-modal-brand img{display:block;width:230px;max-width:100%;height:auto}.portal-modal-brand>div{min-width:0}.portal-dialog .portal-modal-copy{padding:28px}.portal-modal-copy>p{font-size:14px;line-height:1.7}.portal-copy-value{display:flex;justify-content:space-between;gap:12px;align-items:center;border:0;background:transparent;color:var(--p-ink);padding:5px 0;width:100%;text-align:left;font-size:13px!important}.portal-copy-value span{min-width:0;overflow-wrap:anywhere}.portal-copy-value small{flex:none;font-size:10px;font-weight:400;color:var(--p-dark);text-decoration:underline;text-underline-offset:3px}.portal-bank dl{margin:0}.portal-dialog .portal-btn{word-break:normal;overflow-wrap:normal}.portal-dialog .portal-modal-top>.portal-icon-btn{min-width:38px;min-height:38px;width:38px;height:38px;flex:none}.portal-dialog #portal-order-form>.portal-btn{font-size:13px;min-height:48px}.portal-studio .portal-btn{word-break:normal;overflow-wrap:normal}
@media(min-width:1700px){.portal-studio-galleries{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1100px){.portal-studio-wrap{width:calc(100% - 40px)}.portal-studio{grid-template-columns:180px minmax(0,1fr);gap:20px}.portal-studio-nav{padding-right:12px}.portal-studio .portal-admin-editor>.portal-design-workbench{grid-template-columns:1fr}.portal-design-preview{position:static}.portal-design-workbench .portal-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.portal-admin-favorites{grid-template-columns:1fr}.portal-studio-galleries{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:780px){.portal-studio-wrap{width:calc(100% - 28px);padding-top:24px}.portal-studio{grid-template-columns:1fr;gap:20px}.portal-studio-nav{position:static;border:0;padding:0;display:flex;flex-direction:row;overflow-x:auto;gap:7px}.portal-studio-nav>button:not(.portal-btn){width:auto;flex:none;font-size:12px;padding:10px;white-space:nowrap}.portal-studio-nav>.portal-eyebrow,.portal-studio-nav>.portal-btn,.portal-studio-recent,.portal-nav-divider{display:none}.portal-studio-nav svg{width:16px;height:16px}.portal-studio-nav>button b{margin-left:0}.portal-studio-main h2{font-size:30px}.portal-section-heading,.portal-editor-heading{align-items:start;gap:12px}.portal-section-heading>.portal-btn,.portal-editor-heading>.portal-btn{font-size:11px;padding:9px 12px;min-height:40px}.portal-editor-tabs{gap:2px}.portal-editor-tabs button{padding:10px 12px;font-size:11px}.portal-studio .portal-admin-editor .portal-card{padding:18px}.portal-studio .portal-admin-thumbs{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}.portal-studio-galleries{gap:15px}.portal-studio-gallery-copy{padding:13px}.portal-studio-gallery-copy strong{font-size:13px}.portal-studio-gallery-copy small{font-size:10px}.portal-studio-filters{gap:10px}.portal-studio-filters .portal-field{flex-basis:120px}.portal-studio-filters .portal-field:first-child{flex-basis:100%}.portal-library-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.portal-design-workbench .portal-form-grid{grid-template-columns:1fr}.portal-dialog .portal-modal-copy{padding:23px}.portal-dialog .portal-modal-top{gap:12px}.portal-dialog .portal-modal-top h2{font-size:27px}.portal-modal-brand img{width:205px}.portal-copy-value{font-size:13px!important}.portal-studio .portal-upload{display:block}.portal-studio .portal-upload>svg{display:none}.portal-studio .portal-upload label{min-width:0}.portal-studio .portal-upload .portal-btn{font-size:12px;min-height:40px}}
@media(max-width:480px){.portal-studio .portal-admin-thumbs{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.portal-admin-move{padding:6px;display:block}.portal-admin-move>span{display:block;font-size:9px;margin-bottom:4px}.portal-admin-move>div{justify-content:space-between}.portal-admin-move .portal-btn{min-width:0;padding:6px 4px;font-size:9px}.portal-admin-move .portal-btn svg{width:10px}.portal-studio-galleries{grid-template-columns:1fr}.portal-studio-gallery-cover{aspect-ratio:16/10}.portal-studio-filters .portal-btn{width:100%}.portal-studio-wrap>.portal-topbar h1{font-size:32px}.portal-dialog .portal-modal-top h2{font-size:25px}.portal-modal-brand img{width:180px}.portal-dialog .portal-bank{padding:17px}.portal-dialog .portal-bank dt{font-size:11px}.portal-copy-value small{font-size:10px}.portal-studio .portal-admin-photo-actions .portal-btn{font-size:10px}.portal-admin-favorites h4{font-size:12px}.portal-admin-favorite-badge{font-size:9px}.portal-admin-no-favorites{font-size:9px!important}.portal-preview-toolbar{flex-wrap:wrap}.portal-preview-toolbar strong{flex-basis:100%}}

/* Gallery palettes are shared by the customer page, design preview and swatches. */
:is(.portal-content,#p-preview-page,.portal-theme-option)[data-theme=warm]{--p-bg:#f9f3ef;--p-card:#fffaf7;--p-surface:#f3e4dc;--p-ink:#3a2e2a;--p-muted:#74625a;--p-accent:#d7a392;--p-dark:#805746;--p-line:#e5d3c7;--p-button-ink:#3a2e2a}
:is(.portal-content,#p-preview-page,.portal-theme-option)[data-theme=light]{--p-bg:#fafafa;--p-card:#fff;--p-surface:#f0efec;--p-ink:#302d2a;--p-muted:#706964;--p-accent:#d3beb0;--p-dark:#775b46;--p-line:#ded8d2;--p-button-ink:#302d2a}
:is(.portal-content,#p-preview-page,.portal-theme-option)[data-theme=dark]{--p-bg:#211e1c;--p-card:#2d2724;--p-surface:#382e29;--p-ink:#f8eee7;--p-muted:#cbbab0;--p-accent:#d7a392;--p-dark:#e3bca6;--p-line:#675347;--p-button-ink:#30231c}
:is(.portal-content,#p-preview-page,.portal-theme-option)[data-theme=cream]{--p-bg:#fbf7eb;--p-card:#fffdf6;--p-surface:#efe6ce;--p-ink:#423827;--p-muted:#71624b;--p-accent:#dbc89a;--p-dark:#7e6034;--p-line:#dfd2b4;--p-button-ink:#423827}
:is(.portal-content,#p-preview-page,.portal-theme-option)[data-theme=rose]{--p-bg:#fbf4f3;--p-card:#fffafa;--p-surface:#f1dfdf;--p-ink:#492f35;--p-muted:#775b62;--p-accent:#d9a5ac;--p-dark:#8c4f61;--p-line:#e5c9cf;--p-button-ink:#492f35}
:is(.portal-content,#p-preview-page,.portal-theme-option)[data-theme=blush]{--p-bg:#fcf4ef;--p-card:#fffaf6;--p-surface:#f5e1d4;--p-ink:#493329;--p-muted:#775e51;--p-accent:#e1b59c;--p-dark:#87573f;--p-line:#e7cebb;--p-button-ink:#493329}
:is(.portal-content,#p-preview-page,.portal-theme-option)[data-theme=sand]{--p-bg:#f6f2e9;--p-card:#fcfaf4;--p-surface:#e9e0cc;--p-ink:#423b2e;--p-muted:#6b624c;--p-accent:#cbb995;--p-dark:#76603c;--p-line:#dbd0ba;--p-button-ink:#423b2e}
:is(.portal-content,#p-preview-page,.portal-theme-option)[data-theme=clay]{--p-bg:#f8f0eb;--p-card:#fff9f4;--p-surface:#ecd9cb;--p-ink:#483127;--p-muted:#755a4b;--p-accent:#ce9b81;--p-dark:#8a5139;--p-line:#dec1ae;--p-button-ink:#39251c}
:is(.portal-content,#p-preview-page,.portal-theme-option)[data-theme=sage]{--p-bg:#f2f5ee;--p-card:#fafcf7;--p-surface:#e1e8d9;--p-ink:#303c2c;--p-muted:#596953;--p-accent:#b1c2a1;--p-dark:#506745;--p-line:#ccd7c2;--p-button-ink:#303c2c}
:is(.portal-content,#p-preview-page,.portal-theme-option)[data-theme=olive]{--p-bg:#f4f3e9;--p-card:#fcfcf5;--p-surface:#e6e5cd;--p-ink:#3d402a;--p-muted:#65664b;--p-accent:#c0c095;--p-dark:#65683a;--p-line:#d4d3b5;--p-button-ink:#343623}
:is(.portal-content,#p-preview-page,.portal-theme-option)[data-theme=forest]{--p-bg:#192d27;--p-card:#223b32;--p-surface:#2d4a3e;--p-ink:#edf3e9;--p-muted:#b9cebb;--p-accent:#b0c49e;--p-dark:#ccdcba;--p-line:#52705d;--p-button-ink:#233329}
:is(.portal-content,#p-preview-page,.portal-theme-option)[data-theme=sea]{--p-bg:#edf5f3;--p-card:#f9fcfb;--p-surface:#dbe9e5;--p-ink:#293f3c;--p-muted:#516a66;--p-accent:#9fc5bd;--p-dark:#3e7067;--p-line:#c1d7d0;--p-button-ink:#293f3c}
:is(.portal-content,#p-preview-page,.portal-theme-option)[data-theme=sky]{--p-bg:#f0f5f8;--p-card:#fafcfe;--p-surface:#dfe9ef;--p-ink:#2d3e4b;--p-muted:#546977;--p-accent:#adc6d6;--p-dark:#456b85;--p-line:#cad9e3;--p-button-ink:#2d3e4b}
:is(.portal-content,#p-preview-page,.portal-theme-option)[data-theme=lavender]{--p-bg:#f5f2f8;--p-card:#fcfaff;--p-surface:#e9e0f0;--p-ink:#41364e;--p-muted:#6d5e79;--p-accent:#c6b2d5;--p-dark:#735787;--p-line:#d9cbe4;--p-button-ink:#41364e}
:is(.portal-content,#p-preview-page,.portal-theme-option)[data-theme=slate]{--p-bg:#242c34;--p-card:#303b46;--p-surface:#3d4b57;--p-ink:#edf1f6;--p-muted:#c0ceda;--p-accent:#b3c5d6;--p-dark:#d2dce8;--p-line:#607384;--p-button-ink:#263441}
:is(.portal-content,#p-preview-page)[data-theme]{background:var(--p-bg);color:var(--p-ink)}
:is(.portal-content,#p-preview-page)[data-theme] :is(.portal-filter,.portal-avatar,.portal-badge){background:var(--p-surface);color:var(--p-ink);border-color:var(--p-line)}
:is(.portal-content,#p-preview-page)[data-theme] .portal-filter button[aria-pressed=true]{background:var(--p-card);color:var(--p-ink)}
:is(.portal-content,#p-preview-page)[data-theme] :is(.portal-selection-dock,.portal-order,.portal-gallery-tile){background:var(--p-card);border-color:var(--p-line)}
:is(.portal-content,#p-preview-page)[data-theme] .portal-photo{background:var(--p-surface)}
:is(.portal-content,#p-preview-page)[data-theme] .portal-photo-tools button{background:var(--p-card);color:var(--p-dark);border-color:var(--p-line)}
:is(.portal-content,#p-preview-page)[data-theme] .portal-photo-tools button[aria-pressed=true]{background:var(--p-accent);color:var(--p-button-ink);border-color:var(--p-accent)}
:is(.portal-content,#p-preview-page)[data-theme] .portal-btn:not(.secondary):not(.subtle){color:var(--p-button-ink)!important;background:var(--p-accent);border-color:var(--p-accent)}
:is(.portal-content,#p-preview-page)[data-theme] .portal-btn:not(.secondary):not(.subtle):hover{background:color-mix(in srgb,var(--p-accent) 88%,var(--p-card))}
:is(.portal-content,#p-preview-page)[data-theme] .portal-btn:is(.secondary,.subtle){color:var(--p-ink)!important;border-color:var(--p-line)}
:is(.portal-content,#p-preview-page)[data-theme] .portal-btn.subtle{background:var(--p-card)}
:is(.portal-content,#p-preview-page)[data-theme] .portal-btn:is(.secondary,.subtle):hover{background:var(--p-surface)}
.portal-theme-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.portal-theme-option{display:flex;flex-direction:column;justify-content:center;gap:7px;min-width:0;min-height:68px;padding:8px;border:1px solid var(--p-line);border-radius:10px;background:var(--p-card);color:var(--p-ink);text-align:center;cursor:pointer;font-size:11px!important;line-height:1.35!important}
.portal-theme-option>span:last-child{overflow-wrap:normal;word-break:normal}
.portal-theme-option[aria-pressed=true]{outline:2px solid var(--p-dark);outline-offset:1px;font-weight:700}
.portal-palette-swatches{display:flex;justify-content:center;overflow:hidden;border-radius:5px;height:18px;flex:none;border:1px solid var(--p-line)}
.portal-palette-swatches i{display:block;flex:1;background:var(--p-bg)}
.portal-palette-swatches i:nth-child(2){background:var(--p-surface)}
.portal-palette-swatches i:nth-child(3){background:var(--p-accent)}

/* Cover geometry uses proportional media areas. Desktop and mobile have separate controls. */
.portal-content .portal-gallery-head{--cover-media-size:clamp(440px,52vw,820px);--cover-pad:clamp(25px,4vw,60px);--cover-title-size:clamp(36px,4.8vw,72px);--cover-copy-size:14px;--cover-eyebrow-size:10px;--cover-fit:contain;--cover-radius:24px}
.portal-content .portal-gallery-head[data-height=compact]{--cover-media-size:clamp(320px,36vw,560px)}
.portal-content .portal-gallery-head[data-height=large]{--cover-media-size:clamp(560px,68vw,1040px)}
.portal-content .portal-gallery-head[data-fit=cover]{--cover-fit:cover}
#p-preview-page{container-type:inline-size;container-name:gallery-design;min-height:0;border-radius:3px}
#p-preview-page .portal-preview-cover{--cover-media-size:52cqw;--cover-pad:4cqw;--cover-title-size:clamp(14px,4.8cqw,46px);--cover-copy-size:clamp(7px,1.15cqw,12px);--cover-eyebrow-size:clamp(6px,.85cqw,10px);--cover-fit:contain;--cover-radius:0px}
#p-preview-page .portal-preview-cover[data-height=compact]{--cover-media-size:36cqw}
#p-preview-page .portal-preview-cover[data-height=large]{--cover-media-size:68cqw}
#p-preview-page .portal-preview-cover[data-fit=cover]{--cover-fit:cover}
#p-preview-page .portal-preview-cover[data-layout]>.portal-cover-copy h3{font-size:var(--cover-title-size)!important}
:is(.portal-gallery-head,.portal-preview-cover)[data-layout]{display:flex;flex-direction:row;align-items:flex-end;position:relative;isolation:isolate;height:var(--cover-media-size);min-height:0;padding:var(--cover-pad);border:0;border-radius:var(--cover-radius);background:var(--p-surface);overflow:hidden;--cover-copy-color:#fffaf7;--cover-decoration-color:#fffaf7;--cover-copy-bg:transparent}
:is(.portal-gallery-head,.portal-preview-cover)[data-layout]>img{display:block;position:absolute;inset:0;width:100%;height:100%;min-height:0;max-height:none;object-fit:var(--cover-fit);border-radius:0;grid-column:auto}
:is(.portal-gallery-head,.portal-preview-cover)[data-layout]:after{content:'';display:block;position:absolute;inset:0;z-index:0;background:linear-gradient(0deg,#201a16b8,transparent 75%);pointer-events:none}
:is(.portal-gallery-head,.portal-preview-cover)[data-layout]>.portal-cover-copy{position:relative;z-index:1;align-self:auto;min-width:0;max-width:100%;width:100%;padding:0;margin:0;border:0;background:var(--cover-copy-bg);color:var(--cover-copy-color);text-align:left;overflow-wrap:normal}
:is(.portal-gallery-head,.portal-preview-cover)[data-layout]>.portal-cover-copy :is(h1,h3){font-size:var(--cover-title-size)!important;line-height:1.08!important;color:inherit!important;font-weight:500;max-width:100%;margin:0 0 .2em!important;overflow-wrap:break-word;word-break:normal;text-wrap:balance}
:is(.portal-gallery-head,.portal-preview-cover)[data-layout]>.portal-cover-copy p{font-size:var(--cover-copy-size);line-height:1.65;color:inherit;margin:0}
:is(.portal-gallery-head,.portal-preview-cover)[data-layout]>.portal-cover-copy :is(.portal-eyebrow,small){display:block;color:inherit!important;font-size:var(--cover-eyebrow-size);letter-spacing:.09em;font-weight:600;line-height:1.6;margin:0 0 1.3em!important}
:is(.portal-gallery-head,.portal-preview-cover)[data-layout]:not([data-layout=overlay]){--cover-copy-color:var(--p-ink);--cover-decoration-color:var(--p-dark);--cover-copy-bg:var(--p-card)}
:is(.portal-gallery-head,.portal-preview-cover)[data-layout]:not([data-layout=overlay]):after{display:none}
:is(.portal-gallery-head,.portal-preview-cover)[data-layout]:not([data-layout=overlay])>.portal-cover-copy :is(.portal-eyebrow,small){color:var(--p-muted)!important}
:is(.portal-gallery-head,.portal-preview-cover)[data-layout=split],:is(.portal-gallery-head,.portal-preview-cover)[data-layout=split-reverse]{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);align-items:stretch;padding:0}
:is(.portal-gallery-head,.portal-preview-cover)[data-layout=split]>img,:is(.portal-gallery-head,.portal-preview-cover)[data-layout=split-reverse]>img{position:relative;grid-row:1;grid-column:1;inset:auto;height:var(--cover-media-size)}
:is(.portal-gallery-head,.portal-preview-cover)[data-layout=split]>.portal-cover-copy,:is(.portal-gallery-head,.portal-preview-cover)[data-layout=split-reverse]>.portal-cover-copy{display:flex;flex-direction:column;justify-content:center;grid-row:1;grid-column:2;align-self:stretch;padding:var(--cover-pad);--cover-title-size:clamp(32px,3.6vw,60px)}
#p-preview-page :is(.portal-preview-cover[data-layout=split],.portal-preview-cover[data-layout=split-reverse])>.portal-cover-copy{--cover-title-size:clamp(12px,3.6cqw,38px)}
:is(.portal-gallery-head,.portal-preview-cover)[data-layout=split-reverse]>img{grid-column:2}
:is(.portal-gallery-head,.portal-preview-cover)[data-layout=split-reverse]>.portal-cover-copy{grid-column:1}
:is(.portal-gallery-head,.portal-preview-cover)[data-layout=editorial],:is(.portal-gallery-head,.portal-preview-cover)[data-layout=card],:is(.portal-gallery-head,.portal-preview-cover)[data-layout=arch],:is(.portal-gallery-head,.portal-preview-cover)[data-layout=polaroid],:is(.portal-gallery-head,.portal-preview-cover)[data-layout=minimal]{display:flex;flex-direction:column;align-items:center;height:auto;padding:0;background:var(--p-card)}
:is(.portal-gallery-head,.portal-preview-cover)[data-layout=editorial]>img,:is(.portal-gallery-head,.portal-preview-cover)[data-layout=card]>img,:is(.portal-gallery-head,.portal-preview-cover)[data-layout=arch]>img,:is(.portal-gallery-head,.portal-preview-cover)[data-layout=polaroid]>img,:is(.portal-gallery-head,.portal-preview-cover)[data-layout=minimal]>img{position:relative;inset:auto;height:var(--cover-media-size);width:100%;background:var(--p-surface)}
:is(.portal-gallery-head,.portal-preview-cover)[data-layout=editorial]>.portal-cover-copy,:is(.portal-gallery-head,.portal-preview-cover)[data-layout=card]>.portal-cover-copy,:is(.portal-gallery-head,.portal-preview-cover)[data-layout=arch]>.portal-cover-copy,:is(.portal-gallery-head,.portal-preview-cover)[data-layout=polaroid]>.portal-cover-copy,:is(.portal-gallery-head,.portal-preview-cover)[data-layout=minimal]>.portal-cover-copy{padding:calc(var(--cover-pad)*.8) var(--cover-pad);text-align:center}
:is(.portal-gallery-head,.portal-preview-cover)[data-layout=card]{background:var(--p-bg);padding-bottom:var(--cover-pad)}
:is(.portal-gallery-head,.portal-preview-cover)[data-layout=card]>.portal-cover-copy{width:86%;margin-top:calc(var(--cover-pad)*-1);padding:var(--cover-pad);border:1px solid var(--p-line);box-shadow:0 10px 30px #201a160c}
:is(.portal-gallery-head,.portal-preview-cover)[data-layout=arch]{padding:var(--cover-pad) var(--cover-pad) 0}
:is(.portal-gallery-head,.portal-preview-cover)[data-layout=arch]>img{width:78%;height:var(--cover-media-size);border-radius:48% 48% 0 0;background:var(--p-surface)}
:is(.portal-gallery-head,.portal-preview-cover)[data-layout=polaroid]{padding:var(--cover-pad) var(--cover-pad) 0;border:1px solid var(--p-line);border-radius:3px;box-shadow:0 10px 30px #201a1610}
:is(.portal-gallery-head,.portal-preview-cover)[data-layout=polaroid]>img{height:calc(var(--cover-media-size)*.9)}
:is(.portal-gallery-head,.portal-preview-cover)[data-layout=polaroid]>.portal-cover-copy{padding:var(--cover-pad) 0}
:is(.portal-gallery-head,.portal-preview-cover)[data-layout=minimal]{padding:calc(var(--cover-pad)*1.4) var(--cover-pad) var(--cover-pad);background:var(--p-bg)}
:is(.portal-gallery-head,.portal-preview-cover)[data-layout=minimal]>img{width:68%;height:calc(var(--cover-media-size)*.82)}
:is(.portal-gallery-head,.portal-preview-cover)[data-layout=minimal]>.portal-cover-copy{order:-1;background:transparent;padding:0 0 var(--cover-pad)}
:is(.portal-gallery-head,.portal-preview-cover)[data-layout].no-photo{min-height:200px}
:is(.portal-gallery-head,.portal-preview-cover)[data-layout].no-photo>.portal-cover-copy{grid-column:1/-1}
:is(.portal-gallery-head,.portal-preview-cover)[data-layout][data-decoration]:before{content:none;pointer-events:none}
:is(.portal-gallery-head,.portal-preview-cover)[data-layout][data-decoration=frame]:before,:is(.portal-gallery-head,.portal-preview-cover)[data-layout][data-decoration=double-frame]:before,:is(.portal-gallery-head,.portal-preview-cover)[data-layout][data-decoration=corners]:before{content:'';position:absolute;inset:calc(var(--cover-pad)*.4);border:1px solid var(--cover-decoration-color);z-index:2;opacity:.8}
:is(.portal-gallery-head,.portal-preview-cover)[data-layout][data-decoration=double-frame]:before{border:4px double var(--cover-decoration-color)}
:is(.portal-gallery-head,.portal-preview-cover)[data-layout][data-decoration=corners]:before{border:0;background:linear-gradient(var(--cover-decoration-color),var(--cover-decoration-color)) left top/24px 1px,linear-gradient(var(--cover-decoration-color),var(--cover-decoration-color)) left top/1px 24px,linear-gradient(var(--cover-decoration-color),var(--cover-decoration-color)) right top/24px 1px,linear-gradient(var(--cover-decoration-color),var(--cover-decoration-color)) right top/1px 24px,linear-gradient(var(--cover-decoration-color),var(--cover-decoration-color)) left bottom/24px 1px,linear-gradient(var(--cover-decoration-color),var(--cover-decoration-color)) left bottom/1px 24px,linear-gradient(var(--cover-decoration-color),var(--cover-decoration-color)) right bottom/24px 1px,linear-gradient(var(--cover-decoration-color),var(--cover-decoration-color)) right bottom/1px 24px;background-repeat:no-repeat}
:is(.portal-gallery-head,.portal-preview-cover)[data-layout][data-decoration=stripe]>.portal-cover-copy{border-left:2px solid var(--cover-decoration-color);padding-left:var(--cover-pad)}
:is(.portal-gallery-head,.portal-preview-cover)[data-layout][data-decoration=underline]>.portal-cover-copy:after{content:'';display:block;width:48px;height:2px;background:var(--cover-decoration-color);margin:20px auto 0}
:is(.portal-gallery-head,.portal-preview-cover)[data-layout=overlay][data-decoration=underline]>.portal-cover-copy:after{margin-left:0}
:is(.portal-gallery-head,.portal-preview-cover)[data-layout][data-decoration=soft-shadow]{box-shadow:0 15px 40px #201a1626}
:is(.portal-gallery-head,.portal-preview-cover)[data-layout][data-decoration=rounded]{border-radius:60px}
#p-preview-page .portal-preview-cover[data-decoration=rounded]{border-radius:5cqw}
#p-preview-page .portal-preview-cover[data-decoration=underline]>.portal-cover-copy:after{width:5cqw;margin-top:2cqw}
#p-preview-page[data-device=mobile]{width:320px;max-width:100%}
/* Preview ratios represent a 390 px phone: its 358 px gallery excludes 16 px side gutters. */
#p-preview-page[data-device=mobile] .portal-preview-cover[data-layout]{--cover-media-size:89cqw;--cover-pad:7cqw;--cover-title-size:clamp(22px,9cqw,30px);--cover-copy-size:11px;--cover-eyebrow-size:8px;--cover-fit:cover}
#p-preview-page[data-device=mobile] .portal-preview-cover[data-mobile-height=compact]{--cover-media-size:74cqw}
#p-preview-page[data-device=mobile] .portal-preview-cover[data-mobile-height=large]{--cover-media-size:131cqw}
#p-preview-page[data-device=mobile] .portal-preview-cover[data-mobile-fit=contain]{--cover-fit:contain}
#p-preview-page[data-device=mobile] :is(.portal-preview-cover[data-layout=split],.portal-preview-cover[data-layout=split-reverse]){grid-template-columns:1fr;height:auto}
#p-preview-page[data-device=mobile] :is(.portal-preview-cover[data-layout=split],.portal-preview-cover[data-layout=split-reverse])>img{grid-row:1;grid-column:1}
#p-preview-page[data-device=mobile] :is(.portal-preview-cover[data-layout=split],.portal-preview-cover[data-layout=split-reverse])>.portal-cover-copy{grid-row:2;grid-column:1;--cover-title-size:clamp(22px,9cqw,30px);text-align:center}
#p-preview-page[data-device=mobile] .portal-preview-cover[data-layout=arch]>img{width:90%}
#p-preview-page[data-device=mobile] .portal-preview-cover[data-layout=minimal]>img{width:84%}
@media(max-width:780px){
 .portal-content .portal-gallery-head[data-layout]{--cover-media-size:clamp(280px,82vw,340px);--cover-pad:25px;--cover-title-size:clamp(31px,9vw,46px);--cover-copy-size:13px;--cover-eyebrow-size:9px;--cover-fit:cover;--cover-radius:20px}
 .portal-content .portal-gallery-head[data-layout][data-mobile-height=compact]{--cover-media-size:clamp(220px,68vw,320px)}
 .portal-content .portal-gallery-head[data-layout][data-mobile-height=large]{--cover-media-size:clamp(370px,120vw,560px)}
 .portal-content .portal-gallery-head[data-layout][data-mobile-fit=contain]{--cover-fit:contain}
 .portal-content :is(.portal-gallery-head[data-layout=split],.portal-gallery-head[data-layout=split-reverse]){grid-template-columns:1fr;height:auto}
 .portal-content :is(.portal-gallery-head[data-layout=split],.portal-gallery-head[data-layout=split-reverse])>img{grid-row:1;grid-column:1}
 .portal-content :is(.portal-gallery-head[data-layout=split],.portal-gallery-head[data-layout=split-reverse])>.portal-cover-copy{grid-row:2;grid-column:1;text-align:center;--cover-title-size:clamp(31px,9vw,46px)}
 .portal-content .portal-gallery-head[data-layout=arch]>img{width:90%}
 .portal-content .portal-gallery-head[data-layout=minimal]>img{width:84%}
 .portal-content .portal-gallery-head[data-decoration=rounded]{border-radius:32px}
}

/* Selection controls keep words intact and remain tappable on narrow phones. */
.portal-content .portal-selection-dock{max-width:880px;border-color:var(--p-line);background:var(--p-card);gap:14px;bottom:max(12px,env(safe-area-inset-bottom));padding:12px 16px}
.portal-content .portal-selection-dock>p{flex:none;text-align:center;font-size:13px;line-height:1.5;color:var(--p-ink)}
.portal-content .portal-selection-dock .portal-tool-actions{width:auto;min-width:0;display:flex;align-items:stretch;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.portal-content .portal-selection-dock .portal-btn{display:flex;flex:0 1 auto;align-items:center;justify-content:center;min-width:0;min-height:44px;height:auto;gap:7px;padding:10px 15px;border-radius:12px;font-size:13px;font-weight:600;line-height:1.35;text-align:center;white-space:normal;overflow-wrap:normal;word-break:normal;hyphens:none}
.portal-content .portal-selection-dock .portal-btn-label{min-width:0;white-space:normal;overflow-wrap:normal;word-break:normal;hyphens:none;line-height:1.35;text-align:center}
.portal-content .portal-selection-dock .portal-btn svg{width:18px;height:18px;flex:0 0 18px;margin:0}
@media(max-width:780px){
 .portal-content .portal-selection-dock{display:grid;grid-template-columns:minmax(0,1fr);gap:9px;padding:12px;bottom:max(8px,env(safe-area-inset-bottom));width:100%;border-radius:16px}
 .portal-content .portal-selection-dock>p{margin:0;font-size:13px}
 .portal-content .portal-selection-dock .portal-tool-actions{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
 .portal-content .portal-selection-dock .portal-btn{width:100%;max-width:100%;min-height:46px;padding:10px 9px;font-size:13px}
}
@media(max-width:600px){
 .portal-content .portal-selection-dock .portal-tool-actions{grid-template-columns:repeat(2,minmax(0,1fr))}
 .portal-content .portal-selection-dock .portal-btn:is([data-action=checkout],[data-action=buy-gallery]){grid-column:1/-1}
 .portal-content .portal-selection-dock .portal-btn:only-child{grid-column:1/-1}
 .portal-content .portal-toolbar .portal-tool-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .portal-content .portal-toolbar .portal-total{grid-column:1/-1;font-size:12px}
 .portal-content .portal-toolbar .portal-btn{display:flex;align-items:center;justify-content:center;min-width:0;min-height:44px;border-radius:12px;gap:6px;padding:10px 8px;font-size:12px;line-height:1.4;text-align:center;overflow-wrap:normal;word-break:normal;hyphens:none}
}

/* Every active package stays visible; only matching combinations can be selected. */
.portal-package-options{border:0;padding:0;margin:24px 0 18px;min-width:0}
.portal-package-options legend{font-size:17px;font-weight:600;margin-bottom:6px;padding:0}
.portal-package-options .portal-package{display:grid;grid-template-columns:18px minmax(0,1fr) auto;align-items:start;gap:12px;min-width:0}
.portal-package-options .portal-package input{margin:3px 0 0;padding:0;min-width:18px;max-width:18px;height:18px;flex:none}
.portal-package-options .portal-package-copy{min-width:0;overflow-wrap:break-word;word-break:normal}
.portal-package-options .portal-package small{display:block;line-height:1.55;margin-top:4px}
.portal-package-options .portal-package-hint{color:var(--p-dark)}
.portal-package-options .portal-package-price{display:block;text-align:right;min-width:90px;overflow-wrap:normal}
.portal-package-options .portal-package-price b{white-space:nowrap}
.portal-package-options .is-unavailable{cursor:default;background:#efedeb;border-color:#ddd8d4;color:#68615d}
.portal-package-options .is-unavailable :is(strong,b,small){color:#68615d}
.portal-checkout-summary{padding:18px;border:1px solid var(--p-line);border-radius:14px;background:var(--p-surface);margin:18px 0}
.portal-checkout-summary h3{font-size:21px;margin:0 0 14px}
.portal-checkout-summary>div{display:flex;justify-content:space-between;align-items:start;gap:18px;font-size:13px;line-height:1.6;margin:8px 0}
.portal-checkout-summary>div>span{min-width:0;overflow-wrap:break-word}
.portal-checkout-summary>div>strong{flex:none;white-space:nowrap}
.portal-checkout-summary small{display:block;color:var(--p-muted)}
.portal-checkout-summary .portal-checkout-total{border-top:1px solid var(--p-line);margin-top:14px;padding-top:12px;font-size:16px;font-weight:600}
.portal-checkout-summary>p{font-size:13px;line-height:1.6;margin:0}
@media(max-width:480px){.portal-package-options .portal-package{grid-template-columns:18px minmax(0,1fr);gap:8px 10px;padding:14px 12px}.portal-package-options .portal-package-price{grid-column:2;text-align:left;display:flex;gap:8px;align-items:baseline}.portal-package-options .portal-package-price small{margin:0}.portal-checkout-summary{padding:14px}.portal-checkout-summary>div{gap:10px}}

/* Customer overview: its display preference does not affect gallery designs. */
.portal-home .portal-topbar h1,.portal-home .portal-orders>h2{font-size:35px}
.portal-home .portal-home-intro{font-size:16px;line-height:1.6}
.portal-gallery-view{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:8px;margin-bottom:22px}
.portal-gallery-view button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;border:1px solid var(--p-line);border-radius:12px;padding:10px 14px;background:var(--p-card);color:var(--p-muted);font-size:13px}
.portal-gallery-view button[aria-pressed=true]{background:var(--p-surface);border-color:var(--p-dark);color:var(--p-dark);font-weight:700}
.portal-gallery-view button:hover{border-color:var(--p-dark)}
.portal-gallery-view button svg{width:18px;height:18px}
.portal-home .portal-gallery-tile,.portal-home .portal-tile-copy{min-width:0}
.portal-home .portal-tile-copy h2{overflow-wrap:anywhere;line-height:1.15}
.portal-home .portal-tile-copy .portal-count{flex-wrap:wrap;gap:6px 12px}
.portal-home .portal-gallery-list[data-view=compact]{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.portal-home [data-view=compact] .portal-tile-photo{height:auto;aspect-ratio:4/3}
.portal-home [data-view=compact] .portal-tile-copy{padding:16px}
.portal-home [data-view=compact] .portal-tile-copy h2{font-size:26px}
.portal-home .portal-gallery-list[data-view=list]{grid-template-columns:minmax(0,1fr);gap:12px}
.portal-home [data-view=list] .portal-gallery-tile{border-radius:16px}
.portal-home [data-view=list] .portal-gallery-tile>a{display:grid;grid-template-columns:144px minmax(0,1fr);align-items:center}
.portal-home [data-view=list] .portal-tile-photo{height:120px}
.portal-home [data-view=list] .portal-tile-copy{padding:16px 22px}
.portal-home [data-view=list] .portal-tile-copy h2{font-size:28px;margin-bottom:5px}
.portal-home [data-view=list] .portal-count{margin-top:8px}
@media(max-width:1100px){.portal-home .portal-gallery-list[data-view=compact]{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:780px){.portal-home .portal-gallery-list[data-view=compact]{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.portal-home [data-view=compact] .portal-tile-copy{padding:13px}.portal-home [data-view=compact] .portal-tile-copy h2{font-size:23px}.portal-home [data-view=list] .portal-gallery-tile>a{grid-template-columns:100px minmax(0,1fr)}.portal-home [data-view=list] .portal-tile-photo{height:110px}.portal-home [data-view=list] .portal-tile-copy{padding:14px}.portal-home [data-view=list] .portal-tile-copy h2{font-size:25px}}
@media(max-width:480px){.portal-gallery-view{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.portal-gallery-view button{flex-direction:column;gap:4px;padding:9px 5px;font-size:12px;line-height:1.4}.portal-home [data-view=compact] .portal-tile-copy h2{font-size:22px}.portal-home [data-view=compact] .portal-count{margin-top:12px;font-size:11px}.portal-home [data-view=compact] .portal-count>span{flex-basis:100%}.portal-home [data-view=list] .portal-gallery-tile>a{grid-template-columns:80px minmax(0,1fr)}.portal-home [data-view=list] .portal-tile-photo{height:100%;min-height:112px}.portal-home [data-view=list] .portal-tile-copy{padding:12px}.portal-home [data-view=list] .portal-tile-copy h2{font-size:23px}.portal-home [data-view=list] .portal-count{font-size:11px}}

/* Required booking packages and deliberate gallery removal. */
.portal-required-label{color:var(--p-dark);font-weight:600}
.portal-required-field{flex-basis:100%;margin:10px 0}
.portal-required-field p{margin:8px 0}
.portal-delete-gallery{margin-top:32px;border-top:1px solid var(--p-line);padding-top:20px}
.portal-delete-gallery h3{font-size:23px}
.portal-confirm-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:12px;margin-top:24px}
.portal-confirm-actions .portal-btn{white-space:normal;word-break:normal;line-height:1.45;text-align:center}
@media(max-width:480px){.portal-confirm-actions{display:grid;grid-template-columns:1fr}.portal-confirm-actions .portal-btn{width:100%}}

/* Package ordering stays compact without splitting words on narrow screens. */
.portal-package-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px}
.portal-package-actions .portal-btn{white-space:nowrap;word-break:normal;overflow-wrap:normal;line-height:1.4;justify-content:center}
.portal-admin-packages li>strong{white-space:nowrap;flex-shrink:0}
@media(max-width:600px){.portal-admin-packages .portal-package-actions{flex-basis:100%;justify-content:flex-start}.portal-admin-packages .portal-package-actions .portal-btn{min-height:44px;padding:10px 12px}.portal-admin-packages li>span{flex-basis:calc(100% - 100px)}}
.portal-final-panel{padding:20px;margin:20px 0;border:1px solid var(--p-line);border-radius:16px;background:var(--p-surface)}
.portal-final-panel h3{margin-top:0}
.portal-final-panel .portal-btn,.portal-final-dialog .portal-btn{white-space:normal;word-break:normal;overflow-wrap:normal;line-height:1.4;text-align:center}
.portal-final-status{font-size:11px;padding:7px 9px;margin:0;background:var(--p-surface);color:var(--p-dark);line-height:1.45}
.portal-final-status.ready{font-weight:600}
.portal-final-dialog{width:min(880px,calc(100% - 32px))}
.portal-final-drop{display:block;padding:24px;border:1px dashed var(--p-dark);border-radius:16px;background:var(--p-surface);cursor:pointer}
.portal-final-drop.dragging{outline:3px solid var(--p-dark)}
.portal-final-drop>span{display:flex;align-items:center;gap:12px;font-size:15px;margin-bottom:16px}
.portal-final-drop svg{width:26px;height:26px;flex-shrink:0}
.portal-final-drop input{max-width:100%;font-size:13px}
.portal-final-review{list-style:none;margin:16px 0;padding:0;max-height:40vh;overflow-y:auto;border:1px solid var(--p-line);border-radius:12px}
.portal-final-review li{padding:14px 16px;border-bottom:1px solid var(--p-line);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:8px 16px;align-items:start;font-size:13px}
.portal-final-review li:last-child{border-bottom:0}
.portal-final-review strong{overflow-wrap:anywhere;padding-top:5px}
.portal-final-review label{min-width:0}
.portal-final-review label>span{display:block;font-size:11px;margin-bottom:5px;color:var(--p-muted)}
.portal-final-review select{width:100%;min-height:42px;font-size:13px}
.portal-final-review p{grid-column:1/-1;margin:0}
.portal-final-review .needs-match{background:var(--p-surface)}
.portal-final-review .complete{opacity:.75}
#portal-final-single{margin-top:22px;padding-top:18px;border-top:1px solid var(--p-line)}
@media(max-width:600px){.portal-final-review li{grid-template-columns:minmax(0,1fr)}.portal-final-dialog .portal-modal-copy{padding:20px}.portal-final-drop{padding:16px}}

.portal-order-details{width:min(960px,94vw);max-width:960px}.portal-ordered-images{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.portal-ordered-image{border:1px solid #dac4b8;border-radius:16px;padding:12px;min-width:0;overflow-wrap:anywhere}.portal-ordered-image img{width:100%;height:180px;object-fit:contain;display:block;margin-bottom:12px}.portal-ordered-image.needs-final{border:2px solid #995b36;background:#fff0dc}.portal-mail-entry{border-top:1px solid #dac4b8;padding:20px 0}.portal-mail-entry iframe{width:100%;height:580px;border:0;background:white}.portal-mail-entry summary{cursor:pointer;padding:12px 0}

/* Clear, distinct workflows: replace existing proofs or add new images. */
.portal-studio .portal-final-panel{padding:24px;margin:20px 0 24px;background:var(--p-surface);border-radius:18px}
.portal-replace-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px}.portal-replace-heading h3{margin:0 0 12px}.portal-replace-heading p{margin:0;max-width:750px}.portal-replace-heading>.portal-btn{justify-self:end}.portal-replace-footer{border-top:1px solid var(--p-line);margin-top:18px;padding-top:14px;display:flex;gap:20px;justify-content:space-between;flex-wrap:wrap}.portal-replace-footer p{margin:0}.portal-studio #portal-upload-form{margin:0 0 24px}.portal-studio #portal-upload-form>h3{margin:0 0 12px}
.portal-studio .portal-upload{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:16px;align-items:center;padding:22px}.portal-studio .portal-upload>svg{display:block;width:32px;height:32px;align-self:center}.portal-studio .portal-upload>.portal-field{display:flex;flex-direction:column;gap:8px;min-width:0}.portal-studio .portal-upload input[type=file]{width:100%;min-width:0;min-height:52px;padding:12px;border-radius:12px;box-sizing:border-box}.portal-studio .portal-upload>.portal-btn{align-self:center;min-height:52px;margin-top:24px}.portal-upload-ready{grid-column:2/-1;grid-row:1;display:flex;gap:12px;align-items:center;flex-wrap:wrap;border-bottom:1px solid var(--p-line);padding-bottom:14px}.portal-upload-ready .portal-check{margin:0!important;flex:1 1 240px}.portal-upload-ready p{margin:0!important;flex:1 1 300px}.portal-studio .portal-upload:has(.portal-upload-ready)>.portal-field,.portal-studio .portal-upload:has(.portal-upload-ready)>svg,.portal-studio .portal-upload:has(.portal-upload-ready)>.portal-btn{grid-row:2}
.portal-access-filters{display:flex;gap:16px;flex-wrap:wrap;margin:18px 0}.portal-access-filters>.portal-field{flex:1;min-width:180px}.portal-access-badge{display:inline-flex;max-width:100%;box-sizing:border-box;padding:6px 10px;margin:5px 4px 5px 0;border:1px solid #aac3af;border-radius:8px;background:#e9f1e7;color:#35543a;font-size:12px;line-height:1.4;white-space:normal}.portal-access-badge.pending,.portal-access-badge.paid{background:#f7ecdc;color:#704f2a;border-color:#d7b994}.portal-admin-delete{display:flex;justify-content:flex-end;padding:8px}.portal-admin-delete .portal-btn{min-height:40px;font-size:12px;color:#8b463a}.portal-filter{flex-wrap:wrap}.portal-filter button{white-space:normal!important;line-height:1.3;justify-content:center}
.portal-customer-order{display:grid;grid-template-columns:minmax(0,1fr);gap:18px}.portal-customer-order .portal-order-summary{display:contents}.portal-customer-order h3{margin:0}.portal-customer-order p{margin:0;overflow-wrap:anywhere}.portal-customer-order .portal-order-meta{grid-row:2;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;text-align:left}.portal-customer-order .portal-order-documents{display:flex;flex-wrap:wrap;gap:14px;margin-top:8px}.portal-customer-order .portal-order-documents a{display:flex;margin:0;min-height:48px;font-size:15px;justify-content:center;text-align:center}.portal-customer-order .portal-order-withdrawal{order:20;border-top:1px solid var(--p-line);padding-top:14px;text-align:right;margin-top:8px}.portal-customer-order .portal-order-withdrawal button{font-size:12px!important;min-height:44px;padding:10px 12px;line-height:1.4}.portal-customer-order .portal-badge{white-space:normal}
@media(max-width:700px){.portal-replace-heading{grid-template-columns:1fr;gap:16px}.portal-replace-heading>.portal-btn{width:100%}.portal-studio .portal-upload{grid-template-columns:32px minmax(0,1fr);gap:12px;padding:16px}.portal-upload-ready{grid-column:1/-1}.portal-studio .portal-upload>.portal-btn,.portal-studio .portal-upload:has(.portal-upload-ready)>.portal-btn{grid-row:auto;grid-column:1/-1;margin-top:0;width:100%}.portal-toolbar .portal-filter{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;border-radius:16px;padding:6px;gap:4px}.portal-toolbar .portal-filter button{min-width:0;min-height:46px;font-size:12px;padding:10px 8px}.portal-toolbar .portal-filter svg{width:17px;flex:none}.portal-customer-order .portal-order-documents{display:grid;grid-template-columns:1fr;width:100%}.portal-customer-order .portal-order-documents a{font-size:14px;min-height:48px}.portal-customer-order .portal-order-meta strong{font-size:22px}.portal-customer-order .portal-badge{font-size:11px}.portal-access-badge{font-size:11px}}

.portal-studio .portal-upload-ready .portal-check{display:flex;align-items:flex-start;gap:10px;min-width:0;flex:1 1 280px;text-align:left}.portal-studio .portal-upload-ready input[type=checkbox]{width:18px;height:18px;min-width:18px;flex:0 0 18px;padding:0;margin:2px 0 0}.portal-studio .portal-upload-ready .portal-check span{flex:1;min-width:0}.portal-studio .portal-upload-ready p{text-align:left}.portal-studio .portal-upload>svg{margin-top:24px}

.portal-consent{border:1px solid var(--p-line);border-radius:14px;padding:16px;margin:22px 0}.portal-consent legend{font-size:14px;font-weight:600;padding:0 8px}.portal-consent .portal-check{font-size:13px;text-align:left}.portal-consent input[type=checkbox]{flex:0 0 18px;width:18px;height:18px}.portal-consent p{margin-bottom:0}

/* School-gallery deadlines are automatic and visible beside the publication controls. */
.portal-retention-note{border:1px solid var(--p-line);border-radius:14px;padding:16px;margin:18px 0;background:var(--p-surface);min-width:0}
.portal-retention-note[hidden]{display:none}
.portal-retention-note>strong{font-size:14px}
.portal-retention-note p,.portal-retention-note li,.portal-retention-note dt,.portal-retention-note dd{font-size:13px;line-height:1.6}
.portal-retention-note p{margin:10px 0 0}
.portal-retention-note ul{padding-left:20px;margin:10px 0 0}
.portal-retention-note li+li{margin-top:6px}
.portal-retention-note dl{margin:12px 0}
.portal-retention-note dl>div{display:flex;justify-content:space-between;gap:12px;padding:6px 0;border-bottom:1px solid var(--p-line)}
.portal-retention-note dt{color:var(--p-muted)}
.portal-retention-note dd{margin:0;font-weight:600;text-align:right}
@media(max-width:500px){.portal-retention-note dl>div{display:block}.portal-retention-note dd{text-align:left}}
