:root,:root[data-theme=dark]{color-scheme:dark;--bg:#000;--card:#0a0e09;--card2:#11170f;--tx:#edf8e8;--mu:#8da58a;--bd:#1e2c1b;--ac:#9be21a;--on:#050a00}:root[data-theme=ocean]{color-scheme:dark;--bg:#041a24;--card:#08293a;--card2:#0d3a50;--tx:#e8fbff;--mu:#8cbfce;--bd:#165470;--ac:#22d3ee;--on:#00202a}:root[data-theme=light]{color-scheme:light;--bg:#f4f5f9;--card:#ffffff;--card2:#f1f3f8;--tx:#12151b;--mu:#667085;--bd:#e1e5ee;--ac:#4f46e5;--on:#ffffff}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--tx);font:15px/1.55 ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;min-height:100vh;-webkit-font-smoothing:antialiased;transition:background .25s,color .25s}.glow{position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(60% 45% at 12% -5%,color-mix(in srgb,var(--ac) 24%,transparent),transparent 70%),radial-gradient(45% 40% at 95% 8%,color-mix(in srgb,var(--ac) 12%,transparent),transparent 70%)}.wrap{max-width:1080px;margin:0 auto;padding:0 18px}.top{justify-content:space-between;padding:18px 0}.brand,.top{display:flex;align-items:center}.brand{gap:10px;font-weight:700;font-size:18px;letter-spacing:-.01em}.mark{width:30px;height:30px;background:var(--ac);color:var(--on);display:grid;place-items:center}.app-logo,.mark{border-radius:9px}.app-logo{width:30px;height:30px;object-fit:contain;background:#fff}.themes{display:flex;gap:4px;padding:4px;border:1px solid var(--bd);border-radius:999px;background:var(--card)}.themes button{border:0;background:transparent;color:var(--mu);width:34px;height:34px;border-radius:50%;display:grid;place-items:center;cursor:pointer;transition:.15s}.themes button:hover{color:var(--tx)}.themes button.on{background:var(--ac);color:var(--on)}.hero{text-align:center;padding:34px 0 28px}.hero h1{font-size:clamp(32px,5.4vw,54px);line-height:1.06;letter-spacing:-.035em;margin:0 0 14px}.hero h1 em{font-style:normal;color:var(--ac)}.hero p{color:var(--mu);margin:0;font-size:16px}.grid{display:grid;grid-template-columns:1fr 370px;grid-gap:18px;gap:18px;align-items:start;padding-bottom:40px}@media (max-width:880px){.grid{grid-template-columns:1fr}}.card{background:color-mix(in srgb,var(--card) 90%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--bd);border-radius:18px;padding:20px;margin-bottom:18px}.card h2{display:flex;align-items:center;gap:10px;font-size:16px;margin:0 0 16px}.num{width:24px;height:24px;border-radius:50%;background:var(--ac);color:var(--on);font-size:12px;font-weight:700;display:grid;place-items:center}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:4px}.chip{display:flex;align-items:center;gap:7px;padding:8px 13px;border-radius:12px;border:1px solid var(--bd);background:var(--card2);color:var(--tx);cursor:pointer;font:inherit;font-size:13.5px;transition:.15s}.chip.on,.chip:hover{border-color:var(--ac)}.chip.on{background:var(--ac);color:var(--on);font-weight:600}.l{display:block;font-size:12.5px;color:var(--mu);margin:14px 0 6px;font-weight:500}.in{width:100%;padding:11px 13px;border-radius:11px;border:1px solid var(--bd);background:var(--card2);color:var(--tx);font:inherit;outline:none;transition:.15s}.in:focus{border-color:var(--ac);box-shadow:0 0 0 3px color-mix(in srgb,var(--ac) 22%,transparent)}textarea.in{min-height:84px;resize:vertical}.helper{margin-top:16px;padding:12px 14px;border-radius:12px;background:color-mix(in srgb,var(--ac) 12%,transparent);border:1px dashed color-mix(in srgb,var(--ac) 45%,transparent)}.helper .l{margin-top:0}.sub{display:flex;align-items:center;gap:8px}.sub span{color:var(--mu);white-space:nowrap;font-size:13px}.row2{grid-template-columns:1fr 1fr;grid-gap:12px}.row2,.row3{display:grid;gap:12px}.row3{grid-template-columns:repeat(3,1fr);grid-gap:12px}@media (max-width:520px){.row2,.row3{grid-template-columns:1fr 1fr}}.presets{flex-wrap:wrap}.preset,.presets{display:flex;gap:8px}.preset{align-items:center;padding:7px 12px 7px 8px;border-radius:12px;border:1px solid var(--bd);background:var(--card2);color:var(--tx);font:inherit;font-size:13px;cursor:pointer;transition:.15s}.preset:hover{border-color:var(--ac);transform:translateY(-1px)}.preset i{width:22px;height:22px;border-radius:7px;display:block}.color{display:flex;align-items:center;gap:10px;padding:6px 10px;border-radius:11px;border:1px solid var(--bd);background:var(--card2)}.color input{width:30px;height:30px;border:0;padding:0;background:none;border-radius:8px;cursor:pointer}.color code{font-size:12.5px;color:var(--mu)}.color.off{opacity:.4;pointer-events:none}.switch{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0 0;font-size:14px;cursor:pointer}.switch input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:42px;height:24px;border-radius:999px;background:var(--bd);position:relative;cursor:pointer;transition:.2s;flex:none}.switch input:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:.2s}.switch input:checked{background:var(--ac)}.switch input:checked:after{left:21px}input[type=range]{width:100%;accent-color:var(--ac)}.logo-row{display:flex;gap:10px}.btn,.logo-row{align-items:center}.btn{display:inline-flex;justify-content:center;gap:8px;padding:11px 16px;border-radius:12px;border:1px solid var(--bd);background:var(--card2);color:var(--tx);font:inherit;font-weight:500;cursor:pointer;transition:.15s}.btn:hover:not(:disabled){border-color:var(--ac)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn.primary{background:var(--ac);border-color:var(--ac);color:var(--on);font-weight:700}.btn.primary:hover:not(:disabled){filter:brightness(1.08)}.btn.sm{padding:8px 12px;font-size:13px}.logo-thumb{width:38px;height:38px;border-radius:9px;object-fit:contain;background:#fff;border:1px solid var(--bd)}.preview{position:-webkit-sticky;position:sticky;top:16px}.qrbox{display:grid;place-items:center;padding:16px;border-radius:16px;background:#fff;min-height:300px;border:1px solid var(--bd)}.qrbox.checker{background:repeating-conic-gradient(#d9d9d9 0 25%,#fff 0 50%) 50% /18px 18px}.qrbox canvas{width:100%!important;height:auto!important;max-width:340px}.empty{text-align:center;color:#9aa0aa;font-size:13.5px;display:grid;grid-gap:8px;gap:8px;justify-items:center}.warn{display:flex;gap:8px;align-items:flex-start;margin-top:12px;padding:10px 12px;border-radius:10px;background:rgba(245,158,11,.14);color:#f59e0b;font-size:13px}.dl{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px;margin-top:14px}.dl .primary{grid-column:1/-1;padding:13px;font-size:15px}.size{display:flex;align-items:center;gap:10px;margin-top:14px}.size .in{padding:8px 10px}footer{text-align:center;color:var(--mu);font-size:13px;padding:10px 0 40px}