*{box-sizing:border-box}:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;font-weight:400;--brand-primary: #bf964b;--brand-primary-bright: #f9dc8e;--brand-primary-soft: #2d1b05;--brand-primary-rgb: 191, 150, 75;--brand-accent: #f9dc8e;--brand-accent-rgb: 249, 220, 142;--brand-ink: #f6f0dc;--brand-muted: #c9b689;--brand-surface: #1a140b;--brand-surface-soft: #0d0d0d;--brand-border: rgba(249, 220, 142, .2);color:var(--brand-ink);background-color:var(--brand-surface-soft);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}body{margin:0;min-height:100vh}textarea,input,button{font-family:inherit}.app{max-width:1180px;margin:0 auto;padding:3.5rem 1.75rem 5rem;display:flex;flex-direction:column;gap:3.25rem;color:var(--brand-ink)}.hero{display:flex;flex-direction:column;align-items:center;padding-top:1rem}.hero-logo{display:block;max-width:min(100%,360px);height:auto}.hero-copy{display:flex;flex-direction:column;gap:1.1rem;align-items:center;text-align:center;padding:clamp(1.5rem,3vw,2.5rem) clamp(1.25rem,2.5vw,2rem)}.hero-powered{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.32em;color:var(--brand-primary-bright)}.hero-copy h1{margin:0;font-size:clamp(2.6rem,5.8vw,3.9rem);color:var(--brand-primary-bright)}.hero-copy p{margin:0;font-size:1.05rem;line-height:1.75;color:var(--brand-muted)}.workspace{display:grid;grid-template-columns:minmax(0,1fr);gap:2.5rem}.controls,.preview{background:linear-gradient(155deg,rgba(var(--brand-primary-rgb),.08),#0c0a07f2);border-radius:28px;border:1px solid var(--brand-border);box-shadow:0 40px 70px -55px #000000e6;padding:clamp(1.9rem,3vw,2.4rem)}.controls{display:flex;flex-direction:column;gap:1.75rem}.field{display:flex;flex-direction:column;gap:.65rem;font-size:.95rem;color:var(--brand-ink)}.field span{font-weight:600;letter-spacing:.04em}.field textarea{resize:vertical;min-height:120px;border-radius:14px;border:1px solid rgba(var(--brand-accent-rgb),.25);padding:.95rem 1.1rem;font-size:1rem;font-family:inherit;color:var(--brand-ink);background-color:#ffffff0a;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.field textarea:focus{outline:none;border-color:var(--brand-primary-bright);box-shadow:0 0 0 4px rgba(var(--brand-accent-rgb),.25)}.field select,.field input[type=number]{border-radius:14px;border:1px solid rgba(var(--brand-accent-rgb),.25);padding:.75rem .95rem;font-size:1rem;color:var(--brand-ink);background-color:#ffffff0a;transition:border-color .2s ease,box-shadow .2s ease}.field select:focus,.field input[type=number]:focus{outline:none;border-color:var(--brand-primary-bright);box-shadow:0 0 0 4px rgba(var(--brand-accent-rgb),.25)}.field input[type=color]{width:100%;height:52px;border-radius:14px;border:1px solid rgba(var(--brand-accent-rgb),.3);background:#ffffff0d;padding:.35rem;cursor:pointer}.field input[type=file]{font-size:.95rem;color:var(--brand-muted)}.field small{color:var(--brand-muted)}.field-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1.15rem}.checkbox{display:flex;align-items:center;gap:.85rem;font-size:.95rem;color:var(--brand-ink)}.checkbox input[type=checkbox]{width:20px;height:20px;accent-color:var(--brand-primary);filter:drop-shadow(0 0 6px rgba(var(--brand-primary-rgb),.3))}button{border-radius:12px;border:none;font-size:.95rem;font-weight:600;font-family:inherit;cursor:pointer;transition:transform .2s ease,box-shadow .25s ease}button.primary{padding:.85rem 2rem;background:linear-gradient(135deg,var(--brand-primary),#734207);color:#0d0d0d;box-shadow:0 16px 34px -12px rgba(var(--brand-primary-rgb),.65),inset 0 0 0 1px #0003}button.primary:hover{transform:translateY(-2px);box-shadow:0 16px 36px -10px rgba(var(--brand-primary-rgb),.75),inset 0 0 0 1px #00000040}button.primary:focus-visible{outline:3px solid rgba(var(--brand-accent-rgb),.5);outline-offset:3px}button.ghost{align-self:flex-start;padding:.55rem 1.2rem;background-color:rgba(var(--brand-primary-rgb),.18);color:var(--brand-primary-bright);box-shadow:inset 0 0 0 1px rgba(var(--brand-primary-rgb),.35)}button.ghost:hover{transform:translateY(-1px);box-shadow:inset 0 0 0 1px rgba(var(--brand-primary-rgb),.55)}button.ghost:focus-visible{outline:3px solid rgba(var(--brand-accent-rgb),.45);outline-offset:2px}button:disabled{opacity:.6;cursor:not-allowed}.preview{display:flex;flex-direction:column;align-items:center;gap:1.75rem}.field-group{width:100%;display:flex;flex-direction:column;gap:1.1rem;padding:1.25rem 1.6rem;border-radius:22px;background:linear-gradient(145deg,rgba(var(--brand-primary-rgb),.12),#100c08bf);box-shadow:inset 0 0 0 1px rgba(var(--brand-primary-rgb),.15)}.field-group.download-options{max-width:440px}.group-title{font-weight:600;color:var(--brand-primary-bright);text-transform:uppercase;letter-spacing:.1em;font-size:.78rem}.canvas-wrapper{background:radial-gradient(at 25% 20%,rgba(var(--brand-primary-rgb),.2),transparent 60%),linear-gradient(150deg,#100d0acc,#0a0907f2);border-radius:28px;padding:2rem;border:1px solid rgba(var(--brand-accent-rgb),.18);box-shadow:inset 0 0 0 1px rgba(var(--brand-primary-rgb),.18),0 32px 60px -48px #000000d9;display:inline-flex;justify-content:center;align-items:center}canvas{width:min(100%,320px);height:auto;display:block}.status{margin:0;font-size:.95rem;color:var(--brand-muted);text-align:center;min-height:1.5rem}@media (min-width: 720px){.hero{padding-top:1.5rem}}@media (min-width: 980px){.workspace{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:flex-start}.preview{position:sticky;top:4rem}}