/* Plan v2.2 / PR-02: the approved editorial composition, over the existing app.
   Homepage only. No changes to generation, authorization, pricing or privacy. */
body.pm-home{--home-clay:#bf5935;--home-ink:#20241e;--home-line:rgba(25,27,31,.12);background:#f7f5ef}
.pm-home .container{max-width:1440px}
.pm-home #try{padding:36px 0 60px!important;scroll-margin-top:85px}
.pm-home #try::before{display:none}
.pm-home .pm-home-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:46px;align-items:start}
.pm-home .pm-home-copy{padding:60px 6px 34px 0;position:sticky;top:120px;min-width:0}
.pm-home .pm-home-copy h1{font-size:clamp(62px,7.2vw,110px)!important;line-height:.91!important;font-weight:500;letter-spacing:-.065em!important;margin:22px 0 28px}
.pm-home .pm-home-copy h1 em{color:var(--home-clay)!important}
.pm-home #try-lede{font-size:19px;line-height:1.6!important;max-width:520px;margin-bottom:26px}
.pm-home .pm-home-note{display:flex;align-items:center;gap:10px;margin:20px 0;color:#62685c;font-size:12px;line-height:1.6}
.pm-home .pm-home-note::before{content:'';width:26px;height:1px;background:currentColor}
.pm-home .pm-creator{font-size:12px;color:#58604f;display:inline-block;margin-top:20px;text-decoration:none}
.pm-home .pm-creator:hover{text-decoration:underline}
.pm-home .pm-create-visual{min-width:0;border-radius:30px;background:#ece7de;position:relative;border:1px solid var(--home-line);overflow:hidden;box-shadow:0 24px 60px #252b201a}
.pm-home .pm-create-visual>picture{display:block;height:390px;overflow:hidden}
.pm-home .pm-create-visual>picture img{width:100%;height:100%;object-fit:cover;object-position:center 42%;display:block}
.pm-home .pm-composer{position:relative;margin:-76px 18px 18px;padding:18px;border-radius:22px;background:rgba(255,253,248,.97);border:1px solid #fff;box-shadow:0 14px 30px #1b201519}
.pm-home .pm-composer .try-mode-tabs{margin:0 0 14px;width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:4px!important;box-shadow:none!important}
.pm-home .pm-composer .try-mode-tab{padding:9px!important;min-height:44px;display:flex;gap:8px;justify-content:center;align-items:center;font-size:13px}
.pm-home .pm-composer .tab-sub{display:none}
.pm-home .pm-composer .tab-emoji{font-size:16px}
.pm-home .pm-composer .tab-emoji svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.6}
.pm-home .pm-composer .try-mode-tab.active{background:var(--home-ink)!important;color:white!important;box-shadow:none!important}
.pm-home .pm-composer .try-mode-tab.active .tab-label{color:white}
.pm-home .pm-composer .try-prompt-panel{margin:0;padding:0;max-width:none}
.pm-home .pm-composer .prompt-textarea{width:100%;min-height:110px;font-size:15px;line-height:1.5;padding:14px}
.pm-home .pm-composer .prompt-generate-btn{width:100%;min-height:48px;border-radius:13px!important;background:var(--home-clay)!important;color:white!important;box-shadow:none!important;margin-top:12px}
.pm-home .pm-composer .prompt-hint{font-family:var(--sans);letter-spacing:0;font-size:11px;line-height:1.5;color:#5e6358;margin-top:12px;text-align:left}
.pm-home .pm-composer .prompt-examples{gap:6px;flex-wrap:wrap;display:flex;margin-top:10px}
.pm-home .pm-composer .prompt-example{font-size:12px;padding:6px 8px;cursor:pointer}
.pm-home .pm-composer .pm-more{margin-top:10px;font-size:12px;border-bottom:1px solid var(--home-line);padding-bottom:10px}
.pm-home .pm-more>summary{cursor:pointer;min-height:30px;display:flex;align-items:center;gap:6px;color:#4d5545}
.pm-home .pm-more>summary::before{content:'+';font-size:17px}.pm-home .pm-more[open]>summary::before{content:'−'}
.pm-home .pm-more .prompt-style-row{margin:8px 0 0;gap:5px;flex-wrap:wrap}
.pm-home #sketch-panel{grid-template-columns:minmax(0,1fr);gap:0;margin:0}
.pm-home .pm-composer .drop-zone{min-height:142px;padding:18px;line-height:1.5}
.pm-home .pm-composer .try-quote-aside{display:none}
.pm-home .pm-composer .refs-block{padding:12px 0;border-radius:0;box-shadow:none}
.pm-home .pm-composer #try-demos{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.pm-home .pm-composer .engine-pills{flex-wrap:wrap}
.pm-home .pm-create-visual .pm-art-credit{display:block;color:#646a60;font-size:10px;line-height:1.4;padding:0 22px 15px}
.pm-home #workspace-banner{grid-column:1/-1;margin-bottom:14px}
.pm-home #pm-inspiration{background:linear-gradient(180deg,#eef1e9,#f9f8f4);padding:80px 0;scroll-margin-top:85px}
.pm-home .pm-inspiration-head{display:flex;justify-content:space-between;gap:28px;align-items:end;margin-bottom:32px}
.pm-home .pm-inspiration-head h2{font-size:clamp(40px,5vw,68px);line-height:1.02;max-width:720px;font-weight:500;margin:12px 0 0}
.pm-home .pm-inspiration-head p{max-width:380px;color:#62685c;font-size:14px;line-height:1.6;margin:0}
.pm-home .pm-art-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.pm-home .pm-art-card{position:relative;display:block;border:0;padding:0;border-radius:23px;overflow:hidden;background:#d9ddd3;min-width:0;text-align:left;box-shadow:0 8px 20px #25302412;cursor:pointer;isolation:isolate}
.pm-home .pm-art-card img{display:block;width:100%;height:350px;object-fit:cover;transition:transform .35s ease}
.pm-home .pm-art-card:first-child{grid-column:span 2;grid-row:span 2}.pm-home .pm-art-card:first-child img{height:716px}
.pm-home .pm-art-card::after{content:'';position:absolute;inset:48% 0 0;background:linear-gradient(transparent,#111b13c9);pointer-events:none}
.pm-home .pm-art-card:hover img{transform:scale(1.025)}
.pm-home .pm-art-caption{position:absolute;z-index:1;left:22px;right:22px;bottom:22px;color:white;text-shadow:0 2px 8px #0005}
.pm-home .pm-art-caption small{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.11em;margin-bottom:7px}
.pm-home .pm-art-caption strong{font-family:var(--serif);font-size:27px;line-height:1.05;font-weight:500;display:block;max-width:460px}
.pm-home .pm-art-card:first-child strong{font-size:43px}
.pm-home .pm-explore-controls{display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;align-items:center;margin:26px 0 18px}
.pm-home .pm-filters{display:flex;flex-wrap:wrap;gap:7px}.pm-home .pm-filter{border:1px solid var(--home-line);background:#fff9;border-radius:999px;min-height:40px;padding:8px 13px;font-size:12px;color:#4c5543}
.pm-home .pm-filter[aria-pressed=true]{background:var(--home-ink);color:white}
.pm-home .pm-search{max-width:290px;min-width:0;border:1px solid var(--home-line);border-radius:999px!important;padding:10px 15px;font-size:13px}
.pm-home .pm-art-grid.is-filtered .pm-art-card{grid-column:auto;grid-row:auto}.pm-home .pm-art-grid.is-filtered .pm-art-card img{height:350px}
.pm-home .pm-art-card[hidden]{display:none}.pm-home .pm-empty{padding:40px;border:1px dashed var(--home-line);border-radius:20px;color:#5d6654}
.pm-home .pm-proof-note{font-size:11px;color:#666d5f;line-height:1.6;margin:20px 0 0;max-width:860px}
.pm-home .pm-own-idea{border:1px solid var(--home-ink);border-radius:999px;padding:12px 18px;color:var(--home-ink);background:transparent;font-weight:600;cursor:pointer}
.pm-home .pm-legacy-examples{margin:24px 0 0;border:1px solid var(--home-line);border-radius:16px;background:#fff7;padding:14px 18px}
.pm-home .pm-legacy-examples>summary{cursor:pointer;font-size:13px;color:#4f5946;min-height:30px;display:list-item}
.pm-home .pm-legacy-examples #examples{padding:30px 0 0}
.pm-home .pm-legacy-examples #examples>.container{padding:0}
.pm-home .pm-legacy-examples #examples .section-title{font-size:36px}
.pm-home .pm-legacy-examples #examples .examples-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.pm-home .pm-showcase-dialog{padding:0;border:1px solid #fff;border-radius:24px;width:min(1120px,calc(100vw - 32px));max-height:calc(100dvh - 32px);background:#fbfaf6;color:#20241e;box-shadow:0 32px 100px #0004}
.pm-home .pm-showcase-dialog::backdrop{background:#182014b3;backdrop-filter:blur(8px)}
.pm-home .pm-dialog-inner{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.8fr)}
.pm-home .pm-dialog-image{background:#e9e7df;min-width:0;display:grid;place-items:center;padding:14px}
.pm-home .pm-dialog-image img{width:100%;height:auto;max-height:76dvh;object-fit:contain;border-radius:14px}
.pm-home .pm-dialog-info{padding:36px 28px;display:flex;flex-direction:column;gap:18px;justify-content:center}
.pm-home .pm-dialog-info h2{font-size:36px;line-height:1.06;font-weight:500;margin:0}
.pm-home .pm-dialog-info p{font-size:13px;line-height:1.6;color:#5e6657}
.pm-home .pm-dialog-info button{min-height:44px;border-radius:12px;padding:12px 14px;border:1px solid var(--home-line);font-size:13px;cursor:pointer}
.pm-home .pm-dialog-use{background:var(--home-clay);color:white}
.pm-home .pm-dialog-close{position:absolute;top:12px;right:12px;min-width:40px;height:40px;border:1px solid var(--home-line);border-radius:50%;background:#fff;color:#20241e;cursor:pointer;z-index:3;font-size:24px}
.pm-home nav.top .inner{position:relative;display:flex!important;flex-wrap:wrap;min-height:74px;gap:18px;padding-block:10px}
.pm-home nav.top .brand{flex:0 0 auto;font-size:25px!important;margin-right:8px}
.pm-home .pm-nav-links{display:flex;gap:18px;align-items:center;flex:1;min-width:0}
.pm-home .pm-nav-links>a{font-size:13px;white-space:nowrap}
.pm-home nav.top .pm-menu-toggle{display:none;min-height:40px;min-width:44px;border:1px solid var(--home-line);border-radius:10px;background:#fff;font-size:20px}
.pm-home nav.top .lang-picker{margin-left:auto!important}.pm-home nav.top .cta{white-space:nowrap;padding:12px 17px!important}
.pm-home #pm-creator-block{padding-block:60px;display:grid;grid-template-columns:1.3fr 1fr;gap:30px;align-items:center;border-top:1px solid var(--home-line);margin-top:40px}
.pm-home #pm-creator-block h2{font-size:42px;font-weight:500;line-height:1.08;margin:8px 0 16px}.pm-home #pm-creator-block p{max-width:600px;line-height:1.6;color:#5e6657}
.pm-home #pm-creator-block a{display:inline-block;color:var(--home-ink);text-decoration:none;padding:12px 16px;border:1px solid var(--home-line);border-radius:999px;font-weight:600}
@media(max-width:1100px){.pm-home .pm-home-grid{gap:25px}.pm-home .pm-nav-links{gap:10px}.pm-home .pm-nav-links>a{font-size:12px}.pm-home .pm-art-card img{height:280px}.pm-home .pm-art-card:first-child img{height:576px}.pm-home .pm-home-copy h1{font-size:77px!important}}
@media(max-width:850px){.pm-home .pm-home-grid{grid-template-columns:minmax(0,1fr);gap:22px}.pm-home .pm-home-copy{position:static;padding:20px 0 0}.pm-home .pm-home-copy h1{font-size:76px!important;max-width:700px}.pm-home #try-lede{max-width:660px;margin-bottom:12px}.pm-home .pm-create-visual{max-width:680px;width:100%}.pm-home .pm-create-visual>picture{height:330px}.pm-home .pm-inspiration-head{display:block}.pm-home .pm-inspiration-head p{max-width:620px;margin-top:18px}.pm-home .pm-art-card:first-child img{height:500px}.pm-home .pm-art-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pm-home .pm-art-card:first-child{grid-column:1/-1;grid-row:auto}.pm-home nav.top .inner{flex-wrap:wrap;gap:10px;min-height:64px}.pm-home nav.top .pm-menu-toggle{display:block}.pm-home nav.top .pm-nav-links{display:none;order:10;flex:0 0 100%;flex-wrap:wrap;gap:8px;padding:8px 0}.pm-home nav.top.pm-menu-open .pm-nav-links{display:flex}.pm-home .pm-nav-links>a{padding:10px 12px;min-height:44px;border-radius:10px;background:#ffffff9c}.pm-home nav.top .brand{margin:0;font-size:22px!important}.pm-home nav.top .cta{margin-left:0;font-size:12px!important}.pm-home nav.top .lang-picker{margin-left:auto!important}.pm-home .pm-dialog-inner{grid-template-columns:minmax(0,1fr)}.pm-home .pm-dialog-image img{max-height:48dvh}.pm-home .pm-dialog-info{padding:22px;gap:10px}.pm-home .pm-dialog-info h2{font-size:29px}}
@media(max-width:520px){.pm-home .container{padding-inline:18px}.pm-home #try{padding:16px 0 40px!important}.pm-home .pm-home-copy h1{font-size:58px!important;line-height:.93!important;margin:18px 0 22px}.pm-home #try-lede{font-size:16px;line-height:1.5!important}.pm-home .pm-home-copy{padding-top:16px}.pm-home .pm-home-note{font-size:11px;margin:14px 0}.pm-home .pm-creator{margin-top:5px;font-size:11px}.pm-home .pm-create-visual{border-radius:25px}.pm-home .pm-create-visual>picture{height:320px}.pm-home .pm-composer{margin:-58px 9px 10px;padding:12px;border-radius:18px}.pm-home .pm-composer .prompt-textarea{font-size:14px;min-height:105px}.pm-home .pm-composer .try-mode-tab{gap:5px;font-size:12px;padding:8px 5px!important}.pm-home .pm-art-credit{font-size:9px!important}.pm-home #pm-inspiration{padding:48px 0}.pm-home .pm-inspiration-head h2{font-size:43px;line-height:1.02}.pm-home .pm-art-grid{gap:10px}.pm-home .pm-art-card{border-radius:18px}.pm-home .pm-art-card img{height:255px}.pm-home .pm-art-card:first-child img{height:420px}.pm-home .pm-art-caption{left:14px;right:14px;bottom:15px}.pm-home .pm-art-caption strong{font-size:22px}.pm-home .pm-art-card:first-child strong{font-size:34px}.pm-home .pm-art-caption small{font-size:8px;letter-spacing:.08em}.pm-home .pm-art-card:nth-child(4){grid-column:1/-1}.pm-home .pm-art-card:nth-child(4) img{height:290px}.pm-home .pm-art-grid.is-filtered .pm-art-card{grid-column:1/-1}.pm-home .pm-explore-controls{gap:14px}.pm-home .pm-filters{gap:5px}.pm-home .pm-filter{padding:8px 10px;font-size:11px}.pm-home .pm-search{max-width:none;width:100%}.pm-home .pm-proof-note{font-size:10px}.pm-home .pm-legacy-examples #examples .examples-grid{grid-template-columns:minmax(0,1fr)}.pm-home nav.top .inner{gap:7px}.pm-home nav.top .brand{font-size:20px!important}.pm-home nav.top .cta{padding:10px 11px!important}.pm-home nav.top .lang-picker .lang{padding:5px!important}.pm-home nav.top .pm-menu-toggle{min-width:40px}.pm-home #pm-creator-block{grid-template-columns:minmax(0,1fr);padding:38px 0;margin-top:24px;gap:10px}.pm-home #pm-creator-block h2{font-size:35px}}
@media(prefers-reduced-motion:reduce){.pm-home *{scroll-behavior:auto!important}.pm-home .pm-art-card img{transition:none}.pm-home .pm-art-card:hover img{transform:none}}

/* Integration refinements over the approved PR-02 composition. */
.pm-home main>section.hero,.pm-home main>.trust{display:none}
.pm-home .pm-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.pm-home .pm-search-label{flex:0 1 290px;min-width:0}.pm-home .pm-search{width:100%}
.pm-home .pm-result-count{font-size:12px;color:#52604a;min-height:18px;margin:0 0 14px}
.pm-home .pm-art-card:focus-visible,.pm-home .pm-filter:focus-visible,.pm-home button:focus-visible,.pm-home a:focus-visible,.pm-home input:focus-visible,.pm-home textarea:focus-visible,.pm-home summary:focus-visible{outline:3px solid #bc5b38;outline-offset:4px}
.pm-home .pm-art-grid.is-filtered .pm-art-card strong{font-size:27px}
.pm-home .pm-art-card.is-image-error{background:#dce0d4}.pm-home .pm-art-card.is-image-error::before{content:'↗';position:absolute;left:24px;top:24px;font-size:34px;color:#43503c}
.pm-home .pm-dialog-image img[hidden],.pm-home .pm-empty[hidden],.pm-home #pm-image-retry[hidden],.pm-home #pm-image-status[hidden]{display:none}
.pm-home .pm-dialog-image{min-height:330px;position:relative}.pm-home #pm-image-status{padding:20px;max-width:360px;line-height:1.6;text-align:center}.pm-home #pm-image-retry{padding:12px;border:1px solid var(--home-line);border-radius:12px;cursor:pointer}
.pm-home .pm-dialog-info small{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#596451}
.pm-home .pm-dialog-info #pm-dialog-disclaimer{font-size:11px;border-top:1px solid var(--home-line);padding-top:16px}
.pm-home .pm-confirm-dialog{width:min(480px,calc(100vw - 32px));border:1px solid var(--home-line);border-radius:22px;background:#fbfaf6;padding:28px;color:var(--home-ink)}
.pm-home .pm-confirm-dialog::backdrop{background:#182014aa}.pm-home .pm-confirm-dialog h2{font-size:29px;line-height:1.15;margin:0 0 14px}.pm-home .pm-confirm-dialog p{line-height:1.6;font-size:14px}.pm-home .pm-confirm-dialog>div{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.pm-home .pm-confirm-dialog button{padding:12px;min-height:44px;border:1px solid var(--home-line);border-radius:12px;background:#fff;color:var(--home-ink)}.pm-home #pm-replace-confirm{background:var(--home-ink);color:white}
.pm-home .pm-composer .prompt-generate-btn[data-empty="1"]{cursor:not-allowed}.pm-home .pm-composer .prompt-example{border:1px solid var(--home-line);border-radius:9px;background:transparent;color:#46503e;min-height:36px}
.pm-home .pm-home-copy{position:static}.pm-home .pm-art-card{color:white;text-decoration:none}
.pm-home .pm-legacy-examples{max-width:1404px}.pm-home .pm-nav-links a{color:#46503e;text-decoration:none}
.pm-home .pm-composer .try-mode-tab{min-width:0;white-space:normal}.pm-home .pm-composer .tab-label{overflow-wrap:anywhere}
@media(min-width:851px){.pm-home .pm-create-visual{animation:pm-reveal .5s ease-out both}@keyframes pm-reveal{from{opacity:.4;transform:translateY(8px)}to{opacity:1;transform:none}}}
@media(max-width:850px){.pm-home .pm-dialog-image{min-height:200px}.pm-home nav.top .inner{flex-wrap:nowrap}.pm-home nav.top.pm-menu-open .inner{flex-wrap:wrap}.pm-home nav.top .signin,.pm-home nav.top #nav-account-link{font-size:12px}.pm-home nav.top .cta{display:none!important}}
@media(max-width:520px){.pm-home .pm-home-copy h1{font-size:clamp(43px,12.4vw,61px)!important}.pm-home .pm-search-label{flex:1 1 100%}.pm-home .pm-art-card:first-child img{height:auto;aspect-ratio:4/3}.pm-home .pm-art-card img{height:240px}.pm-home .pm-art-card:first-child strong{font-size:30px}.pm-home .pm-art-caption strong{font-size:21px}.pm-home .pm-dialog-info #pm-dialog-disclaimer{margin:0}.pm-home .pm-dialog-info{padding-top:15px}.pm-home .pm-legacy-examples{margin-inline:18px;width:calc(100% - 36px)}.pm-home nav.top .brand{font-size:19px!important}.pm-home nav.top .inner{gap:7px}.pm-home .pm-dialog-image img{max-height:43dvh}.pm-home #pm-creator-block a{margin-bottom:10px}}
@media(prefers-reduced-motion:reduce){.pm-home .pm-create-visual{animation:none}.pm-home *{scroll-behavior:auto!important}}

/* Safe staged fallback while the enhancement module is not admitted.
   Native image links and the original creation/auth/payment handlers work.
   Do not expose nonfunctional filter/menu controls. */
html:not(.pm-js) .pm-home[data-home-ui="pending"] .pm-explore-controls,
html:not(.pm-js) .pm-home[data-home-ui="pending"] #pm-result-count,
html:not(.pm-js) .pm-home[data-home-ui="pending"] .pm-menu-toggle{display:none!important}
@media(max-width:850px){
 html:not(.pm-js) .pm-home[data-home-ui="pending"] nav.top .inner{flex-wrap:wrap}
 html:not(.pm-js) .pm-home[data-home-ui="pending"] nav.top .pm-nav-links{display:flex;order:10;flex:1 1 100%;flex-wrap:nowrap;overflow-x:auto;padding:5px 0;gap:8px}
 html:not(.pm-js) .pm-home[data-home-ui="pending"] nav.top .pm-nav-links>a{font-size:12px;min-height:36px;padding:8px 10px}
}

/* Direct visual review, pass 1: retain the reference typography and the
   complete product silhouette instead of a portrait crop on small screens. */
.pm-home .pm-inspiration-head h2,
.pm-home #pm-creator-block h2,
.pm-home .pm-dialog-info h2{font-family:var(--serif);letter-spacing:-.045em}
.pm-home .pm-composer .prompt-textarea{font-family:var(--sans)}
@media(max-width:850px){
 html:not(.pm-js) .pm-home[data-home-ui="pending"] #try,
 html:not(.pm-js) .pm-home[data-home-ui="pending"] #pm-inspiration{scroll-margin-top:132px}
}
@media(max-width:520px){
 .pm-home .pm-art-card[data-pm-art="chair"]{grid-column:1/-1}
 .pm-home .pm-art-card[data-pm-art="chair"] img{height:auto;aspect-ratio:4/3}
 .pm-home .pm-art-card:nth-child(4){grid-column:auto}
 .pm-home .pm-art-card:nth-child(4) img{height:240px}
 .pm-home .pm-create-visual>picture{height:280px}
}

/* PR-02 narrow-phone nav: keep Brand · language · Sign in · menu inside 320px
   without reducing the existing 40px menu control or hiding authentication. */
@media(max-width:360px){
  .pm-home nav.top .inner{gap:3px}
  .pm-home nav.top .brand{font-size:18px!important}
  .pm-home nav.top .signin{font-size:11px!important;padding-left:7px!important;padding-right:7px!important}
  .pm-home nav.top .lang-picker .lang{padding-left:3px!important;padding-right:3px!important}
  .pm-home nav.top .pm-menu-toggle{width:40px;min-width:40px;padding-left:0!important;padding-right:0!important}
}

/* Navigation groups must retain their content width; wrapping keeps links
   reachable when authentication adds controls. Queue popups use the full nav. */
.pm-home nav.top .pm-brand-group{flex-shrink:0}
.pm-home nav.top #nav-queue{position:static!important}
.pm-home nav.top #nav-queue-popup{right:14px}
@media(min-width:851px){.pm-home nav.top .pm-nav-links{min-width:max-content}}
/* Auth adds credits + sign-out. Two mobile rows keep every control reachable. */
@media(max-width:850px){
  .pm-home nav.top .inner:has(#nav-tier-badge){position:relative;display:grid!important;grid-template-columns:minmax(0,1fr) auto auto;gap:4px}
  .pm-home nav.top .inner:has(#nav-tier-badge) .pm-brand-group{grid-column:1;grid-row:1}
  .pm-home nav.top .inner:has(#nav-tier-badge) #nav-tier-badge{grid-column:2;grid-row:1}
  .pm-home nav.top .inner:has(#nav-tier-badge) .pm-menu-toggle{grid-column:3;grid-row:1;justify-self:end}
  .pm-home nav.top .inner:has(#nav-tier-badge) .lang-picker{grid-column:1;grid-row:2;justify-self:start;margin-left:0!important}
  .pm-home nav.top .inner:has(#nav-tier-badge) #lang-picker-menu{left:0;right:auto!important}
  .pm-home nav.top .inner:has(#nav-tier-badge) #nav-queue{position:static!important;grid-column:2;grid-row:2}
  .pm-home nav.top .inner:has(#nav-tier-badge) #nav-signout{grid-column:3;grid-row:2}
  .pm-home nav.top .inner:has(#nav-tier-badge) .pm-nav-links{grid-column:1/-1;grid-row:3}
}
@media(max-width:430px){
  .pm-home nav.top .inner:has(#nav-tier-badge) .brand{font-size:18px!important}
  .pm-home nav.top .inner:has(#nav-tier-badge) .lang-picker .lang{padding-left:3px!important;padding-right:3px!important}
  .pm-home #nav-tier-badge{font-size:10px!important;padding:4px 6px!important;margin-right:0!important;letter-spacing:.03em!important}
  .pm-home #nav-signout{font-size:11px!important;padding-left:7px!important;padding-right:7px!important}
  .pm-home nav.top .inner:has(#nav-tier-badge) .pm-menu-toggle{width:40px;min-width:40px;padding-left:0!important;padding-right:0!important}
}

/* Mobile auth has a clickable credit badge that opens Account. The separate
   desktop Account link sits outside the dropdown and collapses to 0px in the
   wrapped phone row, so suppress only that duplicate on mobile. */
@media(max-width:850px){
  .pm-home nav.top #nav-account-link{display:none!important}
}


/* Workspace-first ideas expansion 2026-09-11 */
.pm-home #try{padding:28px 0 54px!important}
.pm-home .pm-home-grid{grid-template-columns:minmax(0,1fr)!important;gap:20px!important}
.pm-home .pm-home-copy{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(320px,.82fr);gap:8px 42px;align-items:end;padding:8px 0 2px;max-width:1220px}
.pm-home .pm-home-copy>.kicker{grid-column:1/-1}
.pm-home .pm-home-copy h1{grid-column:1;font-size:clamp(50px,5.2vw,76px)!important;line-height:.94!important;letter-spacing:-.055em!important;margin:8px 0 4px!important}
.pm-home #try-lede{grid-column:2;grid-row:2;font-size:17px;line-height:1.5!important;max-width:600px;margin:0!important;align-self:center}
.pm-home .pm-ideas-jump{grid-column:1;display:inline-flex;width:max-content;align-items:center;gap:8px;margin:6px 0 0;padding:10px 14px;border:1px solid var(--home-line);border-radius:999px;color:var(--home-ink);text-decoration:none;font-size:13px;font-weight:650;background:#fff9}
.pm-home .pm-ideas-jump:hover{background:#fff}
.pm-home .pm-home-note{grid-column:2;margin:6px 0 0}
.pm-home .pm-creator{grid-column:2;margin-top:0}
.pm-home .pm-create-visual{width:100%;border-radius:28px}
.pm-home .pm-create-visual>picture{height:300px}
.pm-home .pm-create-visual>picture img{object-position:center 50%}
.pm-home .pm-composer{width:min(1120px,calc(100% - 44px));margin:-88px auto 22px;padding:20px 22px 18px}
.pm-home .pm-composer .prompt-textarea{min-height:128px}
.pm-home #pm-inspiration{padding:64px 0}
.pm-home .pm-inspiration-head{margin-bottom:22px}
.pm-home .pm-inspiration-head h2{font-size:clamp(38px,4.4vw,60px)}
.pm-home .pm-art-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.pm-home .pm-art-card img{height:auto;aspect-ratio:4/3;object-fit:cover}
.pm-home .pm-art-card:first-child{grid-column:span 2;grid-row:auto}
.pm-home .pm-art-card:first-child img{height:auto;aspect-ratio:2/1;object-fit:cover}
.pm-home .pm-art-card:first-child strong{font-size:36px}
.pm-home .pm-art-caption{left:16px;right:16px;bottom:16px}
.pm-home .pm-art-caption strong{font-size:21px}
.pm-home .pm-explore-controls{margin:20px 0 14px}
.pm-home .pm-recent-searches{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin:0 0 12px}.pm-home .pm-recent-clear{border:0;background:transparent;color:#53604d;text-decoration:underline;min-height:36px;font:inherit;font-size:12px}
@media(max-width:1100px){
 .pm-home .pm-art-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 .pm-home .pm-home-copy{grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);gap:8px 28px}
}
@media(max-width:850px){
 .pm-home .pm-home-copy{display:block;max-width:760px;padding-top:8px}
 .pm-home .pm-home-copy h1{font-size:clamp(48px,9vw,68px)!important;margin:10px 0 12px!important}
 .pm-home #try-lede{font-size:16px;max-width:680px!important}
 .pm-home .pm-ideas-jump{margin-top:14px}
 .pm-home .pm-home-note{margin-top:10px}
 .pm-home .pm-creator{margin-top:2px}
 .pm-home .pm-create-visual{max-width:none}
 .pm-home .pm-create-visual>picture{height:260px}
 .pm-home .pm-composer{width:calc(100% - 24px);margin:-64px auto 12px;padding:14px}
 .pm-home .pm-art-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .pm-home .pm-art-card:first-child{grid-column:1/-1}
 .pm-home .pm-art-card:first-child img{aspect-ratio:16/9}
}
@media(max-width:520px){
 .pm-home #try{padding-top:12px!important}
 .pm-home .pm-home-copy h1{font-size:clamp(42px,12vw,56px)!important}
 .pm-home .pm-create-visual>picture{height:210px}
 .pm-home .pm-composer{margin-top:-46px}
 .pm-home .pm-art-card img{height:auto!important;aspect-ratio:4/3!important}
 .pm-home .pm-art-card:first-child img{aspect-ratio:16/9!important}
 .pm-home .pm-art-caption{left:11px;right:11px;bottom:11px}
 .pm-home .pm-art-caption strong{font-size:17px}
 .pm-home .pm-art-card:first-child strong{font-size:27px}
 .pm-home .pm-art-caption small{font-size:8px}
}

/* Premium cinematic depth pass 2026-09-12.
   Visual-only: no generation/auth/payment/privacy semantics. */
body.pm-home{
  --home-olive:#34402d;
  --home-warm:#d8835f;
  background:
    radial-gradient(900px 500px at 8% 12%,rgba(204,119,78,.10),transparent 67%),
    radial-gradient(760px 520px at 93% 18%,rgba(86,108,67,.10),transparent 70%),
    #f7f5ef;
}
.pm-home nav.top{
  background:rgba(249,247,242,.82)!important;
  backdrop-filter:blur(18px) saturate(135%);
  -webkit-backdrop-filter:blur(18px) saturate(135%);
  border-bottom:1px solid rgba(34,40,29,.09)!important;
  box-shadow:0 8px 30px rgba(39,47,31,.045);
}
.pm-home #try{position:relative;isolation:isolate;overflow:clip}
.pm-home #try::after{
  content:'';position:absolute;z-index:-1;pointer-events:none;
  width:min(70vw,980px);height:520px;right:-16%;top:160px;border-radius:50%;
  background:radial-gradient(circle,rgba(184,104,67,.13),rgba(108,122,78,.055) 43%,transparent 72%);
  filter:blur(22px);
}
.pm-home .pm-create-visual{
  isolation:isolate;
  border-color:rgba(255,255,255,.72);
  box-shadow:0 38px 95px rgba(32,42,27,.16),0 10px 30px rgba(42,53,33,.08),inset 0 1px 0 rgba(255,255,255,.9);
}
.pm-home .pm-create-visual::before{
  content:'';position:absolute;z-index:2;pointer-events:none;left:0;right:0;top:0;height:300px;
  background:linear-gradient(115deg,rgba(255,218,176,.17),transparent 37%,transparent 67%,rgba(25,40,24,.20)),linear-gradient(180deg,transparent 45%,rgba(24,31,21,.20));
  mix-blend-mode:soft-light;
}
.pm-home .pm-create-visual>picture{position:relative;z-index:0;background:#d9d4ca}
.pm-home .pm-create-visual>picture img{transform:scale(1.012)}
.pm-home .pm-composer{
  z-index:4;
  background:rgba(255,253,248,.90);
  border:1px solid rgba(255,255,255,.88);
  backdrop-filter:blur(22px) saturate(125%);
  -webkit-backdrop-filter:blur(22px) saturate(125%);
  box-shadow:0 28px 72px rgba(27,35,24,.20),0 8px 22px rgba(40,49,34,.08),inset 0 1px 0 rgba(255,255,255,.92);
  transition:box-shadow .35s ease,border-color .35s ease,transform .35s ease;
}
.pm-home .pm-composer:focus-within{
  border-color:rgba(191,89,53,.28);
  box-shadow:0 32px 82px rgba(27,35,24,.22),0 0 0 4px rgba(191,89,53,.055),inset 0 1px 0 rgba(255,255,255,.95);
}
.pm-home .pm-composer .try-mode-tabs{
  background:rgba(233,230,221,.82)!important;
  border:1px solid rgba(43,50,37,.08)!important;
  border-radius:15px!important;
  box-shadow:inset 0 1px 1px rgba(44,50,39,.045)!important;
}
.pm-home .pm-composer .try-mode-tab{border-radius:11px!important;transition:background .25s ease,color .25s ease,transform .25s ease,box-shadow .25s ease}
.pm-home .pm-composer .try-mode-tab.active{
  background:linear-gradient(135deg,#20271d,#303b2b)!important;
  box-shadow:0 7px 18px rgba(26,33,23,.18)!important;
}
.pm-home .pm-composer .prompt-textarea{
  background:rgba(255,255,253,.82)!important;
  border-color:rgba(45,51,41,.16)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.75);
  transition:border-color .25s ease,box-shadow .25s ease,background .25s ease;
}
.pm-home .pm-composer .prompt-textarea:focus{
  background:#fffefb!important;border-color:rgba(191,89,53,.38)!important;
  box-shadow:0 0 0 4px rgba(191,89,53,.07),inset 0 1px 0 #fff;
}
.pm-home .pm-composer .prompt-generate-btn{
  background:linear-gradient(135deg,#ca6846,#b84e2e)!important;
  box-shadow:0 12px 24px rgba(160,70,43,.20)!important;
  transition:transform .25s ease,box-shadow .25s ease,filter .25s ease;
}
.pm-home #pm-inspiration{
  position:relative;isolation:isolate;overflow:clip;
  background:linear-gradient(180deg,#e8ede3 0%,#f3f3ec 38%,#faf8f3 100%);
}
.pm-home #pm-inspiration::before,.pm-home #pm-inspiration::after{
  content:'';position:absolute;z-index:-1;pointer-events:none;border-radius:50%;filter:blur(15px);
}
.pm-home #pm-inspiration::before{width:620px;height:620px;left:-260px;top:90px;background:radial-gradient(circle,rgba(93,118,76,.16),transparent 68%)}
.pm-home #pm-inspiration::after{width:720px;height:540px;right:-280px;top:360px;background:radial-gradient(circle,rgba(191,89,53,.10),transparent 70%)}
.pm-home .pm-inspiration-head h2{text-wrap:balance}
.pm-home .pm-explore-controls{
  padding:9px 10px;border-radius:18px;border:1px solid rgba(53,61,46,.09);
  background:rgba(255,255,252,.53);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  box-shadow:0 10px 26px rgba(50,61,43,.055);
}
.pm-home .pm-filter{
  background:rgba(255,255,255,.70);border-color:rgba(52,63,45,.12);
  transition:transform .22s ease,background .22s ease,color .22s ease,box-shadow .22s ease;
}
.pm-home .pm-filter[aria-pressed=true]{background:linear-gradient(135deg,#242d20,#374330);box-shadow:0 8px 18px rgba(42,52,35,.15)}
.pm-home .pm-search{background:rgba(255,255,255,.78)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.7)}
.pm-home .pm-art-grid{grid-auto-flow:dense;perspective:1200px}
.pm-home .pm-art-card{
  border:1px solid rgba(255,255,255,.42);
  box-shadow:0 10px 24px rgba(37,48,32,.10),0 2px 5px rgba(37,48,32,.04);
  transition:transform .42s cubic-bezier(.2,.7,.2,1),box-shadow .42s ease,filter .42s ease;
}
.pm-home .pm-art-card::before{
  content:'';position:absolute;z-index:1;inset:0;pointer-events:none;opacity:0;
  background:linear-gradient(120deg,rgba(255,255,255,.20),transparent 26%,transparent 72%,rgba(255,210,175,.10));
  transition:opacity .4s ease;
}
.pm-home .pm-art-card::after{z-index:1;inset:42% 0 0;background:linear-gradient(transparent,rgba(12,18,12,.84))}
.pm-home .pm-art-caption{z-index:2}
.pm-home .pm-art-caption small{
  display:inline-flex;padding:5px 8px;margin-bottom:8px;border-radius:999px;
  background:rgba(15,23,14,.28);border:1px solid rgba(255,255,255,.17);
  backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
}
.pm-home .pm-art-caption strong{text-shadow:0 3px 18px rgba(0,0,0,.28)}
@media(min-width:851px){
  .pm-home .pm-art-grid:not(.is-filtered) .pm-art-card[data-pm-art="midnight-spa"],
  .pm-home .pm-art-grid:not(.is-filtered) .pm-art-card[data-pm-art="mediterranean-courtyard"],
  .pm-home .pm-art-grid:not(.is-filtered) .pm-art-card[data-pm-art="resort-lobby"]{grid-column:span 2}
  .pm-home .pm-art-grid:not(.is-filtered) .pm-art-card[data-pm-art="midnight-spa"] img,
  .pm-home .pm-art-grid:not(.is-filtered) .pm-art-card[data-pm-art="mediterranean-courtyard"] img,
  .pm-home .pm-art-grid:not(.is-filtered) .pm-art-card[data-pm-art="resort-lobby"] img{aspect-ratio:16/9}
}
.pm-home .pm-showcase-dialog{
  border-color:rgba(255,255,255,.68);
  box-shadow:0 45px 150px rgba(0,0,0,.48),0 2px 0 rgba(255,255,255,.7) inset;
}
.pm-home .pm-showcase-dialog::backdrop{background:rgba(12,17,11,.82);backdrop-filter:blur(16px) saturate(90%);-webkit-backdrop-filter:blur(16px) saturate(90%)}
.pm-home .pm-dialog-image{background:linear-gradient(145deg,#1b2119,#2a3027)}
.pm-home .pm-dialog-image img{box-shadow:0 24px 70px rgba(0,0,0,.28)}
.pm-home .pm-dialog-use{background:linear-gradient(135deg,#c76340,#ad4527)!important;box-shadow:0 10px 24px rgba(161,68,40,.20)}
.pm-home.pm-motion-ready .pm-reveal-target{opacity:0;transform:translateY(22px) scale(.987);transition:opacity .72s ease,transform .72s cubic-bezier(.18,.72,.22,1);transition-delay:calc(var(--pm-order,0) * 42ms)}
.pm-home.pm-motion-ready .pm-reveal-target.pm-revealed{opacity:1;transform:none}
.pm-home.pm-motion-ready .pm-reveal-target:focus,.pm-home.pm-motion-ready .pm-reveal-target:focus-within{opacity:1;transform:none;transition-delay:0s}
@media(hover:hover) and (pointer:fine){
  .pm-home .pm-art-card:hover{transform:translateY(-7px) scale(1.006);box-shadow:0 26px 56px rgba(29,39,25,.18),0 5px 14px rgba(29,39,25,.08)}
  .pm-home .pm-art-card:hover::before{opacity:1}
  .pm-home .pm-art-card:hover img{transform:scale(1.045);filter:saturate(1.04) contrast(1.015)}
  .pm-home .pm-filter:hover{transform:translateY(-2px);box-shadow:0 7px 16px rgba(44,54,38,.09)}
  .pm-home .pm-composer .try-mode-tab:not(.active):hover{background:rgba(255,255,255,.72)!important;transform:translateY(-1px)}
  .pm-home .pm-composer .prompt-generate-btn:not([data-empty="1"]):hover{transform:translateY(-2px);box-shadow:0 16px 30px rgba(160,70,43,.27)!important;filter:saturate(1.05)}
  .pm-home.pm-motion-ready .pm-art-card.pm-revealed:hover{transform:translateY(-7px) scale(1.006)}
}
@media(min-width:851px) and (prefers-reduced-motion:no-preference){
  .pm-home.pm-motion-ready .pm-create-visual>picture img{animation:pm-cinematic-drift 18s ease-in-out infinite alternate}
  @keyframes pm-cinematic-drift{from{transform:scale(1.012) translate3d(0,0,0)}to{transform:scale(1.045) translate3d(-.7%,.4%,0)}}
}
@media(max-width:850px){
  .pm-home .pm-create-visual::before{height:260px}
  .pm-home .pm-explore-controls{padding:8px}
}
@media(max-width:520px){
  .pm-home .pm-create-visual{box-shadow:0 24px 58px rgba(32,42,27,.14),0 6px 18px rgba(42,53,33,.06)}
  .pm-home .pm-composer{backdrop-filter:blur(16px) saturate(115%);-webkit-backdrop-filter:blur(16px) saturate(115%);box-shadow:0 20px 48px rgba(27,35,24,.18),inset 0 1px 0 rgba(255,255,255,.9)}
  .pm-home .pm-art-caption small{padding:4px 6px}
  .pm-home #pm-inspiration::before{left:-400px}.pm-home #pm-inspiration::after{right:-460px}
}
@media(prefers-reduced-motion:reduce){
  .pm-home .pm-create-visual>picture img{animation:none!important;transform:none!important}
  .pm-home.pm-motion-ready .pm-reveal-target,.pm-home.pm-motion-ready .pm-reveal-target.pm-revealed{opacity:1!important;transform:none!important;transition:none!important}
  .pm-home .pm-art-card,.pm-home .pm-composer,.pm-home .pm-filter,.pm-home .pm-composer .prompt-generate-btn{transition:none!important}
}

/* Original-experience repair: image and real form are one compact creation
   surface. The visual supports creation instead of pushing it below fold. */
.pm-home #try{padding:20px 0 44px!important}
.pm-home .pm-home-grid{display:grid!important;grid-template-columns:minmax(0,.92fr) minmax(360px,1.08fr)!important;gap:22px!important;align-items:start;padding:clamp(18px,2.8vw,34px);border:1px solid rgba(48,59,42,.16);border-radius:28px;background:rgba(255,253,248,.82);box-shadow:0 24px 65px rgba(32,42,27,.11)}
.pm-home .pm-home-copy{display:block!important;padding:8px 0!important;max-width:570px}.pm-home .pm-home-copy>.kicker{margin-bottom:10px}.pm-home .pm-home-copy h1{font-size:clamp(42px,4.4vw,64px)!important;margin:0 0 12px!important}.pm-home #try-lede{font-size:16px!important;line-height:1.5!important;margin:0!important}.pm-home .pm-home-copy .pm-ideas-jump,.pm-home .pm-home-copy .pm-home-note,.pm-home .pm-home-copy .pm-creator{display:none!important}
.pm-home .pm-create-visual{grid-column:2;grid-row:1;width:100%;margin:0!important;border-radius:20px}.pm-home .pm-create-visual>picture{height:clamp(250px,28vw,360px)!important}.pm-home .pm-composer{grid-column:1/-1;grid-row:2;width:100%!important;margin:0!important;padding:16px 18px!important;border-radius:20px}.pm-home .pm-composer .prompt-textarea{min-height:96px!important}.pm-home .pm-composer .try-bottom-grid{gap:16px!important}
@media(max-width:850px){.pm-home #try{padding-top:10px!important}.pm-home .pm-home-grid{display:grid!important;grid-template-columns:1fr!important;gap:14px!important;padding:14px;border-radius:20px}.pm-home .pm-home-copy{max-width:none;padding:0!important}.pm-home .pm-home-copy h1{font-size:clamp(38px,11vw,52px)!important;margin:0 0 8px!important}.pm-home #try-lede{font-size:15px!important}.pm-home .pm-create-visual{grid-column:1;grid-row:2}.pm-home .pm-create-visual>picture{height:190px!important}.pm-home .pm-composer{grid-column:1;grid-row:3;padding:13px!important}.pm-home .pm-composer .prompt-textarea{min-height:82px!important}.pm-home .pm-motion-toggle{top:10px;right:10px}.pm-home .try-quote-aside{display:none!important}}

/* Verified presentation boundaries: immediate keyboard focus, explicit motion,
   complete image frames and correctly centered native dialogs. */
.pm-home.pm-motion-ready .pm-reveal-target:focus,
.pm-home.pm-motion-ready .pm-reveal-target:focus-within{opacity:1!important;transform:none!important;transition:none!important}
.pm-home .pm-motion-toggle{position:absolute;z-index:5;right:16px;top:16px;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:10px 14px;border:1px solid rgba(255,255,255,.65);border-radius:999px;background:rgba(20,29,19,.86);color:#fff;font:600 12px/1.3 var(--sans,system-ui);cursor:pointer}
.pm-home .pm-motion-toggle[hidden]{display:none}
.pm-home .pm-motion-toggle:disabled{cursor:default;background:#394132}
.pm-home .pm-motion-toggle svg{width:15px;height:15px;fill:currentColor;flex:none}
.pm-home .pm-showcase-dialog,.pm-home .pm-confirm-dialog{margin:auto;inset:0}
.pm-home .pm-art-grid{grid-auto-flow:row;grid-auto-rows:clamp(235px,23.5vw,338px)}
.pm-home .pm-art-card,.pm-home .pm-art-grid.is-filtered .pm-art-card{height:100%;min-height:0}
.pm-home .pm-art-card img,.pm-home .pm-art-grid.is-filtered .pm-art-card img{position:absolute;inset:0;height:100%!important;width:100%;aspect-ratio:auto!important;object-fit:cover}
@media(max-width:850px){
 .pm-home .pm-art-grid{grid-auto-rows:auto}
 .pm-home .pm-art-card,.pm-home .pm-art-grid.is-filtered .pm-art-card{height:auto;aspect-ratio:4/3}
 .pm-home .pm-art-card:first-child{aspect-ratio:16/9}
 .pm-home .pm-motion-toggle{right:12px;top:12px;padding:9px 12px}
}

/* Same-scene paired sketch → blueprint → final reveal. */
.pm-home .pm-studio-link{display:inline-flex;margin:0 16px 8px 0;color:var(--home-ink);font-size:13px;font-weight:650;text-decoration:underline;text-underline-offset:5px}
.pm-home .pm-motion-stage{position:relative;overflow:hidden;background:#f0ece2;isolation:isolate;padding:68px 0 48px;height:auto}
.pm-home .pm-motion-media{position:relative;display:block;height:clamp(230px,45vw,540px);width:100%;overflow:hidden;background:#f5f1e8}
.pm-home .pm-motion-media>picture{position:absolute;inset:0;z-index:2;display:block;height:100%;width:100%}
.pm-home .pm-motion-media>picture img,.pm-home .pm-hero-sketch{display:block;height:100%;width:100%;object-fit:cover;transform:none;animation:none;transition:opacity 1s ease,filter 1s ease}
/* These newly added portraits need their faces inside the wide hero crop. */
.pm-home .pm-motion-stage[data-showcase-key="snow-owl"] .pm-motion-media>picture img{object-position:center top}
.pm-home .pm-motion-stage[data-showcase-key="sea-turtle"] .pm-motion-media>picture img{object-position:center 25%}
.pm-home .pm-hero-sketch{position:absolute;inset:0;z-index:1;opacity:0;pointer-events:none;background:#f5f1e8}
.pm-home .pm-blueprint-overlay{position:absolute;inset:0;z-index:3;width:100%;height:100%;color:#496158;pointer-events:none;opacity:0;transition:opacity 1s ease,background 1s ease}
.pm-home .pm-trace-grid{opacity:.28}
.pm-home .pm-motion-stage[data-motion-phase="sketch"] .pm-motion-media>picture img{opacity:0;filter:none}
.pm-home .pm-motion-stage[data-motion-phase="sketch"] .pm-hero-sketch{opacity:1;filter:grayscale(1) contrast(.96)}
.pm-home .pm-motion-stage[data-motion-phase="sketch"] .pm-blueprint-overlay{opacity:.12}
.pm-home .pm-motion-stage[data-motion-phase="blueprint"] .pm-motion-media>picture img{opacity:0;filter:none}
.pm-home .pm-motion-stage[data-motion-phase="blueprint"] .pm-hero-sketch{opacity:.92;filter:grayscale(1) sepia(.18) hue-rotate(100deg) saturate(.85) contrast(1.05)}
.pm-home .pm-motion-stage[data-motion-phase="blueprint"] .pm-blueprint-overlay{opacity:.78;background:rgba(25,62,76,.12);color:#315e57}
.pm-home .pm-motion-stage[data-motion-phase="transition"] .pm-motion-media>picture img{z-index:2;opacity:1;filter:none;animation:pm-spatial-reveal 3.2s cubic-bezier(.25,.7,.3,1) both}
.pm-home .pm-motion-stage[data-motion-phase="transition"] .pm-hero-sketch{opacity:1;filter:grayscale(1) contrast(.98)}
.pm-home .pm-motion-stage[data-motion-phase="transition"] .pm-blueprint-overlay{opacity:.12}
.pm-home .pm-motion-stage[data-motion-phase="final"] .pm-motion-media>picture img{opacity:1;filter:none}
.pm-home .pm-motion-stage[data-motion-phase="final"] .pm-hero-sketch{opacity:0}
.pm-home .pm-motion-stage[data-motion-phase="final"] .pm-blueprint-overlay{opacity:0}
.pm-home .pm-motion-caption{position:absolute;z-index:4;left:clamp(56px,12vw,160px);right:70px;bottom:15px;top:auto;margin:0;text-align:center;color:#3b5145;font:600 11px/1.4 var(--sans);letter-spacing:.03em}
.pm-home .pm-composer{margin:0 18px 18px}
.pm-home.pm-motion-paused .pm-motion-stage *{animation-play-state:paused!important}
@keyframes pm-spatial-reveal{from{clip-path:polygon(0 0,0 0,0 100%,0 100%)}to{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}}
@media(max-width:520px){.pm-home .pm-motion-caption{font-size:10px}.pm-home .pm-composer{margin:0 10px 10px}}
@media(prefers-reduced-motion:reduce){.pm-home .pm-motion-stage *{animation:none!important;transition:none!important}.pm-home .pm-motion-stage[data-motion-phase] .pm-motion-media>picture img{opacity:1;filter:none;clip-path:none}.pm-home .pm-motion-stage[data-motion-phase] .pm-hero-sketch,.pm-home .pm-motion-stage[data-motion-phase] .pm-blueprint-overlay{opacity:0}}

/* The working surface must lead: keep the real input, draft continuity and
   mode controls together with a deliberately shallow supporting visual. */
.pm-home .pm-motion-stage{height:auto!important;min-height:0!important;padding:18px 0 24px!important}
.pm-home .pm-motion-media{height:220px!important}
/* Keep the real composer reachable when a user source replaces the illustration. */
.pm-home.pm-creation-source-active .pm-motion-stage,
.pm-home.pm-creation-source-active .pm-motion-toggle{display:none}
.pm-home .pm-motion-caption{bottom:8px!important}
.pm-home .pm-composer{margin:0!important;padding:14px 16px!important}
.pm-home .pm-composer .try-mode-tabs{margin-bottom:10px!important}
.pm-home .pm-composer .prompt-textarea{min-height:82px!important;padding:12px 14px!important}
.pm-home .pm-composer .prompt-hint{margin:7px 0 0!important}
.pm-home .pm-composer .prompt-examples{display:flex!important;justify-content:flex-start;gap:6px;margin-top:8px}
.pm-home .creation-draft[hidden]{display:none!important}
.pm-home .creation-draft:not([hidden]){display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:8px!important;padding-top:8px!important}
.pm-home .creation-draft p{margin:0!important}
.pm-home .creation-draft>div{flex-wrap:wrap!important;gap:6px!important}
.pm-home .creation-draft a,.pm-home .creation-draft button{min-height:34px!important;padding:6px 9px!important;white-space:nowrap}
@media(max-width:850px){.pm-home .pm-home-copy>.kicker{display:none}.pm-home .pm-motion-stage{padding:12px 0 18px!important}.pm-home .pm-motion-media{height:150px!important}.pm-home .pm-composer{padding:12px!important}.pm-home .creation-draft{align-items:flex-start}.pm-home .creation-draft p{font-size:11px}.pm-home .creation-draft a,.pm-home .creation-draft button{min-height:32px!important;padding:5px 7px!important;font-size:11px}}


/* Workspace-first composition — owner steering 2026-09-14. */
.pm-home #try{padding:16px 0 48px!important}
.pm-home .pm-home-grid{
  display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:12px!important;
  align-items:start;padding:18px;border:1px solid rgba(48,59,42,.16);border-radius:28px;
  background:rgba(255,253,248,.82);box-shadow:0 24px 65px rgba(32,42,27,.11)
}
.pm-home .pm-home-copy{
  grid-column:1!important;grid-row:1!important;display:grid!important;
  grid-template-columns:auto minmax(240px,1fr);align-items:baseline;gap:10px 24px;
  max-width:none!important;padding:0 4px!important
}
.pm-home .pm-home-copy>.kicker,
.pm-home .pm-home-copy .pm-ideas-jump,
.pm-home .pm-home-copy .pm-studio-link:not([data-pm-community-link]),
.pm-home .pm-home-copy .pm-home-note,
.pm-home .pm-home-copy .pm-creator{display:none!important}
.pm-home .pm-home-copy [data-pm-community-link]{display:inline-flex!important;grid-column:2!important;grid-row:2!important;width:max-content;font-size:11px;line-height:1.2;margin:0;color:#4f5d48;text-decoration:underline;text-underline-offset:3px}
.pm-home .pm-home-copy h1{
  grid-column:1!important;grid-row:1!important;font-size:clamp(28px,2.5vw,38px)!important;line-height:1!important;letter-spacing:-.035em;
  margin:0!important;white-space:nowrap
}
.pm-home #try-lede{grid-column:2!important;grid-row:1!important;align-self:center;font-size:13px!important;line-height:1.45!important;margin:0!important;max-width:760px;color:#596056}
.pm-home .pm-create-visual{
  grid-column:1!important;grid-row:2!important;width:100%!important;max-width:none!important;margin:0!important;
  border-radius:24px;overflow:hidden;background:#e9e5dc
}
.pm-home .pm-motion-stage{padding:14px 0 22px!important;background:linear-gradient(180deg,#f1eee7,#e7e3da)}
.pm-home .pm-motion-media{height:clamp(270px,26vw,360px)!important}
.pm-home .pm-composer{
  width:calc(100% - 28px)!important;margin:-30px auto 14px!important;padding:14px 16px!important;
  border-radius:20px!important;position:relative;z-index:4
}
.pm-home .pm-composer .try-mode-tabs{margin:0 auto 8px!important}
.pm-home .pm-engine-selector{
  display:flex;align-items:center;gap:10px;min-height:44px;margin:0 0 10px;padding:8px 10px;
  border:1px solid var(--home-line);border-radius:13px;background:rgba(248,246,239,.86)
}
.pm-home .pm-engine-selector .engine-label{font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:#687064}
.pm-home .pm-engine-selector .engine-pills{display:flex;gap:7px;flex:1;flex-wrap:wrap}
.pm-home .pm-engine-selector .engine-pill{min-height:34px;padding:6px 10px;border-radius:999px}
.pm-home .pm-engine-selector.is-guest .engine-pill[data-engine="fast"],.pm-home .pm-engine-selector.is-guest .engine-pill[data-engine="best"],.pm-home .pm-engine-selector.is-guest .engine-pill[data-engine="image-2"]{cursor:pointer}
.pm-home .pm-engine-selector.is-guest .engine-pill[data-engine="premium"],.pm-home .pm-engine-selector.is-guest .engine-pill[data-engine="nano-banana"]{display:none}
.pm-home .pm-composer .drop-zone{min-height:126px;padding:16px}
.pm-home .pm-composer .refs-block{padding:10px 0;margin-top:8px}
.pm-home .pm-composer .refs-empty-hint{font-size:11px;line-height:1.35;margin-top:5px}
.pm-home .pm-composer .ref-tile-add{min-height:70px}
.pm-home .pm-composer .exemplar-toggle{margin-top:8px}

/* Sequential architectural drawing: normalized path lengths + explicit delays.
   These declarations intentionally come after the older shorthand that erased
   the stagger. */
.pm-home .pm-contours path{stroke-dasharray:1!important;stroke-dashoffset:0}
.pm-home .pm-motion-stage[data-motion-phase="sketch"] .pm-contours path{
  animation-name:pm-draw-contours-staged!important;
  animation-duration:1.75s!important;
  animation-timing-function:cubic-bezier(.2,.7,.25,1)!important;
  animation-fill-mode:both!important
}
.pm-home .pm-motion-stage[data-motion-phase="sketch"] .pm-trace-house{animation-delay:.05s!important}
.pm-home .pm-motion-stage[data-motion-phase="sketch"] .pm-trace-detail{animation-delay:.78s!important}
.pm-home .pm-motion-stage[data-motion-phase="sketch"] .pm-trace-land{animation-delay:1.48s!important}
.pm-home .pm-motion-stage[data-motion-phase="sketch"] .pm-trace-steps{animation-delay:2.08s!important}
.pm-home .pm-motion-stage[data-motion-phase="sketch"] .pm-trace-foliage{animation-delay:2.66s!important}
.pm-home .pm-motion-stage[data-motion-phase="sketch"] .pm-trace-planting{animation-delay:3.24s!important}
.pm-home .pm-motion-stage[data-motion-phase="sketch"] .pm-dimensions{opacity:0!important}
.pm-home .pm-motion-stage[data-motion-phase="blueprint"] .pm-blueprint-overlay{
  opacity:.78;background:rgba(25,62,76,.12);color:#315e57
}
.pm-home .pm-motion-stage[data-motion-phase="blueprint"] .pm-dimensions{opacity:.82;animation:pm-detail-reveal 1.25s ease both}
.pm-home .pm-motion-stage[data-motion-phase="transition"] .pm-motion-media>picture img{
  opacity:1;filter:saturate(.92) contrast(1.02);animation:pm-result-reveal 2.2s ease-in-out both!important
}
.pm-home .pm-motion-stage[data-motion-phase="transition"] .pm-blueprint-overlay{opacity:.12}
.pm-home .pm-motion-stage[data-motion-phase="sketch"]::after,
.pm-home .pm-motion-stage[data-motion-phase="blueprint"]::after{
  content:"";position:absolute;z-index:3;left:0;right:0;top:-22%;height:18%;pointer-events:none;
  background:linear-gradient(180deg,transparent,rgba(190,238,222,.18),rgba(232,255,246,.55),transparent);
  filter:blur(.5px);animation:pm-scan-line 4.6s linear infinite
}
@keyframes pm-draw-contours-staged{from{stroke-dashoffset:1;opacity:.25}to{stroke-dashoffset:0;opacity:1}}
/* A full-scene dissolve keeps every subject readable throughout the reveal. */
@keyframes pm-result-reveal{from{opacity:0}to{opacity:1}}
@keyframes pm-scan-line{from{transform:translateY(-10%)}to{transform:translateY(720%)}}

@media(max-width:850px){
  .pm-home #try{padding-top:8px!important}
  .pm-home .pm-home-grid{gap:10px!important;padding:12px;border-radius:20px}
  .pm-home .pm-home-copy{grid-template-columns:1fr!important;gap:5px!important;padding:0 3px!important}
  .pm-home .pm-home-copy [data-pm-community-link]{grid-column:1!important;grid-row:auto!important;font-size:10px}
  .pm-home .pm-home-copy h1{grid-column:1!important;grid-row:auto!important;font-size:clamp(27px,8vw,36px)!important;white-space:normal;margin:0!important}
  .pm-home #try-lede{grid-column:1!important;grid-row:auto!important;font-size:12px!important;line-height:1.4!important;max-width:none}
  .pm-home .pm-motion-stage{padding:10px 0 18px!important}
  .pm-home .pm-motion-media{height:160px!important}
  .pm-home .pm-composer{width:calc(100% - 12px)!important;margin:-18px auto 6px!important;padding:10px!important}
  .pm-home .pm-engine-selector{min-height:40px;margin-bottom:8px;padding:6px 8px;gap:6px}
  .pm-home .pm-engine-selector .engine-label{font-size:9px}
  .pm-home .pm-engine-selector .engine-pill{font-size:11px;min-height:32px;padding:5px 8px}
  .pm-home .pm-composer .drop-zone{min-height:104px;padding:12px}
  .pm-home .pm-composer .refs-block{padding:7px 0;margin-top:5px}
  .pm-home .pm-composer .refs-empty-hint{display:none}
  .pm-home .pm-composer .ref-tile-add{min-height:58px}
}
@media(max-width:520px){
  .pm-home .pm-motion-media{height:150px!important}
  .pm-home .pm-motion-caption{left:20px;right:20px}
}


/* Multilingual search + visual polish — owner steering 2026-09-15.
   Preserve the workspace-first creation structure; refine Explore only. */
.pm-home .pm-explore-controls{
  display:grid!important;grid-template-columns:minmax(0,1fr) minmax(280px,360px);
  align-items:start!important;gap:10px 16px!important;padding:12px!important
}
.pm-home .pm-filters{min-width:0;align-items:center;gap:6px!important}
.pm-home .pm-filter{min-height:36px!important;padding:7px 11px!important;white-space:nowrap}
.pm-home .pm-filter-count{margin-left:3px;opacity:.62;font-variant-numeric:tabular-nums}
.pm-home .pm-filter[aria-pressed=true] .pm-filter-count{opacity:.78}
.pm-home .pm-search-label{position:relative;display:block!important;width:100%!important;max-width:none!important;min-width:0;align-self:start}
.pm-home .pm-search{width:100%!important;max-width:none!important;min-height:42px;padding:10px 14px 10px 40px!important;border-radius:13px!important;background:rgba(255,255,255,.86)!important}
.pm-home .pm-search-label::before{content:'';position:absolute;z-index:2;left:15px;top:50%;width:11px;height:11px;border:1.5px solid #66705e;border-radius:50%;transform:translateY(-62%);pointer-events:none}
.pm-home .pm-search-label::after{content:'';position:absolute;z-index:2;left:25px;top:55%;width:6px;height:1.5px;background:#66705e;border-radius:2px;transform:rotate(45deg);transform-origin:left center;pointer-events:none}
.pm-home .pm-result-count{margin:2px 2px 14px;font-weight:600;color:#56634e}
.pm-home .pm-art-caption small{max-width:100%;white-space:normal;line-height:1.18}
.pm-home .pm-art-caption strong{text-wrap:balance}
@media(max-width:850px){
  .pm-home .pm-explore-controls{grid-template-columns:minmax(0,1fr);gap:9px!important;padding:10px!important;overflow:hidden}
  .pm-home .pm-search-label{grid-row:1}
  .pm-home .pm-filters{grid-row:2;width:100%;display:flex!important;flex-wrap:nowrap!important;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;padding:1px 1px 6px;scrollbar-width:thin;scrollbar-color:rgba(65,76,58,.24) transparent}
  .pm-home .pm-filter{flex:0 0 auto;scroll-snap-align:start}
}
@media(max-width:520px){
  .pm-home .pm-inspiration-head{margin-bottom:16px}
  .pm-home .pm-explore-controls{margin:14px 0 10px!important}
  .pm-home .pm-search{min-height:44px;font-size:13px!important}
  .pm-home .pm-filter{font-size:10.5px!important;padding:7px 10px!important}
  .pm-home .pm-art-caption small{font-size:7.5px!important;letter-spacing:.055em!important;max-width:calc(100% - 2px)}
  .pm-home .pm-result-count{font-size:11px;margin-bottom:10px}
}

/* Bounded library continuation: explicit batches keep the footer reachable. */
.pm-home .pm-load-more-wrap{display:flex;justify-content:center;align-items:center;margin:22px 0 10px}
.pm-home .pm-load-more{min-height:44px;padding:10px 20px;border:1px solid rgba(43,50,37,.18);border-radius:999px;background:rgba(255,255,252,.84);color:var(--home-ink);font:650 12px/1.3 var(--sans);cursor:pointer;box-shadow:0 8px 20px rgba(37,48,32,.07);transition:transform .2s ease,box-shadow .2s ease,background .2s ease}
.pm-home .pm-load-more[hidden]{display:none!important}
@media(hover:hover) and (pointer:fine){.pm-home .pm-load-more:hover{transform:translateY(-1px);background:#fff;box-shadow:0 11px 24px rgba(37,48,32,.10)}}
@media(max-width:520px){.pm-home .pm-load-more-wrap{margin:16px 0 8px}.pm-home .pm-load-more{min-height:42px;padding:9px 17px}}
@media(prefers-reduced-motion:reduce){.pm-home .pm-load-more{transition:none!important}}

/* Community opt-in stays secondary to creation and never displaces the main controls. */
.pm-home nav.top .pm-brand-group{display:flex;align-items:baseline;gap:9px;min-width:0}.pm-home nav.top .pm-brand-sokkos{font:700 9px/1.2 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:#6d765f;text-decoration:none;white-space:nowrap}.pm-home nav.top .pm-brand-sokkos:hover{text-decoration:underline}.pm-home .pm-community-control{display:flex;align-items:center;gap:9px;flex-wrap:wrap;max-width:100%;padding:9px 12px;margin:8px auto 0;border:1px solid rgba(74,85,66,.15);border-radius:14px;background:rgba(248,247,240,.78);color:#56604f;font-size:11px}.pm-home .pm-community-control label{display:flex;align-items:center;gap:7px;cursor:pointer}.pm-home .pm-community-control input{width:16px;height:16px;margin:0;accent-color:#34452f}.pm-home .pm-community-attribution{padding-left:9px;border-left:1px solid rgba(74,85,66,.15);font-size:10px;color:#747b6d}.pm-home .pm-community-control a{margin-left:auto;color:#43553e;font-weight:650}.pm-home .pm-community-publish-status{margin:8px 2px 0;font-size:11px;line-height:1.45;color:#4f5c49}.pm-home .pm-community-publish-status[data-kind="error"]{color:#8e4432}.pm-home .pm-community-publish-status[data-kind="ok"]{color:#34543b}@media(max-width:520px){.pm-home nav.top .pm-brand-group{display:grid;gap:0}.pm-home nav.top .pm-brand-sokkos{font-size:7.5px}.pm-home .pm-community-control{display:grid;grid-template-columns:minmax(0,1fr);gap:6px}.pm-home .pm-community-attribution{padding-left:23px;border-left:0}.pm-home .pm-community-control a{margin-left:23px}}


/* Unified public Ideas: sorting + shared engagement. */
.pm-home .pm-sort-label{flex:0 0 auto;min-width:150px}
.pm-home .pm-sort{width:100%;min-height:42px;border:1px solid var(--home-line);border-radius:12px;background:#fff;color:#3f493a;padding:9px 32px 9px 12px;font:inherit;font-size:12px}
.pm-home .pm-art-social{position:absolute;z-index:3;top:14px;right:14px;display:inline-flex;align-items:center;gap:5px;padding:6px 9px;border-radius:999px;background:rgba(20,27,18,.72);backdrop-filter:blur(10px);color:#fff;font-size:11px;line-height:1;text-shadow:none;pointer-events:none}
.pm-home .pm-idea-social{display:grid;gap:10px;padding:13px;border:1px solid var(--home-line);border-radius:14px;background:#f7f7f2}
.pm-home .pm-idea-social-summary{display:flex;align-items:center;gap:10px}
.pm-home .pm-idea-social-summary button{min-height:38px!important;padding:8px 12px!important;background:#fff;color:#303a2d}
.pm-home .pm-idea-social-summary button[data-liked="true"]{background:#263421;color:#fff}
.pm-home .pm-idea-social-summary span{font-size:13px;color:#4a5545}
.pm-home .pm-idea-rating-control{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;color:#4f594a}
.pm-home .pm-idea-rating-control select{min-width:76px;min-height:38px;border:1px solid var(--home-line);border-radius:10px;background:#fff;padding:7px 9px}
.pm-home #pm-idea-signin{font-size:12px;color:#8f422d;text-decoration:underline;text-underline-offset:3px}
.pm-home #pm-idea-social-status{min-height:1.2em;margin:0!important;font-size:11px!important}
@media(max-width:850px){.pm-home .pm-sort-label{flex:1 1 145px}.pm-home .pm-art-social{top:10px;right:10px}}
@media(max-width:520px){.pm-home .pm-sort-label{flex:1 1 100%}.pm-home .pm-sort{width:100%}.pm-home .pm-art-social{font-size:10px;padding:5px 7px}}

/* Ranked Ideas follow server order; old editorial spans must not leave holes
   or visually reorder a list whose first item is the highest-ranked result. */
.pm-home .pm-art-grid.is-unified .pm-art-card{grid-column:auto!important;grid-row:auto!important}
.pm-home .pm-art-grid.is-unified .pm-art-card strong{font-size:clamp(20px,1.7vw,27px)}
@media(max-width:850px){.pm-home .pm-art-grid.is-unified .pm-art-card{aspect-ratio:4/3}}

@media(max-width:520px){
  .pm-home .pm-art-grid.is-unified .pm-art-caption strong{font-size:16px;line-height:1.15;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
  .pm-home .pm-art-grid.is-unified .pm-art-caption small{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
}

/* Image-first Ideas: description is opt-in, never painted over the image. */
.pm-home .pm-art-grid.is-unified{grid-auto-rows:auto;align-items:start}
.pm-home .pm-art-grid.is-unified .pm-art-card{display:flex;flex-direction:column;height:auto;aspect-ratio:auto;border-radius:16px;background:#fff;transform:none!important;opacity:1!important}
.pm-home .pm-art-grid.is-unified .pm-art-card img{position:static;inset:auto;width:100%;height:auto!important;aspect-ratio:4/3!important;object-fit:cover;transform:none!important;filter:none!important}
.pm-home .pm-art-grid.is-unified .pm-art-card::after,.pm-home .pm-art-grid.is-unified .pm-art-card::before{display:none}
.pm-home .pm-art-grid.is-unified .pm-art-caption{display:none!important}
.pm-home .pm-art-grid.is-unified .pm-art-social{position:static;display:block;align-self:stretch;margin:0;padding:10px 12px;min-height:35px;border-radius:0;background:#fff;color:#526048;font:500 12px/1.25 system-ui;text-align:right;pointer-events:none}
#pm-inspiration{scroll-margin-top:95px}
#pm-showcase-dialog.pm-gallery-viewer{width:min(1320px,96vw);max-width:96vw;max-height:94dvh;padding:0;border:1px solid #d4d9ce;border-radius:18px;background:#fafbf7;overflow:auto;box-shadow:0 25px 100px #0006}
#pm-showcase-dialog.pm-gallery-viewer::backdrop{background:#11180fd6;backdrop-filter:blur(8px)}
#pm-showcase-dialog .pm-viewer-head{display:flex;align-items:center;gap:20px;padding:10px 16px;min-height:52px;border-bottom:1px solid #dfe3d9;font:600 13px/1.3 system-ui}
#pm-viewer-count{margin-left:auto;font-variant-numeric:tabular-nums;color:#58634e}
#pm-showcase-dialog #pm-dialog-close{position:static;width:38px;height:38px;flex:0 0 38px;border-radius:50%;font-size:28px;line-height:1;border:1px solid #d9ded2;background:#fff;color:#263323}
#pm-showcase-dialog .pm-dialog-inner{display:block}
#pm-showcase-dialog .pm-dialog-image{display:grid;grid-template-columns:48px minmax(0,1fr) 48px;align-items:center;gap:6px;padding:8px;background:#171c16;min-height:0}
#pm-showcase-dialog .pm-viewer-picture{position:relative;display:flex;align-items:center;justify-content:center;height:min(66dvh,800px);min-height:150px;touch-action:pan-y pinch-zoom}
#pm-showcase-dialog #pm-dialog-image{display:block;max-width:100%;width:100%;height:100%;max-height:none;object-fit:contain;aspect-ratio:auto;border-radius:0}
#pm-showcase-dialog #pm-dialog-image[hidden]{display:none}
#pm-showcase-dialog #pm-image-status{color:#fff;text-align:center;padding:20px}
#pm-showcase-dialog .pm-viewer-arrow{width:44px;height:56px;border:1px solid #667260;border-radius:12px;background:#ffffff10;color:#fff;font:300 40px/1 system-ui;cursor:pointer}
#pm-showcase-dialog .pm-viewer-arrow:disabled{opacity:.2;cursor:default}
#pm-showcase-dialog .pm-dialog-info{padding:14px 20px;display:block}
#pm-showcase-dialog .pm-viewer-toolbar{display:flex;align-items:center;gap:16px;justify-content:space-between;flex-wrap:wrap}
#pm-showcase-dialog .pm-idea-social{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0;padding:0;border:0;background:none}
#pm-showcase-dialog .pm-idea-social button{min-width:54px;min-height:42px;padding:8px 12px;font:600 16px/1.2 system-ui;border-radius:12px;border:1px solid #d4dacd;background:#fff;color:#33422b;cursor:pointer}
#pm-showcase-dialog .pm-idea-social button[aria-pressed=true]{background:#dce9d1;border-color:#789462;color:#253a1b}
#pm-showcase-dialog .pm-idea-social button:disabled{opacity:.45;cursor:default}
#pm-idea-points{font:700 18px/1.2 system-ui;margin-left:6px}
#pm-showcase-dialog #pm-dialog-use{margin:0;padding:11px 18px;font-size:13px;width:auto}
#pm-idea-details{margin-top:12px;border-top:1px solid #dfe3d9;padding-top:10px;color:#526048;font:400 13px/1.55 system-ui}
#pm-idea-details summary{cursor:pointer;font-weight:600;width:max-content;max-width:100%}
#pm-idea-details #pm-dialog-title{font-size:18px;line-height:1.4;margin:10px 0}
#pm-idea-details #pm-dialog-prompt{font:400 14px/1.6 system-ui;white-space:pre-wrap}
#pm-idea-social-status:empty{display:none}
@media(max-width:600px){#pm-showcase-dialog.pm-gallery-viewer{width:100vw;max-width:100vw;max-height:100dvh;border-radius:0;border:0}#pm-showcase-dialog .pm-dialog-image{grid-template-columns:34px minmax(0,1fr) 34px;gap:0;padding:4px 0}#pm-showcase-dialog .pm-viewer-arrow{width:32px;height:46px;border:0;background:transparent}#pm-showcase-dialog .pm-viewer-picture{height:55dvh}#pm-showcase-dialog .pm-dialog-info{padding:12px}#pm-showcase-dialog .pm-viewer-toolbar{gap:10px}#pm-showcase-dialog .pm-idea-social{gap:6px}#pm-showcase-dialog .pm-idea-social button{min-width:48px;padding:8px}.pm-home .pm-art-grid.is-unified .pm-art-social{padding:8px;font-size:11px}}

.pm-home .pm-art-grid.is-unified .pm-art-card[hidden]{display:none!important}

.pm-home .pm-art-grid.is-unified .pm-idea-tile{overflow:hidden;border-radius:16px;background:#fff;box-shadow:0 7px 18px #26351a12;min-width:0}
.pm-home .pm-art-grid.is-unified .pm-idea-tile[hidden]{display:none!important}
.pm-home .pm-art-grid.is-unified .pm-idea-tile .pm-art-card{border-radius:0;box-shadow:none}
.pm-home .pm-art-grid.is-unified .pm-art-social{position:static;display:flex;gap:5px;align-items:center;justify-content:space-between;padding:4px 7px;min-height:42px;background:#fff;color:#526048;box-sizing:border-box}
.pm-home .pm-art-grid.is-unified .pm-art-social button{font:500 12px/1.2 system-ui;display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:4px 7px;border:0;border-radius:8px;background:transparent;color:#4a583f;cursor:pointer}
.pm-home .pm-art-grid.is-unified .pm-art-social button:hover{background:#eff4e9}
.pm-home .pm-art-grid.is-unified .pm-art-social button[aria-pressed=true]{background:#deebd3;color:#2b441a}
.pm-home .pm-art-grid.is-unified .pm-art-social button:disabled{opacity:.5;cursor:default}
.pm-home .pm-art-grid.is-unified .pm-card-points{font:700 13px/1.2 system-ui;padding:0 5px;min-width:16px;text-align:center}
@media(max-width:600px){.pm-home .pm-art-grid.is-unified .pm-art-social{gap:1px;padding:0 3px;min-height:44px}.pm-home .pm-art-grid.is-unified .pm-art-social button{padding:3px;min-height:44px;min-width:34px;font-size:11px}.pm-home .pm-art-grid.is-unified .pm-card-points{padding:0 2px;font-size:12px}}

/* Interactive controls below images must receive pointer input. */
.pm-home .pm-art-grid.is-unified .pm-art-social{pointer-events:auto}

.pm-card-reaction-status{padding:0 10px 8px;margin:0;color:#80503c;font:400 12px/1.4 system-ui}.pm-card-reaction-status:empty{display:none}

/* Compact living-library controls: never cover the artwork. */
.pm-home .pm-art-grid.is-unified .pm-art-social{justify-content:flex-start;gap:3px;padding:2px 6px;min-height:44px}
.pm-home .pm-art-grid.is-unified .pm-art-social button{min-width:44px;min-height:44px;padding:4px 6px}
.pm-topics-note{margin:10px 2px;color:#65705f;font-size:12px;line-height:1.4}
.pm-recent-searches{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:8px 0 12px}
.pm-recent-searches[hidden]{display:none}.pm-recent-label{font-size:12px;color:#66715f}
.pm-recent-clear{border:0;background:none;text-decoration:underline;padding:8px;cursor:pointer;color:inherit;font-size:12px}
.pm-detail-points{font-size:12px;color:#66715f}
#pm-showcase-dialog .pm-idea-social{gap:4px;justify-content:flex-start}

/* Initial and hydrated Ideas share the same first-page geometry. No full-catalog flash. */
.pm-static-note{font-size:13px;line-height:1.5;color:#65705f}
html.pm-js .pm-static-note{display:none}
html.pm-js .pm-home[data-home-ui="pending"] #pm-art-grid>:nth-child(n+21){display:none!important}
html.pm-js .pm-home[data-home-ui="pending"] #pm-art-grid>.pm-art-card{padding-bottom:48px}
html.pm-js .pm-home[data-home-ui="pending"] #pm-art-grid>.pm-art-card img,
html.pm-js #pm-art-grid[data-loading="true"] img{opacity:0!important}
html.pm-js .pm-home[data-home-ui="pending"] #pm-art-grid,
html.pm-js #pm-art-grid[data-loading="true"]{pointer-events:none}
html.pm-js .pm-home[data-home-ui="pending"] #pm-art-grid>.pm-art-card,
html.pm-js #pm-art-grid[data-loading="true"] .pm-idea-tile{background:#e9e9df}
html.pm-js #pm-art-grid[data-loading="true"] .pm-art-social{visibility:hidden}
.pm-home .pm-filters{min-height:36px}
.pm-home .pm-filter-count{display:inline-block;min-width:3ch;text-align:right}
.pm-home .pm-result-count{min-height:1.5em}
@media(max-width:850px){
  .pm-home .creation-draft:not([hidden]){flex-direction:column;align-items:stretch}
  .pm-home .creation-draft p{width:100%;flex:0 0 auto}
  .pm-home .creation-draft>div{max-width:100%}
  .pm-home .creation-draft a,.pm-home .creation-draft button{white-space:normal}
  .pm-home .pm-home-copy h1{min-block-size:2.1em}
  .pm-home #try-lede{min-block-size:4.5em}
  .pm-home #engine-selector.pm-engine-selector{min-height:76px}
  .pm-home #engine-selector .engine-pills{width:100%;justify-content:center}
  .pm-home #engine-selector:not(.is-guest) .engine-pill[data-engine="premium"]{display:none}
  .pm-home.is-auth #engine-selector:not(.is-guest) .engine-pill[data-engine="premium"]{display:inline-flex}
}

/* Browser-native fragment navigation must not animate through an unfinished page. */
html.pm-js:not([data-home-settled="true"]){scroll-behavior:auto!important}

/* Match the measured fixed header from first paint, so fragment navigation
   does not need a second 8/20/30px correction after enhancement. */
html.pm-js .pm-home #pm-inspiration{scroll-margin-top:115px}
@media(max-width:850px){html.pm-js .pm-home #pm-inspiration{scroll-margin-top:105px}}
@media(max-width:520px){html.pm-js .pm-home #pm-inspiration{scroll-margin-top:77px}}
html.pm-js .pm-home #pm-inspiration:has(#pm-art-grid[data-loading="true"]) .pm-filter:not([data-pm-filter="all"]){visibility:hidden}

/* 320px DE/RU first paint: translated lede and two engine rows must fit
   without adding height after the locale dictionary resolves. */
@media(max-width:360px){
  .pm-home #try-lede{min-block-size:6em}
  .pm-home #engine-selector.pm-engine-selector{min-height:112px}
}

/* A failed or retrying preview shows the grey placeholder, never the browser's
   broken-image icon. The generic .is-image-error rule above is outranked inside
   the unified grid (white card, marker hidden), so restate it with that specificity.
   The hidden image keeps its 4:3 box: no layout shift between loading, failed and recovered. */
.pm-home .pm-art-grid.is-unified .pm-art-card.is-image-error,
.pm-home .pm-art-grid.is-unified .pm-art-card[data-image-state]{background:#dce0d4}
.pm-home .pm-art-grid.is-unified .pm-art-card.is-image-error img,
.pm-home .pm-art-grid.is-unified .pm-art-card[data-image-state] img{visibility:hidden}
.pm-home .pm-art-card .pm-image-note{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:16px;text-align:center;color:#43503c;font:500 13px/1.4 system-ui}
.pm-home .pm-art-card .pm-image-note [aria-hidden]{font-size:30px;line-height:1}

/* Home design batch 2026-10-19: hero focal points, pricing, mobile reach. */
.pm-home .pm-motion-stage[data-showcase-key="cliff-house"] .pm-motion-media>picture img,.pm-home .pm-motion-stage[data-showcase-key="cliff-house"] .pm-hero-sketch{object-position:center 38%}
.pm-home .pm-motion-stage[data-showcase-key="salt-flats"] .pm-motion-media>picture img,.pm-home .pm-motion-stage[data-showcase-key="salt-flats"] .pm-hero-sketch{object-position:center 62%}
.pm-home .pm-motion-stage[data-showcase-key="skincare-still-life"] .pm-motion-media>picture img,.pm-home .pm-motion-stage[data-showcase-key="skincare-still-life"] .pm-hero-sketch{object-position:center 38%}
.pm-home .pm-motion-stage[data-showcase-key="scandi-living"] .pm-motion-media>picture img,.pm-home .pm-motion-stage[data-showcase-key="scandi-living"] .pm-hero-sketch{object-position:center 60%}
.pm-home .free-tier-card .ft-cta{padding:11px 20px;min-height:44px}
.pm-home #pricing-checkout:not([open]){max-width:420px;margin-inline:auto;border-radius:999px!important;overflow:hidden}
.pm-home #pricing-checkout>summary.pricing-divider{display:flex;align-items:center;justify-content:center;margin:0;border-radius:inherit}
.pm-home #pricing-checkout>summary.pricing-divider::before,.pm-home #pricing-checkout>summary.pricing-divider::after{display:none}
.pm-home .pm-composer .prompt-example--surprise{font-weight:600;color:var(--home-ink)}
@media(max-width:480px){
  /* 44px touch target without changing the nav height: the signed-in grid row
     must keep the toggle's 40px box, or the page shifts when the account answers. */
  .pm-home nav.top .pm-menu-toggle{position:relative}
  .pm-home nav.top .pm-menu-toggle::before{content:'';position:absolute;inset:-2px}
  .pm-home .pm-filter{min-height:44px!important}
  .pm-home .pm-sort,.pm-home .pm-load-more{min-height:44px}
  .pm-home .pm-composer .prompt-example{min-height:44px;padding:8px 12px}
  .pm-home .free-tier-card .ft-cta{padding:13px 20px}
  footer .col a,footer .legal-entity a{display:flex;align-items:center;min-height:44px;padding-block:0}
  .pm-home .pm-motion-toggle{right:8px;top:8px;min-height:30px;padding:4px 10px;gap:6px;font-size:11px}
  .pm-home .pm-motion-toggle svg{width:11px;height:11px}
  .pm-home .pm-composer{margin-top:-24px!important;padding:8px 10px!important}
  .pm-home .pm-composer .try-mode-tabs{margin-bottom:6px!important}
  .pm-home .pm-composer .try-mode-tab{flex-direction:row!important;gap:6px!important;padding-block:4px!important}
  .pm-home .pm-composer .pm-more{margin-top:4px;padding-bottom:2px}
  .pm-home .pm-home-grid{gap:6px!important;padding-top:8px}
  .pm-home #engine-selector.pm-engine-selector{min-height:76px;margin-bottom:6px;padding:3px 8px;gap:4px}
  .pm-home #engine-selector .engine-pills{padding:0}
  .pm-home .pm-engine-selector .engine-pill{flex-direction:row;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:4px 10px}
  .pm-home .pm-composer .prompt-textarea{min-height:96px!important;max-height:108px!important}
  .pm-home .pm-composer .prompt-generate-btn{margin-top:8px}
}
@media(max-width:340px){.pm-home #engine-selector.pm-engine-selector{min-height:112px}}
/* Owner decision 2026-10-21: no picture counts in Ideas (filter chips, result line, viewer position, remaining items).
   The numbers stay in the DOM for logic and tests; they are just never shown. Reactions keep their numbers. */
.pm-home .pm-num,.pm-home .pm-filter-count,.pm-home .pm-result-count[data-count-only="true"]{display:none!important}
/* The viewer position keeps its box (it carries the margin that pushes the close button to the right edge). */
.pm-home #pm-viewer-count{visibility:hidden}
/* Compact reactions (owner, 2026-10-22): no footer row and no numbers. A glass pill with the three emoji sits over the
   picture, appears on hover or keyboard focus, stays while a reaction is set, and is always shown on touch screens. */
.pm-home .pm-art-grid.is-unified .pm-idea-tile{position:relative}
.pm-home .pm-art-grid.is-unified .pm-art-social{position:absolute;z-index:3;top:auto;right:10px;bottom:10px;left:auto;height:auto;display:flex;gap:2px;align-items:center;justify-content:flex-start;padding:3px;min-height:0;border-radius:999px;background:rgba(255,255,255,.86);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 14px rgba(0,0,0,.22);opacity:0;transform:translateY(6px);transition:opacity .18s ease,transform .18s ease;pointer-events:auto}
.pm-home .pm-art-grid.is-unified .pm-idea-tile:hover .pm-art-social,.pm-home .pm-art-grid.is-unified .pm-idea-tile:focus-within .pm-art-social,.pm-home .pm-art-grid.is-unified .pm-art-social:has(button[aria-pressed=true]){opacity:1;transform:none}
.pm-home .pm-art-grid.is-unified .pm-art-social button{width:34px;min-width:0;min-height:34px;height:34px;padding:0;border-radius:999px;font-size:17px;line-height:1;transition:background .15s ease,transform .15s ease}
.pm-home .pm-art-grid.is-unified .pm-art-social button:hover{background:rgba(38,48,31,.1);transform:scale(1.08)}
.pm-home .pm-art-grid.is-unified .pm-art-social button[data-reaction=like][aria-pressed=true]{background:#ffe1e7}
.pm-home .pm-art-grid.is-unified .pm-art-social button[data-reaction=up][aria-pressed=true]{background:#d9ebd0}
.pm-home .pm-art-grid.is-unified .pm-art-social button[data-reaction=down][aria-pressed=true]{background:#e6e7e1}
@media (hover:none){.pm-home .pm-art-grid.is-unified .pm-art-social{opacity:.96;transform:none;right:8px;bottom:8px;padding:2px}.pm-home .pm-art-grid.is-unified .pm-art-social button{width:32px;min-width:0;min-height:32px;height:32px;font-size:16px}}
@media (prefers-reduced-motion:reduce){.pm-home .pm-art-grid.is-unified .pm-art-social,.pm-home .pm-art-grid.is-unified .pm-art-social button{transition:none}}
/* The viewer toolbar uses the same compact capsule, and the vote points line is not shown. */
#pm-showcase-dialog .pm-idea-social{gap:2px;padding:3px;border-radius:999px;background:#eef0e6;display:inline-flex;width:max-content}
#pm-showcase-dialog .pm-idea-social button{min-width:42px;min-height:42px;width:42px;height:42px;padding:0;border:0;border-radius:999px;background:transparent;font-size:20px;line-height:1}
#pm-showcase-dialog .pm-idea-social button:hover:not(:disabled){background:rgba(38,48,31,.1)}
#pm-showcase-dialog .pm-idea-social button[aria-pressed=true]{background:#dce9d1;border:0}
#pm-showcase-dialog .pm-idea-social #pm-idea-like[aria-pressed=true]{background:#ffe1e7}
.pm-home .pm-detail-points{display:none!important}