@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Source+Code+Pro:wght@400;500&display=swap";*{box-sizing:border-box}:root{color-scheme:light;--bg: #f7f3ee;--surface: #ffffff;--ink: #1c1a17;--muted: #5b554c;--accent: #d97706;--accent-dark: #b45309;--border: #e1d6c7;--shadow: 0 18px 45px rgba(45, 30, 10, .12)}body{margin:0;font-family:Space Grotesk,system-ui,-apple-system,sans-serif;color:var(--ink);background:radial-gradient(circle at top left,#fff6e9 0%,transparent 55%),radial-gradient(circle at 80% 20%,#f3e0c8 0%,transparent 40%),var(--bg)}.page{max-width:1100px;margin:0 auto;padding:56px 24px 72px}.nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:36px}.brand{display:flex;align-items:center;gap:12px;font-weight:700;font-size:1.05rem}.hero{max-width:680px;margin-bottom:40px}.logo{width:64px;height:64px;margin-bottom:0}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:12px;color:var(--accent-dark);font-weight:600;margin-bottom:12px}h1{font-size:clamp(2.2rem,4vw,3.4rem);margin:0 0 12px}.subhead{color:var(--muted);font-size:1.05rem;line-height:1.6;margin:0}.layout{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.tabs{display:inline-flex;gap:8px;padding:6px;border-radius:999px;background:#fff9;border:1px solid var(--border);margin-bottom:28px}.tab{border:none;padding:10px 18px;border-radius:999px;background:transparent;font-weight:600;cursor:pointer;color:var(--muted)}.tab.active{background:var(--ink);color:#fff}.card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:24px;box-shadow:var(--shadow)}h2{margin-top:0;font-size:1.3rem}.form{display:grid;gap:16px}label{display:grid;gap:8px;font-weight:600}input{padding:12px 14px;border-radius:12px;border:1px solid var(--border);font-size:1rem;font-family:inherit}textarea{padding:12px 14px;border-radius:12px;border:1px solid var(--border);font-size:.95rem;font-family:inherit;resize:vertical;min-height:120px}input:focus{outline:2px solid rgba(217,119,6,.25);border-color:var(--accent)}.hint{font-size:.85rem;color:var(--muted);font-weight:400}button{border:none;border-radius:999px;padding:12px 18px;font-weight:700;background:var(--accent);color:#fff;font-size:1rem;cursor:pointer;transition:transform .2s ease,background .2s ease}button:disabled{opacity:.7;cursor:wait}button:not(:disabled):hover{background:var(--accent-dark);transform:translateY(-1px)}input[type=file]{padding:10px;background:#fff7ed}.download{margin-top:16px;width:100%}.code{font-family:Source Code Pro,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.9rem;background:#1c1a17;color:#fef7ed;border-radius:12px;padding:16px;min-height:240px;overflow:auto}.error{background:#fde8e8;color:#7f1d1d;border:1px solid #f5b8b8;padding:10px 12px;border-radius:10px;margin-bottom:12px;font-weight:600}@media(max-width:720px){.page{padding:40px 18px 60px}}