/* Approved Pérola & Champagne identity: photographic, charcoal and fine gold. */
:root { --heart: #dc3545; --gold: #b88d4b; --bg: #fffdf9; }
.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.brand-lockup { display:grid; justify-items:center; gap:7px; }
.brand-lockup .brand-monogram { font:500 38px/.95 var(--font-serif); letter-spacing:1px; color:var(--gold-dark); }
.monogram-divider { font-weight:400; color:var(--gold); margin-inline:2px; }
.brand-lockup .brand-date { font:500 12px/1.2 var(--font-serif); letter-spacing:2px; }
.page-topline { position:relative; justify-content:space-between; border:0; margin-bottom:25px; min-height:60px; }
.page-topline .brand-lockup { position:absolute; left:50%; transform:translateX(-50%); }
.page-topline .back-circle-btn { border:1px solid var(--gold); margin:0; }
.btn-primary-pill { background:var(--ink); border-color:var(--gold); color:white; }
.btn-primary-pill .ui-icon { color:#e6bd74; }
.btn-primary-pill:hover:not(:disabled) { background:#383438; }
.btn-secondary-pill { border-color:var(--gold); }
#screen-home { max-width:540px; padding:0; }
#screen-home.active { display:block; }
.home-composition { display:block; }
.hero-couple-card { position:relative; border-radius:0; height:63dvh; min-height:385px; aspect-ratio:auto; margin:0; isolation:isolate; }
.hero-couple-card::after { content:''; position:absolute; inset:0; background:linear-gradient(180deg,#0003 0%,transparent 30%,transparent 58%,#000a 100%); pointer-events:none; z-index:1; }
.hero-couple-card img { object-position:46% 34%; }
.hero-couple-card .brand-bar { position:absolute; z-index:2; top:max(27px,env(safe-area-inset-top)); inset-inline:0; padding:0; margin:0; border:0; justify-content:center; }
.hero-couple-card .brand-monogram { font-size:42px; color:#e4bd75; }
.hero-couple-card .brand-date { color:white; font-size:13px; }
.home-intro { position:absolute; z-index:2; inset:auto 18px 32px; padding:0; text-align:center; }
.home-intro .couple-names { font-size:clamp(51px,15.5vw,70px); line-height:.86; color:white; font-weight:600; letter-spacing:-2px; }
.couple-names em { color:#e2b769; font-weight:400; }
.home-tagline { font:500 clamp(18px,5.3vw,23px)/1.2 var(--font-serif); letter-spacing:0; margin:12px 0 0; color:white; }
.home-actions { position:relative; z-index:3; margin-top:-14px; padding:16px 23px 12px; border-radius:22px 22px 0 0; background:var(--bg); display:grid; gap:8px; }
.home-action { display:flex; align-items:center; justify-content:space-between; width:100%; gap:14px; min-height:54px; padding:10px 17px; border:1px solid var(--gold); border-radius:12px; background:transparent; color:var(--ink); font-size:16px; font-weight:650; text-align:left; }
.home-action > span { flex:1; }
.home-action > .ui-icon { color:var(--gold-dark); width:25px; height:25px; }
.home-action > .ui-icon:last-child { width:19px; height:19px; }
.home-action-primary { background:var(--ink); color:white; }
.home-action-primary .ui-icon { color:#e4bd75; }
.home-action:hover:not(:disabled) { background:var(--sand); }
.home-action-primary:hover:not(:disabled) { background:#383438; }
.home-secondary-actions { display:grid; margin-top:6px; }
.home-secondary-actions .home-action { border:0; border-top:1px solid #d4bf9b; border-radius:0; font-size:14px; padding-block:12px; }
.home-preview-section { padding:20px 23px 26px; margin:0; border-top:1px solid var(--line); }
.preview-section-header h2 { font-size:24px; }
.view-all-link { display:flex; gap:5px; align-items:center; }
.view-all-link .ui-icon { width:17px; height:17px; }
.home-preview-section:has(.preview-carousel:empty) { display:none; }
.mural-telao-link { display:grid; justify-items:center; gap:2px; margin-left:auto; color:var(--gold-dark); min-width:48px; min-height:48px; background:none; border:0; font-size:11px; }
#screen-mural { max-width:720px; padding:22px 16px max(125px,calc(env(safe-area-inset-bottom) + 105px)); }
#screen-mural .page-heading { margin:8px 6px 20px; }
#screen-mural .page-heading h2 { font-size:clamp(38px,10.5vw,50px); letter-spacing:-1.6px; font-weight:600; }
#screen-mural .page-heading p { font-size:12px; margin-top:8px; }
.mural-filters { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); margin:0 4px 10px; gap:8px; }
.mural-filters .filter-pill { border-radius:12px; border-color:var(--gold); font-size:14px; font-weight:600; min-height:44px; padding:8px; }
.mural-stats-bar { display:flex; align-items:center; justify-content:space-between; margin:0 6px 8px; padding:0; gap:8px; color:var(--muted); font-size:10px; }
.mural-refresh-btn { width:44px; height:44px; border:0; background:none; color:var(--gold-dark); display:grid; place-items:center; border-radius:50%; }
.mural-refresh-btn .ui-icon { width:18px; height:18px; }
.mural-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; align-items:start; margin:0; }
.mural-item-card { position:relative; aspect-ratio:auto; background:white; padding:5px 5px 0; border:1px solid #e9e3da; border-radius:12px; overflow:hidden; box-shadow:0 3px 10px #25232606; min-width:0; display:flex; flex-direction:column; cursor:default; }
.mural-item-open { position:relative; border:0; padding:0; width:100%; height:auto; aspect-ratio:4/5; display:block; overflow:hidden; border-radius:8px; background:var(--sand); }

.mural-item-open :is(img,video) { width:100%; height:100%; object-fit:contain; display:block; }
.mural-item-caption { font:500 clamp(16px,4.7vw,21px)/1.15 var(--font-serif); color:var(--ink); padding:10px 6px 0; margin:0; order:1; overflow-wrap:anywhere; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.mural-item-author { font:400 11px/1.35 var(--font-sans); color:var(--muted); padding:4px 6px 0; margin:0; order:2; overflow-wrap:anywhere; }
.mural-item-actions { position:static; order:3; display:flex; justify-content:flex-start; gap:4px; padding:0 1px 2px; }
.mural-item-heart,.mural-item-comment { position:static; display:flex; align-items:center; gap:7px; min-height:44px; min-width:48px; width:auto; height:auto; padding:7px 6px; border:0; border-radius:8px; background:transparent; color:var(--heart); font-size:12px; }
.mural-item-comment { color:var(--gold-dark); }
.mural-item-heart .ui-icon,.mural-item-comment .ui-icon { width:21px; height:21px; }
.mural-item-heart .mural-like-count,.mural-comment-count { color:var(--ink); }
.mural-item-heart.liked { background:transparent; color:var(--heart); }
.mural-item-heart.liked .ui-icon,.modal-like-btn.liked .ui-icon { fill:currentColor; }
.mural-item-heart:hover,.mural-item-comment:hover { background:var(--sand); }
.mural-item-play { width:42px; height:42px; border:1px solid #ffffffcf; background:#252326b3; }
.mural-action-tray { position:fixed; z-index:90; bottom:0; inset-inline:0; margin:auto; max-width:720px; padding:12px 20px max(16px,env(safe-area-inset-bottom)); background:#fffdf9f0; backdrop-filter:blur(18px); border-top:1px solid var(--line); border-radius:18px 18px 0 0; }
.moment-modal-backdrop { background:#19171cbf; padding:0; }
.moment-modal-card { border-radius:0; width:100%; height:100dvh; max-height:100dvh; max-width:620px; overscroll-behavior:contain; background:var(--bg); }
.moment-modal-topline { display:flex; align-items:center; justify-content:space-between; min-height:84px; padding:max(14px,env(safe-area-inset-top)) 20px 12px; }
.moment-modal-close { position:static; background:transparent; border:1px solid var(--gold); color:var(--gold-dark); }
.topline-spacer { width:44px; flex-shrink:0; }
.moment-modal-media-slot :is(img,video) { max-height:48dvh; }
.moment-modal-body { padding:20px 20px max(24px,env(safe-area-inset-bottom)); }
.moment-modal-body h3 { font:600 31px/1.05 var(--font-serif); margin:0 0 8px; overflow-wrap:anywhere; }
#modal-moment-author { color:var(--muted); font-size:13px; }
#modal-moment-msg { color:var(--muted); white-space:pre-wrap; }
.moment-social-actions { display:flex; align-items:center; flex-wrap:wrap; gap:6px; padding:12px 0; border-bottom:1px solid #d6be96; }
.modal-like-btn,.modal-comment-btn { display:flex; align-items:center; gap:6px; min-height:44px; border:0; border-radius:8px; padding:8px 6px; background:transparent; color:var(--ink); font-size:12px; }
.modal-like-btn .ui-icon { color:var(--heart); width:26px; height:26px; }
.modal-comment-btn .ui-icon { color:var(--gold-dark); width:25px; height:25px; }
.moment-comments { padding:17px 0 0; }
.moment-comments h4 { font:600 28px/1.1 var(--font-serif); margin:0 0 14px; }
#modal-comment-status { font-size:12px; color:var(--muted); line-height:1.5; margin-bottom:10px; }
#modal-comment-status.is-error { color:#a32935; background:#fff0f1; border:1px solid #f3c7ce; border-radius:8px; padding:10px; }
#modal-comment-list { list-style:none; margin:0; padding:0; display:grid; }
.moment-comment { display:flex; gap:12px; padding:15px 0; border-bottom:1px solid var(--line); }
.moment-comment-avatar { width:36px; height:36px; display:grid; place-items:center; flex-shrink:0; background:#f8f0e4; color:var(--gold-dark); border:1px solid #dfcbaa; border-radius:50%; font-size:14px; }
.moment-comment-body { min-width:0; flex:1; }
.moment-comment-author { font-size:13px; display:block; overflow-wrap:anywhere; }
.moment-comment-time { color:var(--muted); font-size:10px; display:block; margin-top:2px; }
.moment-comment-message { font-size:13px; line-height:1.6; margin-top:4px; white-space:pre-wrap; overflow-wrap:anywhere; }
.moment-comment-form { display:grid; gap:7px; padding-top:18px; }
.moment-comment-form > label { font-size:12px; font-weight:600; }
.comment-public-note { color:var(--muted); font-size:11px; line-height:1.5; margin-top:3px; }
.moment-comment-form input,.moment-comment-form textarea { width:100%; border:1px solid var(--line); border-radius:10px; background:white; color:var(--ink); font-size:16px; padding:11px 12px; min-height:46px; }
.comment-compose-row { display:flex; align-items:center; gap:8px; }
.comment-compose-row textarea { resize:vertical; max-height:180px; }
#btn-modal-comment-send { display:grid; place-items:center; flex:0 0 46px; width:46px; height:46px; border:1px solid var(--gold); border-radius:50%; background:var(--ink); color:white; }
.camera-guide-dialog { width:100%; max-width:540px; height:100dvh; max-height:100dvh; border:0; border-radius:0; }
.camera-guide-dialog::backdrop { background:#252326ad; }
.camera-guide-content { display:flex; flex-direction:column; min-height:100%; padding:22px 26px max(24px,env(safe-area-inset-bottom)); }
.guide-topline { display:flex; align-items:center; justify-content:space-between; padding-top:env(safe-area-inset-top); margin-bottom:42px; }
.guide-topline .brand-monogram { font-size:44px; }
.camera-guide-content h2 { font-size:clamp(38px,11.5vw,52px); font-weight:600; line-height:1.1; }
.camera-guide-content > p:first-of-type { margin:12px 0 30px; font-size:13px; }
.camera-guide-tips { display:grid; gap:18px; margin:0 0 24px; }
.camera-guide-tips li { padding:8px 0; border:0; align-items:center; gap:20px; }
.guide-icon { width:38px; height:38px; color:var(--gold-dark); background:transparent; border-radius:0; }
.guide-icon .ui-icon { width:32px; height:32px; }
.camera-guide-tips strong { font-size:15px; }
.camera-guide-tips p { font-size:12px; margin-top:4px; }
.camera-permission-note { border:0; background:none; padding:0; margin:0 0 17px; font-size:11px; }
.camera-guide-content > .btn-primary-pill { margin-top:auto; font-size:14px; }
.camera-screen { position:fixed; inset:0; z-index:100; width:100%; max-width:none; height:100dvh; min-height:0; padding:0; overflow:hidden; margin:0; background:#111013; color:#fff; animation:none!important; }
.camera-screen.active { display:grid; grid-template-columns:minmax(0,1fr); grid-template-rows:auto minmax(0,1fr) auto; align-items:stretch; }
.camera-header-nav { position:static; inset:auto; display:flex; align-items:center; justify-content:space-between; width:100%; margin:0; padding:max(6px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) 6px max(12px,env(safe-area-inset-left)); min-height:56px; gap:10px; color:#fff; background:#111013; pointer-events:auto; }
.camera-header-nav .back-circle-btn { margin:0; color:#fff; background:none; }
.camera-screen-title { text-align:center; font:600 14px/1.3 var(--font-sans); }
.camera-screen-title > span { display:block; color:#ddd6cc; font-size:11px; font-weight:400; }
.camera-viewfinder-area { display:flex; align-items:center; justify-content:center; min-width:0; min-height:0; overflow:hidden; background:#111013; }
.camera-viewport-wrap { position:relative; inset:auto; flex:0 0 auto; width:0; height:0; max-width:none; aspect-ratio:9/16; border-radius:0; overflow:hidden; order:0; }
.camera-video-element { visibility:hidden; opacity:0; transform:none; }
.camera-overlay-canvas { position:absolute; inset:0; display:block; width:100%; height:100%; object-fit:contain; }
.camera-bottom-deck { position:static; inset:auto; order:0; width:100%; max-width:520px; justify-self:center; display:flex; flex-direction:column; align-items:stretch; gap:4px; padding:6px max(12px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left)); background:#111013; pointer-events:auto; }
.camera-deck-settings { order:0; display:flex; justify-content:center; align-items:center; gap:8px; }
.camera-screen .pill-selector-small { color:white; background:#252326; border:1px solid #5e575e; border-radius:12px; padding:8px 12px; min-height:44px; font-size:12px; }
.camera-screen .cam-icon-btn { position:static; inset:auto; flex-shrink:0; width:44px; height:44px; border:0; color:white; background:#252326; backdrop-filter:none; font:600 21px/1 var(--font-sans); }
.camera-status-row { display:flex; align-items:center; justify-content:center; gap:8px; }
.camera-status-row:has(.camera-media-status[hidden]):not(:has(.video-recording-pill[style*="flex"])) { display:none; }
.camera-screen .camera-media-status { position:static; inset:auto; transform:none; order:0; width:auto; max-width:65ch; border:0; border-radius:0; background:none; color:#ddd6cc; text-align:center; font:400 10px/1.4 var(--font-sans); margin:0; padding:2px 0; }
.camera-retry { flex-shrink:0; min-height:44px; border:1px solid #a5a0a5; border-radius:8px; background:none; color:white; font-size:11px; padding:7px; }
.camera-mode-tabs { order:0; display:flex; justify-content:center; align-items:center; gap:14px; font-size:13px; color:white; }
.camera-mode-tabs button { background:none; border:0; color:#ddd6cc; min-height:44px; min-width:44px; padding:8px 12px; }
.camera-mode-active { padding:8px 10px; position:relative; color:#e4bd75; }
.camera-mode-active::after { content:''; position:absolute; bottom:1px; left:50%; transform:translateX(-50%); width:18px; height:2px; border-radius:2px; background:#e4bd75; }
.camera-shutter-row { order:0; width:min(340px,100%); align-self:center; padding:0; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; justify-items:center; gap:24px; }
.camera-screen .deck-side-thumb { color:white; background:#252326; border:0; border-radius:50%; width:44px; height:44px; }
.shutter-btn-photo,.shutter-btn-video { width:72px; height:72px; padding:5px; border:2px solid #e4bd75; background:transparent; }
.shutter-inner-photo { background:white; border:2px solid #111013; }
.shutter-inner-video { background:#dc3545; }
.camera-screen .video-recording-pill { position:static; inset:auto; transform:none; background:none; min-height:24px; padding:0; white-space:nowrap; }
.camera-zoom-row { display:grid; grid-template-columns:auto minmax(44px,1fr) 42px; align-items:center; gap:10px; padding-inline:8px; font-size:10px; color:#ddd6cc; }
.camera-zoom-row input { min-width:44px; min-height:44px; width:100%; margin:0; accent-color:#e4bd75; cursor:pointer; }
.camera-zoom-row output { color:white; font-size:12px; text-align:right; }
.camera-sheet { border:0; border-radius:14px 14px 0 0; background:var(--bg); padding:18px; width:min(100%,540px); max-width:100%; max-height:85dvh; margin:auto auto 0; color:var(--ink); }
.camera-sheet::backdrop { background:#11101399; }
.camera-sheet-heading { display:flex; justify-content:space-between; align-items:center; gap:8px; }
.camera-sheet-heading h2 { font:600 26px/1.2 var(--font-serif); }
.camera-sheet-heading .back-circle-btn { margin:0; }
.camera-sheet > p { font-size:12px; color:#514b53; margin:8px 0 14px; }
.camera-sheet .frames-carousel-row { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; overflow:visible; padding:0; margin:0; }
.camera-sheet .frame-option-card { min-width:0; width:100%; border:0; padding:0; background:none; }
.camera-sheet .frame-thumb-canvas-box { aspect-ratio:9/16; padding:0; }
.camera-sheet .frame-option-card.active .frame-thumb-canvas-box { border-color:var(--gold-dark); padding:0; }
.camera-sheet .frame-name { min-height:44px; display:grid; place-items:center; color:#514b53; font-size:11px; margin:0; }
.camera-device-list { display:grid; gap:8px; }
.camera-device-list button { padding:12px; min-height:48px; text-align:left; background:none; color:var(--ink); border:1px solid var(--line); border-radius:8px; overflow-wrap:anywhere; }
.camera-device-list button[aria-pressed="true"] { background:var(--ink); border-color:var(--ink); color:white; }
.instagram-links { display:flex; align-items:center; flex-wrap:wrap; justify-content:center; gap:4px 10px; color:#514b53; font-size:11px; padding:8px 18px; }
.instagram-links a { color:#79531d; font-weight:600; min-height:44px; display:inline-flex; align-items:center; text-underline-offset:3px; }
.upload-mural-button { grid-column:1/-1; border:1px solid var(--gold); background:var(--ink); color:white; border-radius:8px; padding:10px 12px; min-height:44px; font-size:12px; }
.quality-advisory { font-size:12px; line-height:1.6; color:#614611; background:#fff6e5; border-radius:10px; padding:14px; margin-top:14px; }
.camera-flash-feedback { position:fixed; inset:0; z-index:110; background:white; pointer-events:none; opacity:.6; transition:opacity .18s ease-out; }
.camera-flash-feedback.fading { opacity:0; }
@media (orientation:landscape) and (min-width:600px) {
  .camera-screen.active { grid-template-columns:minmax(0,1fr) 260px; grid-template-rows:auto minmax(0,1fr); }
  .camera-header-nav { grid-column:1/-1; }
  .camera-viewfinder-area { grid-column:1; grid-row:2; }
  .camera-bottom-deck { grid-column:2; grid-row:2; justify-content:center; gap:4px; padding-top:0; max-width:none; }
  .camera-shutter-row { gap:14px; }
  .camera-screen .pill-selector-small { padding-inline:8px; font-size:11px; }
  .camera-deck-settings { gap:6px; }
  .camera-status-row { flex-wrap:wrap; }
  .camera-screen .camera-media-status { font-size:10px; }
  .camera-zoom-row { grid-template-columns:minmax(44px,1fr) 42px; }
  .camera-zoom-row label { grid-column:1/-1; }
}
@media (max-height:620px) {
  .camera-guide-dialog { height:auto; max-height:calc(100dvh - 12px); }
  .camera-guide-content { min-height:0; padding:12px 20px; }
  .camera-guide-content .guide-topline { margin-bottom:12px; }
  .camera-guide-content h2 { font-size:30px; }
  .camera-guide-content > p:first-of-type { margin:8px 0 12px; }
  .camera-guide-tips { gap:4px; margin:0 0 12px; }
  .camera-guide-tips li { padding:4px 0; }
  .camera-guide-content .instagram-links { padding:0; }
}

@media (min-width:768px) {
  #screen-home { max-width:1120px; padding:32px; }
  .home-composition { display:grid; grid-template-columns:1.05fr 1fr; align-items:stretch; gap:0; border:1px solid var(--line); border-radius:24px; overflow:hidden; min-height:650px; }
  .hero-couple-card { grid-column:1; grid-row:1; height:100%; min-height:650px; border-radius:0; }
  .home-intro { text-align:center; padding:0; inset:auto 20px 48px; }
  .home-intro .couple-names { font-size:68px; line-height:.9; }
  .home-actions { grid-column:2; grid-row:1; margin:0; border-radius:0; display:flex; flex-direction:column; justify-content:center; gap:14px; padding:45px; }
  .home-secondary-actions { margin-top:18px; }
  .home-action { min-height:62px; }
  .home-preview-section { margin-top:28px; border:0; padding-inline:0; }
  #screen-mural { max-width:1050px; padding-inline:32px; }
  #screen-mural .page-heading { text-align:center; }
  #screen-mural .page-heading h2 { font-size:58px; }
  .mural-filters { max-width:440px; margin-inline:auto; }
  .mural-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
  .mural-action-tray { max-width:600px; bottom:18px; border:1px solid var(--line); border-radius:16px; box-shadow:var(--shadow-md); }
  .mural-item-caption { font-size:23px; }
  .moment-modal-backdrop { padding:20px; }
  .moment-modal-card { height:auto; max-height:calc(100dvh - 40px); border-radius:20px; }


  .camera-guide-dialog { height:auto; max-height:calc(100dvh - 40px); border-radius:20px; }
  .camera-guide-content { min-height:0; }
}
@media (max-height:700px) {
  .hero-couple-card { height:59dvh; min-height:320px; }
  .home-intro .couple-names { font-size:52px; }
  .home-actions { padding-block:12px; }
  .home-action { min-height:50px; }
  .guide-topline { margin-bottom:24px; }
  .camera-guide-tips { gap:8px; margin-bottom:16px; }
  .camera-guide-content { padding:16px 22px 20px; }
  .camera-guide-content > p:first-of-type { margin-bottom:20px; }

}
@media (prefers-reduced-motion:reduce) { * { scroll-behavior:auto!important; } }

/* Publication is the action, not a hidden/default toggle. */
.publication-actions { display:grid; gap:10px; min-width:0; }
.publication-description { color:#514b53; font:400 12px/1.6 var(--font-sans); margin:0; max-width:65ch; overflow-wrap:anywhere; }
#submit-consent-row { margin:8px 0 18px; }
#gallery-all-actions { margin-bottom:18px; }
.selected-items-drawer { max-height:calc(100dvh - 16px); overflow-y:auto; border-radius:16px 16px 0 0; box-shadow:none; background:var(--bg); }
.selected-items-drawer .drawer-actions { display:flex; align-items:center; }
.selected-items-drawer .drawer-actions > button { width:100%; min-height:44px; font-size:12px; }
.selected-items-drawer .publication-actions { gap:8px; }
.selected-items-drawer .publication-actions > button { min-height:46px; font-size:14px; padding:10px 14px; }
.selected-items-drawer .publication-description { font-size:11px; line-height:1.5; }
#screen-gallery:has(.gallery-grid-item.selected) { padding-bottom:400px; }
body:has(#screen-gallery.active .gallery-grid-item.selected) .wedding-toast { top:max(12px,env(safe-area-inset-top)); bottom:auto; background:var(--ink); }
.mural-counts { display:grid; gap:4px; font-size:12px; line-height:1.4; }
#mural-loaded-label { font-size:11px; }
.mural-load-more { margin:18px 0 0; min-height:48px; }
.preview-thumb-card { padding:0; border:0; background:var(--sand); }
.media-original-link { display:inline-flex; align-items:center; min-height:44px; color:#79531d; margin:8px; }
@media (max-height:650px) {
  .selected-items-drawer .drawer-thumbs-row { display:none; }
  .selected-items-drawer { padding-top:8px; gap:5px; }
}