:root{--bg: #0b0c0f;--surface: #15171c;--surface-2:#1b1e24;--text:#e7e9ee;--muted:#a1a7b3;--border:#242936;--primary:#6e6fff;--primary-2:#9a9aff;--radius:16px;--shadow: 0 10px 30px rgba(0,0,0,.25);--font: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji","Segoe UI Emoji"}@media (prefers-color-scheme: light){:root{--bg:#f7f8fb;--surface:#ffffff;--surface-2:#fafbfd;--text:#0e1116;--muted:#5b6472;--border:#e6e8ef;--shadow: 0 10px 30px rgba(0,0,0,.08)}}.theme-dark{--bg: #0b0c0f;--surface: #15171c;--surface-2:#1b1e24;--text:#e7e9ee;--muted:#a1a7b3;--border:#242936;--shadow: 0 10px 30px rgba(0,0,0,.25)}.theme-light{--bg:#f7f8fb;--surface:#ffffff;--surface-2:#fafbfd;--text:#0e1116;--muted:#5b6472;--border:#e6e8ef;--shadow: 0 10px 30px rgba(0,0,0,.08)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:radial-gradient(1200px 800px at 20% -10%,rgba(110,111,255,.12),transparent 60%),radial-gradient(900px 600px at 110% 10%,rgba(154,154,255,.1),transparent 60%),var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased}a{color:var(--primary);text-decoration:none}a:hover{opacity:.9}h1{font-size:clamp(28px,4.5vw,40px);line-height:1.1;margin:0 0 16px}h2{font-size:clamp(20px,3vw,24px);margin:0 0 12px;color:var(--muted)}small{color:var(--muted)}.container{max-width:1100px;margin:0 auto;padding:28px 20px}.header{display:flex;gap:20px;align-items:center;padding:14px 20px;margin-bottom:16px;position:sticky;top:0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.brand{--logo-height:28px;display:flex;align-items:center;gap:max(8px,.25*var(--logo-height));white-space:nowrap}.brand img{height:var(--logo-height);width:auto}.logo-word{font-family:Inter,Manrope,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;font-weight:600;letter-spacing:clamp(0em,(32px - 1em)*0,-.01em);color:#fff;white-space:nowrap;font-size:20px}.theme-light .logo-word{color:#1a1337}@media (max-width:359px){.logo-word{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%)}}.nav{display:flex;gap:10px}.nav a{padding:6px 10px;border-radius:10px}.nav a[aria-current=page]{background:var(--surface-2);color:#fff}.theme-light .nav a[aria-current=page]{background:var(--primary);color:#fff}.hamburger{display:none}.grid{display:grid;gap:20px;grid-template-columns:1fr}@media (min-width:640px){.grid{grid-template-columns:1fr 1fr}}@media (min-width: 960px){.grid{grid-template-columns:380px 1fr}}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px}.label{display:block;font-size:13px;color:var(--muted);margin-bottom:6px}.input,.select,.color,.range{width:100%;padding:.5rem .75rem;min-height:2.5rem;background:var(--surface-2);color:var(--text);border:1px solid var(--border);border-radius:12px;outline:none}.input:focus,.select:focus,.color:focus,.range:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in oklab,var(--primary) 30%,transparent)}.row{display:flex;gap:12px;flex-wrap:wrap}.col{flex:1 1 160px}.btn{padding:0 14px;min-height:2.5rem;border-radius:12px;border:1px solid var(--border);background:var(--surface-2);color:var(--text);cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn-primary{background:linear-gradient(180deg,var(--primary),var(--primary-2));border-color:color-mix(in oklab,var(--primary) 40%,black);color:#fff;font-weight:600}.qr-wrap{display:flex;gap:18px;align-items:flex-start;flex-wrap:wrap}.qr-box{background:#fff;padding:14px;border-radius:14px;box-shadow:0 4px 18px #0003}.actions{display:flex;gap:12px;flex-wrap:wrap}.toast-container{position:fixed;top:20px;right:20px;display:flex;flex-direction:column;gap:8px;z-index:1000}.toast{background:var(--surface);color:var(--text);padding:10px 14px;border:1px solid var(--border);border-radius:8px;box-shadow:var(--shadow);opacity:0;transform:translateY(-10px);transition:opacity .3s,transform .3s}.toast.show{opacity:1;transform:translateY(0)}@media (max-width:639px){.nav{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;background:var(--surface);padding:10px 20px}.nav.open{display:flex}.hamburger{display:inline-flex}}