:root{--brand-color: #3d0000;--bg-color: #ffffff;--text-main: #000000;--text-secondary: #666666;--border-color: #e5e5e5;--accent-bg: #f4f4f4;--font-inter: "Inter", -apple-system, sans-serif;--font-serif: "Instrument Serif", serif}*{box-sizing:border-box;-webkit-font-smoothing:antialiased}body{margin:0;padding:0;background-color:#f9f9f9;font-family:var(--font-inter);color:var(--text-main)}.container{max-width:600px;margin:0 auto;padding:24px;display:flex;flex-direction:column;gap:32px}h1{font-family:var(--font-serif);font-size:48px;font-weight:400;margin:0;color:var(--brand-color)}.form-card{background:#fff;padding:24px;border-radius:16px;display:flex;flex-direction:column;gap:20px;box-shadow:0 4px 12px #0000000d}.input-group{display:flex;flex-direction:column;gap:8px}.input-group label{font-size:14px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}input{font-size:16px;padding:12px 16px;border:1px solid var(--border-color);border-radius:8px;outline:none;transition:border-color .2s}input:focus{border-color:var(--brand-color)}.preview-container{width:100%;aspect-ratio:1200 / 630;background:#fff;border:1px solid var(--border-color);border-radius:12px;overflow:hidden;box-shadow:0 10px 30px #0000001a}.preview-container svg{width:100%;height:100%}.actions{display:flex;gap:16px}button{flex:1;padding:16px;font-size:16px;font-weight:600;border-radius:12px;cursor:pointer;transition:all .2s}button.primary{background:var(--brand-color);color:#fff;border:none}button.primary:hover{opacity:.9;transform:translateY(-1px)}button.secondary{background:#fff;color:var(--brand-color);border:1px solid var(--brand-color)}@media (max-width: 600px){.container{padding:16px}h1{font-size:36px}}