/* Page-local integration with the unchanged shared header/footer sources. */
body:has(.prl-page) { margin:0; padding-top:60px; min-width:0; background:#f8f8f5; }
body:has(.prl-page) .header_fixed, body:has(.prl-page) .header_media { top:0; }
@media (max-width:1200px) {
  /* Shared scroll effects must not reveal the desktop header on mobile. */
  body:has(.prl-page) .header_fixed { display:none !important; }
  body:has(.prl-page) .header_mo_open { height:100dvh; }
  body:has(.prl-page) .header_mo_open .white { box-sizing:border-box; overflow-y:auto; overscroll-behavior:contain; }
}
@media (min-width:1201px) { body:has(.prl-page) footer .inner { width:calc(100% - 80px); max-width:1500px; } }
.prl-page { --prl-ink:#242622; --prl-muted:#6c7068; --prl-yellow:#ffdc60; --prl-line:#e3e5dc; color:var(--prl-ink); background:#f8f8f5; font-family:'Noto Sans KR','Noto Sans Korean',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif; font-size:15px; line-height:1.7; word-break:keep-all; overflow-wrap:break-word; }
.prl-page *, .prl-page *::before, .prl-page *::after { box-sizing:border-box; }
.prl-page * { font-family:inherit; font-size:inherit; font-weight:inherit; }
.prl-page :where(section) { display:block; text-align:left; }
.prl-page h1, .prl-page h2, .prl-page h3, .prl-page p, .prl-page figure { margin:0; }
.prl-page ul, .prl-page ol { margin:0; padding:0; list-style:none; }
.prl-page a { color:inherit; text-decoration:none; }
.prl-page button { font:inherit; cursor:pointer; }
.prl-page button, .prl-page a, .prl-page summary { -webkit-tap-highlight-color:transparent; }
.prl-page img { display:block; max-width:100%; }
.prl-page svg { display:block; width:24px; height:24px; flex-shrink:0; fill:none; stroke:currentColor; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round; }
.prl-page [hidden] { display:none !important; }
.prl-page :focus-visible, body:has(.prl-page) .qaw-fab:focus-visible, body:has(.prl-page) .qaw-cl:focus-visible { outline:3px solid #8c6800; outline-offset:5px; }
.prl-page section[id], .prl-page main { scroll-margin-top:155px; }
.prl-shell { width:calc(100% - 80px); max-width:1180px; margin-inline:auto; }
.prl-skip { position:fixed; top:8px; left:12px; transform:translateY(-160%); padding:12px 18px; background:#242622; color:#fff; z-index:100001; border-radius:8px; }
.prl-skip:focus { transform:translateY(0); color:#fff; }
.prl-subnav { position:sticky; top:60px; z-index:90; background:rgba(248,248,245,.97); border-bottom:1px solid var(--prl-line); }
.prl-subnav-inner { min-height:66px; display:flex; align-items:center; gap:30px; }
.prl-product { display:flex; align-items:center; gap:9px; font-size:16px; font-weight:700; white-space:nowrap; letter-spacing:-.5px; }
.prl-spark { color:#806300; font-size:25px; line-height:1; }
.prl-beta { font-family:Arial,sans-serif; font-size:9px; color:#717468; letter-spacing:1px; font-weight:600; padding-top:2px; }
.prl-subnav-links { display:flex; align-items:center; gap:29px; margin-left:auto; font-size:13px; }
.prl-subnav-links a { display:flex; min-height:44px; align-items:center; color:#6c7068; }
.prl-subnav-links a:hover { color:#171a14; }
.prl-button { min-height:56px; padding:15px 26px; display:inline-flex; align-items:center; justify-content:center; gap:22px; border-radius:10px; border:1px solid transparent; font-size:16px; font-weight:700; line-height:1.4; transition:background .18s,transform .18s,box-shadow .18s; white-space:nowrap; }
.prl-page .prl-button-dark { background:var(--prl-ink); color:#fff; }
.prl-page .prl-button-dark:hover { background:#3c4035; transform:translateY(-2px); }
.prl-page .prl-button-yellow { background:var(--prl-yellow); color:#242622; box-shadow:0 5px 15px rgba(147,119,21,.08); }
.prl-page .prl-button-yellow:hover { background:#ffd442; transform:translateY(-2px); box-shadow:0 7px 20px rgba(147,119,21,.15); }
.prl-page .prl-button-small { min-height:44px; border-radius:7px; padding:10px 16px; font-size:12px; gap:19px; }
.prl-button-small span { font-size:17px; line-height:1; }
.prl-hero { min-height:674px; display:grid; grid-template-columns:1.15fr 1fr; align-items:center; column-gap:70px; padding-block:58px 64px; }
.prl-eyebrow { font-family:Arial,'Noto Sans KR',sans-serif; display:flex; align-items:center; gap:9px; color:#787c6d; font-size:11px; font-weight:600; letter-spacing:1.8px; line-height:1.5; }
.prl-dot { width:6px; height:6px; background:#b69325; display:inline-block; border-radius:50%; }
.prl-hero h1 { font-size:clamp(38px,4.15vw,59px); font-weight:700; line-height:1.28; letter-spacing:-3.1px; margin-top:24px; }
.prl-underline { position:relative; display:inline-block; z-index:0; white-space:nowrap; }
.prl-underline::after { content:''; position:absolute; z-index:-1; background:var(--prl-yellow); width:100%; height:13px; left:1px; bottom:6px; transform:rotate(-1.1deg); border-radius:3px 50% 4px 8px; }
.prl-hero-description { color:#686d63; font-size:16px; line-height:1.95; margin-top:27px !important; letter-spacing:-.5px; }
.prl-hero-actions { display:flex; flex-wrap:wrap; gap:18px 22px; align-items:center; margin-top:33px; }
.prl-quiet-link { display:inline-flex; gap:12px; align-items:center; min-height:44px; font-size:12px; color:#666b60 !important; border-bottom:1px solid #c7cabe; }
.prl-quiet-link:hover { color:#242622 !important; border-color:#242622; }
.prl-hero-note { display:flex; align-items:center; gap:8px; font-size:11px; color:#73776d; margin-top:19px !important; letter-spacing:.1px; }
.prl-hero-note svg { width:15px; height:15px; color:#777b63; }
.prl-hero-note span { margin-inline:2px; }
.prl-hero-visual { position:relative; width:100%; max-width:424px; justify-self:end; padding-bottom:23px; }
.prl-photo-frame { position:relative; aspect-ratio:4/5; border-radius:180px 180px 18px 18px; overflow:hidden; background:#d4cdbf; }
.prl-photo-frame>img { width:100%; height:100%; object-fit:cover; object-position:50% 38%; }
.prl-photo-tag { position:absolute; top:22px; left:50%; transform:translateX(-50%); white-space:nowrap; background:rgba(255,255,250,.88); border:1px solid rgba(255,255,255,.65); padding:7px 15px; border-radius:30px; font-size:10px; color:#555a4e; backdrop-filter:blur(8px); }
.prl-photo-tag span { color:#a28019; margin-right:4px; }
.prl-photo-frame .prl-annotation { position:absolute; top:15%; left:20%; width:53%; height:auto; stroke:#ffe895; stroke-width:2.6; opacity:.85; transform:rotate(-12deg); }
.prl-photo-corner { width:26px; height:26px; border:1px solid rgba(255,255,255,.8); position:absolute; bottom:18px; }
.prl-photo-corner-a { left:18px; border-top:0; border-right:0; }
.prl-photo-corner-b { right:18px; border-top:0; border-left:0; }
.prl-prompt-card { position:absolute; bottom:63px; left:-55px; display:flex; align-items:center; gap:13px; padding:17px 20px; background:#fff; border:1px solid rgba(237,238,231,.9); border-radius:13px; box-shadow:0 12px 35px rgba(28,32,20,.12); }
.prl-prompt-icon { display:grid; place-items:center; background:#fff3c4; width:36px; height:36px; border-radius:9px; color:#8b6b16; }
.prl-prompt-icon svg { width:18px; height:18px; }
.prl-prompt-card div>span { display:block; font-size:10px; color:#858979; margin-bottom:3px; }
.prl-prompt-card strong { display:block; font-size:12px; font-weight:600; letter-spacing:-.4px; }
.prl-prompt-arrow { margin-left:10px; font-size:18px; color:#5c6154; }
.prl-hero-visual figcaption { position:absolute; bottom:0; right:0; font-size:9px; color:#898c80; letter-spacing:-.2px; }
.prl-benefits { display:grid; grid-template-columns:repeat(3,1fr); border-block:1px solid var(--prl-line); padding:27px 0; }
.prl-benefits>div { display:flex; align-items:center; justify-content:center; gap:20px; border-right:1px solid var(--prl-line); }
.prl-benefits>div:first-child { justify-content:flex-start; padding-left:23px; }
.prl-benefits>div:last-child { border-right:0; }
.prl-benefits svg { width:29px; height:29px; color:#5d644f; stroke-width:1.3; }
.prl-benefits strong { font-size:13px; font-weight:600; display:block; margin-bottom:3px; }
.prl-benefits p>span { display:block; font-size:11px; color:#828678; }
.prl-features { padding-block:108px 88px; }
.prl-section-head { display:flex; justify-content:space-between; align-items:flex-end; gap:24px; margin-bottom:36px; }
.prl-page h2 { font-size:38px; font-weight:600; letter-spacing:-1.8px; line-height:1.36; }
.prl-section-head h2 { margin-top:17px; }
.prl-section-head>p { color:#7a7f70; font-size:13px; line-height:1.85; padding-bottom:4px; }
.prl-tabs { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:8px; margin-bottom:18px; }
.prl-tabs>[id] { scroll-margin-top:84px; }
.prl-tab { border:1px solid var(--prl-line); padding:15px 12px; border-radius:9px; background:transparent; color:#707566; font-size:13px !important; font-weight:500 !important; line-height:1.5; transition:background .16s,color .16s; }
.prl-tab span { font-family:Arial,sans-serif; font-size:10px; margin-right:10px; opacity:.6; }
.prl-tab:hover { background:#eeefe7; }
.prl-tab[aria-selected=true] { color:#fff; background:#30352a; border-color:#30352a; }
.prl-feature-panel { display:grid; grid-template-columns:1.06fr 1fr; min-height:452px; background:#fff; border:1px solid #e8e9e1; border-radius:18px; overflow:hidden; }
.prl-feature-image { width:100%; min-width:0; position:relative; overflow:hidden; background:#deddd1; }
.prl-feature-image>img { width:100%; height:100%; position:absolute; inset:0; object-fit:cover; }
.prl-detail-image>img { object-position:center 23%; }
.prl-feature-copy { padding:43px 43px 40px; align-self:center; }
.prl-kicker { font-size:11px; color:#8c917d; margin-bottom:12px !important; }
.prl-feature-copy h3 { font-size:31px; line-height:1.4; letter-spacing:-1.5px; font-weight:600; }
.prl-feature-copy>p:not(.prl-kicker) { font-size:12px; line-height:1.95; color:#7a7f71; margin-top:19px; }
.prl-checks { display:grid; gap:6px; margin-top:20px !important; }
.prl-checks li { font-size:11px; color:#555d49; display:flex; align-items:center; gap:9px; }
.prl-checks li::before { content:''; width:9px; height:5px; border-left:1.5px solid #9a873c; border-bottom:1.5px solid #9a873c; transform:rotate(-45deg); margin-top:-3px; }
.prl-text-link { display:inline-flex; align-items:center; gap:28px; min-height:44px; font-size:12px; font-weight:600; border-bottom:1px solid #b6bdac; }
.prl-text-link:hover { color:#806300; border-color:#806300; }
.prl-feature-copy>.prl-text-link { margin-top:16px; }
.prl-image-label { position:absolute; top:19px; left:21px; font:9px/1.5 Arial,sans-serif; letter-spacing:1.6px; color:#fff; padding:6px 10px; border:1px solid rgba(255,255,255,.35); border-radius:4px; background:rgba(38,43,32,.25); }
.prl-tool-note { position:absolute; bottom:24px; left:50%; transform:translateX(-50%); white-space:nowrap; background:rgba(255,255,255,.95); border-radius:9px; box-shadow:0 8px 24px rgba(30,37,19,.08); padding:14px 19px; display:flex; align-items:center; gap:11px; color:#595f4f; font-size:11px; }
.prl-tool-note svg { width:17px; height:17px; color:#8d7521; }
.prl-color-image>img { object-position:center; }
.prl-palette { display:flex; padding-right:4px; }
.prl-palette i { width:17px; height:17px; border:2px solid white; border-radius:50%; background:#c5ab75; margin-right:-5px; }
.prl-palette i:nth-child(2) { background:#75866b; }.prl-palette i:nth-child(3) { background:#afc5c5; }.prl-palette i:nth-child(4) { background:#d6b7a4; }
.prl-restore-image { display:grid; place-items:center; background:#e9e7dc; padding:64px 50px 43px; }
.prl-paper-photo { transform:rotate(-5deg); width:100%; background:#fffef8; padding:13px 13px 21px; box-shadow:0 13px 22px rgba(87,78,52,.12); }
.prl-paper-photo img { aspect-ratio:3/2; object-fit:cover; width:100%; height:auto; }
.prl-paper-photo>span { font:9px/1 Arial,sans-serif; display:block; text-align:center; letter-spacing:2px; margin-top:18px; color:#6e7166; }
.prl-restore-image>.prl-image-label { background:transparent; color:#7a7c69; border-color:#c4c6b4; }
.prl-save-image>img { object-position:center; }
.prl-save-image::after { content:''; position:absolute; inset:0; background:linear-gradient(180deg,transparent 50%,rgba(18,25,13,.5)); }
.prl-resolution { position:absolute; z-index:1; left:30px; right:30px; bottom:26px; color:#fff; display:flex; align-items:center; justify-content:space-between; }
.prl-resolution strong { display:flex; align-items:center; gap:13px; font:600 42px/1 Arial,sans-serif; letter-spacing:-1px; }
.prl-resolution strong span { font:11px/1.7 'Noto Sans KR',sans-serif; letter-spacing:0; }
.prl-resolution svg { width:28px; height:28px; }
.prl-example-note { font-size:10px; line-height:1.7; color:#8b8f82; text-align:right; margin-top:13px !important; }
.prl-noscript { padding:16px; border:1px solid var(--prl-line); font-size:13px; }
.prl-how { background:#262b23; color:#f6f6ef; padding-block:78px 42px; }
.prl-how .prl-eyebrow { color:#c3b77e; }
.prl-how .prl-section-head>p { color:#a6ad9c; }
.prl-steps { display:grid; grid-template-columns:repeat(3,1fr); gap:40px; margin-top:48px !important; }
.prl-steps li { border-top:1px solid #4a5142; padding-top:25px; }
.prl-step-top { display:flex; align-items:center; justify-content:space-between; margin-bottom:28px; }
.prl-step-top>span { font:400 32px/1 Arial,sans-serif; color:#eed477; letter-spacing:-1px; }
.prl-step-top svg { width:43px; height:43px; color:#9ca98a; stroke-width:1.1; }
.prl-steps h3 { font-size:17px; font-weight:500; letter-spacing:-.7px; }
.prl-steps p { font-size:12px; color:#a7af9c; line-height:1.95; margin-top:13px; }
.prl-step-chip { display:inline-block; margin-top:23px; font-size:10px; color:#afbba0; border:1px solid #4f5945; border-radius:30px; padding:5px 11px; }
.prl-device-note { margin-top:51px; border-top:1px solid #464e3d; padding-top:28px; display:flex; align-items:center; gap:15px; color:#b4bda8; font-size:12px; }
.prl-device-note svg { width:25px; height:25px; color:#d8ddce; }
.prl-device-note a { margin-left:auto; color:#ffdc60; display:flex; align-items:center; gap:22px; min-height:44px; }
.prl-usage { display:grid; grid-template-columns:.8fr 1fr 1.15fr; gap:36px; padding-block:61px; border-bottom:1px solid var(--prl-line); }
.prl-usage-heading { display:flex; gap:14px; align-items:flex-start; padding-top:4px; }
.prl-usage-heading .prl-spark { margin-top:4px; }
.prl-usage-heading h2 { font-size:20px; line-height:1.5; letter-spacing:-1px; }
.prl-usage-tag { display:inline-block; font-size:10px; color:#777c6b; border:1px solid #d7dcca; padding:2px 8px; border-radius:4px; margin-bottom:10px; }
.prl-usage h3 { font-size:13px; font-weight:600; letter-spacing:-.4px; }
.prl-usage p { font-size:11px; color:#858b7a; margin-top:8px; line-height:1.85; }
.prl-faq { display:grid; grid-template-columns:.75fr 1.25fr; gap:80px; padding-block:102px; }
.prl-faq-heading h2 { margin-top:19px; font-size:33px; }
.prl-faq-heading>p:not(.prl-eyebrow) { color:#858a7b; font-size:12px; margin-top:23px; }
.prl-faq-heading .prl-text-link { margin-top:16px; }
.prl-faq-list { border-top:1px solid #cbd0c0; }
.prl-faq-list details { border-bottom:1px solid #e1e5d9; }
.prl-faq-list summary { list-style:none; display:flex; align-items:center; justify-content:space-between; gap:20px; cursor:pointer; padding:23px 1px; font-size:13px; font-weight:500; line-height:1.6; }
.prl-faq-list summary::-webkit-details-marker { display:none; }
.prl-faq-list summary>span { width:13px; height:13px; position:relative; flex-shrink:0; }
.prl-faq-list summary>span::before, .prl-faq-list summary>span::after { content:''; width:11px; height:1px; background:#929b85; position:absolute; left:1px; top:6px; }
.prl-faq-list summary>span::after { transform:rotate(90deg); transition:transform .18s; }
.prl-faq-list details[open] summary>span::after { transform:rotate(0); }
.prl-faq-list details[open] summary { color:#5b644a; }
.prl-faq-list details>p { margin:0 26px 24px 1px; font-size:12px; color:#818978; line-height:1.95; }
.prl-final { padding-bottom:88px; }
.prl-final-inner { background:#f1eacb; border-radius:20px; display:grid; grid-template-columns:1.1fr 1fr; gap:55px; align-items:center; padding:49px 67px; overflow:hidden; }
.prl-final .prl-eyebrow { color:#898158; font-size:10px; }
.prl-final h2 { margin-top:14px; margin-bottom:25px; font-size:34px; }
.prl-final .prl-button { font-size:13px; min-height:50px; padding:14px 22px; }
.prl-final-photo { background:#fffef9; padding:10px 10px 17px; transform:rotate(5deg); box-shadow:0 11px 25px rgba(88,71,29,.1); }
.prl-final-photo img { width:100%; height:auto; aspect-ratio:3/2; object-fit:cover; }
.prl-final-photo span { display:block; margin-top:12px; text-align:center; font:8px/1.4 Arial,sans-serif; letter-spacing:2px; color:#8c8875; }
@media (max-width:1100px) {
  .prl-shell { width:calc(100% - 64px); }
  .prl-hero { gap:45px; min-height:620px; padding-block:46px 52px; }
  .prl-hero h1 { font-size:46px; letter-spacing:-2.7px; }
  .prl-hero-description { font-size:14px; }
  .prl-hero-actions { display:block; }
  .prl-quiet-link { margin-top:10px; margin-left:2px; }
  .prl-hero-visual { max-width:360px; }
  .prl-prompt-card { left:-26px; padding:15px; gap:10px; }
  .prl-prompt-card strong { font-size:11px; }.prl-prompt-arrow { margin-left:0; }
  .prl-feature-copy { padding:33px; }.prl-feature-copy h3 { font-size:28px; }
  .prl-feature-panel { min-height:436px; }.prl-desktop { display:none; }
  .prl-usage { gap:24px; }.prl-faq { gap:50px; }
  .prl-final-inner { gap:35px; padding:44px; }
}
@media (max-width:900px) and (min-width:761px) {
  .prl-hero { gap:27px; }.prl-hero h1 { font-size:39px; letter-spacing:-2.3px; }
  .prl-hero-description { font-size:12px; }.prl-hero-note { font-size:9px; }
  .prl-eyebrow { font-size:9px; letter-spacing:1.2px; }
  .prl-benefits>div { gap:12px; }.prl-benefits strong { font-size:11px; }.prl-benefits p>span { font-size:9px; }
  .prl-subnav-links { gap:18px; }.prl-subnav-inner { gap:20px; }
  .prl-feature-copy { padding:26px; }.prl-feature-copy h3 { font-size:25px; }.prl-feature-copy>p:not(.prl-kicker) { font-size:11px; }
  .prl-tab { font-size:11px !important; }.prl-tab span { margin-right:5px; }
  .prl-usage { grid-template-columns:1fr 1fr; }.prl-usage-heading { grid-column:1/-1; }.prl-usage-heading h2 br { display:none; }
  .prl-final h2 { font-size:29px; }.prl-final-inner { padding:35px; }
}
@media (max-width:760px) {
  .prl-shell { width:calc(100% - 40px); }
  .prl-subnav-inner { min-height:58px; gap:12px; }
  .prl-subnav-links { display:none; }.prl-subnav-inner>.prl-button { margin-left:auto; }
  .prl-product { font-size:14px; gap:6px; }.prl-beta { font-size:8px; }.prl-spark { font-size:22px; }
  .prl-page .prl-button-small { padding:9px 12px; gap:12px; min-height:44px; font-size:11px; }
  .prl-hero { grid-template-columns:1fr; min-height:0; gap:37px; padding-block:45px 32px; }
  .prl-hero-copy { text-align:center; }.prl-hero-copy .prl-eyebrow { justify-content:center; font-size:9px; letter-spacing:1.3px; }
  .prl-hero h1 { font-size:clamp(35px,7.8vw,50px); letter-spacing:-2.1px; line-height:1.3; margin-top:18px; }
  .prl-underline::after { height:9px; bottom:5px; }
  .prl-hero-description { font-size:12px; line-height:1.9; margin-top:20px !important; letter-spacing:-.3px; }
  .prl-hero-actions { display:flex; justify-content:center; flex-wrap:wrap; margin-top:23px; gap:13px; }
  .prl-hero-actions>.prl-button { min-height:52px; font-size:14px; padding:14px 24px; gap:26px; }
  .prl-quiet-link { margin:0; font-size:10px; }
  .prl-hero-note { justify-content:center; font-size:9px; margin-top:14px !important; gap:6px; }
  .prl-hero-visual { width:88%; max-width:370px; justify-self:center; padding-bottom:23px; }
  .prl-photo-frame { border-radius:160px 160px 15px 15px; aspect-ratio:4/4.7; }.prl-photo-frame>img { object-position:center 29%; }
  .prl-photo-tag { top:18px; font-size:9px; padding:6px 12px; }
  .prl-prompt-card { bottom:49px; left:-15px; right:7px; padding:14px; gap:10px; }
  .prl-prompt-icon { width:32px; height:32px; }.prl-prompt-card div>span { font-size:9px; }.prl-prompt-card strong { font-size:11px; }
  .prl-prompt-arrow { margin-left:auto; }.prl-hero-visual figcaption { font-size:8px; text-align:center; left:0; }
  .prl-benefits { padding-block:21px; gap:13px; }
  .prl-benefits>div, .prl-benefits>div:first-child { flex-direction:column; justify-content:flex-start; gap:9px; text-align:center; padding:0 4px; }
  .prl-benefits svg { width:24px; height:24px; }.prl-benefits strong { font-size:10px; letter-spacing:-.5px; margin:0; line-height:1.6; }
  .prl-benefits p>span { display:none; }
  .prl-features { padding-block:61px 52px; }.prl-page h2 { font-size:29px; letter-spacing:-1.5px; }
  .prl-section-head { display:block; margin-bottom:27px; }.prl-section-head h2 { margin-top:12px; }
  .prl-eyebrow { font-size:9px; letter-spacing:1.3px; }.prl-section-head>p { font-size:11px; margin-top:15px; }.prl-section-head>p br { display:none; }
  .prl-tabs { grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; margin-bottom:13px; }
  .prl-tab { padding:12px 7px; border-radius:7px; font-size:11px !important; min-height:45px; }.prl-tab span { font-size:9px; margin-right:6px; }
  .prl-feature-panel { grid-template-columns:minmax(0,1fr); min-height:0; border-radius:13px; }
  .prl-feature-image { min-height:285px; aspect-ratio:1.28; }.prl-detail-image>img { object-position:center 25%; }
  .prl-feature-copy { padding:28px 25px 29px; }.prl-feature-copy h3 { font-size:26px; letter-spacing:-1.2px; }
  .prl-kicker { font-size:10px; margin-bottom:10px !important; }.prl-feature-copy>p:not(.prl-kicker) { margin-top:15px; font-size:12px; }
  .prl-checks { gap:5px; margin-top:15px !important; }.prl-feature-copy>.prl-text-link { margin-top:14px; }
  .prl-image-label { top:15px; left:15px; font-size:8px; }.prl-tool-note { bottom:16px; font-size:10px; padding:11px 13px; gap:8px; }
  .prl-restore-image { padding:58px 44px 31px; }.prl-paper-photo { padding:10px 10px 15px; }.prl-paper-photo>span { margin-top:12px; font-size:8px; }
  .prl-resolution { left:22px; right:22px; bottom:22px; }.prl-resolution strong { font-size:37px; }
  .prl-example-note { font-size:9px; text-align:left; margin-top:11px !important; }
  .prl-how { padding-block:53px 25px; }.prl-how .prl-section-head>p { color:#b4bda7; }
  .prl-steps { grid-template-columns:1fr; gap:26px; margin-top:28px !important; }.prl-steps li { padding-top:20px; position:relative; padding-right:59px; }
  .prl-step-top { margin-bottom:12px; }.prl-step-top>span { font-size:24px; }.prl-step-top svg { position:absolute; right:3px; top:30px; width:35px; height:35px; }
  .prl-steps h3 { font-size:17px; }.prl-steps p { margin-top:9px; font-size:12px; }.prl-step-chip { margin-top:14px; font-size:9px; padding:3px 9px; }
  .prl-device-note { margin-top:29px; padding-top:21px; gap:12px; font-size:10px; flex-wrap:wrap; }.prl-device-note svg { width:21px; height:21px; }
  .prl-device-note>span { flex:1; }.prl-device-note a { margin-left:33px; width:100%; gap:15px; min-height:36px; }
  .prl-usage { grid-template-columns:1fr; gap:27px; padding-block:38px; }.prl-usage-heading { gap:11px; padding:0; }
  .prl-usage-heading h2 { font-size:18px; letter-spacing:-.7px; }.prl-usage-heading h2 br { display:none; }.prl-usage-heading .prl-spark { margin:0; }
  .prl-usage>div:not(:first-child) { padding-left:32px; }.prl-usage-tag { margin-bottom:6px; }.prl-usage h3 { font-size:13px; }.prl-usage p { font-size:11px; }
  .prl-faq { grid-template-columns:1fr; gap:29px; padding-block:52px; }.prl-faq-heading h2 { font-size:29px; margin-top:13px; }.prl-faq-heading h2 br { display:none; }
  .prl-faq-heading>p:not(.prl-eyebrow) { margin-top:13px; font-size:11px; }.prl-faq-heading .prl-text-link { margin-top:9px; font-size:11px; }
  .prl-faq-list summary { padding-block:20px; font-size:12px; gap:12px; }.prl-faq-list details>p { font-size:11px; margin-bottom:22px; }
  .prl-final { padding-bottom:47px; }.prl-final-inner { grid-template-columns:1fr; gap:32px; padding:34px 28px; border-radius:13px; }
  .prl-final h2 { font-size:29px; margin-top:13px; margin-bottom:23px; }.prl-final .prl-button { min-height:49px; font-size:12px; }
  .prl-final-photo { max-width:390px; width:94%; justify-self:center; transform:rotate(3deg); }.prl-final-photo span { font-size:7px; }
}
@media (max-width:360px) {
  .prl-shell { width:calc(100% - 32px); }.prl-beta { display:none; }
  .prl-hero h1 { font-size:33px; }.prl-hero-description { font-size:11px; }
  .prl-hero-actions { flex-direction:column; gap:8px; }.prl-hero-actions .prl-quiet-link { min-height:37px; }
  .prl-prompt-card { left:-11px; padding:12px 10px; gap:8px; }.prl-prompt-card strong { font-size:10px; }.prl-prompt-icon { width:28px; height:28px; }
  .prl-feature-copy { padding:25px 21px; }.prl-feature-image { min-height:245px; }.prl-feature-copy h3 { font-size:24px; }
}
@media (prefers-reduced-motion:reduce) {
  .prl-page *, .prl-page *::before, .prl-page *::after { scroll-behavior:auto !important; transition:none !important; animation:none !important; }
}

/* Detailed feature guides and the persistent footer requested for revision 2. */
body:has(.prl-page) { --prl-bar-size:68px; padding-bottom:calc(var(--prl-bar-size) + env(safe-area-inset-bottom, 0px)); }
.prl-subnav { position:fixed; top:auto; bottom:0; left:0; right:0; border-top:1px solid #dedfd5; border-bottom:0; padding-bottom:env(safe-area-inset-bottom, 0px); box-shadow:0 -4px 20px rgba(35,40,26,.04); }
.prl-subnav-links { gap:22px; }
.prl-page section[id], .prl-page main { scroll-margin-top:84px; }
body:has(.prl-page) .qaw-fab { bottom:calc(var(--prl-bar-size) + 18px + env(safe-area-inset-bottom, 0px)); }
body:has(.prl-page) .qaw-bub { bottom:calc(var(--prl-bar-size) + 82px + env(safe-area-inset-bottom, 0px)); }
body:has(.prl-page).prl-feedback-quiet .qaw-bub { display:none !important; }
body:has(.prl-page) .qaw-pop { bottom:calc(var(--prl-bar-size) + 84px + env(safe-area-inset-bottom, 0px)); max-height:min(560px,calc(100dvh - var(--prl-bar-size) - 140px)); }
.prl-page .prl-feature-panel { display:block; min-height:0; border:0; border-radius:0; overflow:visible; background:transparent; }
.prl-feature-overview { display:grid; grid-template-columns:1.2fr 1fr; align-items:center; gap:40px; padding-top:12px; }
.prl-comparison { --prl-compare:50%; min-width:0; }
.prl-compare-stage { position:relative; aspect-ratio:4/3; overflow:hidden; border-radius:12px; background:#e8e5dc; cursor:ew-resize; touch-action:pan-y; user-select:none; }
.prl-page .prl-compare-photo { position:absolute; inset:0; width:100%; height:100%; max-width:none; object-fit:cover; object-position:50% 32%; pointer-events:none; }
.prl-compare-before { position:absolute; inset:0; clip-path:inset(0 calc(100% - var(--prl-compare)) 0 0); }
.prl-comparison-skin .prl-compare-stage { aspect-ratio:1; }
/* Bride crops: 864px square at (84,112) and (1108,112); exclude the labels below the photo. */
.prl-page img.prl-bride-board { width:237.0370370370%; height:237.0370370370%; max-width:none; left:-9.7222222222%; top:-12.9629629630%; object-fit:fill; transform:none; }
.prl-page img.prl-bride-after { left:-128.2407407407%; }
/* Approved sky board: left gray sky and right sunset, with the full wedding scene. */
.prl-page .prl-comparison-color { width:100%; max-width:440px; margin-inline:auto; }
.prl-comparison-color .prl-compare-stage { aspect-ratio:31/44; }
.prl-page img.prl-sky-board { width:206.4516129032%; height:109.0909090909%; max-width:none; left:-1.6129032258%; top:-4.5454545455%; object-fit:fill; transform:none; }
.prl-page img.prl-sky-after { left:-104.8387096774%; }
.prl-page .prl-comparison-restore { width:100%; max-width:440px; margin-inline:auto; }
.prl-comparison-restore .prl-compare-stage { aspect-ratio:31/44; }
.prl-page img.prl-vintage-board { width:206.4516129032%; height:109.0909090909%; max-width:none; left:-1.6129032258%; top:-4.5454545455%; object-fit:fill; transform:none; }
.prl-page img.prl-vintage-after { left:-104.8387096774%; }
.prl-comparison-save .prl-compare-photo { transform:scale(2.6); transform-origin:48% 31%; }
.prl-generative-intro { max-width:700px; padding-top:12px; margin-bottom:22px; }
.prl-generative-intro h3 { font-size:27px; font-weight:600; line-height:1.45; letter-spacing:-1px; }
.prl-generative-intro>p:last-child { margin-top:12px; color:#717a65; font-size:13px; line-height:1.9; }
.prl-generative-tabs { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; max-width:720px; margin-bottom:24px; }
.prl-generative-tab { min-height:48px; padding:11px 12px; border:1px solid #dce2d2; border-radius:9px; background:#fff; color:#657358; font-size:13px; font-weight:500; }
.prl-generative-tab[aria-selected=true] { background:#e7eddd; border-color:#82916d; color:#354728; font-weight:700; }
.prl-comparison-generative { width:100%; max-width:430px; margin-inline:auto !important; }
.prl-comparison-generative .prl-compare-stage { aspect-ratio:3/4; }
.prl-page img.prl-generated-board { width:200%; height:100%; max-width:none; left:0; top:0; object-fit:fill; transform:none; }
.prl-page img.prl-generated-after { left:-100%; }
.prl-generative-example .prl-feature-copy h4 { font-size:29px; line-height:1.45; letter-spacing:-1.3px; font-weight:600; }
.prl-generation-prompt { margin:22px 0 0; padding:17px 20px; border-left:3px solid #a5b88b; border-radius:0 10px 10px 0; background:#edf1e6; }
.prl-generation-prompt>span { color:#758565; font-size:10px; }
.prl-generation-prompt>p { margin-top:6px; color:#435438; font-size:13px; line-height:1.85; }
.prl-generative-notice { margin-top:28px; padding:20px 24px; border:1px solid #e7e3d1; border-radius:12px; background:#f8f6ed; }
.prl-generative-notice strong { color:#666644; font-size:13px; font-weight:600; }
.prl-generative-notice p { margin-top:7px; color:#7b7c68; font-size:12px; line-height:1.9; }
@media (max-width:760px) {
  .prl-generative-intro { margin-bottom:18px; }
  .prl-generative-intro h3 { font-size:22px; }
  .prl-generative-intro>p:last-child { font-size:12px; }
  .prl-generative-tabs { grid-template-columns:repeat(2,minmax(0,1fr)); margin-bottom:17px; gap:7px; }
  .prl-generative-tab { min-height:44px; font-size:12px; }
  .prl-generative-example .prl-feature-copy h4 { font-size:25px; }
  .prl-generation-prompt { margin-top:18px; padding:14px 16px; }
  .prl-generative-notice { margin-top:23px; padding:17px 18px; }
}
.prl-compare-label { position:absolute; top:15px; padding:6px 12px; border-radius:30px; background:rgba(34,38,30,.78); color:#fff; font-size:11px; line-height:1.5; pointer-events:none; }
.prl-compare-label-before { left:15px; }
.prl-compare-label-after { right:15px; background:rgba(248,248,245,.92); color:#313828; }
.prl-compare-line { position:absolute; top:0; bottom:0; left:var(--prl-compare); width:2px; background:#fff; box-shadow:0 0 6px #0005; transform:translateX(-1px); pointer-events:none; }
.prl-compare-line>span { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); display:flex; align-items:center; justify-content:center; gap:5px; width:40px; height:40px; border-radius:50%; background:#fff; color:#454e3b; font:22px/1 Arial,sans-serif; box-shadow:0 2px 10px #0003; }
.prl-compare-line i { width:1px; height:13px; background:#c8ccbf; }
.prl-only-before .prl-compare-label-after, .prl-only-after .prl-compare-label-before, .prl-only-before .prl-compare-line, .prl-only-after .prl-compare-line { visibility:hidden; }
.prl-compare-controls { display:flex; align-items:center; gap:12px; padding-top:7px; }
.prl-compare-controls button { min-height:44px; min-width:54px; border:0; padding:8px 0; color:#626c52; background:transparent; font-size:12px; }
.prl-compare-controls input { flex:1; min-width:0; height:44px; margin:0; accent-color:#74815f; cursor:ew-resize; }
.prl-comparison figcaption { padding-top:3px; font-size:11px; color:#838b76; line-height:1.8; }
.prl-comparison figcaption strong { display:block; font-weight:600; color:#5c684c; }
.prl-photo-credit { display:block; margin-top:5px; font-size:10px; line-height:1.8; }
.prl-photo-credit a { text-decoration:underline; text-underline-offset:3px; }
.prl-result-description { margin-top:20px; padding:17px 19px; background:#ecefe5; border-radius:9px; }
.prl-result-description strong { display:block; font-size:11px; font-weight:600; color:#606f4b; margin-bottom:7px; }
.prl-result-description p { font-size:12px; color:#737e64; line-height:1.85; }
.prl-guide-jump { display:flex; align-items:center; justify-content:space-between; margin-top:24px; border-block:1px solid #dce1d2; min-height:56px; padding:14px 2px; font-size:12px; color:#657253 !important; }
.prl-guide-tabs { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:8px; margin:30px 0 28px; }
.prl-guide-tabs .prl-tab { justify-content:center; min-height:48px; padding:12px 6px; border:1px solid #d9dfcd; border-radius:8px; font-size:13px; background:#f7f8f2; }
.prl-guide-tabs .prl-tab[aria-selected="true"] { background:#38442e; border-color:#38442e; color:#fff; }
.prl-guide-intro { margin-bottom:22px; }
.prl-guide-intro h3 { font-size:22px; font-weight:600; line-height:1.6; color:#45523a; }
.prl-guide-intro p { margin-top:9px; max-width:800px; font-size:13px; line-height:1.9; color:#778169; }
.prl-guide-steps { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:26px 38px; margin-top:32px !important; }
.prl-guide-steps li { display:flex; gap:17px; padding-top:21px; border-top:1px solid #d6ddca; }
.prl-guide-steps li>span { flex-shrink:0; font:22px/1.4 Arial,sans-serif; color:#a0ac8a; }
.prl-guide-steps h4 { font-size:15px; font-weight:600; color:#566347; margin-bottom:9px; }
.prl-guide-steps p { font-size:12px; line-height:1.95; color:#7c866e; }
.prl-editor-reference { margin-top:22px; border-block:1px solid #d8dfcc; }
.prl-editor-reference summary { display:flex; align-items:center; justify-content:space-between; min-height:50px; padding:13px 2px; font-size:12px; color:#6a7658; cursor:pointer; list-style:none; }
.prl-editor-reference summary::-webkit-details-marker { display:none; }
.prl-editor-reference>div { padding-bottom:20px; }
.prl-demo { position:relative; overflow:hidden; border-radius:13px; background:#272b33; color:#e6e9ed; }
.prl-demo button, .prl-demo-control { min-height:44px; padding:9px 13px; border:1px solid #505660; border-radius:7px; background:#343943; color:#e3e6eb; font-size:12px; line-height:1.6; text-align:center; transition:background .18s,box-shadow .18s; }
.prl-demo button:hover { background:#424a55; }
.prl-demo-control { display:block; cursor:default; user-select:none; }
.prl-demo-control[data-active="true"] { border-color:#f6c777; color:#ffe1a3; background:#514a3a; }
.prl-demo-top { display:flex; align-items:center; gap:12px; padding:12px 18px; border-bottom:1px solid #414650; }
.prl-demo-top>strong { flex:1; font-size:13px; font-weight:500; }
.prl-demo-tag { padding:5px 8px; border-radius:5px; background:#48583c; color:#dbebca; font-size:10px; white-space:nowrap; }
.prl-demo-top button { min-height:44px; font-size:11px; white-space:nowrap; }
.prl-demo .prl-demo-disclosure { padding:11px 18px; background:#30353e; font-size:11px; line-height:1.8; color:#b9c1ce; }
.prl-demo-toolbar { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:8px; padding:9px 16px; border-bottom:1px solid #414650; }
.prl-demo-toolbar>span { font:11px/1.7 Arial,'Noto Sans KR',sans-serif; color:#afb8c6; }
.prl-demo-toolbar>div { display:flex; gap:6px; margin-left:auto; }
.prl-demo-toolbar .prl-demo-control { min-height:40px; font-size:11px; padding:7px 10px; }
.prl-demo-workspace { display:grid; grid-template-columns:minmax(0,1fr) 286px; }
.prl-demo-canvas { position:relative; display:flex; align-items:center; justify-content:center; min-height:478px; overflow:hidden; background:#1c1f26; padding:24px 0; }
.prl-demo-picture { position:relative; flex-shrink:0; width:min(74%,336px); aspect-ratio:4/5; transition:transform .45s ease; transform-origin:48% 31%; }
.prl-demo[data-demo-source="skin"] .prl-demo-picture { aspect-ratio:1; }
.prl-demo[data-demo-source="color"] .prl-demo-picture,
.prl-demo[data-demo-source="restore"] .prl-demo-picture { aspect-ratio:31/44; }
.prl-demo-picture.prl-demo-landscape { width:min(90%,620px); aspect-ratio:3/2; }
.prl-demo-picture img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; user-select:none; pointer-events:none; }
.prl-demo-result { opacity:0; transition:opacity .55s ease; }
.prl-demo[data-demo-generated="true"] .prl-demo-picture { overflow:hidden; }
.prl-demo[data-demo-generated="true"] .prl-demo-result { position:absolute; inset:0; overflow:hidden; }
.prl-demo[data-prl-demo="skin"] .prl-demo-result { clip-path:ellipse(17% 12% at 64% 43%); }
.prl-demo[data-demo-source="skin"] .prl-demo-selection { left:47%; top:31%; width:34%; height:24%; }
.prl-demo-selection { position:absolute; left:35%; top:24%; width:27%; height:14%; border:2px dashed #ff7496; border-radius:47%; background:#ff74962c; opacity:0; transform:scale(.8); transition:opacity .25s,transform .35s; }
.prl-demo.has-selection .prl-demo-selection { opacity:1; transform:scale(1); }
.prl-demo.is-zoomed .prl-demo-picture { transform:scale(2); }
.prl-demo-canvas-badge { position:absolute; left:13px; bottom:13px; padding:5px 9px; border-radius:5px; background:#14181dd9; color:#e5e7eb; font-size:10px; }
.prl-demo-panel { padding:22px 19px; border-left:1px solid #414650; }
.prl-demo-panel h4 { font-size:14px; font-weight:600; margin:0 0 19px; }
.prl-demo-panel>.prl-demo-control { display:block; width:100%; margin-top:8px; }
.prl-demo .prl-demo-control-label { font-size:11px; color:#adb8c8; margin:18px 0 8px; }
.prl-demo .prl-demo-control-label:first-of-type { margin-top:0; }
.prl-demo-request-label { display:block; color:#aab5c5; font-size:10px; margin-top:13px; }
.prl-demo-request { display:block; min-height:110px; width:100%; padding:11px; margin-top:5px; border:1px solid #505660; border-radius:7px; background:#1f232b; color:#e5eaf2; font:12px/1.8 'Noto Sans KR',sans-serif; }
.prl-demo .prl-demo-primary { background:#f6ce78; border-color:#f6ce78; color:#342c19; font-weight:600; }
.prl-demo .prl-demo-help { font-size:11px; line-height:1.9; color:#aeb9c8; margin-top:16px; }
.prl-demo-options { display:grid; grid-template-columns:1fr 1fr; gap:8px; }
.prl-demo-request-label + .prl-demo-options { margin-top:16px; }
.prl-demo-help + .prl-demo-restore-option { margin-top:20px; }
.prl-demo-options small { display:block; font-size:10px; }
.prl-demo-strength { display:block; margin:24px 0 16px; font-size:12px; color:#b8c3d1; }
.prl-demo-strength [data-demo-strength-value] { float:right; color:#f3d496; }
.prl-demo-meter { height:6px; margin:19px 0; border-radius:9px; background:#596271; }
.prl-demo-meter>span { position:relative; display:block; width:70%; height:100%; border-radius:inherit; background:#f6ce78; transition:width .65s ease; }
.prl-demo-meter>span::after { content:""; position:absolute; right:-6px; top:-4px; width:14px; height:14px; border-radius:50%; background:#f6ce78; }
.prl-demo-restore-option { padding:15px; border:1px solid #5e6979; border-radius:9px; background:#353d48; }
.prl-demo-restore-option strong { display:block; color:#e4ebf5; font-size:13px; margin-bottom:8px; }
.prl-demo-restore-option span { font-size:11px; color:#aebacf; line-height:1.8; }
.prl-demo .prl-demo-status { min-height:68px; padding:13px 18px; border-bottom:1px solid #414650; color:#b6d29d; font-size:11px; line-height:1.9; }
.prl-demo-pointer { position:absolute; z-index:3; display:none; pointer-events:none; color:#ffcc79; font:32px/1 Arial,sans-serif; text-shadow:0 2px 4px #000; transition:left .4s ease,top .4s ease; }
.prl-demo.is-playing.has-demo-pointer .prl-demo-pointer { display:block; }
@media (prefers-reduced-motion:reduce) {
  .prl-demo.is-playing .prl-demo-pointer { display:none; }
}
.prl-demo .is-demo-cue { box-shadow:0 0 0 3px #f6ce7880; }
.prl-page .prl-feature-copy { padding:12px 0 12px 4px; min-width:0; }
.prl-feature-copy>p:not(.prl-kicker) { font-size:13px; }
.prl-page .prl-feature-copy .prl-tool-location { border-left:2px solid #ccbd7c; padding-left:14px; font-size:12px; color:#555f49; margin-top:23px; line-height:1.8; }
.prl-tool-location>span { display:block; font-size:10px; color:#818978; margin-bottom:3px; }
.prl-editor-shot { min-width:0; }
.prl-shot-button { display:block; position:relative; border-radius:12px; overflow:hidden; background:#181a20; }
.prl-shot-button img { width:100%; height:auto; }
.prl-shot-zoom { position:absolute; right:12px; bottom:12px; display:flex; align-items:center; gap:12px; border:1px solid #64676c; background:#292c31; color:#fff; padding:8px 12px; border-radius:7px; font-size:11px; }
.prl-shot-button:hover .prl-shot-zoom { background:#484d3d; }
.prl-editor-shot figcaption { color:#7c8273; font-size:10px; margin-top:11px; line-height:1.7; }
.prl-editor-shot figcaption>span { color:#646d51; background:#e9ecdf; border-radius:4px; padding:3px 6px; margin-right:5px; }
.prl-tool-details { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin-top:32px; }
.prl-page .prl-tool-card { padding:25px; background:#fff; border:1px solid #e6e9de; border-radius:12px; min-width:0; }
.prl-tool-number { font:12px/1.3 Arial,sans-serif; color:#9b8950; display:block; margin-bottom:13px; }
.prl-tool-card h4 { font-size:16px; font-weight:600; letter-spacing:-.5px; margin-bottom:10px; }
.prl-tool-card p { font-size:12px; color:#747d69; line-height:1.95; }
.prl-tab-how { display:grid; grid-template-columns:140px 1fr; gap:24px; padding:27px 0; border-bottom:1px solid #e0e5d6; margin-top:8px; }
.prl-tab-how h4 { font-size:13px; font-weight:600; padding-top:2px; }
.prl-tab-how ol { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:23px; }
.prl-tab-how li { display:flex; align-items:flex-start; gap:9px; }
.prl-tab-how li>span { display:grid; place-items:center; flex-shrink:0; width:22px; height:22px; border:1px solid #cdd5be; border-radius:50%; font-size:10px; color:#68764f; }
.prl-tab-how p { font-size:11px; line-height:1.9; color:#757f67; }
.prl-tab-tip { font-size:11px; line-height:1.9; color:#7a826f; margin-top:17px !important; }
.prl-tab-tip strong { color:#646c54; font-weight:600; margin-right:10px; }
.prl-ai-guide { background:#eef0e7; padding:82px 0; }
.prl-ai-guide>.prl-shell>.prl-editor-shot { padding:17px; border-radius:18px; background:#fff; box-shadow:0 8px 30px rgba(51,64,28,.05); }
.prl-ai-guide .prl-editor-shot figcaption { padding-left:2px; }
.prl-ai-steps { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:34px; margin-top:33px !important; }
.prl-ai-steps>li>span { font:12px/1.5 Arial,sans-serif; color:#899361; }
.prl-ai-steps h3 { font-size:18px; font-weight:600; margin-top:9px; letter-spacing:-.5px; }
.prl-ai-steps p { color:#7a826c; font-size:12px; line-height:1.95; margin-top:10px; }
.prl-ai-requests { display:grid; grid-template-columns:.8fr 1.2fr; gap:55px; margin-top:47px; border-top:1px solid #d9dfcf; padding-top:37px; }
.prl-ai-requests h3 { font-size:25px; line-height:1.5; font-weight:600; letter-spacing:-1px; }
.prl-request-list { display:grid; gap:12px; }
.prl-request-list blockquote { padding:18px 22px; background:rgba(255,255,255,.75); border:1px solid #e2e7d7; border-radius:10px; }
.prl-request-list blockquote>span { font-size:10px; color:#8a927c; display:block; margin-bottom:7px; }
.prl-request-list blockquote>p { color:#4d5840; font-size:13px; line-height:1.85; }
.prl-request-list small { display:block; color:#8c947c; font-size:10px; margin-top:7px; }
.prl-preset-guide { display:grid; grid-template-columns:1.1fr 1fr; gap:42px; margin-top:30px; background:#e5e9d9; border-radius:12px; padding:28px 30px; }
.prl-preset-guide h3 { font-size:18px; font-weight:600; margin-bottom:10px; }
.prl-preset-guide p:not(.prl-kicker) { font-size:12px; line-height:1.9; color:#747f63; }
.prl-preset-guide strong { font-weight:600; color:#546244; }
.prl-preset-notice { border-left:1px solid #cbd3be; padding-left:28px; align-self:center; }
.prl-preset-notice strong { display:block; margin-bottom:7px; }
.prl-ai-limits { margin-top:30px; padding:28px 30px; border:1px solid #e7d8ad; border-radius:12px; background:#fff8e7; }
.prl-ai-limits h3 { font-size:20px; font-weight:600; line-height:1.6; color:#514830; }
.prl-ai-limits p { font-size:13px; line-height:1.9; color:#6d644e; }
.prl-ai-limits>p { margin-top:12px; }
.prl-ai-limits ol { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px; margin-top:24px; list-style:none; padding:0; }
.prl-ai-limits li { border-top:1px solid #e7d8ad; padding-top:18px; }
.prl-ai-limits h4 { margin-bottom:8px; font-size:14px; font-weight:600; color:#514830; }
.prl-ai-limits .prl-ai-retry-note { margin-top:20px; font-size:12px; }
.prl-screen-dialog { width:min(1400px,calc(100% - 32px)); max-width:none; max-height:calc(100dvh - 32px); padding:0; border:0; border-radius:14px; margin:auto; background:#f8f8f5; color:#242622; box-shadow:0 18px 70px #0005; }
.prl-screen-dialog::backdrop { background:rgba(20,25,17,.75); }
.prl-screen-head { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:12px 18px; }
.prl-page .prl-screen-head h2 { font-size:15px; letter-spacing:-.4px; }
.prl-screen-head button { min-height:44px; padding:8px 13px; border:1px solid #dce0d3; border-radius:7px; background:#fff; font-size:12px; white-space:nowrap; }
.prl-screen-head button span { font-size:19px; margin-left:9px; }
.prl-screen-scroll { overflow:auto; max-height:calc(100dvh - 150px); overscroll-behavior:contain; background:#191b21; }
.prl-page .prl-screen-scroll img { width:100%; min-width:960px; max-width:none; height:auto; }
.prl-screen-dialog.is-portrait { width:min(440px,calc(100% - 20px)); }
.prl-page .prl-screen-dialog.is-portrait .prl-screen-scroll img { min-width:0; }
.prl-screen-dialog>p { padding:11px 18px; font-size:11px; color:#7d8471; }
body.prl-modal-open { overflow:hidden; }
@media (max-width:1000px) {
  .prl-subnav-links { gap:13px; font-size:11px; }
  .prl-subnav-inner { gap:20px; }
  .prl-feature-overview { gap:25px; grid-template-columns:1.1fr 1fr; }
  .prl-page .prl-feature-copy h3 { font-size:27px; }
  .prl-tool-details { gap:12px; }
  .prl-page .prl-tool-card { padding:20px; }
  .prl-tab-how { grid-template-columns:110px 1fr; gap:15px; }
  .prl-tab-how ol { gap:15px; }
}
@media (max-width:760px) {
  body:has(.prl-page) { --prl-bar-size:64px; }
  .prl-subnav-inner { min-height:63px; gap:12px; }
  .prl-feature-overview { grid-template-columns:minmax(0,1fr); gap:19px; padding-top:7px; }
  .prl-guide-tabs { grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; margin-top:24px; }
  .prl-guide-tabs .prl-tab:last-child { grid-column:auto; }
  .prl-guide-intro h3 { font-size:20px; }
  .prl-guide-intro p { font-size:12px; }
  .prl-guide-steps { grid-template-columns:minmax(0,1fr); gap:22px; }
  .prl-demo-top { gap:8px; padding:10px 12px; }
  .prl-demo-top>strong { font-size:11px; }
  .prl-demo-top button { padding:7px 9px; }
  .prl-demo .prl-demo-disclosure { padding:10px 12px; }
  .prl-demo .prl-demo-status { min-height:110px; }
  .prl-demo-toolbar { padding:9px 11px; }
  .prl-demo-toolbar .prl-demo-control { padding:7px 9px; }
  .prl-demo-workspace { grid-template-columns:minmax(0,1fr); }
  .prl-demo-canvas { min-height:346px; }
  .prl-demo-picture { width:min(74%,252px); }
  .prl-demo-panel { border-left:0; border-top:1px solid #414650; padding:20px; }
  .prl-page .prl-feature-copy { padding:8px 0; }
  .prl-page .prl-feature-copy h3 { font-size:28px; }
  .prl-feature-copy>p:not(.prl-kicker) { font-size:13px; }
  .prl-shot-zoom { right:8px; bottom:8px; font-size:10px; padding:6px 10px; }
  .prl-tool-details { grid-template-columns:minmax(0,1fr); gap:11px; margin-top:19px; }
  .prl-page .prl-tool-card { padding:21px 22px; }
  .prl-tool-number { float:left; margin:2px 12px 0 0; }
  .prl-tool-card h4 { font-size:16px; margin-bottom:9px; }
  .prl-tool-card p { font-size:12px; }
  .prl-tab-how { display:block; padding:24px 0; }
  .prl-tab-how h4 { font-size:14px; margin-bottom:15px; }
  .prl-tab-how ol { grid-template-columns:minmax(0,1fr); gap:13px; }
  .prl-tab-how p { font-size:12px; }
  .prl-tab-tip { font-size:11px; }
  .prl-ai-guide { padding:55px 0; }
  .prl-ai-guide>.prl-shell>.prl-editor-shot { padding:9px; border-radius:12px; }
  .prl-ai-steps { grid-template-columns:minmax(0,1fr); gap:24px; margin-top:28px !important; }
  .prl-ai-steps>li { padding-left:37px; position:relative; }
  .prl-ai-steps>li>span { position:absolute; left:0; top:3px; }
  .prl-ai-steps h3 { margin:0; font-size:17px; }
  .prl-ai-steps p { font-size:12px; margin-top:7px; }
  .prl-ai-requests { grid-template-columns:minmax(0,1fr); gap:22px; margin-top:32px; padding-top:27px; }
  .prl-ai-requests h3 { font-size:23px; }
  .prl-ai-requests h3 br { display:none; }
  .prl-request-list blockquote { padding:17px; }
  .prl-request-list blockquote>p { font-size:12px; }
  .prl-preset-guide { grid-template-columns:minmax(0,1fr); gap:19px; padding:24px 21px; }
  .prl-preset-guide h3 { font-size:17px; }
  .prl-preset-notice { padding:17px 0 0; border-left:0; border-top:1px solid #cbd3be; }
  .prl-ai-limits { padding:24px 21px; }
  .prl-ai-limits h3 { font-size:18px; }
  .prl-ai-limits ol { grid-template-columns:minmax(0,1fr); gap:20px; }
  .prl-screen-dialog { width:calc(100% - 20px); border-radius:10px; }
  .prl-screen-head { padding:9px 12px; gap:10px; }
  .prl-page .prl-screen-head h2 { font-size:13px; }
}

/* Mobile content slider: existing tabs remain available above each section. */
.prl-mobile-slider { display:none; }
@media (max-width:760px) {
  .prl-mobile-slider { display:block; margin:26px 0 20px; padding:17px 0 0; border-top:1px solid #d9dfcf; }
  .prl-slide-controls { display:grid; grid-template-columns:44px minmax(0,1fr) 44px; align-items:center; gap:6px; max-width:340px; margin:0 auto; }
  .prl-slide-arrow { display:flex; align-items:center; justify-content:center; width:44px; height:44px; padding:0; border:1px solid #ced6c1; border-radius:50%; background:#f8f9f3; color:#4b593b; }
  .prl-slide-arrow>span { font:28px/1 Arial,sans-serif; padding-bottom:3px; }
  .prl-slide-dots { display:flex; justify-content:center; min-width:0; }
  .prl-slide-dot { display:flex; flex:1; max-width:36px; min-width:24px; height:44px; align-items:center; justify-content:center; padding:0; border:0; background:transparent; }
  .prl-slide-dot>span { width:6px; height:6px; border-radius:8px; background:#c3ccb4; transition:width .2s,background .2s; }
  .prl-slide-dot[aria-current="true"]>span { width:20px; background:#52633e; }
  .prl-slide-status { display:flex; align-items:center; justify-content:center; gap:12px; margin:8px 0 0; font-size:12px; line-height:1.8; color:#556446; }
  .prl-slide-status strong { font-weight:500; }
  .prl-slide-status>span { font-size:11px; color:#8c987c; font-variant-numeric:tabular-nums; }
  .prl-slide-hint { margin-top:6px; font-size:10px; line-height:1.8; text-align:center; color:#929b85; }
  .prl-guide-panel { overflow-x:clip; scroll-margin-top:84px; }
  .prl-demo-workspace { touch-action:pan-y; }
  .prl-slide-enter>* { animation:prl-slide-in .22s ease-out; }
}
@keyframes prl-slide-in {
  from { opacity:.5; transform:translateX(var(--prl-slide-from,18px)); }
  to { opacity:1; transform:translateX(0); }
}

/* Photo studio introduction, actual editor map, and AI LAB body-line examples. */
.prl-hero-lead { color:#747969; font-size:20px; font-weight:500; letter-spacing:-.7px; }
.prl-studio-title { margin-top:22px !important; color:#687258; font:600 15px/1.5 Arial,sans-serif; letter-spacing:3.1px; }
.prl-hero-note { align-items:flex-start; max-width:470px; line-height:1.8; }
.prl-hero-note svg { margin-top:3px; }
.prl-value-grid { grid-template-columns:repeat(4,minmax(0,1fr)); padding-block:32px; }
.prl-value-grid>div, .prl-value-grid>div:first-child { padding:0 18px; gap:14px; justify-content:center; align-items:flex-start; }
.prl-value-grid svg { margin-top:4px; width:25px; height:25px; }
.prl-value-grid strong { font-size:17px; margin-bottom:9px; }
.prl-value-grid p>span { display:block; font-size:12px; line-height:1.8; }
.prl-free-detail { margin-top:14px !important; color:#838978; font-size:11px; text-align:center; }
.prl-editor-map { padding-top:100px; }
.prl-editor-map-figure { padding:12px; background:#fff; border:1px solid #e2e6da; border-radius:16px; }
.prl-editor-map-figure .prl-shot-button { position:relative; display:block; overflow:hidden; border-radius:8px; }
.prl-editor-map-figure img { width:100%; height:auto; }
.prl-editor-map-figure figcaption { margin-top:11px; color:#8a917e; font-size:11px; text-align:center; }
.prl-map-marker { position:absolute; display:grid; place-items:center; width:32px; height:32px; border:2px solid #fff; border-radius:50%; background:#ffdc60; color:#31362b; font:700 13px/1 Arial,sans-serif; box-shadow:0 3px 12px #0005; transform:translate(-50%,-50%); }
.prl-map-marker-1 { left:max(16px,2.09375%); top:max(16px,4.05405%); }
.prl-map-marker-2 { left:29.56201%; top:55.29191%; }
.prl-map-marker-3 { left:88.03125%; top:max(16px,4.89865%); }
.prl-map-marker-4 { left:94%; top:29.88457%; }
.prl-map-details { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:24px; margin-top:26px !important; }
.prl-map-details li { display:flex; gap:11px; align-items:flex-start; }
.prl-map-details li>span { flex-shrink:0; display:grid; place-items:center; width:25px; height:25px; border-radius:50%; background:#e7ebdd; color:#62714f; font:600 11px/1 Arial,sans-serif; }
.prl-map-details h3 { font-size:14px; font-weight:600; margin-bottom:7px; }
.prl-map-details p { font-size:12px; line-height:1.9; color:#7b8470; }

/* The large editor overview: clickable, local demonstration with a static fallback. */
.prl-ai-mode-guide { margin:0 0 24px; padding:24px; border:1px solid #e1e5d9; border-radius:14px; background:#fff; scroll-margin-top:84px; }
.prl-ai-mode-heading { display:flex; flex-wrap:wrap; align-items:baseline; justify-content:space-between; gap:8px 24px; margin-bottom:18px; }
.prl-ai-mode-heading h3 { font-size:20px; line-height:1.45; font-weight:600; letter-spacing:-.6px; }
.prl-ai-mode-heading p { color:#717a65; font-size:12px; }
.prl-ai-mode-heading strong { color:#48523c; font-weight:600; }
.prl-ai-mode-cards { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.prl-ai-mode-card { min-width:0; padding:20px; border-radius:10px; background:#f6f8f1; }
.prl-ai-mode-precise { background:#fbf7e8; }
.prl-ai-mode-top { display:flex; flex-wrap:wrap; align-items:center; gap:8px 12px; margin-bottom:13px; }
.prl-ai-mode-badge { display:inline-flex; align-items:center; gap:5px; padding:4px 10px; border:1px solid #d6ddcb; border-radius:6px; background:#fff; color:#485c32; font-size:12px; font-weight:600; line-height:1.6; }
.prl-ai-mode-badge svg { width:15px; height:15px; }
.prl-ai-mode-precise .prl-ai-mode-badge { border-color:#e7dba8; color:#806119; }
.prl-ai-mode-model { color:#77816d; font-size:11px; }
.prl-ai-mode-card h4 { margin:0 0 7px; font-size:16px; font-weight:600; line-height:1.5; letter-spacing:-.4px; }
.prl-ai-mode-card>p { color:#71786b; font-size:12px; line-height:1.85; }
.prl-ai-mode-note { margin-top:15px !important; color:#78806f; font-size:11px; line-height:1.8; }
.prl-ai-mode-note strong { color:#59654e; font-weight:500; }
.prl-ai-mode-note>span { display:block; }
@media (max-width:760px) {
  .prl-ai-mode-guide { padding:18px 16px; margin-bottom:18px; }
  .prl-ai-mode-heading { margin-bottom:14px; }
  .prl-ai-mode-heading h3 { font-size:18px; }
  .prl-ai-mode-cards { grid-template-columns:1fr; gap:10px; }
  .prl-ai-mode-card { padding:16px; }
  .prl-ai-mode-top { margin-bottom:9px; }
  .prl-ai-mode-card>p br { display:none; }
}
.prl-live-demo { overflow:hidden; border:1px solid #dfe4d6; border-radius:15px; background:#fff; }
.prl-live-poster { width:100%; height:auto; }
.prl-live-demo.is-live-ready>.prl-live-poster { display:none; }
.prl-live-heading { display:flex; justify-content:space-between; align-items:center; gap:15px; padding:13px 18px; background:#202126; color:#edf0e9; border-bottom:1px solid #35373d; }
.prl-live-heading>div { display:flex; align-items:center; gap:12px; }
.prl-live-heading strong { font:700 13px/1.4 Arial,sans-serif; letter-spacing:.5px; }
.prl-live-heading span { color:#969da0; font-size:10px; }
.prl-live-heading button { min-height:36px; padding:7px 11px; border:1px solid #45474f; border-radius:6px; color:#d6dcce; background:#292b31; font-size:10px; }
.prl-live-heading [data-live-auto][aria-pressed=true] { border-color:#85815a; color:#ffde6a; }
.prl-live-examples { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:9px 18px; background:#25272c; border-bottom:1px solid #35373d; color:#aab0b5; }
.prl-live-examples>p { font-size:11px; }
.prl-live-example-options { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:5px; }
.prl-live-example-options button { min-height:44px; padding:8px 14px; border:1px solid transparent; border-radius:6px; background:transparent; color:#b8bec1; font-size:11px; line-height:1.5; white-space:nowrap; }
.prl-live-example-options button[aria-pressed=true] { color:#ffdf72; border-color:#766942; background:#393529; }
.prl-live-viewport { position:relative; display:grid; grid-template-columns:52px minmax(0,1fr) minmax(260px,31%); min-height:520px; background:#111216; color:#e5e7e0; isolation:isolate; }
.prl-live-rail { display:flex; flex-direction:column; align-items:center; gap:12px; padding:16px 4px; border-right:1px solid #32343a; background:#191a1e; }
.prl-live-rail button { display:grid; place-items:center; width:40px; height:40px; padding:0; border:0; border-radius:9px; background:#292b30; color:#babeb7; }
.prl-live-rail button:first-child { background:#ffdc60; color:#353827; }
.prl-live-rail svg { width:19px; height:19px; }
.prl-live-swatch { width:18px; height:18px; margin-top:6px; border:2px solid #fff; border-radius:50%; background:#ff7897; }
.prl-live-canvas { position:relative; display:flex; flex-direction:column; justify-content:center; align-items:center; gap:15px; min-width:0; padding:24px; background:radial-gradient(ellipse at 50% 0,#25272a,transparent 80%); }
.prl-live-photo { position:relative; display:block; width:min(100%,330px); aspect-ratio:3/4; padding:0; border:0; border-radius:5px; overflow:hidden; background:#c6c0b4; cursor:crosshair; box-shadow:0 10px 35px #0004; }
.prl-live-photo img { pointer-events:none; }
.prl-page .prl-live-photo img.prl-generated-board { position:absolute; }
.prl-live-result { position:absolute; inset:0; opacity:0; transition:opacity .65s ease; }
.prl-live-demo.has-live-result .prl-live-result { opacity:1; }
.prl-live-demo.is-live-original .prl-live-result { opacity:0; }
.prl-live-demo.is-live-switching .prl-live-result { transition:none; }
.prl-live-demo.is-live-image-error .prl-live-photo img { visibility:hidden; }
.prl-live-selection { position:absolute; inset:0; opacity:0; transform:scale(.98); transition:opacity .25s,transform .3s; pointer-events:none; }
.prl-live-selection svg { width:100%; height:100%; fill:#ff749624; stroke:#ff7d9a; stroke-width:.7; stroke-dasharray:440; stroke-dashoffset:440; }
.prl-live-selection>span { position:absolute; left:8px; top:8px; padding:4px 6px; color:#fff; background:#a63256; border-radius:4px; font-size:10px; white-space:nowrap; }
.prl-live-demo.has-live-selection .prl-live-selection { opacity:1; transform:scale(1); }
.prl-live-demo.has-live-selection .prl-live-selection svg { animation:prl-live-draw .7s ease both; }
.prl-live-scan { position:absolute; left:0; top:0; width:100%; height:20%; opacity:0; background:linear-gradient(transparent,#ffd86640); border-bottom:1px solid #ffd866a6; pointer-events:none; }
.prl-live-demo.is-live-processing .prl-live-scan { opacity:1; animation:prl-live-scan 1.1s ease-in-out infinite; }
.prl-live-photo-state { display:flex; justify-content:space-between; align-items:center; width:min(100%,330px); gap:10px; color:#c1c9b7; font-size:11px; }
.prl-live-photo-state button { min-height:36px; padding:6px 10px; color:#e5e9e0; background:#2b2d33; border:1px solid #44474e; border-radius:5px; font-size:10px; }
.prl-live-processing { position:absolute; left:50%; top:50%; display:flex; align-items:center; gap:8px; padding:10px 13px; border-radius:7px; background:#181b20e8; color:#ffdc60; font-size:11px; opacity:0; transform:translate(-50%,-50%); pointer-events:none; white-space:nowrap; }
.prl-live-processing>span { width:13px; height:13px; border:2px solid #ffffff35; border-top-color:#ffdc60; border-radius:50%; animation:prl-live-spin .8s linear infinite; }
.prl-live-demo.is-live-processing .prl-live-processing { opacity:1; }
.prl-live-panel { min-width:0; padding:22px; background:#191a1e; border-left:1px solid #32343a; }
.prl-live-panel-tab { display:flex; align-items:center; gap:6px; padding-bottom:15px; border-bottom:1px solid #383a40; color:#ffdc60; font-size:12px; font-weight:600; }
.prl-live-panel-tab>span { margin-right:6px; }
.prl-live-panel-tab small { margin-left:auto; color:#aab0b5; font-size:10px; font-weight:400; }
.prl-live-panel-copy { margin-block:24px 20px; }
.prl-live-panel-copy strong { font-size:14px; font-weight:600; letter-spacing:-.3px; }
.prl-live-panel-copy p { margin-top:6px; color:#9ca1a5; font-size:11px; }
.prl-live-request-label { display:flex; justify-content:space-between; gap:8px; margin-bottom:9px; color:#a8aea0; font-size:10px; }
.prl-live-request-label>span:first-child { color:#ff93ab; }
.prl-page .prl-live-request { display:block; width:100%; min-height:110px; padding:13px; border:1px solid #42464b; border-radius:8px; background:#101216; color:#d5d9d1; font-size:12px; line-height:1.8; text-align:left; }
.prl-live-request i { display:inline-block; height:13px; margin-left:2px; border-left:1px solid #ffdc60; opacity:0; }
.prl-live-demo[data-live-state=typing] .prl-live-request i { opacity:1; animation:prl-live-caret .65s steps(2) infinite; }
.prl-live-preserve { display:flex; flex-direction:column; gap:4px; padding-block:17px; color:#b3babf; font-size:11px; line-height:1.7; }
.prl-live-preserve>span { color:#969ea5; font-size:10px; }
.prl-page .prl-live-apply { display:flex; align-items:center; justify-content:space-between; width:100%; min-height:46px; padding:11px 14px; border:0; border-radius:7px; background:#ffdc60; color:#313526; font-size:12px; font-weight:600; line-height:1.6; }
.prl-live-panel-note { margin-top:16px !important; color:#a5acb0; font-size:11px; line-height:1.8; }
.prl-live-pointer { position:absolute; z-index:5; width:25px; height:30px; left:8%; top:7%; opacity:0; pointer-events:none; transition:left .42s ease,top .42s ease,opacity .18s; }
.prl-live-pointer svg { width:100%; height:100%; fill:#fff; stroke:#21252c; stroke-width:1.5; filter:drop-shadow(0 2px 3px #0005); }
.prl-live-pointer i { position:absolute; left:-6px; top:-6px; width:20px; height:20px; border:2px solid #ffdc60; border-radius:50%; opacity:0; }
.prl-live-demo.has-live-pointer .prl-live-pointer { opacity:1; }
.prl-live-demo.is-live-clicking .prl-live-pointer i { animation:prl-live-click .65s ease-out; }
.prl-live-status { min-height:49px; padding:13px 19px; background:#eef1e7; color:#59664b; font-size:12px; }
.prl-live-steps { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1px; background:#e4e9dd; }
.prl-live-steps button { position:relative; display:flex; flex-direction:column; align-items:flex-start; min-height:97px; padding:18px 15px 18px 48px; border:0; background:#fff; text-align:left; color:#515f43; }
.prl-live-steps button>span { position:absolute; left:16px; top:20px; color:#9aa78a; font:11px/1.5 Arial,sans-serif; }
.prl-live-steps strong { font-size:13px; font-weight:600; }
.prl-live-steps small { margin-top:5px; color:#8c9483; font-size:10px; }
.prl-live-steps [aria-current=step] { background:#f3f6ec; box-shadow:inset 0 3px #a5bb87; }
.prl-live-demo button:disabled { opacity:.38; cursor:default; }
.prl-live-reference { display:flex; justify-content:space-between; align-items:center; gap:15px; padding:8px 15px; border-top:1px solid #e9ecdf; }
.prl-live-reference p { color:#959a8c; font-size:10px; }
.prl-live-reference a { display:inline-flex; align-items:center; min-height:44px; font-size:10px; white-space:nowrap; color:#526345; text-decoration:underline; text-underline-offset:4px; }
@keyframes prl-live-draw { to { stroke-dashoffset:0; } }
@keyframes prl-live-scan { from { top:0; } to { top:80%; } }
@keyframes prl-live-spin { to { transform:rotate(360deg); } }
@keyframes prl-live-caret { to { opacity:0; } }
@keyframes prl-live-click { 0% { opacity:1; transform:scale(.5); } 100% { opacity:0; transform:scale(2.3); } }
@media (max-width:1000px) {
  .prl-live-viewport { grid-template-columns:42px minmax(0,1fr) 260px; min-height:440px; }
  .prl-live-rail button { width:32px; height:38px; }
  .prl-live-canvas { padding:20px; }
  .prl-live-panel { padding:18px; }
  .prl-live-panel-copy strong { font-size:14px; }
  .prl-live-steps button { padding-left:37px; }
  .prl-live-steps button>span { left:12px; }
}
@media (max-width:760px) {
  .prl-live-heading { padding:10px; gap:8px; }
  .prl-live-heading>div { gap:7px; }
  .prl-live-heading strong { font-size:11px; }
  .prl-live-heading>div>span { display:none; }
  .prl-live-heading button { min-height:44px; padding:8px; font-size:10px; }
  .prl-live-examples { display:block; padding:8px 10px 10px; }
  .prl-live-examples>p { margin-bottom:5px; font-size:10px; }
  .prl-live-example-options button { padding:7px 3px; font-size:11px; }
  .prl-live-viewport { grid-template-columns:44px minmax(0,1fr); min-height:0; }
  .prl-live-rail { gap:8px; padding:10px 1px; }
  .prl-live-rail button { width:44px; height:44px; }
  .prl-live-rail svg { width:17px; height:17px; }
  .prl-live-canvas { padding:14px 12px 10px; gap:8px; }
  .prl-live-photo, .prl-live-photo-state { max-width:280px; }
  .prl-live-photo-state { font-size:10px; }
  .prl-live-photo-state button { min-height:44px; font-size:10px; }
  .prl-live-selection>span { font-size:10px; padding:3px 5px; }
  .prl-live-panel { grid-column:1/-1; display:grid; grid-template-columns:minmax(0,1fr) 90px; gap:12px; align-items:center; padding:15px; border-top:1px solid #32343a; border-left:0; }
  .prl-live-panel-tab { grid-column:1/-1; padding:0; border:0; font-size:11px; }
  .prl-live-panel-copy, .prl-live-request-label, .prl-live-preserve { display:none; }
  .prl-page .prl-live-request { min-height:110px; padding:10px; font-size:12px; line-height:1.75; }
  .prl-page .prl-live-apply { min-height:48px; padding:10px; font-size:11px; gap:5px; }
  .prl-live-panel-note { grid-column:1/-1; margin:0 !important; font-size:10px; }
  .prl-live-panel-note br { display:none; }
  .prl-live-pointer { width:20px; height:25px; }
  .prl-live-status { min-height:59px; padding:11px 14px; font-size:11px; }
  .prl-live-steps { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .prl-live-steps button { min-height:82px; padding:15px 10px 15px 35px; }
  .prl-live-steps button>span { top:17px; left:11px; font-size:9px; }
  .prl-live-steps strong { font-size:12px; }
  .prl-live-steps small { font-size:9px; }
  .prl-live-reference { display:block; padding:10px 14px; }
  .prl-live-reference p { font-size:9px; }
}
@media (max-width:360px) {
  .prl-live-panel { grid-template-columns:minmax(0,1fr) 80px; padding:12px; gap:9px; }
  .prl-page .prl-live-apply { padding:8px; }
}
@media (prefers-reduced-motion:reduce) {
  .prl-live-pointer { display:none; }
  .prl-live-selection svg { stroke-dashoffset:0; }
}
.prl-comparison-body { max-width:400px; margin-inline:auto !important; width:100%; }
.prl-comparison-body .prl-compare-stage, .prl-demo[data-demo-source="body"] .prl-demo-picture { aspect-ratio:2/3; }
.prl-page img.prl-body-board { position:absolute; width:200%; height:100%; max-width:none; left:0; top:0; object-fit:fill; transform:none; }
.prl-page img.prl-body-after { left:-100%; }
.prl-demo-body-levels { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:6px; }
.prl-final .prl-final-request { font-size:25px; line-height:1.55; letter-spacing:-1px; font-weight:500; }
.prl-final-speed { margin-top:24px !important; font-size:20px; color:#776b3d; }
.prl-final-speed strong { font-weight:700; }
.prl-final-timing { margin-top:9px !important; margin-bottom:24px !important; font-size:11px; line-height:1.8; color:#8c8468; }
.prl-final-terms { margin-top:11px !important; font-size:10px; color:#8b846d; line-height:1.8; }
@media (max-width:1100px) {
  .prl-value-grid>div, .prl-value-grid>div:first-child { padding-inline:10px; gap:9px; }
  .prl-value-grid p>span { font-size:11px; }
}

/* Free, install-free studio introduction. Copy and layout are maintained here. */
.prl-free-hero { grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr); gap:44px; min-height:654px; padding-block:62px 48px; }
.prl-free-hero .prl-studio-title { margin:0 0 20px; font:600 12px/1.5 Arial,sans-serif; letter-spacing:2.3px; color:#7b8273; }
.prl-free-badge { display:inline-flex; align-items:center; gap:7px; padding:6px 12px; border-radius:30px; background:#e5eddc; color:#476333; font-size:12px; font-weight:600; }
.prl-free-hero h1 { margin-top:18px; font-size:clamp(39px,4.2vw,61px); line-height:1.28; letter-spacing:-3px; }
.prl-free-word { color:#557037; white-space:nowrap; }
.prl-free-hero .prl-hero-description { margin-top:20px !important; font-size:15px; line-height:1.85; }
.prl-free-hero .prl-hero-actions { gap:16px; margin-top:27px; }
.prl-free-hero .prl-hero-note { display:block; margin-top:13px !important; color:#72776a; font-size:11px; }
.prl-mobile-visual { display:none; }
.prl-studio-visual { position:relative; min-width:0; min-height:520px; padding-top:32px; padding-bottom:55px; isolation:isolate; }
.prl-studio-backdrop { position:absolute; z-index:-1; inset:0 8px 30px 8px; border-radius:42% 42% 32px 32px; background:radial-gradient(ellipse at 30% 18%,#fff5bd 0,transparent 53%),#e8eddc; }
.prl-studio-window { position:relative; width:calc(100% - 36px); margin-left:29px; overflow:hidden; border:1px solid #ffffff; border-radius:15px; background:#fff; box-shadow:0 23px 55px #333e2526; transform:rotate(-2deg); }
.prl-window-bar { display:flex; align-items:center; gap:10px; min-height:36px; padding:9px 13px; color:#7a8073; font:9px/1.4 Arial,sans-serif; letter-spacing:.7px; }
.prl-window-dots { display:flex; gap:4px; }
.prl-window-dots i { display:block; width:5px; height:5px; border-radius:50%; background:#cdd4c5; }
.prl-window-status { margin-left:auto; color:#5b7344; font-size:9px; letter-spacing:0; }
.prl-studio-capture { position:relative; }
.prl-studio-capture picture { display:block; }
.prl-studio-capture>a { display:block; position:absolute; inset:0; }
.prl-studio-capture>.prl-studio-mobile-link { display:none; }
.prl-studio-screen { width:100%; height:auto; }
.prl-studio-screen-link { position:absolute; right:12px; bottom:12px; padding:6px 10px; border-radius:5px; background:#ffffffe8; color:#34402b; font-size:10px; }
.prl-studio-tools { display:flex; justify-content:space-around; gap:4px; padding:13px 7px; color:#5e6951; font-size:10px; font-weight:500; }
.prl-studio-photo { position:absolute; bottom:34px; left:0; width:27%; padding:6px 6px 10px; border-radius:4px; background:#fff; box-shadow:0 14px 25px #36412624; transform:rotate(-9deg); }
.prl-studio-photo img { width:100%; height:auto; }
.prl-studio-photo>span { display:block; margin-top:7px; color:#8a8b7b; text-align:center; font:6px/1.4 Arial,sans-serif; letter-spacing:.4px; }
.prl-studio-price { position:absolute; right:0; bottom:42px; display:flex; flex-direction:column; align-items:center; justify-content:center; width:144px; height:144px; border:5px solid #f8f8f5; border-radius:50%; background:#ffdc60; color:#39452d; transform:rotate(7deg); box-shadow:0 10px 23px #64582912; }
.prl-studio-price>span { font-size:10px; font-weight:500; line-height:1.6; }
.prl-studio-price strong { font:700 59px/1.05 Arial,sans-serif; letter-spacing:-4px; }
.prl-studio-price strong>span { margin-left:4px; font-size:20px; letter-spacing:-1px; }
.prl-studio-visual figcaption { position:absolute; bottom:0; right:0; left:0; text-align:center; font-size:9px; color:#8a907f; }
.prl-no-barriers { padding-block:24px 8px; }
.prl-page .prl-no-barriers h2 { margin-bottom:22px; text-align:center; font-size:24px; letter-spacing:-1px; }
.prl-no-barriers .prl-value-grid { border:0; padding:0; gap:14px; }
.prl-no-barriers .prl-value-grid>div, .prl-no-barriers .prl-value-grid>div:first-child { gap:17px; padding:25px 18px; border:1px solid #e7eadf; border-radius:15px; background:#fff; align-items:center; justify-content:center; }
.prl-no-barriers .prl-value-grid svg { width:38px; height:38px; margin:0; padding:7px; border-radius:11px; background:#f0f3e8; color:#6a7f50; }
.prl-no-barriers .prl-value-grid strong { display:inline; color:#939a88; font-size:16px; text-decoration:line-through; text-decoration-color:#a6b199; text-decoration-thickness:1.5px; }
.prl-no-barriers .prl-value-grid p>span { margin-top:5px; color:#454f3b; font-size:12px; line-height:1.5; }
.prl-map-flow { font-size:12px; }
.prl-feature-more { margin-top:22px; border-top:1px solid #e3e7da; }
.prl-feature-more>summary { display:flex; justify-content:space-between; align-items:center; min-height:52px; gap:12px; color:#687557; font-size:12px; cursor:pointer; list-style:none; }
.prl-feature-more>summary::-webkit-details-marker { display:none; }
.prl-feature-more>summary::after { content:'+'; font-size:20px; }
.prl-feature-more[open]>summary::after { content:'−'; }
.prl-feature-more .prl-tool-details { margin-top:0; }
.prl-usage-free .prl-usage-tag { background:#e4edd9; color:#4c6735; }
.prl-usage-free h3 { color:#476333; }
@media (max-width:1100px) {
  .prl-free-hero { gap:30px; min-height:594px; padding-block:48px; }
  .prl-free-hero h1 { font-size:44px; letter-spacing:-2.4px; }
  .prl-studio-visual { min-height:430px; padding-top:25px; }
  .prl-studio-price { width:120px; height:120px; }
  .prl-studio-price strong { font-size:47px; }
  .prl-no-barriers .prl-value-grid>div, .prl-no-barriers .prl-value-grid>div:first-child { padding:20px 10px; gap:10px; }
  .prl-no-barriers .prl-value-grid p>span { font-size:11px; }
}
@media (max-width:760px) {
  .prl-desktop-visual { display:none; }
  .prl-mobile-visual { display:block; }
  .prl-free-hero { grid-template-columns:minmax(0,1fr); gap:25px; min-height:0; padding-block:34px 28px; }
  .prl-free-hero .prl-studio-title { margin-bottom:13px; font-size:10px; letter-spacing:1.8px; }
  .prl-free-badge { padding:4px 10px; font-size:10px; }
  .prl-free-hero h1 { margin-top:13px; font-size:clamp(34px,9.8vw,50px); line-height:1.24; letter-spacing:-2px; }
  .prl-free-hero .prl-hero-description { margin-top:14px !important; font-size:12px; line-height:1.75; }
  .prl-free-hero .prl-hero-actions { margin-top:20px; gap:12px; }
  .prl-free-hero .prl-hero-actions>.prl-button { min-height:50px; padding:13px 23px; font-size:13px; }
  .prl-free-hero .prl-hero-actions>.prl-quiet-link { display:none; }
  .prl-free-hero .prl-hero-note { max-width:none; font-size:10px; margin-top:11px !important; }
  .prl-studio-visual { width:100%; max-width:400px; min-height:0; justify-self:center; padding:18px 0 29px; }
  .prl-studio-backdrop { inset:0 0 57px; }
  .prl-studio-window { width:min(290px,calc(100% - 48px)); margin:0 auto; border:6px solid #30332d; border-radius:24px; background:#191b21; }
  .prl-window-bar, .prl-studio-tools, .prl-studio-photo { display:none; }
  .prl-studio-capture { padding-bottom:32px; }
  .prl-studio-capture>.prl-studio-desktop-link { display:none; }
  .prl-studio-capture>.prl-studio-mobile-link { display:block; }
  .prl-studio-screen-link { display:flex; align-items:center; justify-content:center; inset:auto 0 0; height:32px; padding:0 5px; border-radius:0; background:#191b21; color:#eeeede; font-size:9px; }
  .prl-studio-price { position:relative; right:auto; bottom:auto; flex-direction:row; gap:10px; width:max-content; max-width:100%; height:auto; margin:18px auto 0; padding:8px 15px; border:0; border-radius:30px; transform:none; }
  .prl-studio-price strong { font-size:32px; letter-spacing:-2px; }
  .prl-studio-price strong>span { font-size:14px; }
  .prl-studio-price>span { font-size:9px; }
  .prl-studio-visual figcaption { font-size:8px; }
  .prl-no-barriers { padding-top:15px; }
  .prl-page .prl-no-barriers h2 { font-size:20px; margin-bottom:18px; }
  .prl-no-barriers .prl-value-grid { gap:10px; }
  .prl-no-barriers .prl-value-grid>div, .prl-no-barriers .prl-value-grid>div:first-child { flex-direction:row; text-align:left; gap:10px; padding:18px 10px; }
  .prl-no-barriers .prl-value-grid svg { width:31px; height:31px; padding:6px; }
  .prl-no-barriers .prl-value-grid strong { font-size:13px; }
  .prl-no-barriers .prl-value-grid p>span { font-size:9px; }
  .prl-map-flow { font-size:11px; }
}
@media (max-width:760px) {
  .prl-hero-lead { font-size:16px; }
  .prl-studio-title { font-size:12px; letter-spacing:2.4px; margin-top:18px !important; }
  .prl-hero-note { font-size:10px; max-width:330px; gap:5px; }
  .prl-value-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px 0; padding-block:29px; }
  .prl-value-grid>div, .prl-value-grid>div:first-child { flex-direction:column; align-items:center; gap:9px; padding:0 12px; }
  .prl-value-grid>div:nth-child(2) { border-right:0; }
  .prl-value-grid strong { font-size:15px; margin-bottom:6px; }
  .prl-value-grid p>span { display:block; font-size:11px; }
  .prl-free-detail { font-size:10px; text-align:left; line-height:1.85; }
  .prl-editor-map { padding-top:65px; }
  .prl-editor-map-figure { padding:6px; border-radius:10px; }
  .prl-editor-map-figure figcaption { font-size:9px; margin-top:8px; }
  .prl-map-marker { width:25px; height:25px; font-size:10px; }
  .prl-map-details { grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px 16px; margin-top:22px !important; }
  .prl-map-details li { gap:8px; }
  .prl-map-details h3 { font-size:12px; }
  .prl-map-details p { font-size:11px; }
  .prl-final .prl-final-request { font-size:22px; }
  .prl-final-speed { font-size:18px; margin-top:20px !important; }
}