:root{color-scheme:dark;--bg:#111213;--panel:#191b1d;--line:#35383b;--ink:#eeeae4;--muted:#a5a6a6;--accent:#d7c4aa;--danger:#e8aaa5;font:16px/1.55 Arial,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button,.button{cursor:pointer;border:1px solid var(--line);background:transparent;color:var(--ink);min-height:44px;padding:.6rem 1rem;border-radius:3px;display:inline-flex;align-items:center;justify-content:center;gap:.4rem}button:hover,.button:hover{border-color:var(--accent)}button:disabled{opacity:.4;cursor:not-allowed}.primary{background:var(--ink);border-color:var(--ink);color:#141414}.danger{color:var(--danger)}:focus-visible{outline:2px solid var(--accent);outline-offset:4px}input,select,textarea{width:100%;min-width:0;color:var(--ink);background:#111213;border:1px solid #505356;border-radius:3px;padding:.7rem;min-height:44px}textarea{min-height:100px;resize:vertical}label{display:grid;gap:.4rem;font-size:.875rem;margin-bottom:1rem}input[type=checkbox]{width:20px;min-height:20px;margin:0}.check{display:flex;align-items:center;gap:.7rem}fieldset{border:1px solid var(--line);padding:1.25rem;margin:1rem 0}legend{padding:0 .5rem}h1,h2,h3,p{margin-top:0}h1,h2{font-family:'Source Serif 4',Georgia,serif;font-weight:400;line-height:1.15}h1{font-size:clamp(2.5rem,5vw,5rem);letter-spacing:-.025em;margin-bottom:1.25rem}h2{font-size:clamp(1.6rem,3vw,2.5rem)}h3{font-size:1rem;font-weight:500}.muted,.hint{color:var(--muted)}.hint{font-size:.875rem}.eyebrow{font-size:.75rem;text-transform:uppercase;letter-spacing:.17em;color:var(--accent);margin-bottom:1rem}.gallery-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:80px;padding:1rem 3vw;border-bottom:1px solid var(--line)}.gallery-brand{display:flex;align-items:center;gap:1.2rem}.sh-brand{font-size:1.25rem;font-weight:700;letter-spacing:.1em}.gallery-header a{min-height:44px;display:inline-flex;align-items:center}.gallery-header nav{display:flex;gap:1.5rem;font-size:.875rem;color:var(--muted)}main{max-width:1600px;margin:auto;padding:3rem 4vw 5rem;min-height:70vh}.intro{max-width:720px;margin:1rem 0 3rem}.intro p{max-width:540px;color:var(--muted)}.toolbar,.row{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.toolbar{justify-content:space-between;margin:1.5rem 0}.toolbar h2{margin:0}.gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem}.gallery-card{border-bottom:1px solid var(--line);padding-bottom:1.5rem;min-width:0}.gallery-card img,.card-icon{width:100%;aspect-ratio:4/3;object-fit:cover;margin-bottom:1.25rem;display:block}.card-icon{display:grid;place-items:center;background:#222528;font:4rem Georgia}.gallery-card h2{font-size:1.7rem;margin-bottom:.7rem}.gallery-card p{color:var(--muted)}.gallery-card .button{width:100%}.badge{display:inline-block;font-size:.75rem;border:1px solid #65686a;color:var(--ink);padding:.25rem .5rem;border-radius:2px}.status-line{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;margin-bottom:1rem}.lock-card{max-width:440px;margin:3rem auto;padding:2rem;border:1px solid var(--line);background:var(--panel)}.lock-card h1{font-size:2.5rem}.lock-card .primary{width:100%}.filters{display:flex;gap:.5rem;flex-wrap:wrap}.filters [aria-pressed=true],.studio-tabs [aria-current=page]{border-color:var(--accent);color:var(--accent);background:#262421}.photo-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.photo-tile{padding:0;border:0;text-align:left;display:block;width:100%;min-width:0}.photo-tile img{width:100%;height:230px;object-fit:contain;display:block;background:transparent}.photo-tile.discarded img{opacity:.4}.tile-meta{display:flex;gap:.5rem;justify-content:space-between;flex-wrap:wrap;padding:.7rem 0;font-size:.8125rem}.photo-tile .discarded-label{color:var(--danger)}.collection-section{margin:2rem 0 3rem}.collection-section h2{font-size:1.7rem}.notice-panel,.empty-panel{padding:1.5rem;border:1px solid var(--line);background:var(--panel);margin:1.5rem 0}.empty-panel{padding:3rem;max-width:750px}.empty-panel p{color:var(--muted)}.gallery-footer{display:flex;justify-content:space-between;padding:2rem 4vw;border-top:1px solid var(--line);font-size:.875rem;color:var(--muted)}#demo-banner{padding:.7rem 4vw;background:#3b3023;color:#f3e4cc;font-size:.875rem}#demo-banner button,#demo-banner a{margin-left:1rem;font-size:.875rem}#gallery-notice{position:sticky;z-index:50;top:0;padding:1rem 4vw;background:#313436;white-space:pre-wrap}#gallery-notice.error{background:#422c2d}dialog{background:#151719;color:var(--ink);border:1px solid #52565a;width:min(760px,94vw);max-height:94dvh;padding:1.5rem;overflow:auto}dialog::backdrop{background:#000c;backdrop-filter:blur(5px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.dialog-heading h2{margin:0}.viewer-dialog{width:min(1600px,98vw);padding:0}.viewer-layout{display:grid;grid-template-columns:minmax(0,1fr) 365px;min-height:70dvh}.viewer-image{display:flex;align-items:center;justify-content:center;padding:1.5rem;min-width:0;background:#0b0c0d}.viewer-image img{width:100%;height:75dvh;object-fit:contain}.viewer-info{padding:1.5rem;overflow:auto;max-height:85dvh;border-left:1px solid var(--line)}.viewer-controls{display:flex;justify-content:space-between;padding:1rem;gap:.5rem;border-bottom:1px solid var(--line)}.viewer-controls h2{font:1rem Arial;margin:auto 0}.viewer-info section{margin:1.5rem 0;padding-top:1.25rem;border-top:1px solid var(--line)}.metadata{display:grid;grid-template-columns:1fr 1.4fr;font-size:.875rem;gap:.4rem .8rem;overflow-wrap:anywhere}.metadata dt{color:var(--muted)}.metadata dd{margin:0}.stars{display:flex;gap:.2rem;margin:.8rem 0}.stars button{padding:.4rem;min-width:44px;font-size:1.5rem;color:#b0b0b0}.stars button[aria-pressed=true]{color:var(--accent)}.comment{border-bottom:1px solid var(--line);padding:1rem 0;overflow-wrap:anywhere}.comment p{white-space:pre-wrap;margin:.5rem 0}.comment small{color:var(--muted)}.selection-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:1.5rem 0}.selection-stats div{border-top:1px solid var(--line);padding:1rem 0}.selection-stats strong{display:block;font:2.7rem Georgia}.review-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.5rem}.review-strip img{height:90px;width:100%;object-fit:contain}.review-strip p{font-size:.75rem}.studio-tabs{display:flex;flex-wrap:wrap;gap:.5rem;border-bottom:1px solid var(--line);padding-bottom:1rem;margin-bottom:2rem}.studio-layout{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(260px,1fr);gap:2rem}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 1rem}.full{grid-column:1/-1}.studio-panel{padding:1.5rem;border:1px solid var(--line);background:var(--panel);min-width:0}.studio-panel+.studio-panel{margin-top:1.5rem}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:.875rem}th,td{text-align:left;padding:.8rem;border-bottom:1px solid var(--line);vertical-align:top}th{font-weight:400;color:var(--muted)}td img{width:100px;height:80px;object-fit:contain}.event{display:grid;grid-template-columns:150px 1fr;gap:1rem;padding:1rem 0;border-bottom:1px solid var(--line);font-size:.875rem}.event p{margin:0;overflow-wrap:anywhere}.event time{color:var(--muted)}.delivery-card{padding:1.5rem;border:1px solid var(--line);margin:1rem 0}.drop-area{border:1px dashed #777;padding:2rem;text-align:center;margin:1rem 0}.drop-area.dragging{background:#35312c}.studio-preview{max-width:420px}.skip-link{position:fixed;top:-100px;left:1rem;z-index:100;background:white;color:black;padding:1rem}.skip-link:focus{top:1rem}[hidden]{display:none!important}.loading{color:var(--muted)}.text-link{text-decoration:underline;text-underline-offset:.2em}.privacy{border-left:2px solid var(--accent);padding:.7rem 1rem;color:var(--muted);font-size:.875rem}
@media(max-width:1100px){.photo-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-layout{grid-template-columns:1fr}.viewer-layout{grid-template-columns:minmax(0,1fr) 330px}}
@media(max-width:720px){.gallery-header{align-items:flex-start;flex-direction:column;padding:1rem 5vw}.gallery-header nav{gap:1rem;flex-wrap:wrap}.gallery-grid{grid-template-columns:1fr}.photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.photo-tile img{height:180px}.viewer-layout{display:block}.viewer-image{padding:.75rem}.viewer-image img{height:48dvh}.viewer-info{max-height:none;overflow:visible;border-left:0}.viewer-controls{position:sticky;top:0;background:#151719;z-index:1}.form-grid{grid-template-columns:1fr}.review-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.event{grid-template-columns:1fr;gap:.3rem}main{padding:2rem 5vw 3rem}.toolbar{align-items:flex-start}.gallery-footer{gap:1rem}.viewer-dialog{max-height:96dvh}.gallery-brand{flex-wrap:wrap}.lock-card{padding:1.25rem}}
@media(prefers-reduced-motion:no-preference){.photo-tile img{transition:opacity .18s}.gallery-card img{transition:filter .2s}.gallery-card:hover img{filter:brightness(1.08)}}
.viewer-image{background:#151719}.viewer-image img{width:auto;max-width:100%;height:auto;max-height:75dvh}
.profile-link{border:0;text-decoration:underline;text-underline-offset:.25em;font-size:.875rem;padding:.5rem}
.photo-selection-bar{padding:.2rem 1.5rem;background:#f4f2ec;border-top:1px solid #d6d8d4}.photo-selection-bar .viewer-selection{margin:0;min-height:48px;padding:.65rem 0}
.expand-photo{position:relative;display:block;min-height:0;padding:0;border:0;background:none;cursor:zoom-in;max-width:100%;margin:auto}.expand-photo span{position:absolute;right:.75rem;bottom:.75rem;padding:.4rem .6rem;border-radius:4px;background:#263137b3;color:white;backdrop-filter:blur(8px);font-size:.75rem}.photo-fullscreen[open]{position:fixed;inset:0;margin:0;padding:0;width:100vw;height:100dvh;max-width:none;max-height:none;border:0;border-radius:0;background:#f0eee8;display:flex;align-items:center;justify-content:center;overflow:hidden}.photo-fullscreen img{display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain}.photo-fullscreen .fullscreen-close{position:absolute;z-index:1;right:1rem;top:1rem;min-height:44px;padding:.6rem 1rem;background:#263137bf;color:white;border:1px solid #ffffff50;backdrop-filter:blur(10px);border-radius:30px}.photo-fullscreen::backdrop{background:#f0eee8}
.feedback-card-meta{display:grid;gap:.3rem;padding:.8rem .5rem 1rem;font-size:.8125rem;color:#657075}.feedback-card-meta strong{font-weight:500;color:#344b55}.feedback-card.discarded img{filter:grayscale(1);opacity:.45}.feedback-card.discarded{background:#dfdfda}.feedback-grid{grid-template-columns:repeat(auto-fill,minmax(175px,1fr))}.feedback-detail-image img{display:block;width:auto;max-width:100%;height:auto;max-height:42dvh;margin:auto}.feedback-card .photo-tile img{height:150px;aspect-ratio:auto}.feedback-detail-image{margin:1rem 0 1.5rem}
/* Light photographic surfaces, subdued slate and clay accents. */
:root{--accent:#becbcf}
.toolbar{gap:1.25rem;margin:1.5rem 0 2rem}.row{gap:.75rem 1rem;min-width:0}.badge{border:0;background:#303b40;color:#dce4e7;padding:.35rem .7rem;border-radius:30px;font-size:.8125rem;line-height:1.4}.studio-status{display:flex;gap:.6rem;flex-wrap:wrap;margin:0 0 1.5rem}.status-line{gap:1rem;margin-top:1.5rem}.account-identity{color:var(--muted);font-size:.875rem}
.filters{gap:1.2rem}.filters button,.studio-tabs button{border:0;border-bottom:2px solid transparent;border-radius:0;padding:.65rem .15rem;background:transparent;color:var(--muted)}.filters [aria-pressed=true],.studio-tabs [aria-current=page]{background:none;border-color:var(--accent);color:var(--ink)}.studio-tabs{gap:.5rem 1.5rem;padding:0}
.selection-summary{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:1.25rem 1.5rem;background:#20292d;border:1px solid #35434a;border-radius:8px;margin:1.5rem 0 3rem}.selection-summary dl{display:flex;flex-wrap:wrap;gap:1rem 2rem;margin:0}.selection-summary dl>div{display:flex;flex-direction:column-reverse;gap:.3rem}.selection-summary dt{font-size:.8125rem;color:#c2cace}.selection-summary dd{margin:0;font:2rem/1 'Source Serif 4',Georgia,serif;font-variant-numeric:tabular-nums;color:#f0eee8}.selection-summary p{margin:0;font-size:.875rem;color:#e0e5e5}.selection-summary p span{color:#b4bfc4}
.collection-section{margin:3rem 0 4rem}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;border-top:1px solid #555b5e;border-bottom:1px solid #343c40;padding:1.3rem 0;margin-bottom:1.5rem}.section-heading h2{margin:0;font-size:2.1rem}.section-heading .eyebrow{margin:0 0 .5rem;color:#b6c3c9}.section-count{font-size:.875rem;color:#b8c2c7;white-space:nowrap}.photo-grid{gap:1.5rem}
.photo-card,.gallery-card,dialog{--ink:#2b3335;--muted:#646d70;--line:#d6d8d4;--accent:#526d79;--danger:#96534b;color-scheme:light;background:#f4f2ec;color:var(--ink)}
.photo-card{border-radius:7px;overflow:hidden;box-shadow:0 5px 18px #0002;min-width:0;padding:.55rem .55rem 0}.photo-tile{min-height:0;border-radius:3px;overflow:hidden}.photo-frame{position:relative;display:block}.photo-tile img{height:auto;width:100%;aspect-ratio:3/2;object-fit:contain;background:#e9e8e2}.photo-card.discarded .photo-tile img{opacity:.55}.photo-number{position:absolute;left:.7rem;bottom:.7rem;color:#fff;background:#2631379c;backdrop-filter:blur(8px);border:1px solid #ffffff38;border-radius:4px;padding:.3rem .5rem;font:italic 1.1rem/1.1 'Source Serif 4',Georgia,serif;letter-spacing:.07em;font-variant-numeric:tabular-nums;pointer-events:none}.photo-card-footer{display:flex;align-items:center;justify-content:space-between;gap:.5rem;min-height:58px;padding:.6rem .35rem}.selection-check{display:flex;align-items:center;gap:.55rem;margin:0;min-height:32px;font-size:.8125rem;cursor:pointer}.selection-check input{accent-color:#587582;width:17px;height:17px;min-height:17px;flex-shrink:0}.card-rating{font-size:.8125rem;color:#7b6447;white-space:nowrap}.gallery-card{padding:1rem;border:0;border-radius:7px}.gallery-card img{border-radius:3px}.gallery-card .badge{background:#e0e5e3;color:#40555f}
dialog{border:1px solid #d4d8d5;border-radius:10px;box-shadow:0 20px 100px #0005}dialog input,dialog textarea,dialog select{background:#fffefa;color:var(--ink);border-color:#bbc3c4}dialog .primary{background:#455f6c;border-color:#455f6c;color:white}dialog .badge{background:#e1e8e6;color:#445e61}dialog .notice-panel{background:#ece7de;color:var(--ink)}.viewer-controls{background:#f4f2ec;border-color:#d6d8d4}.viewer-controls button{border:0;font-size:.875rem}.viewer-visual{min-width:0;background:#ecebe5}.viewer-image{background:transparent;padding:1rem}.viewer-image img{max-height:68dvh}.viewer-info{background:#faf8f2}.viewer-info h2{font-size:1.8rem}.photo-state-row{display:flex;flex-wrap:wrap;gap:.7rem;margin:1rem 0}.viewer-selection{margin-top:1rem;padding:.7rem 0}.viewer-info section{margin:1.25rem 0;padding-top:1rem}.viewer-info h3{margin-bottom:.5rem}.viewer-info .hint{margin-bottom:.5rem}
.stars{gap:0;margin:.35rem 0}.stars button{border:0;background:none;min-width:36px;min-height:40px;font-size:1.25rem;padding:.25rem;color:#8b9598}.stars button[aria-pressed=true]{color:#946d38}.stars button:hover:not(:disabled){color:#946d38;background:#e9e5db;border-radius:50%}.photo-technical{padding:1.25rem 1.5rem;background:#f1f0ea;border-top:1px solid #d6d8d4}.photo-technical h3{font-size:.75rem;text-transform:uppercase;letter-spacing:.14em;color:#65737a;margin-bottom:.75rem}.photo-technical table{table-layout:fixed}.photo-technical th{width:35%;font-size:.8125rem;color:#5f7078}.photo-technical td{font-size:.875rem;overflow-wrap:anywhere}.photo-technical th,.photo-technical td{padding:.55rem 0}.conversation-heading{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem}.conversation-heading h3{margin:0}.conversation-heading button{font-size:.875rem;padding:.4rem .65rem;background:#e4e9e8;border:0}.comment{font-size:.875rem}.comment small{font-size:.75rem}
.access-person{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:1.5rem 0;border-top:1px solid var(--line)}.access-person h3{margin-bottom:.4rem}.access-person .badge{margin-top:.5rem}.access-person .row{justify-content:flex-end}.access-person button{font-size:.875rem}.viewer-info,.photo-technical,.access-person>div{min-width:0}
@media(max-width:720px){.selection-summary{align-items:flex-start;flex-direction:column;padding:1.2rem;gap:1.1rem}.selection-summary dl{width:100%;justify-content:space-between;gap:.8rem}.selection-summary p{padding-top:1rem;border-top:1px solid #405057;width:100%}.photo-grid{gap:.9rem}.photo-card{padding:.35rem .35rem 0}.photo-card-footer{flex-wrap:wrap;padding:.5rem .15rem;gap:.25rem}.photo-number{left:.45rem;bottom:.45rem;font-size:.95rem}.section-heading h2{font-size:1.8rem}.section-heading{align-items:flex-end;gap:1rem}.section-count{font-size:.75rem;white-space:normal;text-align:right}.viewer-controls{background:#f4f2ec}.access-person{align-items:flex-start;flex-direction:column}.access-person .row{justify-content:flex-start}.photo-tile img{height:auto}.viewer-info{padding:1.2rem}.photo-technical{padding:1.2rem}}
@media(max-width:900px){.viewer-layout{display:block}.viewer-image{padding:.75rem}.viewer-image img{max-height:60dvh}.viewer-info{max-height:none;overflow:visible;border-left:0}}
@media(max-width:720px){.viewer-image img{height:auto;max-height:60dvh}.viewer-controls{padding:.7rem;gap:.3rem}.viewer-controls button{font-size:.875rem;padding:.5rem;white-space:nowrap}.viewer-controls h2{font-size:.875rem}}
.toolbar .account-identity{display:flex;flex-direction:column;gap:.15rem;max-width:min(20rem,65vw);line-height:1.4;overflow-wrap:anywhere}.account-identity strong{font-size:.9375rem;font-weight:500;color:var(--ink)}.account-identity .account-role{font-size:.75rem;color:var(--muted)}

/* Unified gallery typography and action layout. */
:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}
body{font-family:inherit;font-size:16px;line-height:1.55;letter-spacing:.002em}
button,.button,input,select,textarea{font-family:inherit}
button,.button{min-height:40px;padding:.55rem .85rem;border-radius:6px;font-size:.8125rem;font-weight:600;line-height:1.2;letter-spacing:.015em;white-space:nowrap;transition:border-color .15s,background-color .15s,color .15s,opacity .15s}
button:not(.primary),.button:not(.primary){background:#1d2022;border-color:#43484b}
button:not(.primary):hover,.button:not(.primary):hover{background:#272b2e;border-color:#899397}
.primary{background:#dfe5e3;border-color:#dfe5e3;color:#1d2528}
.primary:hover{background:#fff;border-color:#fff}
.danger{background:#7b3f3b!important;border-color:#7b3f3b!important;color:#fff!important}.danger:hover{background:#63312e!important;border-color:#63312e!important}
.filters button,.studio-tabs button,.photo-tile,.expand-photo,.stars button,.profile-link,.viewer-controls button{background:transparent;border-color:transparent}
.filters button:hover,.studio-tabs button:hover,.photo-tile:hover,.expand-photo:hover,.stars button:hover,.profile-link:hover,.viewer-controls button:hover{background:transparent}
dialog button:not(.primary),dialog .button:not(.primary),.photo-card button:not(.primary){background:transparent;border-color:#c5ccca;color:var(--ink)}
dialog button:not(.primary):hover,dialog .button:not(.primary):hover{background:#e9ece8;border-color:#899795}
.gallery-card .button{background:#303a3e;border-color:#303a3e;color:#f1f2ef}
h1,h2{letter-spacing:-.018em}
h3{line-height:1.35;letter-spacing:.01em}
.hint{font-size:.8125rem;line-height:1.55}
.toolbar{gap:1rem;margin:1.25rem 0 1.75rem}
.toolbar>.row{justify-content:flex-end}
.row{gap:.5rem}

.studio-mode main{max-width:1440px}
.studio-mode main>h1{font-size:clamp(2.25rem,4vw,3.6rem);margin-bottom:1.2rem}
.studio-mode main>.toolbar:first-child{margin-top:0;padding-bottom:1rem;border-bottom:1px solid var(--line)}
.studio-mode main>.toolbar:first-child>button:first-child{background:transparent;border-color:transparent;padding-left:0;color:var(--muted)}
.studio-mode main>.toolbar:first-child>button:first-child:hover{color:var(--ink);background:transparent}
.studio-mode .studio-status{margin-bottom:.75rem}
.studio-mode .studio-tabs{gap:0 1.35rem;margin-bottom:1.75rem;overflow-x:auto;flex-wrap:nowrap;scrollbar-width:thin}
.studio-mode .studio-tabs button{min-height:44px;flex:0 0 auto;padding:.7rem .1rem;font-size:.8125rem;font-weight:600}
.studio-panel{border-radius:8px;padding:clamp(1.1rem,2vw,1.75rem)}
.studio-panel>.toolbar:first-child{margin:0 0 1.35rem;padding-bottom:1rem;border-bottom:1px solid var(--line)}
.studio-panel>.toolbar:first-child h2{font-size:clamp(1.45rem,2.4vw,2rem)}
.drop-area{display:grid;justify-items:center;gap:.65rem;margin:1.25rem 0 2rem;padding:clamp(1.5rem,4vw,3rem);border-color:#687176;border-radius:8px;background:#15181a}
.drop-area p{margin:0;max-width:680px}
.drop-area>strong,.drop-area p strong{font-size:1rem;font-weight:600}
.drop-area .row{justify-content:center;margin:.25rem 0}
.drop-area ul{width:min(620px,100%);margin:.25rem auto;padding:0;list-style:none;text-align:left}
.drop-area li{display:flex;justify-content:space-between;gap:1rem;padding:.45rem .6rem;border-bottom:1px solid #34393c;overflow-wrap:anywhere}
.drop-area label.button{display:inline-flex;margin:0;background:#252b2e;border-color:#667176}
.table-wrap{border:1px solid var(--line);border-radius:7px}
.table-wrap table{margin:0}
.table-wrap th{padding:.7rem .8rem;background:#15181a;font-size:.6875rem;font-weight:600;letter-spacing:.09em;text-transform:uppercase}
.table-wrap td{padding:.8rem;vertical-align:middle}
.table-wrap td .row{flex-wrap:nowrap;gap:.35rem}
.table-wrap td button{min-height:34px;padding:.35rem .55rem;font-size:.75rem;border-radius:5px}
.table-wrap td select{min-width:150px;margin:0;font-size:.8125rem}
.table-wrap td button.cover-action-selected{background:#9fc8c6;border-color:#9fc8c6;color:#182326}
.table-wrap td button.cover-action-selected:hover{background:#b9d9d6;border-color:#b9d9d6}
.table-wrap td .admin-photo-preview{position:relative;display:block;width:100px;min-height:0;padding:0;border:0;background:transparent;overflow:hidden;cursor:zoom-in}
.table-wrap td .admin-photo-preview:hover{background:transparent}
.table-wrap td .admin-photo-preview img{display:block;margin:0}
.admin-photo-preview span{position:absolute;inset:auto .25rem .25rem;padding:.2rem .3rem;border-radius:3px;background:#172125cc;color:#fff;font-size:.625rem;font-weight:600;line-height:1.2;opacity:0;transition:opacity .15s}
.admin-photo-preview:hover span,.admin-photo-preview:focus-visible span{opacity:1}
.studio-mode label{font-weight:500}
.studio-mode input,.studio-mode select,.studio-mode textarea{font-weight:400}
.studio-mode .form-grid{gap:.1rem 1.25rem}
.studio-mode fieldset{border-radius:7px}

@media(max-width:720px){
 .studio-mode main>.toolbar:first-child{align-items:stretch}
 .studio-mode main>.toolbar:first-child>.row{width:100%;justify-content:flex-start}
 .studio-mode main>.toolbar:first-child>.row button{flex:1 1 auto}
 .studio-mode .studio-tabs{margin-left:-5vw;margin-right:-5vw;padding-left:5vw;padding-right:5vw}
 .studio-panel>.toolbar:first-child{align-items:stretch}
 .studio-panel>.toolbar:first-child>.row{width:100%;justify-content:flex-start}
 .studio-panel>.toolbar:first-child>.row button{flex:1 1 auto}
 .table-wrap td .row{flex-wrap:wrap}
 .drop-area .row{width:100%}
 .drop-area .row button{flex:1 1 auto}
}

/* Muted paper cards for finished-delivery records. */
.delivery-panel .delivery-card{
 --ink:#31383a;
 --muted:#697174;
 --line:#d2d5d0;
 color-scheme:light;
 color:var(--ink);
 background:#f1f0ea;
 border-color:#d2d5d0;
 border-radius:8px;
 box-shadow:0 4px 16px #0000001c;
}
.delivery-panel .delivery-card .table-wrap{border-color:#d2d5d0;background:#f8f7f2}
.delivery-panel .delivery-card .table-wrap th{background:#e5e4dd;color:#687174;border-color:#d2d5d0}
.delivery-panel .delivery-card .table-wrap td{border-color:#d8dad5}
.delivery-panel .delivery-card button:not(.primary),
.delivery-panel .delivery-card .button:not(.primary){background:#e8e9e4;border-color:#c1c7c4;color:#354044}
.delivery-panel .delivery-card button:not(.primary):hover,
.delivery-panel .delivery-card .button:not(.primary):hover{background:#dcdfda;border-color:#8f9996}

/* Shared Studio paper surfaces. The workspace stays dark; working panels stay calm and readable. */
.studio-mode .studio-panel{
 --ink:#31383a;
 --muted:#697174;
 --line:#d2d5d0;
 --accent:#526d79;
 --danger:#96534b;
 color-scheme:light;
 color:var(--ink);
 background:#f1f0ea;
 border-color:#d2d5d0;
 box-shadow:0 4px 18px #00000020;
}
.studio-mode .studio-panel input,
.studio-mode .studio-panel select,
.studio-mode .studio-panel textarea{background:#fffefa;color:var(--ink);border-color:#b9c1be}
.studio-mode .studio-panel fieldset{border-color:#c9ceca}
.studio-mode .studio-panel button:not(.primary),
.studio-mode .studio-panel .button:not(.primary){background:#e8e9e4;border-color:#c1c7c4;color:#354044}
.studio-mode .studio-panel button:not(.primary):hover,
.studio-mode .studio-panel .button:not(.primary):hover{background:#dcdfda;border-color:#8f9996}
.studio-mode .studio-panel .primary{background:#455f6c;border-color:#455f6c;color:#fff}
.studio-mode .studio-panel .primary:hover{background:#344d59;border-color:#344d59}
.studio-mode .studio-panel .table-wrap{background:#f8f7f2;border-color:#d2d5d0}
.studio-mode .studio-panel .table-wrap th{background:#e5e4dd;color:#687174;border-color:#d2d5d0}
.studio-mode .studio-panel .table-wrap td{border-color:#d8dad5}
.studio-mode .studio-panel .drop-area{background:#e7e6df;border-color:#aab2af}
.studio-mode .studio-panel .drop-area label.button{background:#dde1de;border-color:#9ca8a5;color:#344044}
.studio-mode .studio-panel .drop-area li{border-color:#c8cdc8}
.studio-mode .studio-panel>.delivery-card{background:#faf9f5;border-color:#d2d5d0;border-radius:8px;box-shadow:0 3px 12px #00000012}
.studio-mode .studio-panel .privacy{background:#e8e7e0;color:#626c6f}
.studio-mode .studio-panel .badge{background:#dfe5e3;color:#40555f}
