:root{color:#f4f7fb;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--text:#f4f7fb;--soft-text:#dce8ff;--muted:#97a6c5;--accent:#67f7c7;--accent-alt:#f54bff;--panel-bg:linear-gradient(180deg, #0b0f1ce0, #080b13eb);--panel-border:#ffffff14;--shadow:0 18px 52px #00000042;--mono:"SFMono-Regular", "Cascadia Code", "Liberation Mono", monospace;background:radial-gradient(circle at top,#15243e,#080b13 36%),linear-gradient(#090c15 0%,#05070d 100%);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;min-height:100vh;margin:0}body,button,input,textarea{font-family:inherit}button{cursor:pointer}button,input,textarea{appearance:none}textarea::placeholder,input::placeholder{color:#71809f}h1,h2,h3,p{margin:0}h1{letter-spacing:-.05em;font-size:clamp(2.8rem,7vw,5.4rem);line-height:.94}h2{font-size:clamp(1.4rem,3vw,2rem)}h3{font-size:1.1rem}#root{width:min(1280px,100%);margin:0 auto}a{color:inherit}.app-shell{gap:24px;padding:32px;display:grid;position:relative}.app-shell:before{content:"";pointer-events:none;background:radial-gradient(circle at 20% 20%,#67f7c71a,#0000 30%),radial-gradient(circle at 80% 0,#f54bff1f,#0000 26%),linear-gradient(#ffffff08 1px,#0000 1px) 0 0/24px 24px,linear-gradient(90deg,#ffffff08 1px,#0000 1px) 0 0/24px 24px;position:fixed;inset:0}.glow-mode:after{content:"";pointer-events:none;background:radial-gradient(circle,#ffd70014,#0000 55%);animation:1.8s ease-in-out infinite pulse;position:fixed;inset:0}.hero-panel,.panel,.info-strip article{border:1px solid var(--panel-border);background:var(--panel-bg);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:28px;position:relative;overflow:hidden}.hero-panel{padding:32px}.hero-panel h1{max-width:12ch;margin:12px 0}.hero-compact{justify-content:space-between;align-items:flex-start;gap:16px;padding:14px 18px;display:flex}.hero-compact-copy{max-width:32rem}.hero-compact h1{max-width:20ch;margin:4px 0 0;font-size:clamp(1.3rem,2.2vw,1.9rem);line-height:1.08}.hero-compact-side{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:8px;max-width:34rem;display:flex}.hero-compact .hero-badges{flex-wrap:nowrap;justify-content:flex-end;gap:8px;margin-top:0}.hero-compact .hero-badges span{white-space:nowrap;padding:.42rem .7rem;font-size:.68rem}.hero-copy-corner{text-align:right;max-width:34rem;margin:0;font-size:.82rem;line-height:1.35}.hero-presets{padding:24px}.compact-heading{margin-bottom:16px}.eyebrow,.panel-kicker,.preset-badge,.hero-badges span,.status-pill,.output-meta{font-family:var(--mono);text-transform:uppercase;letter-spacing:.16em}.eyebrow,.panel-kicker{color:var(--accent);font-size:.82rem}.hero-copy{max-width:58rem;color:var(--muted);font-size:1.05rem}.hero-badges{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}.hero-badges span,.status-pill,.output-meta,.preset-badge{width:fit-content;color:var(--soft-text);background:#67f7c714;border:1px solid #67f7c72e;border-radius:999px;align-items:center;gap:8px;padding:.5rem .8rem;font-size:.74rem;display:inline-flex}.preset-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:28px;display:grid}.preset-card{text-align:left;color:var(--text);background:linear-gradient(#0f1321f2,#0a0c16e0);border:1px solid #ffffff14;border-radius:22px;gap:10px;padding:18px;transition:transform .18s,border-color .18s,box-shadow .18s;display:grid}.preset-card:hover,.preset-card:focus-visible{border-color:#f54bff66;transform:translateY(-2px);box-shadow:0 16px 30px #0000003d}.preset-card strong{font-size:1.1rem}.preset-card span:last-child{color:var(--muted);font-size:.94rem}.preset-card.is-active{border-color:#67f7c794;box-shadow:0 0 0 1px #67f7c72e,0 18px 44px #04ffba1a}.tool-layout{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:24px;display:grid}.panel{padding:24px}.panel-heading{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.panel-heading h2,.info-strip h3{margin:8px 0 0}.field{gap:10px;display:grid}.field span{color:var(--soft-text);font-size:.95rem}.field textarea,.field input{box-sizing:border-box;width:100%;color:var(--text);font:inherit;resize:vertical;background:#050912cc;border:1px solid #ffffff1a;border-radius:18px;padding:16px 18px}.field textarea:focus,.field input:focus,.preset-card:focus,.action-row button:focus,.quick-separators button:focus{outline-offset:2px;outline:2px solid #67f7c7d9}.field-row,.action-row,.quick-separators,.stats-grid,.content-grid,.faq-list{gap:14px;display:grid}.field-row{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:16px}.quick-separators{grid-template-columns:repeat(5,minmax(0,1fr));margin-top:16px}.quick-separators button,.action-row button{color:var(--text);font:inherit;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:16px;padding:14px 16px;transition:transform .16s,border-color .16s,background .16s}.quick-separators button:hover,.action-row button:hover{background:#67f7c714;border-color:#67f7c752;transform:translateY(-1px)}.action-row button.primary{background:linear-gradient(135deg,#67f7c729,#f54bff2e);border-color:#67f7c747}.action-row button:disabled{opacity:.5;cursor:not-allowed;transform:none}.mini-note{color:var(--muted);background:#f54bff14;border-radius:18px;margin-top:16px;padding:14px 16px;font-size:.92rem}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:16px}.stats-grid article{background:#070b14b8;border:1px solid #ffffff14;border-radius:22px;padding:18px}.stats-grid strong{color:var(--text);font-size:clamp(1.4rem,2vw,2rem);display:block}.stats-grid span{color:var(--muted)}.action-row{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:16px}.content-section{border:1px solid var(--panel-border);background:var(--panel-bg);box-shadow:var(--shadow);border-radius:28px;padding:28px;position:relative}.section-heading{margin-bottom:20px}.section-heading h2{margin-top:8px}.content-grid.three-up{grid-template-columns:repeat(3,minmax(0,1fr))}.content-grid.two-up{grid-template-columns:repeat(2,minmax(0,1fr))}.content-card{background:#070b14b8;border:1px solid #ffffff14;border-radius:22px;padding:20px;display:block}.content-card h3{margin-bottom:10px}.content-card p{color:var(--muted)}.prose-card p+p{margin-top:12px}.step-card strong{width:40px;height:40px;color:var(--text);background:linear-gradient(135deg,#67f7c72e,#f54bff2e);border-radius:999px;place-items:center;margin-bottom:14px;display:inline-grid}.faq-list{grid-template-columns:1fr}.faq-card h3{font-size:1.05rem}.link-card{color:inherit;text-decoration:none;transition:transform .16s,border-color .16s,background .16s}.link-card:hover,.link-card:focus-visible{background:#67f7c714;border-color:#67f7c75c;transform:translateY(-1px)}.link-card.is-current{border-color:#f54bff73}@keyframes pulse{0%,to{opacity:.45}50%{opacity:1}}@media (width<=960px){.app-shell{padding:16px}.hero-compact{flex-direction:column}.hero-compact-side{align-items:flex-start;max-width:100%}.hero-compact .hero-badges{flex-wrap:wrap;justify-content:flex-start}.hero-copy-corner{text-align:left;max-width:100%}.preset-grid,.tool-layout,.field-row,.quick-separators,.stats-grid,.action-row,.content-grid.three-up,.content-grid.two-up{grid-template-columns:1fr}.panel-heading{flex-direction:column}}
