/* Paywall Lab — scoped working surface, with native capture previews. */
#paywall-design-board {
  --pd-ink:var(--text,#373530); --pd-muted:var(--text-2,#68675f);
  --pd-paper:var(--panel,#fff); --pd-canvas:var(--bg,#fcfcfc);
  --pd-soft:var(--panel-2,#f7f6f3); --pd-line:var(--border,#e3e2df);
  --pd-primary:var(--app-strong,#1b6e97); --pd-on-primary:var(--app-fg,#fcfcfc);
  --pd-selected:var(--app-soft,rgba(37,167,222,.16)); --pd-selected-ink:var(--text,#373530);
  --pd-draft-bg:var(--warn-soft,#fff2d8); --pd-draft-ink:var(--text-2,#68675f);
  color:var(--pd-ink); background:transparent; border:0;
  padding:0; margin-bottom:24px; font-family:inherit; font-size:14px; line-height:1.5; color-scheme:light;
}
html[data-theme=dark] #paywall-design-board {color-scheme:dark}
#paywall-design-board *{box-sizing:border-box}
#paywall-design-board :is(button,select,input){font:inherit}
#paywall-design-board button{cursor:pointer;box-shadow:none;text-shadow:none;transition:background .15s,border-color .15s}
#paywall-design-board button:disabled{cursor:default;opacity:1;color:var(--pd-muted);background:var(--pd-soft);border-color:var(--pd-line)}
#paywall-design-board :is(button,input,select,[tabindex]):focus-visible{outline:3px solid var(--pd-primary);outline-offset:3px}
#paywall-design-board :is(h2,h3,h4,h5,p){color:inherit}
#paywall-design-board svg{width:20px;height:20px;flex:none}
#paywall-design-board label{margin:0;text-transform:none;letter-spacing:normal;font-weight:500}
.pd-heading{display:flex;justify-content:space-between;gap:24px;align-items:center}
#paywall-design-board .pd-kicker{display:flex;align-items:center;gap:12px;letter-spacing:.14em;font-size:12px;font-weight:600;color:var(--pd-muted);margin:0 0 10px}
.pd-kicker span{opacity:.5}
#paywall-design-board .pd-heading h2{font-size:22px;font-weight:600;line-height:1.25;letter-spacing:-.02em;margin:0 0 6px}
#paywall-design-board .pd-heading p:not(.pd-kicker){color:var(--pd-muted);font-size:14px;margin:0}
.pd-period,.pd-cohort{font-size:12px;color:var(--pd-muted);display:flex;flex-direction:column;gap:7px;flex-shrink:0}
#paywall-design-board select{border:1px solid var(--pd-line);background:var(--pd-paper);color:var(--pd-ink);padding:10px 34px 10px 12px;border-radius:9px;min-height:42px;width:auto;max-width:100%}
.pd-filters{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin:26px 0 16px;padding-bottom:18px;border-bottom:1px solid var(--pd-line)}
#paywall-design-board .pd-filters button{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid transparent;background:transparent;color:var(--pd-muted);border-radius:9px;padding:9px 14px;min-height:42px;font-size:14px;font-weight:500}
#paywall-design-board .pd-filters button:hover{background:var(--pd-soft);color:var(--pd-ink)}
#paywall-design-board .pd-filters button[aria-pressed=true]{background:var(--pd-paper);color:var(--pd-ink);border-color:var(--pd-line);box-shadow:0 2px 4px #00000005}
.pd-app-dot{width:7px;height:7px;border-radius:50%}
#paywall-design-board .pd-filters .pd-refresh{margin-left:auto;font-size:13px}
.pd-refresh>span{font-size:20px;line-height:1}
#paywall-design-board .pd-explainer{display:flex;gap:9px;font-size:13px;color:var(--pd-muted);margin:0 0 22px}
.pd-app{background:var(--pd-paper);border:1px solid var(--pd-line);border-radius:var(--radius-lg,20px);padding:24px;margin-bottom:20px;min-width:0}
.pd-app-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px}
.pd-app-identity{display:flex;gap:12px;align-items:center}
.pd-app-mark{display:block;flex:none;width:40px;height:40px;border-radius:10px;object-fit:contain}
#paywall-design-board .pd-app h3{font-size:22px;margin:0 0 3px;letter-spacing:-.025em;line-height:1.2}
.pd-language{color:var(--pd-muted);font-size:13px}.pd-language>span{padding-left:5px}
.pd-arms{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.pd-arm{min-width:0;border:1px solid var(--pd-line);border-radius:12px;overflow:hidden;padding:16px;background:var(--pd-paper)}
.pd-arm-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:14px}
#paywall-design-board .pd-arm h4{margin:0;font-size:16px;font-weight:600}
.pd-arm-top>span{color:var(--pd-muted);font-size:12px}
#paywall-design-board .pd-preview{position:relative;width:100%;height:295px;border:1px solid transparent;border-radius:9px;background:var(--pd-soft);overflow:hidden;padding:12px!important;box-shadow:none!important;color:var(--pd-ink)}
#paywall-design-board .pd-preview:hover{border-color:var(--pd-primary)}
.pd-preview img{display:block;width:100%;height:100%;object-fit:contain;border-radius:4px}
.pd-preview .pd-preview-caption{border-radius:6px;background:var(--pd-paper);color:var(--pd-ink);font-size:12px;padding:5px 9px}
#paywall-design-board .pd-detail{font-size:13px;line-height:1.5;color:var(--pd-muted);min-height:39px;margin:14px 0}
.pd-arm-data{display:flex;justify-content:space-between;gap:10px;border-top:1px solid var(--pd-line);padding-top:14px;align-items:flex-start}
#paywall-design-board .pd-weight{font-size:12px;color:var(--pd-muted)}
.pd-weight>div{display:flex;align-items:baseline;gap:3px;margin-top:6px}
#paywall-design-board .pd-weight input{font-size:25px;width:72px;min-width:0;border:1px solid var(--pd-line);border-radius:7px;background:var(--pd-canvas);color:var(--pd-ink);padding:3px 7px;font-weight:500;box-shadow:none;line-height:1.3;height:auto}
.pd-weight>div>span{font-size:16px}.pd-metric{text-align:right}
#paywall-design-board .pd-rate{font-size:27px;font-weight:500;margin:0;line-height:1.2;white-space:nowrap;font-variant-numeric:tabular-nums}
.pd-rate span{display:block;font-size:12px;color:var(--pd-muted);margin-top:7px;white-space:normal;font-weight:400}
#paywall-design-board .pd-counts{font-size:12px;color:var(--pd-muted);margin:7px 0 0;line-height:1.4}
.pd-distribution{display:flex;height:7px;gap:3px;margin:22px 0 14px;border-radius:6px;overflow:hidden;background:var(--pd-soft)}
.pd-distribution span{flex-basis:0;background:var(--pd-accent);transition:flex-grow .15s}
.pd-distribution span:nth-child(2){opacity:.65}.pd-distribution span:nth-child(3){opacity:.35}
.pd-save-row{display:flex;align-items:center;justify-content:space-between;gap:16px}
#paywall-design-board .pd-total{font-size:13px;margin:0;color:var(--pd-muted)}
#paywall-design-board .pd-total.pd-error{color:#da654d}
#paywall-design-board .pd-save-status{font-size:13px;line-height:1.5;max-width:570px;margin:6px 0 0}
.pd-save-status:empty{display:none}
.pd-actions{display:flex;gap:8px;flex-shrink:0}
#paywall-design-board :is(.pd-actions,.pd-photo-actions,.pd-photo-upload) button{min-height:var(--control-h,38px);padding:8px 14px;border-radius:var(--control-radius,8px);border:1px solid var(--pd-line);background:var(--pd-paper);color:var(--pd-ink);font-size:13px;font-weight:500;line-height:1.4}
#paywall-design-board :is(.pd-actions,.pd-photo-actions,.pd-photo-upload) button:hover:not(:disabled){border-color:var(--pd-primary);background:var(--pd-selected)}
#paywall-design-board :is(.pd-actions .pd-save,.pd-photo-actions .pd-primary):not(:disabled){background:var(--app);color:var(--app-fg);border-color:var(--app-strong);font-family:var(--font-head);font-weight:600}
#paywall-design-board :is(.pd-actions,.pd-photo-actions,.pd-photo-upload) button:disabled{background:var(--pd-soft);color:var(--pd-muted);border-color:var(--pd-line)}
.pd-photos{border-top:1px solid var(--pd-line);margin-top:26px;padding-top:24px}
.pd-section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}
#paywall-design-board .pd-section-heading h4{font-size:17px;margin:0 0 4px;font-weight:600;letter-spacing:-.02em}
#paywall-design-board .pd-section-heading p{font-size:13px;color:var(--pd-muted);margin:0}
.pd-section-count{font-size:12px;color:var(--pd-muted);white-space:nowrap;border:1px solid var(--pd-line);border-radius:6px;padding:4px 8px}
.pd-photo-workspace{display:grid;grid-template-columns:185px minmax(0,1fr);border:1px solid var(--pd-line);border-radius:12px;overflow:hidden;background:var(--pd-canvas)}
.pd-photo-nav{display:flex;flex-direction:column;gap:3px;padding:10px;border-right:1px solid var(--pd-line);background:var(--pd-paper)}
#paywall-design-board .pd-photo-nav button{display:flex;align-items:center;gap:10px;text-align:left;background:transparent;color:var(--pd-muted);border:1px solid transparent;border-radius:8px;padding:10px;min-height:56px;width:100%}
#paywall-design-board .pd-photo-nav button:hover{background:var(--pd-soft)}
#paywall-design-board .pd-photo-nav button[aria-pressed=true]{background:var(--pd-selected);color:var(--pd-selected-ink);border-color:var(--pd-line)}
.pd-photo-icon{display:flex;align-items:center;flex:none}
.pd-photo-nav strong{display:block;font-size:13px;font-weight:600;line-height:1.3}
.pd-photo-nav small{display:block;font-size:12px;color:var(--pd-muted);margin-top:3px;line-height:1.3}
.pd-photo-arrow{margin-left:auto;font-size:21px;opacity:0}.pd-photo-nav [aria-pressed=true] .pd-photo-arrow{opacity:1}
.pd-photo{display:grid;grid-template-columns:minmax(245px,1fr) minmax(230px,.8fr);min-width:0}
.pd-photo-stage{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:22px;min-width:0;background:var(--pd-soft)}
.pd-stage-label{font-size:12px;font-weight:500;color:var(--pd-muted);text-align:center}
.pd-photo-frame{position:relative;width:100%;max-width:308px;aspect-ratio:1.1;border-radius:12px;overflow:hidden;background:var(--pd-soft) center/cover no-repeat;cursor:crosshair;box-shadow:0 12px 28px #0002}
.pd-photo-focus{position:absolute;width:22px;height:22px;transform:translate(-50%,-50%);border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #0008,0 1px 8px #0004;pointer-events:none}
.pd-photo-focus::after{content:'';position:absolute;inset:7px;border-radius:50%;background:#fff}
.pd-photo-native{display:grid;place-items:center;height:295px;width:100%;min-width:0}
.pd-photo-native img{display:block;width:auto;height:100%;max-width:100%;max-height:295px;object-fit:contain;filter:drop-shadow(0 8px 15px #0002);border-radius:4px}
.pd-native-empty{display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center;color:var(--pd-muted);font-size:14px}
#paywall-design-board .pd-native-empty svg{width:40px;height:40px}
#paywall-design-board .pd-stage-hint{font-size:12px;color:var(--pd-muted);text-align:center;margin:0;max-width:270px}
.pd-photo-inspector{background:var(--pd-paper);border-left:1px solid var(--pd-line);padding:22px;min-width:0}
.pd-photo-badge{display:inline-block;font-size:12px;font-weight:500;color:var(--pd-muted);background:var(--pd-soft);border:1px solid var(--pd-line);border-radius:5px;padding:3px 7px}
.pd-photo-badge.pd-is-draft{color:var(--pd-draft-ink);background:var(--pd-draft-bg)}
#paywall-design-board .pd-photo-head h5{font-size:22px;margin:12px 0 4px;font-weight:600;letter-spacing:-.025em}
#paywall-design-board .pd-photo-head p{font-size:13px;color:var(--pd-muted);margin:0;line-height:1.5}
.pd-photo-upload{display:flex;flex-direction:column;gap:8px;margin-top:22px}
#paywall-design-board .pd-photo-upload button{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;border-style:dashed;min-height:48px;background:var(--pd-canvas)}
.pd-photo-upload>span{font-size:12px;color:var(--pd-muted);text-align:center}
.pd-photo-controls{border-top:1px solid var(--pd-line);margin-top:20px;padding-top:18px;display:grid;gap:14px;font-size:13px}
#paywall-design-board .pd-zoom-label{display:grid;grid-template-columns:1fr auto;gap:10px;font-size:13px;color:var(--pd-ink)}
.pd-zoom-label span{grid-row:1;grid-column:2;font-variant-numeric:tabular-nums;color:var(--pd-muted)}
#paywall-design-board .pd-zoom-label input[type=range]{grid-row:2;grid-column:1/-1;appearance:auto;width:100%;min-width:0;padding:0;margin:0;border:0;box-shadow:none;accent-color:var(--pd-primary);height:20px;background:transparent}
.pd-focus-readout{display:flex;justify-content:space-between;gap:10px}.pd-focus-readout>span:last-child{color:var(--pd-muted);font-variant-numeric:tabular-nums}
#paywall-design-board .pd-photo-controls p{margin:0;font-size:12px;color:var(--pd-muted);line-height:1.5}
.pd-photo-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px}
#paywall-design-board .pd-photo-actions .pd-primary{width:100%}
#paywall-design-board .pd-photo-actions button:not(.pd-primary){flex:1;padding:7px;font-size:12px}
#paywall-design-board .pd-photo-status{font-size:12px;line-height:1.5;margin:10px 0 0;color:var(--pd-muted)}
.pd-photo-status:empty{display:none}
#paywall-design-board .pd-photo-footnote{font-size:12px;color:var(--pd-muted);margin:12px 0 0}
#paywall-design-board .pd-method{font-size:13px;line-height:1.65;color:var(--pd-muted);max-width:1040px;margin:22px 0 0}
.pd-method summary{cursor:pointer;font-weight:500;color:var(--pd-ink);padding:6px 0}.pd-method strong{color:var(--pd-ink)}
#paywall-design-board .pd-method p{margin:8px 0;color:var(--pd-muted)}
.pd-legacy{padding:18px;border:1px solid var(--border,#ddd);border-radius:12px}
.pd-legacy>summary{cursor:pointer;padding:8px;font-weight:600}.pd-legacy>summary+p{font-size:13px;color:var(--muted,#777)}
@media(max-width:1200px){
  #paywall-design-board{padding:0}.pd-app{padding:20px}.pd-arms{gap:12px}.pd-arm{padding:12px}
  .pd-arm-data{display:block}.pd-metric{text-align:left;margin-top:12px}
  .pd-photo-workspace{grid-template-columns:160px minmax(0,1fr)}
  .pd-photo{grid-template-columns:minmax(190px,1fr) minmax(210px,.9fr)}
  .pd-photo-inspector{padding:18px}.pd-photo-stage{padding:18px}.pd-photo-nav{padding:7px}
  .pd-photo-nav button{gap:8px!important;padding:9px 7px!important}
}
@media(max-width:960px){
  .pd-photo-workspace{grid-template-columns:1fr}.pd-photo-nav{flex-direction:row;flex-wrap:wrap;border-right:0;border-bottom:1px solid var(--pd-line);padding:8px;gap:4px}
  #paywall-design-board .pd-photo-nav button{width:auto;flex:1 1 120px;min-height:50px}.pd-photo-arrow{display:none}
  .pd-save-row{flex-wrap:wrap}.pd-actions{margin-left:auto}
}
@media(max-width:720px){
  #paywall-design-board{padding:0}.pd-heading{align-items:flex-start;flex-direction:column;gap:16px}
  #paywall-design-board .pd-heading h2{font-size:22px}.pd-period{width:100%}.pd-period select{width:100%!important}
  .pd-filters{margin-top:20px;gap:4px}#paywall-design-board .pd-filters button{padding:8px 10px;font-size:13px}
  #paywall-design-board .pd-filters .pd-refresh{margin-left:0}
  .pd-app{padding:16px 12px;border-radius:12px}.pd-app-head{flex-wrap:wrap;gap:14px}.pd-cohort{width:100%}
  .pd-arms{grid-template-columns:1fr;gap:14px}.pd-arm{padding:14px}#paywall-design-board .pd-preview{height:315px}
  .pd-arm-data{display:flex}.pd-metric{margin-top:0;text-align:right}
  .pd-save-row{flex-direction:column;align-items:flex-start;gap:14px}.pd-actions{width:100%;flex-wrap:wrap}.pd-actions button{flex:1}
  .pd-photo{grid-template-columns:1fr}.pd-photo-inspector{border-left:0;border-top:1px solid var(--pd-line)}
  .pd-photo-nav small{display:none}.pd-photo-nav strong{font-size:12px}.pd-photo-nav svg{width:17px!important;height:17px!important}
  #paywall-design-board .pd-photo-nav button{flex:1 1 95px}.pd-photo-native{height:270px}.pd-photo-native img{max-height:270px}
  .pd-photo-stage{padding:20px}.pd-section-count{display:none}
}
@media(prefers-reduced-motion:reduce){#paywall-design-board *{transition:none!important}}

/* Capture gallery: keep every pixel of the native screenshots visible. */
.pd-preview{display:flex;flex-direction:column;align-items:center;gap:8px}
.pd-preview .pd-single-capture,.pd-preview .pd-goal-contact-sheet,.pd-preview .pd-goal-mini,.pd-preview .pd-goal-label,.pd-preview .pd-capture-placeholder{
  position:static;transform:none;white-space:normal;box-shadow:none;border-radius:0;background:none;padding:0;color:inherit
}
.pd-preview .pd-single-capture{display:block;width:100%;flex:1;min-height:0;height:auto}
.pd-preview .pd-goal-mini{display:flex;min-width:0;min-height:0;flex-direction:column;align-items:center;gap:5px;height:100%}
.pd-preview .pd-goal-contact-sheet{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:12px 8px;width:100%;height:auto;min-height:0;flex:1}
.pd-preview .pd-goal-mini img{width:100%;height:100%;min-height:0;object-fit:contain;border-radius:0;flex:1}
.pd-preview .pd-goal-label{font-size:10px;line-height:1.2;color:var(--pd-ink);flex:none;text-align:center}
.pd-preview .pd-preview-caption{position:static;transform:none;flex:none;white-space:nowrap;margin:0}
.pd-preview .pd-capture-placeholder{display:grid;place-items:center;height:100%;font-size:12px}
.pd-gallery{
  box-sizing:border-box;
  --pd-ink:#30302c;--pd-muted:#70716b;--pd-paper:#fff;--pd-line:#e4e3dc;
  color:var(--pd-ink);background:#f6f5ef;position:fixed;inset:0;margin:auto;
  width:min(1480px,calc(100vw - 40px));height:calc(100dvh - 40px);max-width:none;max-height:none;
  border:1px solid var(--pd-line);border-radius:24px;padding:24px;overflow:hidden;
  box-shadow:0 24px 100px #0004;font-family:inherit
}
.pd-gallery[open]{display:flex;flex-direction:column;gap:12px}
.pd-gallery *{box-sizing:border-box}
.pd-gallery::backdrop{background:#0009;backdrop-filter:blur(8px)}
.pd-gallery button,.pd-gallery select,.pd-gallery a{font:inherit;color:inherit}
.pd-gallery button,.pd-gallery a{cursor:pointer;min-height:44px}
.pd-gallery button:disabled{cursor:default;opacity:.35}
.pd-gallery button:focus-visible,.pd-gallery select:focus-visible,.pd-gallery a:focus-visible,.pd-capture-stage:focus-visible{outline:3px solid #25a7de;outline-offset:3px}
.pd-gallery-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;flex:none}
.pd-gallery-head h2{font-size:25px;line-height:1.15;margin:0;letter-spacing:-.02em}
.pd-gallery-head .pd-kicker{margin-bottom:6px;font-size:10px}
.pd-gallery-close{width:44px;height:44px;flex:none;font-size:26px!important;border-radius:50%;border:1px solid var(--pd-line);background:var(--pd-paper)}
.pd-gallery-description,.pd-gallery-note,.pd-gallery-count,.pd-gallery-foot{font-size:12px;line-height:1.5;color:var(--pd-muted);margin:0;flex:none}
.pd-gallery-foot{border-top:1px solid var(--pd-line);padding-top:10px;font-size:10px}
.pd-gallery-controls{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end;flex:none;max-height:28dvh;overflow:auto;padding:3px}
.pd-gallery-controls label{font-size:10px;line-height:1.4;display:flex;flex-direction:column;gap:4px;flex:1 1 120px;max-width:320px}
.pd-gallery-controls select{width:100%;min-height:40px;font-size:12px;border:1px solid var(--pd-line);border-radius:10px;background:var(--pd-paper);padding:8px;color:var(--pd-ink)}
.pd-gallery-controls button,.pd-gallery-toolbar button,.pd-gallery-toolbar a,.pd-gallery-more,.pd-gallery-empty button{font-size:12px;border:1px solid var(--pd-line);border-radius:10px;background:var(--pd-paper);padding:10px 12px;text-decoration:none}
.pd-gallery-count{color:var(--pd-ink)}
.pd-gallery-scroll{overflow:auto;min-height:0;flex:1;padding:4px;overscroll-behavior:contain}
.pd-capture-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(215px,1fr));gap:16px;align-items:start}
.pd-capture-card{display:flex;flex-direction:column;min-width:0;width:100%;border:1px solid var(--pd-line);border-radius:16px;padding:10px;background:var(--pd-paper);text-align:left;overflow:hidden}
.pd-capture-image{height:290px;width:100%;display:grid;place-items:center;background:#f1f0e9;border-radius:8px;overflow:hidden}
.pd-capture-image img{display:block;width:100%;height:100%;max-width:100%;max-height:290px;object-fit:contain}
.pd-capture-info{display:flex;flex-direction:column;gap:5px;font-size:11px;color:var(--pd-muted);padding:12px 4px 4px}
.pd-capture-info strong{font-size:13px;line-height:1.3;color:var(--pd-ink)}
.pd-source{font-size:10px}
.pd-gallery-more{display:block;margin:20px auto}
.pd-gallery-empty{padding:32px;text-align:center;font-size:13px;line-height:1.6;grid-column:1/-1}
.pd-gallery-empty button{display:block;margin:16px auto 0}
.pd-gallery-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;flex:none}
.pd-gallery-toolbar>div{display:flex;align-items:center;gap:14px;font-size:12px;margin-left:auto}
.pd-capture-stage{flex:1;min-height:0;overflow:auto;display:grid;place-items:center;background:#eae9e3;border-radius:14px;padding:12px;overscroll-behavior:contain}
.pd-capture-stage img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;min-height:0}
.pd-capture-stage.pd-zoomed{display:block}
.pd-capture-stage.pd-zoomed img{max-width:none;max-height:none;width:auto;height:auto}
.pd-capture-metadata{display:flex;flex-direction:column;gap:4px;flex:none;font-size:12px;line-height:1.4}
.pd-capture-metadata span{color:var(--pd-muted);font-size:11px}
.pd-capture-failed{padding:16px;font-size:12px;color:var(--pd-muted)}
html[data-theme=dark] .pd-gallery{--pd-ink:#eeeeea;--pd-muted:#aaaca5;--pd-paper:#222420;--pd-line:#40423b;background:#191b17}
html[data-theme=dark] .pd-capture-image,html[data-theme=dark] .pd-capture-stage{background:#30332b}
@media(max-width:720px){
  .pd-gallery{width:100vw;height:100dvh;border-radius:0;padding:16px;gap:10px}
  .pd-gallery-head h2{font-size:21px}.pd-gallery-description{font-size:11px}
  .pd-capture-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .pd-capture-image{height:235px}.pd-capture-image img{max-height:235px}
  .pd-capture-info{font-size:10px;padding:9px 0 0}.pd-capture-info strong{font-size:12px}
  .pd-gallery-controls{max-height:24dvh}.pd-gallery-controls label{flex-basis:120px}
  .pd-gallery-toolbar{gap:6px}.pd-gallery-toolbar a{font-size:11px}
  .pd-gallery-toolbar>div{margin-left:0}.pd-gallery-note{font-size:11px}
  .pd-gallery-foot{font-size:9px}.pd-capture-stage{padding:6px}
}

/* Annual price framing controls share the existing Staffboard hierarchy. */
.pd-pricing{margin:28px 0;padding:24px;background:var(--pd-paper);border:1px solid var(--pd-line);border-radius:20px}
.pd-pricing header{display:flex;gap:16px;align-items:flex-start;flex-wrap:wrap}.pd-pricing header>div{flex:1;min-width:240px}.pd-pricing h4{font-size:20px;margin:0 0 8px}.pd-pricing p{font-size:13px;line-height:1.5;color:var(--pd-muted);margin:4px 0 12px}.pd-pricing header>label{display:flex;flex-direction:column;gap:6px;font-size:12px}
.pd-pricing-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:20px 0}.pd-pricing-options article{min-width:0;padding:16px;background:var(--pd-bg,transparent);border:1px solid var(--pd-line);border-radius:14px}.pd-pricing h5{font-size:16px;margin:0 0 8px}.pd-pricing-options label{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:12px}.pd-pricing input{width:66px;min-height:44px;border:1px solid var(--pd-line);border-radius:8px;background:transparent;color:inherit;padding:8px}.pd-pricing select{min-height:44px;max-width:200px;border:1px solid var(--pd-line);border-radius:8px;background:transparent;color:inherit;padding:8px}
.pd-pricing-plans{display:flex;gap:24px;flex-wrap:wrap;border:0;padding:0;margin:22px 0}.pd-pricing-plans legend{font-size:14px;font-weight:600;margin-bottom:12px}.pd-pricing-plans label{display:flex;gap:12px;align-items:center;font-size:13px}.pd-pricing .pd-save-row{border-top:1px solid var(--pd-line);padding-top:16px}.pd-pricing button{min-height:44px}.pd-pricing [data-pricing-message]{max-width:560px}
@media(max-width:720px){.pd-pricing{padding:16px}.pd-pricing-options{grid-template-columns:1fr}.pd-pricing-plans{flex-direction:column;gap:12px}.pd-pricing .pd-actions{flex-wrap:wrap}.pd-pricing header>div{min-width:0;flex-basis:100%}}

.pd-verified{border-top:1px solid var(--border,#e5e7eb);padding-top:12px;margin:14px 0 8px}.pd-verified>div{display:flex;justify-content:space-between;gap:12px;padding:3px 0;font-size:12px}.pd-verified dt{color:var(--muted,#737373)}.pd-verified dd{margin:0;font-variant-numeric:tabular-nums;font-weight:600}

.pd-price-previews{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.pd-price-previews button{font:inherit;font-size:12px;min-height:44px;border:1px solid var(--border,#dce0d5);border-radius:9px;background:transparent;color:inherit;padding:8px 12px;cursor:pointer}.pd-price-previews button:focus-visible{outline:2px solid #7d944c;outline-offset:3px}