:root{color-scheme:dark;--bg: #020617;--text-primary: #e2e8f0;--text-secondary: rgba(226, 232, 240, .7);--panel-surface: rgba(15, 23, 42, .92);--panel-border: rgba(148, 163, 184, .25);--panel-shadow: rgba(2, 6, 23, .65);--accent: #38bdf8;--accent-strong: #0ea5e9;font-family:Inter,Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;background-color:var(--bg);color:var(--text-primary)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background-color:var(--bg);color:var(--text-primary);-webkit-font-smoothing:antialiased}#app{min-height:100vh}a{color:inherit}a:focus-visible{outline:2px solid rgba(56,189,248,.7);outline-offset:4px}.app-shell{position:relative;min-height:100vh;padding:clamp(2.5rem,5vw,4rem);display:flex;flex-direction:column;gap:clamp(2rem,5vw,3rem);isolation:isolate}.app-shell__backdrop{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}.glow{position:absolute;width:520px;height:520px;border-radius:999px;filter:blur(140px);opacity:.75}.glow--one{top:-18%;left:-12%;background:radial-gradient(circle,#38bdf89e,#0f172a00)}.glow--two{bottom:-22%;right:-10%;background:radial-gradient(circle,#ec48997a,#0f172a00)}.glow--three{top:35%;right:32%;background:radial-gradient(circle,#22c55e61,#0f172a00)}.app-shell>*:not(.app-shell__backdrop){position:relative;z-index:1}.page-header{display:flex;align-items:center;justify-content:space-between;gap:1.5rem}.page-header__brand{display:flex;flex-direction:column;gap:.4rem}.logo{display:inline-flex;align-items:baseline;gap:.35rem;font-size:clamp(1.6rem,2.2vw + 1rem,2.35rem);font-weight:700;letter-spacing:-.02em}.logo span{color:var(--accent)}.tagline{margin:0;font-size:.95rem;color:#e2e8f0a6}.source-link{display:inline-flex;align-items:center;gap:.5rem;padding:.65rem 1.25rem;border-radius:999px;border:1px solid rgba(148,163,184,.4);background:linear-gradient(135deg,#38bdf838,#0e74901a);color:inherit;text-decoration:none;font-weight:600;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.source-link:after{content:"↗";font-size:.95em}.source-link:hover{transform:translateY(-2px);border-color:#94a3b899;box-shadow:0 18px 40px #38bdf84d}.workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,420px);gap:clamp(2rem,6vw,4rem);align-items:stretch}.hero{display:flex;flex-direction:column;gap:1.2rem;max-width:560px}.hero__eyebrow{margin:0;text-transform:uppercase;font-size:.78rem;letter-spacing:.24em;color:#94a3b8d9}.hero h1{margin:0;font-size:clamp(2.4rem,3.6vw + 1rem,3.4rem);font-weight:700;letter-spacing:-.025em;line-height:1.04}.hero__lead{margin:0;font-size:1.05rem;line-height:1.65;color:var(--text-secondary)}.hero__meta{display:flex;flex-wrap:wrap;gap:.75rem}.chip{display:inline-flex;align-items:center;gap:.45rem;border-radius:999px;padding:.45rem .95rem;background:#0f766e2e;border:1px solid rgba(45,212,191,.25);color:#e2e8f0e6;font-size:.95rem;letter-spacing:.01em}.panel{position:relative;background:linear-gradient(165deg,#0f172aeb,#1e293be0);border-radius:24px;border:1px solid var(--panel-border);box-shadow:0 35px 80px var(--panel-shadow);padding:clamp(1.8rem,4vw,2.6rem);display:flex;flex-direction:column;gap:1.6rem;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.panel__header{display:flex;flex-direction:column;gap:.6rem}.panel__eyebrow{margin:0;font-size:.78rem;text-transform:uppercase;letter-spacing:.22em;color:#94a3b8d9}.panel__title{margin:0;font-size:1.8rem;font-weight:700;letter-spacing:-.015em}.panel__subtitle{margin:0;line-height:1.6;color:var(--text-secondary)}.panel__form{display:flex;flex-direction:column;gap:1.25rem}.form-field{display:flex;flex-direction:column;gap:.65rem;color:#e2e8f0d9;font-weight:600}.form-field>span{font-size:.85rem;text-transform:uppercase;letter-spacing:.17em;color:#94a3b8cc}.form-field select,.form-field textarea{font:inherit;color:#e2e8f0;background:#0f172a8c;border:1px solid rgba(148,163,184,.25);border-radius:16px;padding:.85rem 1rem;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.form-field textarea{min-height:140px;resize:vertical;line-height:1.55}.form-field select:focus-visible,.form-field textarea:focus-visible{outline:none;border-color:#38bdf8b3;box-shadow:0 0 0 3px #38bdf833;background:#0f172ab3}.form-field select:disabled,.form-field textarea:disabled{opacity:.6;cursor:wait}.form-actions{display:flex;flex-wrap:wrap;gap:.85rem}.form-actions button{font:inherit;border:none;border-radius:999px;padding:.78rem 1.85rem;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease}#submit-button{background:linear-gradient(135deg,var(--accent),var(--accent-strong));color:#020617;box-shadow:0 18px 45px #38bdf873}#submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 24px 55px #38bdf88c}#reset-button{background:#0f172a99;border:1px solid rgba(148,163,184,.4);color:#e2e8f0d9}#reset-button:hover:not(:disabled){transform:translateY(-1px);border-color:#94a3b899}.form-actions button:disabled{cursor:not-allowed;opacity:.55;box-shadow:none;transform:none}.status{font-size:.95rem;padding:.9rem 1.1rem;border-radius:18px;background:#0ea5e929;color:#7dd3fcf5;border:1px solid rgba(56,189,248,.24);transition:background .2s ease,color .2s ease,border-color .2s ease}.status[data-state=error]{background:#f8717133;color:#fecaca;border-color:#fca5a54d}.result{display:flex;flex-direction:column;gap:.75rem}.result h3{margin:0;font-size:1.3rem;font-weight:600;color:#f8fafc}.result pre{margin:0;padding:1.1rem 1.25rem;background:#020617d9;border:1px solid rgba(148,163,184,.18);border-radius:18px;color:#f8fafc;font-size:1.05rem;line-height:1.6;overflow-x:auto;font-family:Fira Code,JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.page-footer{margin-top:auto;text-align:center;color:#94a3b8b3;font-size:.9rem}.page-footer p{margin:0}::selection{background:#38bdf859;color:#020617}@media (max-width: 960px){.workspace{grid-template-columns:1fr}.panel{order:2}.hero{order:1;max-width:none}}@media (max-width: 720px){.app-shell{padding:2rem 1.5rem}.page-header{flex-direction:column;align-items:flex-start}.source-link{align-self:stretch;justify-content:center}.hero h1{font-size:2.45rem}.panel{padding:1.75rem}}@media (max-width: 480px){.form-actions{flex-direction:column;align-items:stretch}.form-actions button{width:100%;justify-content:center}}