: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)}.save{border:1px solid var(--ink);border-radius:9px;padding:10px 20px;font-size:14px;font-weight:700;color:var(--ink);background:#fff;cursor:pointer}.save:hover{background:#f0eadf}.save:disabled{opacity:.4;cursor:default}.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:.4;cursor:not-allowed}.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}.lib-btn{flex:0 0 auto;border:1px solid #d6cbba;background:#fff;color:var(--ink);border-radius:8px;padding:9px 14px;font-size:13px;font-weight:600;cursor:pointer}.lib-btn:hover{border-color:var(--terracotta);color:var(--terracotta)}.picker-scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#1f355273;display:flex;align-items:center;justify-content:center;z-index:50;padding:24px}.picker{background:#fff;border-radius:14px;width:min(860px,100%);max-height:84vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #1f35524d}.picker-head{display:flex;align-items:center;gap:12px;padding:16px 18px;border-bottom:1px solid #e6ddd0}.picker-head strong{font-size:15px}.picker-search{flex:1;font:inherit;font-size:14px;padding:8px 11px;border:1px solid #d6cbba;border-radius:8px}.picker-close{border:0;background:transparent;font-size:16px;cursor:pointer;color:#5a6b80}.picker-msg{padding:40px;text-align:center}.picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;padding:18px;overflow-y:auto}.picker-item{border:1px solid #e6ddd0;border-radius:10px;background:#faf6ef;padding:0;cursor:pointer;overflow:hidden;text-align:left;display:flex;flex-direction:column}.picker-item:hover{border-color:var(--terracotta)}.picker-thumb{display:block;height:100px;background-size:cover;background-position:center;background-color:#efe7da}.picker-name{font-size:11px;padding:6px 8px;color:#5a6b80;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.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}.list-items{display:flex;flex-direction:column;gap:10px;margin-top:4px}.list-item{border:1px solid #e6ddd0;border-radius:10px;background:#faf6ef;padding:10px 12px;display:flex;flex-direction:column;gap:8px}.list-item-head{display:flex;align-items:center;justify-content:space-between}.list-item-n{font-size:12px;font-weight:700;color:#8a98a8}.list-item-controls{display:flex;gap:4px}.list-item-controls button{border:1px solid #d6cbba;background:#fff;color:#5a6b80;border-radius:6px;width:26px;height:26px;font-size:13px;line-height:1;cursor:pointer;padding:0}.list-item-controls button:hover:not(:disabled){border-color:var(--terracotta);color:var(--terracotta)}.list-item-controls button:disabled{opacity:.35;cursor:default}.list-item-controls .rm:hover{border-color:#c0392b;color:#c0392b}.list-item .list-item-title,.list-item .list-item-body{width:100%}.list-add{margin-top:10px;border:1px dashed #c9bca8;background:#fff;color:var(--ink);border-radius:8px;padding:8px 14px;font-size:13px;font-weight:600;cursor:pointer}.list-add:hover{border-color:var(--terracotta);color:var(--terracotta)}.gallery-item{display:flex;gap:8px;align-items:center}.gallery-item input{flex:1;min-width:0}.gallery-actions{display:flex;gap:8px}.field select{font:inherit;font-size:15px;padding:10px 12px;border:1px solid #d6cbba;border-radius:8px;background:#fff;color:var(--ink)}.field select:focus{outline:2px solid var(--coral);border-color:transparent}.checks{display:flex;flex-wrap:wrap;gap:10px 16px;padding-top:2px}.check{display:inline-flex;align-items:center;gap:6px;font-size:14px;text-transform:capitalize;cursor:pointer}.check input{width:auto}.group-heading{margin:28px 0 2px;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--terracotta)}.group-heading:first-child{margin-top:6px}.new-trip{margin-top:12px;border:1px solid var(--terracotta);background:#fff;color:var(--terracotta);border-radius:8px;padding:9px 16px;font-size:13px;font-weight:700;cursor:pointer}.new-trip:hover{background:var(--terracotta);color:#fff}.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)}
