﻿.pro-upgrade-banner{display:flex;align-items:center;gap:12px;flex:0 0 auto;min-width:0;padding:12px 22px;background:linear-gradient(105deg,#6934b9,#8652d4 60%,#6647c6);color:#fff;box-shadow:0 3px 14px #512b8b20}
.pro-banner-star{display:grid;place-items:center;flex:0 0 32px;height:32px;font-size:25px;border-radius:10px;background:#ffffff1c;color:#ffe6ad}.pro-upgrade-banner>div{min-width:0;flex:1}.pro-upgrade-banner strong{display:block;font-size:13px;line-height:1.35}.pro-upgrade-banner small{display:block;font-size:10px;color:#efe3ff;margin-top:3px}.pro-upgrade-banner small span{margin-left:8px}.pro-upgrade-banner button{flex:0 0 auto;background:#fff;color:#6434a8;border:0;border-radius:9px;padding:10px 14px;font-size:12px;font-weight:750;white-space:nowrap}.pro-upgrade-banner button:focus-visible{outline:2px solid #ffe39b;outline-offset:3px}
.pro-feature-card{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.2fr);margin:0 0 26px;border:1px solid #d5baf1;border-radius:20px;overflow:hidden;background:linear-gradient(125deg,#f5edff,#ede5ff);color:#382153;box-shadow:0 8px 30px #7141a90a}.pro-feature-visual{position:relative;min-height:220px;background:#4a2868;overflow:hidden}.pro-feature-visual img{display:block;width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:center}.pro-feature-visual>span{position:absolute;bottom:12px;left:12px;max-width:calc(100% - 24px);padding:5px 9px;border-radius:20px;background:#201334d9;color:#fff;font-size:9px;letter-spacing:.08em}.pro-feature-copy{padding:26px;align-self:center;min-width:0}.pro-eyebrow{font-size:10px;font-weight:800;letter-spacing:.14em;color:#8550b1}.pro-feature-copy h3{font:600 clamp(21px,2.2vw,30px)/1.18 var(--serif,Georgia);margin:10px 0 12px;letter-spacing:-.02em;color:inherit}.pro-feature-copy p{font-size:13px;line-height:1.7;margin:0 0 18px;color:#655178}.pro-feature-copy>small{display:block;margin-top:10px;font-size:10px;color:#755b8a}.pro-primary{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid transparent;border-radius:10px;padding:12px 17px;color:#fff;background:linear-gradient(110deg,#7940bd,#6741cc);font-size:12px;font-weight:750;cursor:pointer}.pro-primary:hover{filter:brightness(1.08)}.pro-primary:focus-visible{outline:3px solid #ac87df;outline-offset:3px}
.plan-info.pro-gallery-dialog{padding:0;border:1px solid #d4c1e8;border-radius:24px;width:min(1040px,calc(100% - 32px));max-width:1040px;max-height:92dvh;overflow:auto;background:#faf8ff;color:#342245;box-shadow:0 30px 120px #1b0d4455}.pro-gallery-dialog::backdrop{background:#160a2ebd;backdrop-filter:blur(5px)}.pro-gallery-header{display:flex;align-items:flex-start;gap:18px;padding:27px 30px 20px;background:radial-gradient(ellipse at top right,#c5a0f644,transparent 75%)}.pro-gallery-header>div{flex:1;min-width:0}.pro-gallery-header h2{font:600 clamp(26px,3vw,38px)/1.1 var(--serif,Georgia);letter-spacing:-.025em;margin:10px 0;color:inherit}.pro-gallery-header p{margin:0;color:#79658a;font-size:13px}.pro-gallery-close{display:grid;place-items:center;flex:0 0 36px;height:36px;padding:0;font-size:27px;border-radius:50%;color:#644277;background:#eadef6;cursor:pointer}.pro-gallery-tabs{display:flex;gap:8px;padding:0 30px 18px;overflow:auto}.pro-gallery-tabs button{flex:0 0 auto;padding:10px 16px;border:1px solid #e0d4ed;border-radius:30px;color:#795d8e;font-weight:650;font-size:12px;background:#fff}.pro-gallery-tabs button[aria-pressed=true]{background:#7945bb;border-color:#7945bb;color:#fff}.pro-gallery-content{padding:0 30px 22px}.pro-scene-controls{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 15px}.pro-scene-controls label{flex:1 1 130px;min-width:0;font-size:10px;font-weight:700;color:#795d8e}.pro-scene-controls select{display:block;margin-top:5px;width:100%;border:1px solid #d7cae5;border-radius:9px;padding:10px;background:#fff;color:#3f2a50;font-size:12px;min-width:0}.pro-room-preview{position:relative;margin:0;border-radius:16px;overflow:hidden;background:#33223e;aspect-ratio:1188/760}.pro-room-preview>img{display:block;width:100%;height:100%;object-fit:cover}.pro-scene-tag{position:absolute;top:14px;left:14px;background:#281437c9;color:#fff;border:1px solid #ffffff3a;border-radius:30px;font-size:9px;letter-spacing:.15em;padding:7px 10px}.pro-room-preview figcaption{position:absolute;bottom:0;left:0;right:0;padding:19px 12px 10px;background:linear-gradient(transparent,#21102bcc);color:#f6eeff;font-size:10px;text-align:center}
.pro-benefits{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.pro-benefits span{padding:7px 11px;font-size:11px;background:#eee5f8;border:1px solid #e1d2ed;border-radius:25px;color:#714b8b}.pro-theme-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:24px 0}.pro-theme-gallery figure{margin:0;min-width:0;overflow:hidden;background:#fff;border:1px solid #e4d5ef;border-radius:12px}.pro-theme-gallery img{display:block;width:100%;aspect-ratio:1.56;object-fit:cover;height:auto}.pro-theme-gallery figcaption{padding:11px;font-size:12px;font-weight:650}.pro-preservation{font-size:11px!important;line-height:1.6;color:#7c688e}.pro-stats-preview{margin:0;padding:10px;background:#fff;border:1px solid #e1d5f0;border-radius:16px;overflow:hidden}.pro-stats-preview img{display:block;width:100%;height:auto}.pro-stats-preview figcaption{text-align:center;font-size:11px;color:#79658a;padding:10px 5px}.pro-gallery-footer{position:sticky;bottom:0;z-index:2;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;padding:18px 30px;background:#faf8fff5;border-top:1px solid #e4d7ef;backdrop-filter:blur(8px)}.pro-gallery-footer strong{font-size:19px;color:inherit}.pro-gallery-footer strong span{font-size:13px;font-weight:500;margin-left:8px}.pro-gallery-footer small{display:block;font-size:10px;color:#7d668c;margin-top:6px}
#booksView>.pro-feature-card{margin-top:14px}
.phone-preview #discoverView>.pro-feature-card{margin-top:16px}
@media(max-width:760px){#discoverView>.pro-feature-card{margin-top:16px}}
html[data-plan=pro] :is(.pro-upgrade-banner,.pro-feature-card){display:none!important}
html[data-app-theme=dark] .pro-feature-card{background:linear-gradient(125deg,#332343,#28213d);border-color:#60487c;color:#f5eaff}html[data-app-theme=dark] :is(.pro-feature-copy p,.pro-feature-copy>small){color:#d2badf}html[data-app-theme=dark] .pro-gallery-dialog{background:#251c32;color:#f5eaff}html[data-app-theme=dark] :is(.pro-gallery-header p,.pro-preservation,.pro-gallery-footer small){color:#c5afd4}html[data-app-theme=dark] :is(.pro-scene-controls select,.pro-gallery-tabs button,.pro-theme-gallery figure){background:#352743;color:#eee2fa;border-color:#5a436e}html[data-app-theme=dark] .pro-gallery-tabs button[aria-pressed=true]{background:#9258d1}html[data-app-theme=dark] .pro-gallery-footer{background:#251c32f5;border-color:#533e67}html[data-app-theme=dark] .pro-benefits span{background:#3c2a50;color:#dec8f0;border-color:#614779}
@media(max-width:600px){.pro-upgrade-banner{padding:9px 12px;gap:9px}.pro-banner-star{display:none}.pro-upgrade-banner strong{font-size:11px}.pro-upgrade-banner small{font-size:9px}.pro-upgrade-banner small span{display:none}.pro-upgrade-banner button{padding:9px 10px;font-size:10px}.pro-feature-card{grid-template-columns:1fr;border-radius:16px;margin-bottom:20px}.pro-feature-visual{min-height:0;aspect-ratio:2/1}.pro-feature-copy{padding:20px}.pro-feature-copy h3{font-size:25px}.plan-info.pro-gallery-dialog{width:calc(100% - 16px);max-height:94dvh;border-radius:18px}.pro-gallery-header{padding:22px 18px 16px;gap:8px}.pro-gallery-header h2{font-size:27px}.pro-gallery-header p{font-size:12px}.pro-gallery-tabs{padding:0 18px 16px;gap:6px}.pro-gallery-tabs button{font-size:11px;padding:9px 11px}.pro-gallery-content{padding:0 14px 16px}.pro-scene-controls{gap:8px}.pro-scene-controls label{flex-basis:90px}.pro-scene-controls select{padding:9px 6px;font-size:11px}.pro-room-preview{border-radius:10px}.pro-room-preview figcaption{font-size:8px}.pro-scene-tag{top:8px;left:8px;font-size:8px;padding:5px 7px}.pro-theme-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.pro-theme-gallery figcaption{font-size:10px;padding:9px}.pro-gallery-footer{padding:14px;gap:12px}.pro-gallery-footer>div,.pro-gallery-footer>.pro-primary{width:100%}.pro-gallery-footer strong{font-size:17px}.pro-gallery-footer strong span{font-size:12px}.pro-gallery-footer small{font-size:9px}}
