@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=DM+Mono:wght@400;500&display=swap";:root{font-family:Space Grotesk,DM Mono,Segoe UI,system-ui,-apple-system,sans-serif;line-height:1.5;font-weight:500;color:#f5f5f0;background-color:#050505;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 10% 20%,#0b0b0b,#050505 25%),radial-gradient(circle at 80% 0%,#0f0f0f,#050505 30%)}p,h1{margin:0}#root{min-height:100vh}.muted{color:#b5b5b5;font-weight:500}::selection{background:#fff;color:#0b0b0b}.page{max-width:1200px;margin:0 auto;padding:2.5rem 1.5rem 3rem;display:flex;flex-direction:column;gap:1.5rem}.hero{display:grid;gap:.75rem;align-items:start}.headline{font-size:clamp(2rem,3vw,2.75rem);letter-spacing:-.02em}.lede{color:#c8c8c8;max-width:720px;line-height:1.6}.meta{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.25rem}.tag{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem .75rem;border-radius:999px;background:#fff;color:#0b0b0b;font-weight:600;font-size:.85rem;text-transform:uppercase;letter-spacing:.06em;width:fit-content}.layout{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1rem}.panel{background:linear-gradient(145deg,#0b0b0b,#111);border:1px solid #1f1f1f;border-radius:16px;padding:1.25rem;display:flex;flex-direction:column;gap:1rem;box-shadow:0 20px 60px #00000073}.panel__header{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.controls .panel__header{align-items:baseline}.field{display:flex;flex-direction:column;gap:.5rem}.field__label{display:flex;align-items:center;justify-content:space-between;gap:.5rem;font-weight:600}.input{width:100%;background:#0f0f0f;color:#f8f8f8;border:1px solid #1f1f1f;border-radius:12px;padding:.9rem 1rem;font-family:inherit;transition:border-color .16s ease,box-shadow .16s ease}.input:focus-visible{outline:none;border-color:#fff;box-shadow:0 0 0 3px #ffffff1a}.input--area{min-height:120px;resize:vertical}.input--range{accent-color:#ffffff;cursor:pointer}.grid{display:grid;gap:.75rem}.grid.two{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.level-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.5rem}.chip{width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:.2rem;padding:.9rem 1rem;border-radius:12px;border:1px solid #1f1f1f;background:#0f0f0f;color:inherit;cursor:pointer;transition:border-color .15s ease,background .15s ease}.chip--active{border-color:#fff;background:#141414}.chip__title{font-weight:700}.chip__hint{color:#c8c8c8;font-size:.9rem}.switch{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:.75rem;padding:.75rem;border-radius:12px;border:1px solid #1f1f1f;background:#0f0f0f;position:relative}.switch input{position:absolute;inset:0;opacity:0;cursor:pointer}.switch__control{width:48px;height:28px;border-radius:999px;border:1px solid #1f1f1f;background:#0b0b0b;display:inline-flex;align-items:center;padding:4px}.switch__thumb{width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .16s ease}.switch input:checked+.switch__control .switch__thumb{transform:translate(18px)}.switch__text{display:grid;gap:.15rem}.preview .panel__header{align-items:center}.status{padding:.4rem .7rem;border-radius:999px;border:1px solid #1f1f1f;background:#0f0f0f;font-size:.9rem}.status--active{border-color:#fff}.qr-frame{background:repeating-linear-gradient(135deg,#0c0c0c,#0c0c0c 12px,#0f0f0f 12px 24px);border:1px solid #1f1f1f;border-radius:16px;padding:1rem;min-height:320px;display:grid;place-items:center}.qr-frame img{width:100%;max-width:420px;height:auto;border-radius:12px;filter:drop-shadow(0 10px 20px rgba(0,0,0,.35));background:#fff;padding:1rem}.qr-frame--empty{border-style:dashed}.placeholder{display:grid;place-items:center;gap:.65rem;text-align:center}.placeholder__ring{width:64px;height:64px;border-radius:50%;border:1px dashed #2c2c2c}.settings-bar{display:flex;flex-wrap:wrap;gap:.5rem}.pill{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .75rem;border-radius:999px;border:1px solid #1f1f1f;background:#0f0f0f;font-size:.95rem}.pill--subtle{color:#c8c8c8}.error{color:#ffb3b3;margin:0}.actions{display:flex;flex-wrap:wrap;gap:.75rem}.button{border:1px solid #ffffff;background:#fff;color:#0b0b0b;padding:.85rem 1.2rem;border-radius:12px;font-weight:700;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,opacity .12s ease}.button:hover{transform:translateY(-1px);box-shadow:0 12px 30px #ffffff1a}.button:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}.button--ghost{background:transparent;color:#fff;border-color:#1f1f1f}.help-text{margin:0;font-size:.9rem}@media(max-width:640px){.panel{padding:1rem}.panel__header{flex-direction:column;align-items:flex-start}}