/* Structural themes for collection browsing, commerce and review. The original
   four palettes intentionally match none of these selectors. Image geometry,
   visibility states, review positioning and semantic status colours stay owned
   by their existing components. No font download or animated surface is needed. */

/* WORKSPACE: compact, aligned panels with an explicit toolbar hierarchy. */
html[data-ui-theme="studio"] :is(.ui-mine,.ui-shop) .wrap { max-width:1240px; padding-top:20px; }
html[data-ui-theme="studio"] :is(.ui-mine,.ui-shop) .cards { grid-template-columns:repeat(auto-fill,minmax(260px,1fr)); gap:12px; }
html[data-ui-theme="studio"] :is(.ui-mine,.ui-shop) .ccard { padding:18px; border-radius:7px; box-shadow:none; }
html[data-ui-theme="studio"] :is(.ui-mine,.ui-shop) .ccard .t { font-size:16px; font-weight:700; margin-bottom:7px; }
html[data-ui-theme="studio"] :is(.ui-mine,.ui-shop) .ccard:hover { transform:none; box-shadow:inset 0 0 0 1px var(--ap-line-strong); }
html[data-ui-theme="studio"] :is(.ui-mine,.ui-shop) .ccard.sel { box-shadow:inset 3px 0 var(--ui-primary); }
html[data-ui-theme="studio"] :is(.ui-mine,.ui-shop) .daybar { border-radius:7px; padding:12px; margin-bottom:12px; gap:8px; }
html[data-ui-theme="studio"] .ui-mine :is(.cardbar,.backbar.on) { border-radius:7px; }
html[data-ui-theme="studio"] .ui-mine .ccard .cacts { padding-top:12px; border-top:1px solid var(--ui-line); margin-top:12px; }
html[data-ui-theme="studio"] .ui-mine :is(.dbtn,.sbtn,.go,.cpbtn,.backbar button,.daybar input),
html[data-ui-theme="studio"] .ui-shop :is(.chip,.daypick,.kwbox,.veropt,.pbtn,.bar-go,.bar-all,.backlink) { border-radius:5px; }
html[data-ui-theme="studio"] .ui-mine > header { min-height:60px; padding-inline:max(20px,calc((100vw - 1200px)/2)); }
html[data-ui-theme="studio"] .ui-shop .hero { padding-block:20px; background:var(--ap-chrome); border-bottom:3px solid var(--ui-primary); }
html[data-ui-theme="studio"] .ui-shop .hero-in { max-width:1200px; }
html[data-ui-theme="studio"] .ui-shop .hero h1 { font-size:24px; }
html[data-ui-theme="studio"] .ui-shop .versel { gap:5px; padding-top:10px; }
html[data-ui-theme="studio"] .ui-shop .bar { border-top-width:2px; box-shadow:none; }
html[data-ui-theme="studio"] .ui-shop :is(.psec,.sp-panel,.sp-order,.promo-intro,.sp-hero) { border-radius:7px; box-shadow:none; }
html[data-ui-theme="studio"] .ui-gallery > header { padding-block:12px; background:var(--ap-chrome); backdrop-filter:none; box-shadow:none; }
html[data-ui-theme="studio"] .ui-gallery > header h1 { font-size:20px; }
html[data-ui-theme="studio"] .ui-gallery > header .logo { border-radius:6px; }
html[data-ui-theme="studio"] .ui-gallery :is(.tools button,.tools a,.dfbtn,.selbtn,.review-scope,.textcard) { border-radius:6px; }
html[data-ui-theme="studio"] .ui-gallery .list { padding-top:16px; }
html[data-ui-theme="studio"] .ui-gallery.cols3 .list { gap:12px; }
html[data-ui-theme="studio"] .ui-gallery .list figure { border-radius:6px; margin-bottom:12px; }
html[data-ui-theme="studio"] .ui-gallery .list img { border-radius:5px; }
html[data-ui-theme="studio"] .ui-gallery :is(.fncap,.imgops) { border-radius:0 0 5px 5px; }
html[data-ui-theme="studio"] .ui-gallery .textcard { padding:14px 16px; border-left:4px solid var(--ui-primary); background:var(--ui-surface); }
html[data-ui-theme="studio"] .ui-gallery .textcard .tctag { background:var(--ui-soft); color:var(--ui-primary); }
html[data-ui-theme="studio"] .ui-review-upgraded :is(.workspace-head,.image-card,.selection) { border-radius:7px; box-shadow:none; }
html[data-ui-theme="studio"] .ui-review-upgraded .workspace-head { background:var(--ui-surface); border-left:4px solid var(--ui-primary); }
html[data-ui-theme="studio"] .ui-review-upgraded .topbar { background:var(--ap-chrome); backdrop-filter:none; border-bottom:2px solid var(--ui-line); }
html[data-ui-theme="studio"] .ui-review-upgraded :is(.filter,.metric,.card-quick-actions button,.bottom-actions button) { border-radius:5px; }
html[data-ui-theme="studio"] .ui-review-upgraded .metric { padding:7px 10px; }
html[data-ui-theme="studio"] .ui-review-upgraded .image-list { gap:12px; }
html[data-ui-theme="studio"] .ui-review-upgraded .card-head { padding:10px 12px; }
html[data-ui-theme="studio"] .ui-mall :is(.hero-box,.coupon,.sk-card,.sk-item,.pcard,.rev) { border-radius:7px; box-shadow:none; border:1px solid var(--ui-line); }
html[data-ui-theme="studio"] .ui-mall .hero-box { height:240px; }
html[data-ui-theme="studio"] .ui-mall .grid { gap:12px; grid-template-columns:repeat(auto-fill,minmax(215px,1fr)); }
html[data-ui-theme="studio"] .ui-mall :is(.chip,.gtab,.sortsel,.search,.padd) { border-radius:5px; }
html[data-ui-theme="studio"] .ui-mall .pcard:hover { transform:none; border-color:var(--ui-primary); }

/* EDITORIAL: a masthead, horizontal collection entries, generous reading space
   and rules instead of an array of floating rounded tiles. */
html[data-ui-theme="editorial"] :is(.ui-mine,.ui-shop) .wrap { max-width:1120px; padding-top:30px; }
html[data-ui-theme="editorial"] .ui-mine > header { padding-block:22px; border-bottom:2px solid var(--ui-ink); background:var(--ap-chrome); }
html[data-ui-theme="editorial"] .ui-mine > header h1 { font-size:28px; font-weight:750; letter-spacing:-.04em; }
html[data-ui-theme="editorial"] .ui-mine > header .logo { border-radius:0; background:transparent; }
html[data-ui-theme="editorial"] :is(.ui-mine,.ui-shop) .cards { grid-template-columns:minmax(0,1fr); gap:0; border-top:2px solid var(--ui-ink); }
html[data-ui-theme="editorial"] :is(.ui-mine,.ui-shop) .ccard { border:0; border-bottom:1px solid var(--ap-line-strong); border-radius:0; background:transparent; padding:24px 18px; box-shadow:none; }
html[data-ui-theme="editorial"] :is(.ui-mine,.ui-shop) .ccard:hover { transform:none; box-shadow:none; background:var(--ap-hover); }
html[data-ui-theme="editorial"] :is(.ui-mine,.ui-shop) .ccard.sel { background:var(--ui-soft); box-shadow:inset 4px 0 var(--ui-primary); }
html[data-ui-theme="editorial"] :is(.ui-mine,.ui-shop) .ccard .t { font-size:22px; font-weight:700; line-height:1.45; min-height:0; margin-bottom:10px; letter-spacing:-.025em; }
html[data-ui-theme="editorial"] .ui-mine .ccard .cacts { margin-top:12px; }
html[data-ui-theme="editorial"] :is(.ui-mine,.ui-shop) .daybar { border:0; border-bottom:1px solid var(--ui-line); border-radius:0; padding:0 0 18px; background:transparent; }
html[data-ui-theme="editorial"] .ui-mine :is(.backbar.on,.cardbar) { border-radius:0; border-width:1px 0; background:var(--ap-chrome); }
html[data-ui-theme="editorial"] .ui-mine :is(.go,.cpbtn,.dbtn,.sbtn,.daybar input,.backbar button),
html[data-ui-theme="editorial"] .ui-shop :is(.daypick,.kwbox,.backlink,.bar-go,.bar-all,.pbtn,.veropt) { border-radius:3px; }
html[data-ui-theme="editorial"] .ui-shop .hero { background:var(--ap-chrome); border-bottom:2px solid var(--ui-ink); padding-block:32px; }
html[data-ui-theme="editorial"] .ui-shop .hero h1 { font-size:36px; font-weight:750; letter-spacing:-.04em; }
html[data-ui-theme="editorial"] .ui-shop .hero .sub { font-size:13px; letter-spacing:0; margin-top:10px; }
html[data-ui-theme="editorial"] .ui-shop .catbar { padding-bottom:12px; gap:8px; }
html[data-ui-theme="editorial"] .ui-shop :is(.daybar,.catbar) .chip { border-radius:0; border-width:0 0 2px; background:transparent; }
html[data-ui-theme="editorial"] .ui-shop :is(.daybar,.catbar) .chip.on { color:var(--ui-primary); border-color:var(--ui-primary); background:var(--ui-soft); }
html[data-ui-theme="editorial"] .ui-shop .ccard .ribbon { left:8px; top:8px; border-radius:3px; box-shadow:none; }
html[data-ui-theme="editorial"] .ui-shop .ccard.old .t { padding-left:0; padding-top:22px; }
html[data-ui-theme="editorial"] .ui-shop .bar { border-top:2px solid var(--ui-ink); box-shadow:none; }
html[data-ui-theme="editorial"] .ui-shop :is(.psec,.sp-panel,.sp-order,.promo-intro,.sp-hero) { border-radius:3px; box-shadow:none; }
html[data-ui-theme="editorial"] .ui-gallery > header { padding-block:24px; background:var(--ap-chrome); border-bottom:2px solid var(--ui-ink); backdrop-filter:none; box-shadow:none; }
html[data-ui-theme="editorial"] .ui-gallery > header h1 { font-size:32px; font-weight:750; line-height:1.25; letter-spacing:-.04em; }
html[data-ui-theme="editorial"] .ui-gallery > header .logo { border-radius:0; border:0; background:transparent; }
html[data-ui-theme="editorial"] .ui-gallery .tools { padding-left:20px; border-left:1px solid var(--ap-line-strong); }
html[data-ui-theme="editorial"] .ui-gallery :is(.tools button,.tools a,.dfbtn,.selbtn) { border-radius:3px; box-shadow:none; }
html[data-ui-theme="editorial"] .ui-gallery .list { padding-top:30px; }
html[data-ui-theme="editorial"] .ui-gallery .list figure { border-radius:0; border-width:0 0 1px; margin-bottom:28px; box-shadow:none; }
html[data-ui-theme="editorial"] .ui-gallery .list img { border-radius:0; }
html[data-ui-theme="editorial"] .ui-gallery :is(.fncap,.imgops) { border-radius:0; padding-block:12px; }
html[data-ui-theme="editorial"] .ui-gallery .textcard { border-radius:0; border:0; border-block:2px solid var(--ap-line-strong); padding:24px 20px; margin-bottom:28px; background:var(--ap-chrome); box-shadow:none; }
html[data-ui-theme="editorial"] .ui-gallery .textcard .tcbody { font-size:16px; line-height:1.9; }
html[data-ui-theme="editorial"] .ui-gallery .textcard .tctag { border-radius:0; background:transparent; color:var(--ui-primary); padding-inline:0; font-weight:750; }
html[data-ui-theme="editorial"] .ui-gallery .review-scope { border-radius:0; border-width:1px 0; background:var(--ap-chrome); }
html[data-ui-theme="editorial"] .ui-review-upgraded .topbar { background:var(--ap-chrome); border-bottom:2px solid var(--ui-ink); backdrop-filter:none; }
html[data-ui-theme="editorial"] .ui-review-upgraded .top-title h1 { letter-spacing:-.03em; font-weight:750; }
html[data-ui-theme="editorial"] .ui-review-upgraded .workspace-head { border-radius:0; border-width:0 0 1px; background:transparent; box-shadow:none; padding-block:18px; }
html[data-ui-theme="editorial"] .ui-review-upgraded .metric { background:transparent; border-width:0 0 2px; border-radius:0; }
html[data-ui-theme="editorial"] .ui-review-upgraded .filter { border-radius:0; border-width:0 0 2px; }
html[data-ui-theme="editorial"] .ui-review-upgraded .image-card { border-radius:0; box-shadow:none; }
html[data-ui-theme="editorial"] .ui-review-upgraded .image-list { gap:28px; }
html[data-ui-theme="editorial"] .ui-review-upgraded .card-head { padding:18px; }
html[data-ui-theme="editorial"] .ui-review-upgraded .bottom-bar { border-top:2px solid var(--ui-ink); box-shadow:none; }
html[data-ui-theme="editorial"] .ui-review-upgraded :is(.card-quick-actions button,.bottom-actions button) { border-radius:3px; }
html[data-ui-theme="editorial"] .ui-mall .logo { font-size:27px; letter-spacing:-1px; }
html[data-ui-theme="editorial"] .ui-mall .topbar { border-bottom:2px solid var(--ui-ink); box-shadow:none; backdrop-filter:none; }
html[data-ui-theme="editorial"] .ui-mall :is(.hero-box,.coupon,.sk-card,.sk-item,.rev) { border-radius:0; box-shadow:none; }
html[data-ui-theme="editorial"] .ui-mall .hero-box { height:320px; }
html[data-ui-theme="editorial"] .ui-mall .slide-txt h2 { font-size:38px; letter-spacing:-.04em; }
html[data-ui-theme="editorial"] .ui-mall .sec-title { font-size:28px; padding-bottom:14px; border-bottom:2px solid var(--ui-ink); letter-spacing:-.03em; }
html[data-ui-theme="editorial"] .ui-mall .grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:30px 24px; }
html[data-ui-theme="editorial"] .ui-mall .pcard { border-radius:0; border-bottom:1px solid var(--ui-line); box-shadow:none; background:transparent; }
html[data-ui-theme="editorial"] .ui-mall .pcard:hover { transform:none; box-shadow:none; }
html[data-ui-theme="editorial"] .ui-mall .pbody { padding:16px 0; }
html[data-ui-theme="editorial"] .ui-mall .pname { font-size:17px; }
html[data-ui-theme="editorial"] .ui-mall :is(.search,.chip,.gtab,.sortsel,.padd) { border-radius:3px; }

/* POSTER: a strong masthead and tactile, ticket-like cards. These shadows are
   small static offsets, never blurred layers or animation on scroll. */
html[data-ui-theme="poster"] :is(.ui-mine,.ui-shop) .wrap { max-width:1200px; padding-top:28px; }
html[data-ui-theme="poster"] :is(.ui-mine,.ui-shop) .cards { grid-template-columns:repeat(auto-fill,minmax(310px,1fr)); gap:24px; }
html[data-ui-theme="poster"] :is(.ui-mine,.ui-shop) .ccard { padding:24px; border:2px solid var(--ui-ink); border-radius:20px; box-shadow:5px 5px 0 var(--ui-ink); }
html[data-ui-theme="poster"] :is(.ui-mine,.ui-shop) .ccard:hover { transform:none; border-color:var(--ui-ink); box-shadow:5px 5px 0 var(--ui-primary); }
html[data-ui-theme="poster"] :is(.ui-mine,.ui-shop) .ccard.sel { border-color:var(--ui-primary); box-shadow:5px 5px 0 var(--ui-primary); }
html[data-ui-theme="poster"] :is(.ui-mine,.ui-shop) .ccard .t { font-size:24px; font-weight:800; letter-spacing:-.035em; line-height:1.35; min-height:0; padding-right:28px; }
html[data-ui-theme="poster"] .ui-mine > header { padding-block:18px; border-bottom:2px solid var(--ui-ink); background:var(--ui-soft); }
html[data-ui-theme="poster"] .ui-mine > header h1 { font-size:27px; font-weight:800; letter-spacing:-.035em; }
html[data-ui-theme="poster"] .ui-mine > header .logo { border:2px solid var(--ui-ink); border-radius:10px; background:var(--ui-surface); }
html[data-ui-theme="poster"] .ui-mine .ccard .cacts { margin-top:22px; border-top:2px dashed var(--ui-line); padding-top:16px; }
html[data-ui-theme="poster"] :is(.ui-mine,.ui-shop) .daybar { border:2px solid var(--ui-ink); border-radius:16px; box-shadow:3px 3px 0 var(--ap-line-strong); }
html[data-ui-theme="poster"] .ui-mine :is(.go,.cpbtn,.dbtn,.sbtn,.backbar button),
html[data-ui-theme="poster"] .ui-shop :is(.pbtn,.chip,.backlink,.bar-all,.bar-go) { border-radius:999px; font-weight:750; }
html[data-ui-theme="poster"] .ui-mine .backbar.on { border:2px solid var(--ui-ink); border-radius:16px; }
html[data-ui-theme="poster"] .ui-shop .hero { padding-block:34px; border-bottom:2px solid var(--ui-ink); }
html[data-ui-theme="poster"] .ui-shop .hero-in { max-width:1160px; }
html[data-ui-theme="poster"] .ui-shop .hero h1 { font-size:40px; line-height:1.15; font-weight:800; letter-spacing:-.045em; }
html[data-ui-theme="poster"] .ui-shop .hero .sub { margin-top:14px; font-size:13px; letter-spacing:0; }
html[data-ui-theme="poster"] .ui-shop .pts-badge { border:2px solid var(--ui-ink); box-shadow:3px 3px 0 var(--ui-ink); background:var(--ui-surface); }
html[data-ui-theme="poster"] .ui-shop .versel { border-top:2px dashed var(--ui-line); margin-top:20px; padding-top:16px; }
html[data-ui-theme="poster"] .ui-shop .veropt { border-radius:10px; border-width:2px; }
html[data-ui-theme="poster"] .ui-shop .ccard .cbadge { border-radius:999px; padding-inline:9px; }
html[data-ui-theme="poster"] .ui-shop .ccard .ribbon { left:12px; top:-12px; border:2px solid var(--ui-ink); box-shadow:none; }
html[data-ui-theme="poster"] .ui-shop .ccard.old .t { padding-left:0; padding-top:8px; }
html[data-ui-theme="poster"] .ui-shop .bar { border-top:2px solid var(--ui-ink); box-shadow:none; }
html[data-ui-theme="poster"] .ui-shop :is(.psec,.sp-panel,.sp-order,.promo-intro,.sp-hero) { border-radius:16px; border:2px solid var(--ui-ink); box-shadow:none; }
html[data-ui-theme="poster"] .ui-gallery > header { padding-block:22px; background:var(--ui-soft); border-bottom:2px solid var(--ui-ink); backdrop-filter:none; box-shadow:none; }
html[data-ui-theme="poster"] .ui-gallery > header h1 { font-size:34px; font-weight:800; letter-spacing:-.04em; line-height:1.2; }
html[data-ui-theme="poster"] .ui-gallery > header .logo { border:2px solid var(--ui-ink); border-radius:12px; background:var(--ui-surface); }
html[data-ui-theme="poster"] .ui-gallery :is(.tools a,.tools button,.dfbtn,.selbtn) { border-radius:999px; border-width:2px; box-shadow:none; font-weight:750; }
html[data-ui-theme="poster"] .ui-gallery .list { padding-top:28px; }
html[data-ui-theme="poster"] .ui-gallery.cols3 .list { gap:24px; }
html[data-ui-theme="poster"] .ui-gallery .list figure { border-width:2px; border-radius:18px; margin-bottom:24px; }
html[data-ui-theme="poster"] .ui-gallery .list figure:not(.hl):not(.review-hl):not(.diff-hl) { border-color:var(--ui-ink); box-shadow:4px 4px 0 var(--ui-ink); }
html[data-ui-theme="poster"] .ui-gallery .list img { border-radius:16px; }
html[data-ui-theme="poster"] .ui-gallery :is(.fncap,.imgops) { border-radius:0 0 16px 16px; border-top-style:dashed; }
html[data-ui-theme="poster"] .ui-gallery .textcard { padding:24px; border:2px solid var(--ui-ink); border-radius:18px; box-shadow:4px 4px 0 var(--ui-ink); background:var(--ui-soft); }
html[data-ui-theme="poster"] .ui-gallery .textcard .tctag { border-radius:999px; border:1px solid var(--ui-primary); background:var(--ui-surface); color:var(--ui-primary); padding:4px 10px; }
html[data-ui-theme="poster"] .ui-gallery .textcard .tcbody { font-size:15px; font-weight:550; }
html[data-ui-theme="poster"] .ui-gallery .review-scope { border:2px solid var(--ui-ink); border-radius:14px; }
html[data-ui-theme="poster"] .ui-review-upgraded .topbar { background:var(--ui-soft); border-bottom:2px solid var(--ui-ink); backdrop-filter:none; }
html[data-ui-theme="poster"] .ui-review-upgraded .top-title h1 { font-weight:800; letter-spacing:-.035em; }
html[data-ui-theme="poster"] .ui-review-upgraded .workspace-head { border:2px solid var(--ui-ink); border-radius:16px; background:var(--ui-surface); box-shadow:4px 4px 0 var(--ui-ink); margin-bottom:6px; }
html[data-ui-theme="poster"] .ui-review-upgraded .metric { border-radius:10px; border-width:2px; }
html[data-ui-theme="poster"] .ui-review-upgraded .filter { border-radius:999px; border-width:2px; }
html[data-ui-theme="poster"] .ui-review-upgraded .image-card { border-width:2px; border-radius:16px; }
html[data-ui-theme="poster"] .ui-review-upgraded .image-list { gap:24px; }
html[data-ui-theme="poster"] .ui-review-upgraded .card-head { padding:16px; }
html[data-ui-theme="poster"] .ui-review-upgraded .card-quick-actions { border-bottom:2px dashed var(--ui-line); }
html[data-ui-theme="poster"] .ui-review-upgraded :is(.card-quick-actions button,.bottom-actions button) { border-radius:999px; font-weight:750; }
html[data-ui-theme="poster"] .ui-review-upgraded .bottom-bar { border-top:2px solid var(--ui-ink); box-shadow:none; }
html[data-ui-theme="poster"] .ui-mall .topbar { border-bottom:2px solid var(--ui-ink); box-shadow:none; backdrop-filter:none; }
html[data-ui-theme="poster"] .ui-mall .logo { font-size:26px; letter-spacing:-1px; font-weight:800; }
html[data-ui-theme="poster"] .ui-mall :is(.hero-box,.coupon,.sk-card,.pcard,.rev) { border:2px solid var(--ui-ink); box-shadow:4px 4px 0 var(--ui-ink); }
html[data-ui-theme="poster"] .ui-mall .slide-txt h2 { font-size:38px; font-weight:800; letter-spacing:-.035em; }
html[data-ui-theme="poster"] .ui-mall .coupon { border-style:dashed; }
html[data-ui-theme="poster"] .ui-mall .grid { grid-template-columns:repeat(auto-fill,minmax(260px,1fr)); gap:24px; }
html[data-ui-theme="poster"] .ui-mall .sec-title { font-size:30px; font-weight:800; letter-spacing:-.035em; }
html[data-ui-theme="poster"] .ui-mall .pcard:hover { transform:none; box-shadow:4px 4px 0 var(--ui-primary); }
html[data-ui-theme="poster"] .ui-mall .pbody { border-top:2px dashed var(--ui-line); padding:18px; }
html[data-ui-theme="poster"] .ui-mall .pname { font-size:18px; font-weight:750; }

/* Horizontal entries on large screens; the same DOM and tab order are retained. */
@media (min-width:900px) {
  html[data-ui-theme="editorial"] .ui-mine .ccard { display:grid; grid-template-columns:minmax(0,1fr) auto; column-gap:32px; align-items:center; padding-right:58px; }
  html[data-ui-theme="editorial"] .ui-mine .ccard .t { grid-column:1; grid-row:1; padding-right:0; }
  html[data-ui-theme="editorial"] .ui-mine .ccard .m { grid-column:1; grid-row:2; }
  html[data-ui-theme="editorial"] .ui-mine .ccard .cacts { grid-column:2; grid-row:1 / span 2; margin:0; }
  html[data-ui-theme="editorial"] .ui-shop .ccard { display:grid; grid-template-columns:minmax(0,1fr) 280px; gap:8px 30px; padding-right:58px; align-items:start; }
  html[data-ui-theme="editorial"] .ui-shop .ccard > :is(.t,.m,.note,.oldbadge) { grid-column:1; margin:0; }
  html[data-ui-theme="editorial"] .ui-shop .ccard .versel { grid-column:2; grid-row:1 / span 4; margin:0; padding:0; align-self:center; }
  html[data-ui-theme="editorial"] .ui-shop .ccard .oldbadge { justify-self:start; }
  html[data-ui-theme="editorial"] .ui-gallery:not(.cols3) .list { max-width:940px; }
  html[data-ui-theme="editorial"] .ui-gallery:not(.cols3) .review-scope { max-width:904px; }
}

@media (max-width:760px) {
  html[data-ui-theme="studio"] :is(.ui-mine,.ui-shop) .cards,
  html[data-ui-theme="poster"] :is(.ui-mine,.ui-shop) .cards { grid-template-columns:minmax(0,1fr); }
  html[data-ui-theme="studio"] :is(.ui-mine,.ui-shop) .wrap { padding-top:14px; }
  html[data-ui-theme="studio"] :is(.ui-mine,.ui-shop) .ccard { padding:16px; }
  html[data-ui-theme="editorial"] :is(.ui-mine,.ui-shop) .wrap { padding-top:20px; }
  html[data-ui-theme="editorial"] :is(.ui-mine,.ui-shop) .ccard { padding:22px 12px; }
  html[data-ui-theme="editorial"] :is(.ui-mine,.ui-shop) .ccard .t { font-size:20px; }
  html[data-ui-theme="poster"] :is(.ui-mine,.ui-shop) .wrap { padding:20px 16px 140px 12px; }
  html[data-ui-theme="poster"] :is(.ui-mine,.ui-shop) .cards { gap:22px; }
  html[data-ui-theme="poster"] :is(.ui-mine,.ui-shop) .ccard { padding:20px 18px; box-shadow:4px 4px 0 var(--ui-ink); }
  html[data-ui-theme="poster"] :is(.ui-mine,.ui-shop) .ccard .t { font-size:22px; }
  html[data-ui-theme="studio"] .ui-mine > header,
  html[data-ui-theme="editorial"] .ui-mine > header,
  html[data-ui-theme="poster"] .ui-mine > header { padding:12px; }
  html[data-ui-theme="editorial"] .ui-mine > header h1,
  html[data-ui-theme="poster"] .ui-mine > header h1 { font-size:22px; }
  html[data-ui-theme="editorial"] .ui-shop .hero,
  html[data-ui-theme="poster"] .ui-shop .hero { padding:24px 14px; }
  html[data-ui-theme="editorial"] .ui-shop .hero h1 { font-size:30px; }
  html[data-ui-theme="poster"] .ui-shop .hero h1 { font-size:34px; }
  html[data-ui-theme="editorial"] .ui-gallery > header,
  html[data-ui-theme="poster"] .ui-gallery > header { padding:16px 12px 12px; }
  html[data-ui-theme="editorial"] .ui-gallery > header h1,
  html[data-ui-theme="poster"] .ui-gallery > header h1 { font-size:24px; }
  html[data-ui-theme="editorial"] .ui-gallery .tools { padding:10px 0 0; border-left:0; border-top:1px solid var(--ui-line); }
  html[data-ui-theme="editorial"] .ui-gallery .list { padding-top:20px; }
  html[data-ui-theme="poster"] .ui-gallery .list { padding-top:20px; padding-right:16px; padding-left:12px; }
  html[data-ui-theme="editorial"] .ui-gallery .textcard,
  html[data-ui-theme="poster"] .ui-gallery .textcard { padding:18px 14px; }
  html[data-ui-theme="editorial"] .ui-review-upgraded .card-head,
  html[data-ui-theme="poster"] .ui-review-upgraded .card-head { padding:12px; }
  html[data-ui-theme="poster"] .ui-review-upgraded .workspace-head { padding:12px 10px; }
  html[data-ui-theme="studio"] .ui-mall .hero-box,
  html[data-ui-theme="editorial"] .ui-mall .hero-box { height:210px; }
  html[data-ui-theme="editorial"] .ui-mall .slide-txt h2,
  html[data-ui-theme="poster"] .ui-mall .slide-txt h2 { font-size:25px; }
  html[data-ui-theme="editorial"] .ui-mall .grid,
  html[data-ui-theme="poster"] .ui-mall .grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px 12px; }
  html[data-ui-theme="studio"] .ui-mall .grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
  html[data-ui-theme="editorial"] .ui-mall .sec-title,
  html[data-ui-theme="poster"] .ui-mall .sec-title { font-size:25px; }
  html[data-ui-theme="editorial"] .ui-mall .pname,
  html[data-ui-theme="poster"] .ui-mall .pname { font-size:15px; }
  html[data-ui-theme="poster"] .ui-mall .pbody { padding:12px 10px; }
}

@media (max-width:380px) {
  html[data-ui-theme="editorial"] .ui-mine > header h1,
  html[data-ui-theme="poster"] .ui-mine > header h1 { flex-basis:calc(100% - 48px); }
  html[data-ui-theme="poster"] :is(.ui-mine,.ui-shop) .ccard .t { font-size:20px; }
  html[data-ui-theme="editorial"] .ui-shop .hero h1 { font-size:27px; }
  html[data-ui-theme="poster"] .ui-shop .hero h1 { font-size:30px; }
  html[data-ui-theme="editorial"] .ui-gallery > header h1,
  html[data-ui-theme="poster"] .ui-gallery > header h1 { font-size:22px; }
  html[data-ui-theme="editorial"] .ui-mall .logo,
  html[data-ui-theme="poster"] .ui-mall .logo { font-size:22px; }
  html[data-ui-theme="poster"] .ui-mall .grid { grid-template-columns:minmax(0,1fr); gap:20px; }
}