.preview-page{height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch;background:var(--color-stone)}.preview-page__scroll{max-width:960px;margin:0 auto;padding:var(--space-6) var(--space-6) var(--space-8)}.preview-page__intro{position:relative;min-height:75dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;overflow:hidden;padding:var(--space-8) var(--space-6);background:var(--color-overlay-deep)}.preview-page__intro:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:radial-gradient(ellipse 70% 50% at 50% 42%,rgba(13,26,34,.75),transparent 65%),radial-gradient(ellipse 80% 60% at 20% 80%,rgba(31,109,100,.2),transparent),radial-gradient(ellipse 60% 50% at 85% 20%,rgba(247,144,17,.1),transparent),linear-gradient(to bottom,#0d1a2240,#0d1a2280 60%,#0d1a22bf);pointer-events:none}.preview-page__intro:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:radial-gradient(circle 300px at 10% 20%,rgba(255,255,255,.02),transparent),radial-gradient(circle 200px at 90% 70%,rgba(255,255,255,.03),transparent),radial-gradient(circle 400px at 50% 100%,rgba(31,109,100,.12),transparent);pointer-events:none}.preview-page__intro-inner{position:relative;z-index:2;max-width:720px;margin:0 auto}.preview-page__intro-back{position:absolute;top:var(--space-4);left:var(--space-6);z-index:3;display:inline-flex;align-items:center;gap:var(--space-1);font-family:var(--font-ui);font-size:var(--text-sm);color:#ffffffa6;background:none;border:none;cursor:pointer;padding:var(--space-1) 0;min-height:44px;transition:color .25s cubic-bezier(.4,0,.2,1)}.preview-page__intro-back:hover{color:#fffffff2}.preview-page__intro-logo{display:flex;align-items:center;justify-content:center;gap:var(--space-3);font-family:var(--font-editorial);font-size:clamp(2.5rem,7vw,4.5rem);font-weight:var(--weight-bold);color:var(--color-white);letter-spacing:-.02em;line-height:1;margin:0 0 var(--space-5)}.preview-page__intro-logo-img{flex-shrink:0;width:clamp(48px,8vw,64px);height:auto}.preview-page__intro-wordmark{white-space:nowrap}.preview-page__intro-eyebrow{display:inline-block;font-family:var(--font-ui);font-size:var(--text-xs);font-weight:var(--weight-bold, 700);color:var(--color-action);background:#0da5ad1f;border:1px solid rgba(13,165,173,.28);padding:4px 12px;border-radius:999px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-4)}.preview-page__intro-title{font-family:var(--font-editorial);font-size:clamp(2.25rem,6.5vw,4rem);font-weight:var(--weight-bold);color:var(--color-white);letter-spacing:-.02em;margin:var(--space-4) 0 var(--space-3);line-height:1.1}.preview-page__intro-title-accent{color:var(--color-action)}.preview-page__intro-sub{font-family:var(--font-ui);font-size:var(--text-lg);color:#f7f3ebd9;line-height:1.6;margin:0 auto var(--space-6);max-width:600px}.preview-page__intro-cta{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-family:var(--font-ui);font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--color-white);background:var(--color-action);border:none;border-radius:var(--radius-control, 12px);cursor:pointer;text-decoration:none;transition:transform .2s ease,background-color .2s ease;min-height:48px}.preview-page__intro-cta:hover{background:#0a8c93;transform:translateY(-1px)}@media(prefers-reduced-motion:reduce){.preview-page__intro-cta:hover{transform:none}}.preview-page__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-4)}.preview-page__back{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-sm);font-family:var(--font-ui);color:var(--color-ink-muted);background:none;border:none;cursor:pointer;padding:var(--space-1) 0;min-height:44px;transition:color var(--transition-quick)}.preview-page__back:hover{color:var(--color-action)}.preview-page__badge{font-family:var(--font-ui);font-size:var(--text-xs);font-weight:var(--weight-bold, 700);color:var(--color-action);background:#0da5ad1a;border:1px solid rgba(13,165,173,.25);padding:3px 10px;border-radius:999px;text-transform:uppercase;letter-spacing:.06em}.preview-page__hero{position:relative;width:100%;height:clamp(320px,52vh,560px);overflow:hidden}.preview-page__hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(to bottom,#0d1a228c,#0d1a220d,#0d1a2200 60%,#0d1a2273);pointer-events:none}.preview-page__hero-img{width:100%;height:100%;object-fit:cover;object-position:center 35%}.preview-page__hero-overlay{position:absolute;bottom:0;left:0;right:0;z-index:2;padding:var(--space-6) var(--space-4) var(--space-3);background:linear-gradient(transparent,#0009)}.preview-page__hero-cat{font-family:var(--font-ui);font-size:var(--text-xs);color:#ffffffd9;background:#0000004d;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:4px 10px;border-radius:999px;letter-spacing:.02em}.preview-page__info{padding:var(--space-5, 20px) var(--space-4)}.preview-page__info-top{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-3);flex-wrap:wrap}@media(max-width:600px){.preview-page__info-top{flex-direction:column;align-items:flex-start}}.preview-page__place-name{font-family:var(--font-editorial);font-size:clamp(1.25rem,4vw,1.75rem);font-weight:var(--weight-bold, 700);color:var(--color-ink);margin:0;line-height:1.2}.preview-page__place-name-en{font-family:var(--font-ui);font-size:var(--text-sm);color:var(--color-ink-muted);margin:var(--space-1) 0 0}.preview-page__summary{font-family:var(--font-ui);font-size:var(--text-sm);color:var(--color-ink-soft);line-height:1.6;margin:0}.preview-page__mockup{margin:var(--space-6) var(--space-4) 0}.preview-page__mockup-label{display:flex;align-items:center;justify-content:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--color-ink-muted);margin:var(--space-3) 0 0;font-style:italic}.preview-page__mockup-label svg{flex-shrink:0;color:var(--color-action)}.preview-page__mockup-imgs{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.preview-page__mockup-single{position:relative;overflow:hidden;height:360px;border-radius:6px;border:1px solid rgba(22,32,39,.08);box-shadow:0 4px 24px #0000001f;cursor:pointer}[data-theme=dark] .preview-page__mockup-single{border-color:#ffffff1a;box-shadow:0 4px 24px #0000004d}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .preview-page__mockup-single{border-color:#ffffff1a;box-shadow:0 4px 24px #0000004d}}.preview-page__mockup-img{width:100%;border-radius:6px;border:1px solid rgba(22,32,39,.08);box-shadow:0 4px 24px #0000001f;transition:transform .25s ease}[data-theme=dark] .preview-page__mockup-img{border-color:#ffffff1a;box-shadow:0 4px 24px #0000004d}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .preview-page__mockup-img{border-color:#ffffff1a;box-shadow:0 4px 24px #0000004d}}.preview-page__mockup-img:hover{transform:scale(1.02)}.preview-page__mockup-img--clickable{cursor:pointer;position:absolute;bottom:0;left:0;width:100%;border-radius:0;border:none;box-shadow:none;transition:transform .3s ease}.preview-page__mockup-single .preview-page__mockup-img--clickable:hover{transform:scale(1.02)}.preview-page__player{margin:var(--space-6) var(--space-4) 0;padding:var(--space-5, 20px);background:#0da5ad0a;border:1px solid rgba(13,165,173,.12);border-radius:var(--radius-card, 22px)}[data-theme=dark] .preview-page__player{background:#0da5ad0f;border-color:#0da5ad26}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .preview-page__player{background:#0da5ad0f;border-color:#0da5ad26}}.preview-page__player-title{display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-editorial);font-size:var(--text-base);font-weight:var(--weight-semibold, 600);color:var(--color-ink);margin:0 0 var(--space-4)}.preview-page__player-title svg{color:var(--color-action);flex-shrink:0}.preview-page__player-hint{font-size:var(--text-xs);color:var(--color-ink-muted);margin:calc(-1 * var(--space-3)) 0 var(--space-4);line-height:1.4}.preview-page__styles{display:flex;gap:var(--space-2);margin-bottom:var(--space-4)}.preview-page__style-btn{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--space-2) var(--space-2);background:#ffffff80;border:1.5px solid rgba(22,32,39,.08);border-radius:14px;cursor:pointer;overflow:hidden;transition:border-color var(--transition-quick),background .2s ease,transform .15s ease}[data-theme=dark] .preview-page__style-btn{background:#ffffff0a;border-color:#ffffff14}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .preview-page__style-btn{background:#ffffff0a;border-color:#ffffff14}}.preview-page__style-btn:hover{transform:translateY(-1px)}.preview-page__style-btn--active{border-color:var(--color-action);background:#0da5ad26;box-shadow:0 0 0 1px var(--color-action),0 2px 8px #0da5ad33}.preview-page__style-btn--active .preview-page__style-label{color:var(--color-action)}.preview-page__style-label{font-family:var(--font-ui);font-size:var(--text-sm);font-weight:var(--weight-semibold, 600);color:var(--color-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.preview-page__style-dur{font-family:var(--font-ui);font-size:var(--text-xs);color:var(--color-ink-muted)}.preview-page__now-playing{display:flex;align-items:center;gap:var(--space-1);margin-bottom:var(--space-3)}.preview-page__now-playing-label{font-family:var(--font-ui);font-size:var(--text-xs);font-weight:var(--weight-semibold, 600);color:var(--color-action)}.preview-page__now-playing-dot{color:var(--color-ink-muted)}.preview-page__now-playing-dur{font-family:var(--font-ui);font-size:var(--text-xs);color:var(--color-ink-muted)}.preview-page__controls{display:flex;align-items:center;gap:var(--space-3)}.preview-page__play-btn{width:52px;height:52px;border-radius:50%;background:var(--color-action);color:var(--color-white);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform var(--transition-quick),box-shadow .2s ease;box-shadow:0 4px 16px #0da5ad4d}.preview-page__play-btn:hover{transform:scale(1.05);box-shadow:0 6px 24px #0da5ad66}.preview-page__play-btn:active{transform:scale(.95)}.preview-page__progress-area{flex:1;display:flex;flex-direction:column;gap:var(--space-1)}.preview-page__progress-bar{height:8px;background:#16202714;border-radius:4px;cursor:pointer;overflow:hidden;position:relative}[data-theme=dark] .preview-page__progress-bar{background:#ffffff1a}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .preview-page__progress-bar{background:#ffffff1a}}.preview-page__progress-fill{height:100%;background:var(--color-action);border-radius:4px;transition:width .2s linear}.preview-page__time{display:flex;justify-content:space-between;font-family:var(--font-ui);font-size:.7rem;color:var(--color-ink-muted);font-variant-numeric:tabular-nums}.preview-page__preview-note{font-size:var(--text-xs);color:var(--color-ink-muted);margin:var(--space-3) 0 0;text-align:center;font-style:italic}.preview-page__fade-cta{margin-top:var(--space-6, 24px);padding:var(--space-6, 24px) var(--space-4);text-align:center;background:radial-gradient(ellipse 80% 60% at 50% 100%,rgba(13,165,173,.08),transparent),#f790110a;border:1.5px solid rgba(247,144,17,.25);border-radius:20px;animation:fadeCta-enter .6s cubic-bezier(.4,0,.2,1) both}@keyframes fadeCta-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.preview-page__fade-cta{animation:none}}.preview-page__fade-cta p{font-family:var(--font-ui);font-size:var(--text-sm);color:var(--color-ink-soft);margin:0 0 var(--space-2);line-height:1.5}.preview-page__fade-cta strong{color:var(--color-ink);font-size:var(--text-base, 1rem)}.preview-page__fade-cta .preview-page__cta-btn{margin-top:var(--space-3)}.preview-page__text-section{margin:var(--space-6) var(--space-4) 0}.preview-page__text-title{font-family:var(--font-editorial);font-size:var(--text-sm);font-weight:var(--weight-semibold, 600);color:var(--color-ink);margin:0 0 var(--space-3)}.preview-page__text-style-tag{display:inline-block;font-family:var(--font-ui);font-size:var(--text-xs);font-weight:var(--weight-semibold, 600);color:var(--color-action);background:#0da5ad14;padding:2px 8px;border-radius:999px;vertical-align:middle;margin-left:6px}.preview-page__text-body{font-family:var(--font-ui);font-size:var(--text-sm);color:var(--color-ink-soft);line-height:1.7}.preview-page__text-body p{margin:0}.preview-page__text-body--collapsed{max-height:120px;overflow:hidden;position:relative}.preview-page__text-body--collapsed:after{content:"";position:absolute;bottom:0;left:0;right:0;height:48px;background:linear-gradient(transparent,var(--color-stone));pointer-events:none}.preview-page__text-toggle{display:block;margin:var(--space-2) 0 0;font-family:var(--font-ui);font-size:var(--text-sm);font-weight:var(--weight-medium, 500);color:var(--color-action);background:none;border:none;cursor:pointer;padding:0}.preview-page__text-toggle:hover{text-decoration:underline}.preview-page__how{margin:var(--space-8) var(--space-4) 0;text-align:center}.preview-page__how-title{font-family:var(--font-editorial);font-size:var(--text-xl, 1.25rem);font-weight:var(--weight-bold, 700);color:var(--color-ink);margin:0 0 var(--space-3)}.preview-page__how-desc{font-family:var(--font-ui);font-size:var(--text-sm);color:var(--color-ink-soft);line-height:1.7;margin:0 0 var(--space-6);max-width:480px;margin-left:auto;margin-right:auto}.preview-page__how-stats{display:flex;justify-content:center;gap:var(--space-6)}.preview-page__stat{display:flex;flex-direction:column;align-items:center;gap:2px}.preview-page__stat-num{font-family:var(--font-editorial);font-size:var(--text-2xl, 1.5rem);font-weight:var(--weight-bold, 700);color:var(--color-action)}.preview-page__stat-label{font-family:var(--font-ui);font-size:var(--text-xs);color:var(--color-ink-muted)}.preview-page__final-cta{margin:var(--space-8) var(--space-4) 0;padding:var(--space-8) var(--space-5, 20px);text-align:center;background:radial-gradient(ellipse 70% 50% at 20% 90%,rgba(13,165,173,.08),transparent),radial-gradient(ellipse 60% 50% at 85% 10%,rgba(247,144,17,.06),transparent);border:1px solid rgba(13,165,173,.12);border-radius:var(--radius-card, 22px)}.preview-page__final-title{font-family:var(--font-editorial);font-size:var(--text-xl, 1.25rem);font-weight:var(--weight-bold, 700);color:var(--color-ink);margin:0 0 var(--space-2)}.preview-page__final-desc{font-family:var(--font-ui);font-size:var(--text-sm);color:var(--color-ink-soft);line-height:1.6;margin:0 0 var(--space-5, 20px)}.preview-page__final-actions{display:flex;align-items:center;justify-content:center;gap:var(--space-3);flex-wrap:wrap}.preview-page__cta-btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-3) var(--space-6, 24px);font-family:var(--font-ui);font-size:var(--text-sm);font-weight:var(--weight-semibold, 600);border-radius:999px;border:none;cursor:pointer;min-height:44px;text-decoration:none;transition:transform var(--transition-quick),box-shadow .2s ease}.preview-page__cta-btn--primary{background:var(--color-action);color:var(--color-white);box-shadow:0 4px 16px #0da5ad4d}.preview-page__cta-btn--primary:hover{transform:translateY(-1px);box-shadow:0 6px 24px #0da5ad66}.preview-page__cta-btn--secondary{background:transparent;color:var(--color-ink-soft);border:1.5px solid rgba(22,32,39,.12)}[data-theme=dark] .preview-page__cta-btn--secondary{border-color:#ffffff1f}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .preview-page__cta-btn--secondary{border-color:#ffffff1f}}.preview-page__cta-btn--secondary:hover{border-color:var(--color-action);color:var(--color-action)}.preview-page__final-note{font-family:var(--font-ui);font-size:var(--text-xs);color:var(--color-ink-muted);margin:var(--space-3) 0 0}.preview-page__lang-dropdown{position:relative;margin-bottom:var(--space-4)}.preview-page__lang-trigger{display:inline-flex;align-items:center;gap:var(--space-2);padding:7px 14px;font-family:var(--font-ui);font-size:var(--text-sm);font-weight:var(--weight-medium, 500);color:var(--color-ink);background:#ffffff80;border:1.5px solid rgba(22,32,39,.1);border-radius:12px;cursor:pointer;transition:border-color var(--transition-quick),background .2s ease}[data-theme=dark] .preview-page__lang-trigger{background:#ffffff0d;border-color:#ffffff1a}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .preview-page__lang-trigger{background:#ffffff0d;border-color:#ffffff1a}}.preview-page__lang-trigger:hover{border-color:var(--color-action)}.preview-page__lang-trigger svg:first-child{color:var(--color-action);flex-shrink:0}.preview-page__lang-chevron{color:var(--color-ink-muted);flex-shrink:0;margin-left:var(--space-1)}.preview-page__lang-menu{position:absolute;top:calc(100% + 6px);left:0;z-index:20;min-width:200px;margin:0;padding:var(--space-1) 0;list-style:none;background:var(--color-stone);border:1px solid rgba(22,32,39,.1);border-radius:14px;box-shadow:0 8px 32px #00000026;animation:preview-lang-in .15s ease}[data-theme=dark] .preview-page__lang-menu{background:#1a2730;border-color:#ffffff1a;box-shadow:0 8px 32px #0006}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .preview-page__lang-menu{background:#1a2730;border-color:#ffffff1a;box-shadow:0 8px 32px #0006}}@keyframes preview-lang-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.preview-page__lang-option{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:8px 14px;font-family:var(--font-ui);font-size:var(--text-sm);color:var(--color-ink);background:none;border:none;cursor:pointer;text-align:left;transition:background var(--transition-fast)}.preview-page__lang-option:hover:not(:disabled){background:#0da5ad0f}.preview-page__lang-option--active{color:var(--color-action);font-weight:var(--weight-semibold, 600)}.preview-page__lang-option--active svg{color:var(--color-action);margin-left:auto}.preview-page__lang-option--disabled{opacity:.45;cursor:default}.preview-page__lang-soon{font-size:.65rem;font-weight:var(--weight-semibold, 600);color:var(--color-ink-muted);margin-left:auto;text-transform:uppercase;letter-spacing:.03em}.preview-page__features{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);margin-top:var(--space-6);text-align:left}@media(max-width:420px){.preview-page__features{grid-template-columns:1fr}}.preview-page__feature{padding:var(--space-4);background:#ffffff80;border:1px solid rgba(22,32,39,.06);border-radius:var(--radius-control, 16px);transition:border-color var(--transition-quick),transform .2s ease}[data-theme=dark] .preview-page__feature{background:#ffffff08;border-color:#ffffff0f}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .preview-page__feature{background:#ffffff08;border-color:#ffffff0f}}.preview-page__feature:hover{border-color:#0da5ad40;transform:translateY(-1px)}.preview-page__feature svg{color:var(--color-action);margin-bottom:var(--space-2)}.preview-page__feature h4{font-family:var(--font-editorial);font-size:var(--text-sm);font-weight:var(--weight-semibold, 600);color:var(--color-ink);margin:0 0 var(--space-1)}.preview-page__feature p{font-family:var(--font-ui);font-size:var(--text-xs);color:var(--color-ink-muted);line-height:1.5;margin:0}.preview-page__feature--premium{border-color:#f7901133}.preview-page__feature--premium:hover{border-color:#f7901166}.preview-page__feature--premium svg{color:var(--color-brass, #F79011)}.preview-page__premium-badge{display:inline-block;font-family:var(--font-ui);font-size:.6rem;font-weight:var(--weight-bold, 700);color:var(--color-brass, #F79011);background:#f790111a;padding:1px 6px;border-radius:999px;text-transform:uppercase;letter-spacing:.04em;vertical-align:middle;margin-left:4px}.preview-page__lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:#000000d9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);cursor:pointer;animation:preview-lightbox-in .2s ease}@keyframes preview-lightbox-in{0%{opacity:0}to{opacity:1}}.preview-page__lightbox-close{position:absolute;top:var(--space-4);right:var(--space-4);width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border:none;border-radius:50%;color:var(--color-white);cursor:pointer;transition:background var(--transition-quick)}.preview-page__lightbox-close:hover{background:#fff3}.preview-page__lightbox-img{max-width:90vw;max-height:90vh;object-fit:contain;border-radius:var(--radius-card, 22px);box-shadow:0 16px 64px #00000080;cursor:default}.preview-page__brand-text{font-family:var(--font-editorial);font-weight:var(--weight-semibold, 600)}.preview-page__accent{color:var(--color-action)}.preview-page__footer{padding:var(--space-6) var(--space-4);text-align:center;border-top:1px solid rgba(22,32,39,.06);margin-top:var(--space-8)}[data-theme=dark] .preview-page__footer{border-top-color:#ffffff0f}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .preview-page__footer{border-top-color:#ffffff0f}}.preview-page__footer-brand{display:flex;align-items:center;justify-content:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-ink-muted);text-decoration:none;transition:color var(--transition-quick);margin-bottom:var(--space-4)}.preview-page__footer-brand:hover{color:var(--color-action)}.preview-page__footer-links{display:flex;align-items:center;justify-content:center;gap:var(--space-6);margin:0 0 var(--space-4);padding:0;list-style:none}.preview-page__footer-links a{font-size:var(--text-sm);color:var(--color-ink-soft);text-decoration:none;transition:color var(--transition-quick)}.preview-page__footer-links a:hover{color:var(--color-action)}.preview-page__footer-copy{font-size:var(--text-xs);color:var(--color-ink-muted);margin:0}@media(prefers-reduced-motion:reduce){.preview-page__play-btn:hover,.preview-page__style-btn:hover,.preview-page__cta-btn:hover{transform:none}}