/* Page-specific layout on top of the shared easy-mode catalogue theme. */
:root {
  --ep-display: "Cormorant Garamond", "Times New Roman", serif;
  --ep-text: "Manrope", system-ui, sans-serif;
  --color-background: var(--bg);
  --color-foreground: var(--ink);
  --color-card: var(--surface);
  --color-card-foreground: var(--ink);
  --color-muted: var(--soft);
  --color-muted-foreground: var(--muted);
  --color-border: var(--line);
  --color-ring: var(--accent);
}
html { scroll-behavior: smooth; }
body, body input, body button, body select, body textarea,
body .video-share-dialog, body .video-share-dialog input, body .share-actions button {
  font-family: var(--ep-text);
}
body .video-share-dialog h2 { font-family: var(--ep-display); }
.ep-page { max-width: 1420px; }
.ep-gallery-heading .eyebrow { margin: 0 0 8px; text-transform: uppercase; }
.ep-muted { color: var(--muted); font-size: 12px; }
.ep-rail {
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: radial-gradient(ellipse at 50% 0%, color-mix(in srgb, #bd925b 11%, transparent), transparent 60%),
    color-mix(in srgb, var(--bg) 68%, var(--soft));
}
.ep-rail > header { padding: 16px 12px 0; }
.ep-rail h1 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: clamp(8px, 2vw, 28px);
  margin: 0;
  font: 500 clamp(46px, 6.1vw, 80px)/.92 var(--ep-display);
  letter-spacing: -.045em;
}
.ep-rail h1::before, .ep-rail h1::after {
  content: "";
  width: clamp(40px, 11vw, 146px);
  aspect-ratio: 4 / 1;
  background: url("./media/partika-gold-flourish.webp") center / contain no-repeat;
}
.ep-rail h1::after { transform: scaleX(-1); }
.ep-rail [data-stage] { margin-top: 10px; }
.ep-rail-description { margin: 0; max-width: 38ch; color: var(--muted); font-size: 12px; line-height: 1.5; }
.ep-rail-description + .ep-rail-caption { min-height: 0; }
.ep-rail-caption p { margin: 0; }
.ep-rail > div:last-of-type { gap: 9px; padding-top: 9px; padding-bottom: 18px; }
.ep-rail-stage { position: relative; }
.ep-rail-arrows { position: absolute; z-index: 40; top: 49%; left: 0; right: 0; display: flex; justify-content: space-between; padding: 0 clamp(6px, 1.5vw, 20px); pointer-events: none; transform: translateY(-50%); }
.ep-rail-arrows button, .ep-rail-play { display: grid; place-items: center; border: 1px solid color-mix(in srgb, var(--ink) 22%, transparent); border-radius: 50%; color: var(--ink); background: color-mix(in srgb, var(--surface) 73%, transparent); box-shadow: 0 5px 18px #190d1640; backdrop-filter: blur(12px) saturate(1.25); cursor: pointer; }
.ep-rail-arrows button { pointer-events: auto; width: clamp(35px, 5vw, 46px); aspect-ratio: 1; }
.ep-rail-arrows button svg { width: 22px; }
.ep-rail-arrows button:hover, .ep-rail-play:hover { background: var(--surface); }
.ep-rail [data-wash] { --wash: color-mix(in srgb, #dfac63 34%, transparent); }
[data-theme=dark] .ep-rail [data-wash] { --wash: color-mix(in srgb, #ffbf62 38%, transparent); }
.ep-rail [data-light] { z-index: 2; }
.ep-rail [data-light]::after { content: ""; position: absolute; inset: 11% 2% 1%; border-radius: 4px; box-shadow: 0 -5px 17px #ffba6266, inset 0 8px 20px #ffd79a60; }
.ep-rail [data-dim] { z-index: 3; }
.ep-rail-caption p:first-child { font: 500 21px var(--ep-display); }
.ep-rail-actions { display: flex; align-items: center; gap: 9px; }
.ep-browse-samples { display: inline-flex; align-items: center; gap: 12px; border: 1px solid var(--line); border-radius: 99px; padding: 9px 16px; background: var(--ink); color: var(--bg); font-size: 12px; font-weight: 600; }
.ep-action-arrow { flex: none; vertical-align: middle; }
.ep-button:has(.ep-action-arrow) { gap: 6px; }
.ep-rail-play { width: 34px; height: 34px; box-shadow: none; }
.ep-rail [data-rail-pagination] { flex-wrap: nowrap; gap: 0; padding-inline: 8px; }
.ep-rail [data-rail-dot] {
  display: grid;
  align-items: center;
  justify-items: center;
  grid-template-columns: minmax(0, 1fr);
  flex: 0 1 28px;
  min-width: 0;
  width: 28px;
  height: 26px;
  padding: 0;
  background: transparent;
}
.ep-rail [data-rail-dot]::after {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 5px;
  background: color-mix(in srgb, var(--ink) 43%, transparent);
}
.ep-rail [data-rail-dot][aria-current="true"]::after {
  width: min(18px, 80%);
  background: var(--ink);
}
.ep-slides { position: relative; isolation: isolate; display: block; width: 100%; overflow: hidden; background: var(--soft); }
.ep-rail-slides { position: absolute; inset: 0; height: 100%; }
.ep-slides img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; user-select: none; pointer-events: none; }
.ep-fade { z-index: 1; animation: ep-appear .85s ease-in-out both; }
@keyframes ep-appear { from { opacity: 0; } to { opacity: 1; } }
.ep-gallery { padding-top: 47px; scroll-margin-top: 68px; }
.ep-gallery-heading, .ep-custom { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 12px; }
.ep-gallery-heading h2, .ep-custom h2 { margin: 0; font: 500 clamp(25px, 4vw, 38px)/1.1 var(--ep-display); }
.ep-filters { margin-top: 16px; }
.ep-filters .traditions { flex-wrap: nowrap; overflow-x: auto; padding: 3px; margin-inline: -3px; }
.ep-filters .traditions button { flex: 0 0 auto; }
.ep-dropdowns { display: flex; flex-wrap: wrap; gap: inherit; }
.ep-button { display: inline-flex; align-items: center; justify-content: center; min-height: 36px; border-radius: 99px; border: 1px solid var(--line); padding: 7px 14px; color: var(--ink); background: var(--surface); font-size: 12px; font-weight: 600; text-decoration: none; white-space: nowrap; cursor: pointer; }
.ep-button:not(.ep-secondary) { background: var(--accent); color: var(--surface); border-color: var(--accent); }
.ep-button:hover { border-color: var(--accent); }
.ep-button:disabled { opacity: .5; cursor: default; }
.ep-button:focus-visible, .ep-card-art:focus-visible, .ep-close:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }
.ep-filter-host { display: flow-root; }
.ep-results { scroll-margin-top: 88px; }
.ep-collection .design-collection { position: relative; }
.ep-collection .design-image { cursor: pointer; }
.ep-collection .pack-card { cursor: grab; }
.ep-collection .pack-card:active { cursor: grabbing; }
.ep-collection .image-hint { z-index: 3; bottom: 38px; display: flex; align-items: center; justify-content: center; gap: 6px; line-height: 1.2; }
.ep-collection .view-list .image-hint { inset-inline: 4px; padding: 5px; font-size: 10px; }
.ep-collection .view-list .image-hint svg { width: 10px; height: 10px; }
.ep-collection .pack-navigation button:disabled { opacity: .4; }
.ep-card-art .ep-slides { aspect-ratio: 9 / 16 !important; }
.ep-screen-badge { position: absolute; z-index: 2; bottom: 9px; right: 8px; border: 1px solid var(--line); border-radius: 99px; padding: 3px 8px; background: var(--surface); color: var(--ink); font-size: 11px; }
.ep-card-copy { display: flex; flex-direction: column; gap: 9px; min-width: 0; }
.ep-card-copy .eyebrow { margin: 0; text-transform: uppercase; }
.ep-card-copy .ep-design-views { margin: 0; color: var(--muted); font-size: 11px; }
.ep-card-copy h3 { font: 600 clamp(16px, 2vw, 23px)/1.15 var(--ep-display); margin: 0; flex: 1; }
.ep-card-copy .ep-button { align-self: start; white-space: normal; }
.ep-card-actions, .ep-dialog-actions { display: flex; align-items: center; gap: 7px; }
.ep-dialog-actions { margin-left: auto; }
.ep-share-icon { display: grid; place-items: center; width: 36px; min-width: 36px; height: 36px; border: 1px solid var(--line); border-radius: 50%; color: var(--ink); background: var(--surface); cursor: pointer; }
.ep-share-icon:hover { border-color: var(--accent); }
.ep-share-button { gap: 5px; }
.ep-prices { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; }
.ep-prices > div { padding: 7px; border: 1px solid var(--line); border-radius: 10px; min-width: 0; }
.ep-prices span, .ep-prices small { display: block; color: var(--muted); font-size: 10px; }
.ep-prices strong { display: block; font-size: clamp(14px, 1.5vw, 20px); line-height: 1.35; }
.ep-prices strong .ep-quote-number { color: var(--ink); font: inherit; font-variant-numeric: tabular-nums; white-space: nowrap; }
.ep-custom { border: 1px solid var(--line); border-radius: var(--radius); background: var(--surface); padding: 20px; }
.ep-custom { margin: 30px 0; }
.ep-custom p { margin: 8px 0 0; color: var(--muted); }
.ep-footer { padding: 20px 5% 74px; border-top: 1px solid var(--line); text-align: center; color: var(--muted); }
.ep-footer span { margin: 0 6px; }
.ep-faq { margin-block: 10px 55px; }
.ep-faq-panel { display: grid; grid-template-columns: minmax(170px, 1fr) minmax(0, 1.9fr); gap: clamp(20px, 5vw, 72px); padding: clamp(22px, 5vw, 54px); border: 1px solid var(--line); border-radius: 23px; background: linear-gradient(155deg, var(--surface), color-mix(in srgb, var(--soft) 42%, var(--surface))); }
.ep-faq h2 { font: 500 clamp(32px, 5vw, 54px)/1.02 var(--ep-display); letter-spacing: -.045em; margin: 8px 0 12px; }
.ep-faq p { color: var(--muted); line-height: 1.65; margin: 0; }
.ep-faq-list details { border-top: 1px solid var(--line); }
.ep-faq-list details:last-child { border-bottom: 1px solid var(--line); }
.ep-faq-list summary { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 14px 1px; list-style: none; cursor: pointer; font: 500 clamp(16px, 2vw, 19px)/1.3 var(--ep-display); }
.ep-faq-list summary::-webkit-details-marker { display: none; }
.ep-faq-list summary::after { content: "+"; color: var(--accent); font: 400 20px/1 system-ui, sans-serif; }
.ep-faq-list details[open] summary::after { content: "−"; }
.ep-faq-list details p { padding: 0 24px 14px 1px; font-size: 13px; }

.ep-filter-dock { position: fixed; z-index: 80; bottom: 22px; left: 22px; display: flex; align-items: center; gap: 8px; min-height: 46px; padding: 9px 14px; border: 1px solid var(--line); border-radius: 99px; background: color-mix(in srgb, var(--surface) 91%, transparent); color: var(--ink); font-size: 12px; box-shadow: 0 6px 24px #1e14171c; backdrop-filter: blur(12px); cursor: pointer; }
.ep-filter-dock:hover { border-color: var(--accent); }
.ep-filter-dock b { display: grid; place-items: center; min-width: 18px; height: 18px; padding: 0 4px; border-radius: 99px; background: var(--accent); color: var(--surface); font-size: 10px; }
.ep-filter-drawer { position: fixed; inset: auto auto max(16px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left)); margin: 0; padding: 0; width: min(465px, calc(100% - 32px)); max-height: min(690px, calc(100dvh - 32px)); border: 1px solid var(--line); border-radius: 20px; background: var(--bg); color: var(--ink); box-shadow: 0 18px 55px #160d1640; overflow: auto; animation: ep-drawer-in .24s ease-out both; }
.ep-filter-drawer::backdrop { background: #21141965; backdrop-filter: blur(3px); }
@keyframes ep-drawer-in { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: translateY(0); } }
.ep-filter-bar { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 14px 18px; background: var(--bg); }
.ep-filter-bar h2 { font: 500 29px/1.12 var(--ep-display); margin: 3px 0 0; }
.ep-filter-bar .eyebrow { margin: 0; }
.ep-filter-shell > footer { position: sticky; bottom: 0; z-index: 1; border-top: 1px solid var(--line); }
.ep-filter-shell > footer button { width: 100%; }
.ep-filter-content { padding: 0 18px 18px; }
.ep-filter-content .ep-filters { padding: 14px 0 0; margin: 0; border-bottom: 0; }
.ep-filter-content .traditions { flex-wrap: wrap; overflow: visible; margin-bottom: 13px; }
.ep-filter-content .filter-controls { gap: 12px; }
.ep-filter-content .search-control, .ep-filter-content .search-control input, .ep-filter-content .ep-dropdowns { width: 100%; max-width: none; }
.ep-filter-content .ep-dropdowns .dropdown-field { min-width: 115px; flex: 1; align-items: start; flex-direction: column; gap: 5px; }
.ep-filter-content .smooth-dropdown { width: 100%; min-width: 0; }
.ep-filter-content .dropdown-field:first-child .dropdown-panel { left: 0; right: auto; }
.ep-filter-content .dropdown-field:nth-child(2) .dropdown-panel { left: auto; right: 0; }
.ep-filter-content .filter-controls:has(.dropdown-trigger[aria-expanded=true]) { padding-bottom: 215px; }

.ep-dialog { width: min(840px, calc(100% - 30px)); max-height: calc(100dvh - 28px); padding: 0; border: 1px solid var(--line); border-radius: 20px; background: var(--bg); color: var(--ink); overflow: auto; }
.ep-dialog::backdrop { background: #211419ab; backdrop-filter: blur(6px); }
.ep-dialog-bar { position: sticky; top: 0; display: flex; align-items: center; justify-content: space-between; gap: 10px; background: var(--bg); z-index: 1; border-bottom: 1px solid var(--line); padding: 12px 16px; }
.ep-dialog-bar h2 { font: 500 clamp(20px, 4vw, 30px)/1.12 var(--ep-display); margin: 0; }
.ep-dialog-bar h2[tabindex="-1"]:focus { outline: none; }
.ep-close { width: 34px; height: 34px; flex: 0 0 auto; border-radius: 50%; border: 1px solid var(--line); background: var(--surface); color: var(--ink); font-size: 22px; line-height: 1; cursor: pointer; }
.ep-preview-layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: center; gap: clamp(12px, 3vw, 30px); padding: 17px; }
.ep-preview-frame { max-width: min(275px, 30vh); margin: 0 auto; border: 5px solid #745037; border-radius: 3px; padding: 6px; background: #f2e6d7; box-shadow: 0 4px 15px #0004; }
.ep-page-controls, .ep-actions { display: flex; gap: 7px; align-items: center; flex-wrap: wrap; }
.ep-page-controls { justify-content: center; margin-top: 12px; }
.ep-page-controls span { font-size: 12px; }
.ep-preview-info .eyebrow { margin-bottom: 8px; }
.ep-preview-info .ep-prices > div { background: var(--surface); padding: 10px; }
.ep-preview-info p { margin: 0 0 10px; }
.ep-preview-info .ep-muted { margin-top: 10px; }
.ep-screen-picker { margin: 13px 0; }
.ep-screen-picker .event-heading, .ep-screen-picker .slider-labels { display: flex; justify-content: space-between; align-items: center; font-size: 12px; margin-bottom: 7px; }
.ep-screen-picker .event-heading strong { color: var(--accent); font-size: 16px; font-variant-numeric: tabular-nums; }
.ep-screen-picker .slider-labels { color: var(--muted); margin-top: 5px; }
.ep-screen-picker [data-slot=amount-slider] [role=slider]:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
.ep-pdf-dialog { width: min(1100px, calc(100% - 30px)); }
.ep-pdf-toolbar { display: flex; justify-content: space-between; gap: 10px; align-items: center; padding: 9px 16px; font-size: 12px; }
.ep-pdf-native { display: block; border: 0; width: 100%; height: min(75dvh, 900px); }
.ep-pdf-mobile { display: grid; justify-items: center; gap: 18px; padding: 12px; background: var(--soft); }
.ep-pdf-mobile figure { margin: 0; width: min(100%, 400px); text-align: center; }
.ep-pdf-mobile img { display: block; width: 100%; height: auto; border: 1px solid var(--line); }
.ep-pdf-mobile figcaption { color: var(--muted); margin-top: 5px; font-size: 12px; }

@media (max-width: 780px) {
  .ep-gallery { padding-top: 32px; }
  .ep-faq-panel { grid-template-columns: 1fr; }
}
@media (max-width: 560px) {
  .ep-filters .traditions[aria-label="Religion or wedding tradition"] { flex-wrap: wrap; overflow: visible; }
  .ep-dropdowns { width: 100%; }
  .ep-dropdowns .dropdown-field { min-width: 115px; }
  .ep-dropdowns .dropdown-field:first-child .dropdown-panel { right: auto; left: 0; }
  .ep-dropdowns .dropdown-field:nth-child(2) .dropdown-panel { left: auto; right: 0; }
  .ep-prices > div { padding: 5px; }
  .ep-preview-layout { grid-template-columns: 1fr; padding: 12px; }
  .ep-preview-frame { max-width: min(57vw, 26dvh); }
  .ep-header .mode-link { font-size: 10px; white-space: nowrap; }
  .ep-filter-dock { left: 12px; bottom: max(12px, env(safe-area-inset-bottom)); }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .ep-fade, .ep-filter-drawer { animation: none; }
  .ep-slide-underlay { display: none; }
}

@media (max-height: 720px) {
  .ep-rail > header { padding-top: 11px; }
  .ep-rail h1 { font-size: clamp(40px, 5vw, 60px); }
  .ep-rail > div:last-of-type { padding-bottom: 12px; }
}

.ep-preview-dialog {
  --ep-paper: #fdf8f0;
  --ep-wine: #701b32;
  --ep-gold: #a9783e;
  width: min(1080px, calc(100% - 30px));
  background: radial-gradient(ellipse at 80% 25%, var(--surface), transparent 70%), var(--ep-paper);
}
[data-theme=dark] .ep-preview-dialog { --ep-paper: #201512; --ep-wine: #f1b3bc; --ep-gold: #dfb77b; }
.ep-dialog-bar h2 { display: flex; align-items: center; gap: 10px; }
.ep-dialog-bar h2 svg { flex: none; width: 25px; height: 25px; color: #b2874c; }
.ep-preview-dialog .ep-dialog-bar {
  padding: 13px clamp(12px, 2.4vw, 28px);
  background: url("./media/partika-blush-sprig.webp") right 150px center / auto 88px no-repeat, var(--ep-paper);
  color: var(--ep-wine);
}
.ep-preview-layout {
  grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
  padding: clamp(16px, 2.7vw, 32px);
}
.ep-preview-stage { position: relative; max-width: 435px; margin: 0 auto; }
.ep-preview-frame {
  position: relative; max-width: min(80%, 31dvh, 325px);
  border: 1px solid #9c6c33; border-radius: 12px; padding: 5px;
  background: linear-gradient(138deg,#a87637,#f4dba9 30%,#ae7e3d 67%,#e8c991);
  box-shadow: 0 9px 28px #38231235, inset 0 0 0 2px #ffe4aa;
}
.ep-preview-frame .ep-slides { border-radius: 7px; }
.ep-preview-arrow, .ep-preview-expand {
  position: absolute; z-index: 2; display: grid; place-items: center; padding: 0;
  border: 1px solid var(--line); border-radius: 50%; width: 36px; height: 36px;
  color: var(--ink); background: color-mix(in srgb, var(--surface) 90%, transparent); cursor: pointer;
}
.ep-preview-arrow { top: 50%; translate: 0 -50%; font-size: 24px; box-shadow: 0 4px 13px #37241625; }
.ep-prev { left: 0; }
.ep-next { right: 0; }
.ep-preview-expand { right: 10px; top: 10px; color: white; border: 0; background: #291c17bc; }
.ep-preview-expand svg { width: 17px; height: 17px; }
.ep-preview-dots { display: flex; flex-wrap: wrap; justify-content: center; gap: 2px; margin-top: 10px; }
.ep-preview-dots button { display: grid; place-items: center; width: 18px; height: 20px; padding: 0; cursor: pointer; }
.ep-preview-dots button::after { content: ""; width: 7px; height: 7px; border-radius: 50%; background: color-mix(in srgb, var(--ep-gold) 45%, transparent); }
.ep-preview-dots button[aria-current=true]::after { background: var(--ep-wine); }
.ep-page-controls { width: fit-content; margin: 5px auto 0; border: 1px solid var(--line); border-radius: 99px; padding: 2px 4px 2px 12px; }
.ep-page-controls .ep-button { min-height: 30px; border-color: transparent; background: transparent; }
.ep-preview-badge, .ep-preview-tags span {
  display: inline-flex; align-items: center; gap: 7px; border-radius: 99px; padding: 5px 11px; font-size: 11px; font-weight: 600;
  background: color-mix(in srgb, var(--ep-gold) 10%, var(--surface));
}
.ep-preview-badge { background: color-mix(in srgb, var(--accent) 12%, var(--surface)); color: var(--ep-wine); }
.ep-preview-badge svg, .ep-preview-tags svg { color: var(--ep-gold); width: 15px; height: 15px; }
.ep-preview-info h3 { font: 500 clamp(32px, 5vw, 57px)/.98 var(--ep-display); color: var(--ep-wine); margin: 12px 0 7px; }
.ep-preview-tags { display: flex; gap: 5px; flex-wrap: wrap; padding-bottom: 12px; border-bottom: 1px solid color-mix(in srgb, var(--ep-gold) 38%, transparent); }
.ep-preview-info .ep-prices > div { position: relative; border-radius: 14px; padding: 13px 24px 13px 12px; }
.ep-preview-info .ep-prices > div:nth-child(2) { border-color: color-mix(in srgb,var(--accent) 45%,var(--line)); background: color-mix(in srgb,var(--accent) 7%,var(--surface)); }
.ep-preview-info .ep-prices strong { color: var(--ep-wine); font-size: clamp(17px, 2.5vw, 25px); }
.ep-preview-info .ep-prices strong .ep-quote-number { color: inherit; }
.ep-preview-info .ep-price-icon { position: absolute; right: 8px; top: 44%; color: var(--ep-gold); }
.ep-price-icon svg { width: clamp(14px, 2vw, 22px); }
.ep-preview-info .ep-preview-note { margin: 10px 0; padding: 8px 12px; border-radius: 99px; background: color-mix(in srgb,var(--ep-gold) 10%,var(--surface)); color: var(--muted); font-size: 11px; }
.ep-actions .ep-button { gap: 5px; }
.ep-actions svg { width: 15px; height: 15px; flex: none; }
.ep-sample-count { color: var(--ep-wine); font-weight: 600; }
@media (max-width: 680px) {
  .ep-dialog { width: calc(100% - 16px); max-height: calc(100dvh - 16px); border-radius: 16px; overscroll-behavior: contain; }
  .ep-preview-dialog { scroll-padding-bottom: 72px; }
  .ep-dialog .ep-dialog-bar { gap: 8px; padding: 7px 12px; background-size: auto 48px; background-position: right 105px top; }
  .ep-dialog .ep-dialog-bar h2 { min-width: 0; overflow-wrap: anywhere; font-size: clamp(20px, 5.8vw, 28px); }
  .ep-dialog .ep-dialog-actions { gap: 6px; flex: none; }
  .ep-dialog .ep-close, .ep-dialog .ep-share-button, .ep-pdf-back { width: 44px; height: 44px; padding: 0; flex: none; }
  .ep-dialog .ep-share-button span, .ep-pdf-back span { display: none; }
  .ep-preview-layout { display: block; padding: 10px 12px 0; }
  .ep-preview-details { display: contents; }
  .ep-preview-stage { max-width: min(100%, 315px); }
  .ep-preview-frame { max-width: min(calc(100% - 98px), 24dvh); }
  .ep-preview-arrow, .ep-preview-expand { width: 44px; height: 44px; }
  .ep-preview-dots { margin-top: 6px; }
  .ep-preview-dots button { width: 25px; height: 28px; }
  .ep-page-controls { margin-top: 2px; }
  .ep-page-controls .ep-button { min-height: 44px; }
  .ep-preview-info { margin-top: 14px; }
  .ep-preview-info h3 { display: none; }
  .ep-preview-info > p:first-of-type { margin-top: 6px; font-size: 13px; }
  .ep-actions {
    position: sticky;
    bottom: 0;
    z-index: 4;
    display: grid;
    grid-template-columns: .88fr 1fr 1.05fr;
    gap: 5px;
    margin-inline: -12px;
    padding: 9px 10px max(9px, env(safe-area-inset-bottom));
    border-top: 1px solid var(--line);
    background: var(--ep-paper);
    box-shadow: 0 -6px 18px #24190f10;
  }
  .ep-actions .ep-button { min-height: 44px; min-width: 0; padding: 6px 5px; gap: 3px; font-size: clamp(9px, 2.75vw, 12px); }
  .ep-actions svg { width: 12px; height: 12px; }
  .ep-dialog-bar h2 svg { display: none; }
}