:root{--paper: #f4eee6;--ink: #1f3552;--terracotta: #c97855;--coral: #e28b73;--sage: #8fa58b;--serif: "Cormorant Garamond", Georgia, serif;--script: "Great Vibes", "Italiana", cursive;--ui: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--ui);color:var(--ink);background:var(--paper)}.screen{display:flex;flex-direction:column;min-height:100vh}.screen.center{align-items:center;justify-content:center}.muted{color:#5a6b80}.small{font-size:13px}.center{text-align:center}.card{background:#fff;border-radius:16px;padding:40px;box-shadow:0 12px 40px #1f35521f;max-width:440px;text-align:center}.topbar{display:flex;align-items:center;gap:20px;padding:14px 24px;background:#fff;border-bottom:1px solid #e6ddd0;position:sticky;top:0;z-index:10}.brand{font-weight:600;letter-spacing:.01em}.lang-toggle{display:flex;gap:2px;background:#efe7da;border-radius:8px;padding:2px}.lang-toggle button{border:0;background:transparent;padding:6px 14px;border-radius:6px;font-weight:600;font-size:13px;color:#5a6b80;cursor:pointer}.lang-toggle button.on{background:#fff;color:var(--ink);box-shadow:0 1px 3px #0000001a}.actions{margin-left:auto;display:flex;align-items:center;gap:14px}.preview-link{color:var(--ink);text-decoration:none;font-weight:600;font-size:14px}.preview-link:hover{color:var(--terracotta)}.deploy{border:0;border-radius:9px;padding:11px 22px;font-size:14px;font-weight:700;color:#fff;background:var(--terracotta);cursor:pointer}.deploy:hover{opacity:.92}.deploy:disabled{opacity:.5;cursor:default}.status{min-height:34px;display:flex;align-items:center;gap:6px;padding:6px 24px;font-size:13px;color:#5a6b80;background:#faf6ef;border-bottom:1px solid #efe7da}.status.ok{color:#2f7d4f}.status.err{color:#b3402f}.status a{color:inherit}.split{flex:1;display:grid;grid-template-columns:minmax(360px,460px) 1fr}@media (max-width: 860px){.split{grid-template-columns:1fr}}.form{padding:28px 24px;border-right:1px solid #e6ddd0;overflow-y:auto}.form h2{margin:0 0 4px;font-size:20px}.record{border:1px solid #e6ddd0;border-radius:12px;padding:6px 18px 20px;margin:22px 0 0}.record legend{font-weight:700;font-size:14px;padding:0 8px;color:var(--ink)}.field{display:flex;flex-direction:column;margin-top:18px}.field-image .image-row{display:flex;gap:10px;align-items:center}.field-image .image-row input{flex:1;min-width:0}.thumb{width:60px;height:42px;flex:0 0 auto;border-radius:6px;background-size:cover;background-position:center;border:1px solid #d6cbba}.field-label{font-weight:600;font-size:13px;margin-bottom:2px}.field-help{font-size:12px;color:#8a98a8;margin-bottom:7px}.field input,.field textarea{font:inherit;font-size:15px;padding:10px 12px;border:1px solid #d6cbba;border-radius:8px;background:#fff;color:var(--ink);resize:vertical}.field input:focus,.field textarea:focus{outline:2px solid var(--coral);border-color:transparent}.preview{padding:20px 24px 28px;display:flex;flex-direction:column;gap:14px;min-height:0}.device-toggle{display:flex;gap:2px;align-self:center;background:#efe7da;border-radius:8px;padding:2px}.device-toggle button{border:0;background:transparent;padding:6px 16px;border-radius:6px;font-weight:600;font-size:13px;color:#5a6b80;cursor:pointer}.device-toggle button.on{background:#fff;color:var(--ink);box-shadow:0 1px 3px #0000001a}.preview-stage{flex:1;min-height:0;overflow:auto}.device-frame{margin:0 auto;width:100%}.preview-frame{container-type:inline-size;width:100%;min-height:360px;border-radius:14px;overflow:hidden;background:linear-gradient(160deg,#16263d,#1f3552 60%,#2a4366);display:flex;align-items:center;justify-content:center;padding:clamp(24px,7cqi,48px) clamp(16px,5cqi,32px)}.hero-preview{text-align:center;max-width:760px;position:relative;z-index:1}.hp-kicker{display:flex;align-items:center;justify-content:center;gap:12px;color:var(--paper);text-transform:uppercase;letter-spacing:.28em;font-size:clamp(9px,1.6cqi,11px);opacity:.82;margin-bottom:clamp(14px,3cqi,22px)}.hp-line{width:clamp(20px,5cqi,36px);height:1px;background:currentColor;opacity:.5}.hp-headline{font-family:var(--script);font-weight:400;line-height:.9;font-size:clamp(40px,13cqi,104px);color:var(--paper);margin:0}.hp-accent{color:var(--coral)}.hp-hl-line{display:block}.hp-deck{font-family:var(--serif);color:var(--paper);opacity:.9;font-size:clamp(14px,2.6cqi,18px);line-height:1.5;max-width:540px;margin:clamp(16px,3cqi,22px) auto clamp(20px,4cqi,28px)}.hp-cta{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.hp-btn{padding:12px 26px;border-radius:6px;font-size:14px;font-weight:600}.hp-btn-primary{background:var(--terracotta);color:#fff}.hp-btn-ghost{border:1px solid rgba(244,238,230,.55);color:var(--paper)}