:root{color-scheme:dark;--bg:#05070d;--panel:#0b1020dd;--line:#203052;--text:#e7f6ff;--muted:#91a8c2;--neon:#72f7ff;--pink:#ff4fd8;--green:#8cffc1}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 15% 10%,#173a5f,#05070d 42%),radial-gradient(circle at 85% 15%,#4a1248,transparent 30%),#05070d;color:var(--text);font-family:Inter,system-ui,Segoe UI,Arial,sans-serif}.shell{width:min(1220px,94vw);margin:auto;padding:40px 0 80px}.hero{text-align:center}.badge{display:inline-block;border:1px solid #72f7ff66;color:var(--neon);padding:6px 12px;border-radius:999px;background:#72f7ff12}.hero h1{font-size:clamp(2.4rem,7vw,5rem);margin:16px 0 8px;text-shadow:0 0 28px #72f7ff55}.hero p,.panel p,.meta{color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:26px 0}.cards a,.panel{border:1px solid var(--line);background:linear-gradient(180deg,#0d1428dd,#070b16dd);box-shadow:0 0 36px #00e5ff22;border-radius:22px}.cards a{padding:18px;color:var(--text);text-decoration:none;font-weight:800}.cards a:hover{border-color:var(--neon);color:var(--neon)}.panel{padding:22px;margin:18px 0}.panel.wide{background:linear-gradient(180deg,#0d1428ee,#070b16ee)}h2{margin-top:0}label{display:block;margin:14px 0;color:var(--muted);font-weight:700}textarea,input,select{width:100%;margin-top:8px;border:1px solid #26385f;border-radius:14px;background:#030713;color:var(--text);padding:12px;font:600 1rem ui-monospace,Menlo,Consolas,monospace}input[type=color]{height:48px;padding:4px}input[type=checkbox]{width:auto;margin-right:8px}button{border:0;border-radius:14px;padding:12px 16px;margin:5px 8px 10px 0;font-weight:800;color:#031015;background:linear-gradient(135deg,var(--neon),var(--green));cursor:pointer}button:hover{filter:brightness(1.08)}pre{white-space:pre-wrap;overflow:auto;background:#02050c;border:1px solid #1a2744;border-radius:16px;padding:16px;color:#dffcff}.grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.grid.four{grid-template-columns:repeat(4,1fr)}.checks{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:8px;margin:10px 0}.qrbox{display:flex;justify-content:center;align-items:center;min-height:340px;background:repeating-linear-gradient(45deg,#fff1 0 10px,#0000 10px 20px);border:1px solid #21365f;border-radius:20px;padding:20px;overflow:auto}.qrbox canvas,.qrbox svg{max-width:100%;height:auto!important;border-radius:16px}@media(max-width:850px){.grid,.grid.four{grid-template-columns:1fr}}
.back{color:var(--neon);text-decoration:none;font-weight:800}.toolgrid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.toolcard strong{display:block;font-size:1.1rem;margin-bottom:8px}.toolcard span{display:block;color:var(--muted);font-weight:600;line-height:1.35}code{background:#02050c;border:1px solid #1a2744;border-radius:8px;padding:2px 6px;color:var(--green)}/* tools-overlap-fix */.toolgrid{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));align-items:stretch}.toolcard{display:flex;flex-direction:column;min-width:0;overflow:hidden;overflow-wrap:anywhere;word-break:normal;hyphens:auto}.toolcard strong,.toolcard span{min-width:0;max-width:100%;overflow-wrap:anywhere}.toolcard strong{line-height:1.2}.toolcard span{line-height:1.45}@media(max-width:520px){.shell{width:min(100% - 24px,1220px);padding-top:28px}.toolgrid{grid-template-columns:1fr}.cards a{padding:16px}.hero h1{font-size:clamp(2.1rem,14vw,3.2rem)}}/* qr-logo-clear-align */.field-action{display:flex;align-items:flex-start;margin:14px 0;padding-top:calc(1.2em + 8px)}.field-action button{width:100%;min-height:47px;margin:0}@media(max-width:700px){.field-action{padding-top:0;margin-top:0}}/* qr-checkbox-align */.checkbox-field{display:flex;flex-direction:column;justify-content:flex-start}.checkbox-field .field-spacer{display:block;line-height:1.2;min-height:1.2em}.checkbox-control{display:flex;align-items:center;min-height:48px;margin-top:8px;border:1px solid #26385f;border-radius:14px;background:#030713;color:var(--text);padding:12px;font:600 1rem ui-monospace,Menlo,Consolas,monospace}.checkbox-control input[type=checkbox]{margin:0 10px 0 0;flex:0 0 auto}@media(max-width:700px){.checkbox-field .field-spacer{display:none}.checkbox-control{margin-top:8px}}