/* Public content only; editor layout continues to use the existing styles. */
#welcome{max-width:1440px;padding-top:22px}#welcome [hidden]{display:none!important}#welcome a{color:inherit;text-underline-offset:4px}#welcome a:hover{color:var(--accent)}
.home-nav{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:36px;font-size:11px;color:var(--muted)}.home-nav>span{letter-spacing:1.4px}.home-nav>div{display:flex;gap:22px}.home-nav a,.gallery-foot a{text-decoration:none}
#welcome .scene-start-heading{align-items:flex-start;padding-bottom:30px}#welcome .scene-start h1{font-size:clamp(30px,3.1vw,44px);letter-spacing:-1px;margin:16px 0}#welcome .scene-start-heading p{font-size:14px;line-height:1.9}#welcome .scene-start-actions{margin-top:34px;align-items:stretch}#welcome .scene-start-actions>div{display:grid;grid-template-columns:1fr;gap:8px}#welcome .scene-start-actions button{justify-content:center}#welcome .scene-start-actions #new-scene-summary{text-align:center;font-size:11px}
#welcome .home-primary{display:flex;justify-content:center;align-items:center;min-height:46px;padding:10px 22px;border:1px solid var(--accent);border-radius:7px;background:var(--accent);color:var(--bg);text-decoration:none;font-size:13px;font-weight:600}#welcome .home-primary:hover{filter:brightness(1.08)}
.home-steps{list-style:none;padding:20px 0 24px;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:24px;border-top:1px solid var(--line)}.home-steps li{display:flex;gap:12px;font-size:11px;line-height:1.8;color:var(--muted)}.home-steps li>b{font-size:12px;color:var(--accent);font-variant-numeric:tabular-nums}.home-steps strong{display:block;font-size:13px;color:var(--text);font-weight:550;margin-bottom:2px}
#welcome .template-heading{margin-bottom:16px}#template-heading{scroll-margin-top:20px}#welcome .template-heading p{display:block;font-size:11px}#welcome .template-heading h2{font-size:19px}#welcome .template-heading h2 span{font-size:11px;letter-spacing:0}
.template-filter{display:flex;align-items:center;gap:8px;margin-bottom:20px;flex-wrap:wrap}.template-filter button{border-radius:20px;padding:7px 14px;font-size:12px;min-height:36px;background:transparent}.template-filter button[aria-pressed=true]{background:var(--active);border-color:var(--accent);color:var(--accent)}#template-filter-status{margin-left:auto;font-size:11px;color:var(--muted)}
/* Equal cover sizes make comparison quicker and prevent tall portrait cards dominating. */
#welcome .template-poster,#welcome .template-poster.portrait{aspect-ratio:16/10}#welcome .template-poster img{object-fit:contain;background:#dce0d7}#welcome .template-card-content h3{margin-bottom:5px;font-size:14px}.template-meta{margin:0 0 8px;font-size:11px;color:var(--muted);line-height:1.7}.template-purpose{font-size:11px;line-height:1.7;color:var(--muted);margin:0 0 14px;min-height:38px}#welcome .template-card-actions button{min-height:36px;font-size:11px}#welcome .template-card-content{padding:14px}
.home-notes{display:grid;grid-template-columns:1.35fr 1fr;gap:64px;border-top:1px solid var(--line);padding:32px 0;margin-top:8px}.home-notes h2,.home-faq h2{font-size:20px;font-weight:550;line-height:1.5;margin:10px 0 14px}.home-notes p{font-size:13px;line-height:1.9;color:var(--muted);margin:0 0 12px}.home-notes a{font-size:12px}.local-note{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:22px}.local-note b{font-size:14px;font-weight:550}.local-note p{margin-top:10px;font-size:12px}.local-note>span{font-size:11px;color:var(--accent)}
.home-faq{border-top:1px solid var(--line);padding:24px 0 34px;scroll-margin-top:24px}.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 40px}.faq-grid details{border-bottom:1px solid var(--line);padding:14px 0;margin:0;background:none;border-radius:0}.faq-grid summary{font-size:13px;cursor:pointer;line-height:1.8}.faq-grid p{font-size:12px;line-height:1.95;color:var(--muted);padding-right:12px;margin:12px 0 0}.faq-grid a{color:var(--accent)!important}
#welcome .gallery-foot{padding:22px 0;flex-wrap:wrap;line-height:1.8;font-size:11px}#welcome .gallery-foot nav{display:flex;flex-wrap:wrap;gap:12px 22px}
#home-ad-placement:empty{display:none}.whitebox-advertisement{margin:60px 0!important;padding:28px 0!important;min-height:180px}.whitebox-advertisement[hidden]{display:none!important}
:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
/* Standalone editorial pages share the product palette, without editor scripts. */
body.info-page{overflow:auto;height:auto;min-height:100vh;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,'PingFang SC',sans-serif}.info-shell{max-width:860px;padding:28px 28px 48px;margin:auto}.info-nav{display:flex;flex-wrap:wrap;gap:14px 24px;border-bottom:1px solid var(--line);padding:0 0 22px;align-items:center;font-size:13px}.info-nav a{color:var(--muted);text-decoration:none}.info-nav .info-brand{color:var(--accent);font-weight:650;margin-right:auto}.info-shell article{padding:30px 0}.info-shell h1{font-size:32px;line-height:1.45;letter-spacing:-.6px;margin:12px 0}.info-shell h2{font-size:19px;line-height:1.6;margin:32px 0 12px}.info-shell p,.info-shell li{font-size:14px;line-height:2;color:var(--muted)}.info-shell li{margin-bottom:8px}.info-shell a{color:var(--accent);text-underline-offset:4px}.info-shell .info-date{font-size:12px}.info-shell .info-intro{font-size:17px;color:var(--text)}.info-shell footer{border-top:1px solid var(--line);padding-top:22px;font-size:12px;color:var(--muted);line-height:1.8}.info-callout{padding:16px 20px;background:var(--panel);border:1px solid var(--line);border-radius:8px}.info-shell code{overflow-wrap:anywhere}
@media(max-width:920px){.home-nav{margin-bottom:28px}#welcome .scene-start-heading{display:block}#welcome .scene-start-actions{margin-top:20px;max-width:100%;align-items:flex-start}#welcome .scene-start-actions>div{display:flex;flex-direction:row;flex-wrap:wrap}#welcome .scene-start-actions #new-scene-summary{display:block}.home-notes{gap:28px}.home-steps{gap:14px}}
@media(max-width:600px){#welcome{padding-top:18px}.home-nav{font-size:10px;gap:12px;align-items:flex-start;margin-bottom:28px}.home-nav>span{max-width:112px;line-height:1.8;letter-spacing:.8px}.home-nav>div{gap:12px;flex-wrap:wrap;justify-content:flex-end}#welcome .scene-start h1{font-size:29px;letter-spacing:-.8px;max-width:340px}#welcome .scene-start-heading p{font-size:13px}#welcome .scene-start-actions{align-items:stretch}#welcome .scene-start-actions>div{display:grid;grid-template-columns:1fr 1fr;gap:8px}#welcome .home-primary{grid-column:1/-1;min-height:46px}#welcome .scene-start-actions>div>#create-scene{grid-column:1/-1}#welcome .scene-start-actions>div:has(#resume-scene:not([hidden]))>#create-scene{grid-column:auto}.home-steps{grid-template-columns:1fr;padding:20px 0;gap:12px}.home-steps li{align-items:baseline}.home-steps strong{display:inline;margin-right:10px;font-size:12px}.home-steps li>b{font-size:11px}.home-steps li{font-size:11px}#welcome .template-heading{align-items:flex-start}#welcome .template-heading h2{display:block;font-size:18px}#welcome .template-heading h2 span{display:block;margin-top:5px}#welcome .template-heading p{max-width:135px;text-align:right;font-size:10px;line-height:1.8}#welcome .template-card-content{padding:12px}#welcome .template-card-content h3{font-size:14px}.template-filter button{padding:7px 12px;font-size:11px}#template-filter-status{font-size:10px}#welcome #template-options{grid-template-columns:1fr}#welcome .template-card-actions button{min-height:40px;font-size:12px;padding:6px 10px}#welcome .template-purpose{min-height:0;font-size:12px}#welcome .template-meta{font-size:11px}#welcome .template-play span{display:inline}.home-notes,.faq-grid{grid-template-columns:1fr}.home-notes{gap:20px;padding:24px 0}.home-notes h2,.home-faq h2{font-size:18px}.home-faq{padding-bottom:26px}#welcome .gallery-foot nav{gap:12px 18px}.info-shell{padding:22px 20px 36px}.info-shell h1{font-size:28px}}
@media(max-width:600px){#welcome .scene-start h1 em{display:block}body:not(.editing)>header #restore{display:flex;padding:0 8px;min-width:32px}body:not(.editing)>header #restore::after{font-size:11px}}
@media(max-width:600px){body:not(.editing)>header .header-actions{flex:none;gap:6px}body:not(.editing)>header #restore,body:not(.editing)>header #quick-help{flex:none;width:32px;min-width:32px;padding:0;height:32px}body:not(.editing)>header #restore::after{display:none}}