:root{color-scheme:dark;--accent:#2dd4bf;--grad:linear-gradient(92deg,#2ee6a6,#38bdf8 60%,#818cf8)}*{box-sizing:border-box}body{background:radial-gradient(1100px 700px at 50% -10%,#0c1320 0,transparent 55%),#05070a;color:#e8edf1;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin:0;min-height:100vh;-webkit-font-smoothing:antialiased}.qr{margin:0 auto;max-width:1080px;padding:26px 18px 56px}.qr__bar{align-items:center;display:flex;gap:14px;margin-bottom:22px}.qr__title{background:var(--grad);-webkit-background-clip:text;background-clip:text;font-size:22px;font-weight:800;letter-spacing:-.01em;margin:0;-webkit-text-fill-color:transparent;text-align:center}.qr__back{margin-right:auto}.qr__back,.qr__home{color:#9fb0bb;font-size:15px;font-weight:600;text-decoration:none;white-space:nowrap}.qr__home{margin-left:auto}.qr__back:hover,.qr__home:hover{color:#67e8f9}.qr__grid{align-items:start;display:grid;gap:18px;grid-template-columns:1fr}@media (min-width:860px){.qr__grid{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)}.qr__preview{position:sticky;top:18px}}.qr__controls{display:flex;flex-direction:column;gap:18px}.card{background:rgba(12,17,22,.6);border:1px solid hsla(0,0%,100%,.1);border-radius:16px;padding:20px}.card__head{color:#71808a;font-size:11px;font-weight:700;letter-spacing:.12em;margin:0 0 16px;text-transform:uppercase}.tabs{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:12px}.tab{background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.12);border-radius:999px;color:#b9c6cf;cursor:pointer;font:inherit;font-size:12.5px;font-weight:700;padding:7px 13px;transition:background .14s,border-color .14s,color .14s}.tab:hover{background:hsla(0,0%,100%,.08)}.tab.is-active{background:linear-gradient(92deg,#2ee6a6,#38bdf8 70%);border-color:transparent;color:#04110d}.type-hint{color:#7d909c;font-size:12.5px;margin:0 0 16px}.form{gap:13px;margin-bottom:13px}.field,.form{display:flex;flex-direction:column}.field{gap:7px;min-width:0}.field__lbl{align-items:baseline;color:#aeb9c2;display:flex;font-size:12px;font-weight:600;gap:7px}.opt{font-size:10.5px;font-style:normal;font-variant-numeric:tabular-nums;font-weight:600}.opt,.sub{color:#6f8290}.sub{font-size:11.5px;line-height:1.5;margin:4px 0 0}.input{accent-color:var(--accent);background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.16);border-radius:9px;color:#e8edf1;font:inherit;font-size:14px;padding:9px 11px;transition:border-color .14s,box-shadow .14s;width:100%}.input:focus{border-color:rgba(45,212,191,.6);box-shadow:0 0 0 3px rgba(45,212,191,.16);outline:none}textarea.input{line-height:1.45;min-height:42px;resize:vertical}select.input{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px}.field--check{align-items:center;flex-direction:row;gap:9px}.field--check input[type=checkbox]{accent-color:var(--accent);cursor:pointer;height:18px;width:18px}.field--check .field__lbl{margin:0}.grid2{gap:14px;grid-template-columns:1fr 1fr;margin-bottom:16px}.grid2,.seg{display:grid}.seg{gap:6px;grid-template-columns:repeat(4,1fr)}.seg__btn{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.14);border-radius:9px;color:#b9c6cf;cursor:pointer;font:inherit;font-size:13px;font-weight:800;padding:9px 0;transition:background .14s,border-color .14s,color .14s}.seg__btn:hover{background:hsla(0,0%,100%,.09)}.seg__btn.is-active{background:linear-gradient(92deg,#2ee6a6,#38bdf8 80%);border-color:transparent;color:#04110d}.range{accent-color:var(--accent);cursor:pointer;width:100%}.colors{align-items:flex-end;display:flex;gap:12px;margin-top:4px}.color{display:flex;flex:1;flex-direction:column;gap:7px;min-width:0}.color__row{align-items:center;display:flex;gap:8px}input[type=color]{background:transparent;border:1px solid hsla(0,0%,100%,.16);border-radius:9px;cursor:pointer;flex:none;height:40px;padding:0;width:40px}input[type=color]::-webkit-color-swatch-wrapper{padding:3px}input[type=color]::-webkit-color-swatch{border:none;border-radius:6px}.hex{min-width:0;padding:9px;text-transform:lowercase}.swap{align-self:center;flex:none;font-size:16px;line-height:1;margin-bottom:1px;padding:9px 11px}.btn{background:rgba(45,212,191,.13);border:1px solid rgba(45,212,191,.42);border-radius:10px;color:#d6fbf3;cursor:pointer;font:inherit;font-size:13px;font-weight:700;padding:10px 16px;transition:background .14s,border-color .14s,opacity .14s}.btn:hover{background:rgba(45,212,191,.24)}.btn:disabled{cursor:not-allowed;opacity:.4}.btn--ghost{background:hsla(0,0%,100%,.04);border-color:hsla(0,0%,100%,.16);color:#b9c6cf}.btn--ghost:hover{background:hsla(0,0%,100%,.09)}.contrast{color:#6f8290;font-size:12px;line-height:1.5;margin:14px 0 0}.contrast[data-level=warn]{color:#fbbf24}.contrast[data-level=bad]{color:#fb7185}.preview{text-align:center}.paper{align-items:center;background:linear-gradient(180deg,hsla(0,0%,100%,.04),hsla(0,0%,100%,.015)),repeating-conic-gradient(hsla(0,0%,100%,.025) 0 25%,transparent 0 50%) 0 /22px 22px;border:1px solid hsla(0,0%,100%,.1);border-radius:12px;display:flex;justify-content:center;min-height:120px;padding:16px}#qrCanvas{border-radius:4px;box-shadow:0 10px 30px rgba(0,0,0,.45);display:block;height:auto;image-rendering:pixelated;max-width:100%}.meta{color:#9fb0bb;font-size:12.5px;font-variant-numeric:tabular-nums;margin:14px 0 0}.err{color:#fb7185;font-size:12.5px;line-height:1.5;margin:10px 0 0;min-height:0}.err:empty{display:none}.dl{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:18px}.qr__foot{color:#67757f;font-size:12px;line-height:1.7;margin:22px 0 0}@media (max-width:420px){.qr{padding:20px 14px 44px}.qr__title{font-size:19px}.qr__back,.qr__home{font-size:13px}.card{padding:16px}.grid2{gap:13px;grid-template-columns:1fr}.dl{flex-direction:column}.dl .btn{width:100%}}@media (hover:none) and (pointer:coarse){.input,.mono{font-size:16px}}