:root{font-family:Tahoma,Arial,sans-serif;color:#f4f7fa;background:#07131d;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;min-height:100%;margin:0}body{min-height:100vh;min-height:100dvh;background:#07131d}.screen-page{min-height:100vh;min-height:100dvh;padding:16px}.template-canvas{position:relative;width:100%;aspect-ratio:var(--template-ratio);overflow:hidden;background:#102431;container-type:inline-size}.template-area{position:absolute;overflow:hidden;padding:clamp(16px,4vw,64px);background:radial-gradient(ellipse at 12% 88%,rgb(50 136 125 / 30%),transparent 45%),linear-gradient(145deg,#173746,#122634 72%)}.template-item{width:100%;height:100%;display:grid;place-items:center;opacity:0;transition:opacity var(--transition-duration) ease-in-out}.template-item--visible{opacity:1}.template-text{max-width:100%;margin:0;color:#f4f7fa;font-size:var(--text-size);line-height:1.5}.template-image{width:100%;height:100%}.empty-area{margin:0;color:#a5b5c2;font-size:clamp(14px,1.5vw,22px)}@media(prefers-reduced-motion:reduce){.template-item{transition:none}}