*{box-sizing:border-box;margin:0;padding:0}body{color:#e8e6df;background:#0f0f1a;font-family:ui-monospace,SF Mono,Menlo,monospace;line-height:1.8}.wrap{max-width:860px;margin:0 auto;padding:0 24px 80px}.nav{justify-content:space-between;align-items:center;padding:20px 0;display:flex}.nav .brand{color:#22d3ee;letter-spacing:1px;font-size:22px;font-weight:700;text-decoration:none}.nav .brand span{color:#facc15}.nav nav{gap:20px;display:flex}.nav nav a{color:#8b8b9e;font-size:13.5px;text-decoration:none}.nav nav a:hover,.nav nav a.on{color:#facc15}.hero{text-align:center;margin:32px 0 28px}.hero h1{color:#f3f2ec;margin-bottom:12px;font-size:34px;line-height:1.4}.hero p{color:#9c9cb0;max-width:560px;margin:0 auto;font-size:15px}.tool{background:#161628;border:1px solid #2d2d44;border-radius:16px;margin:28px 0 8px;padding:26px}.controls{flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:16px;display:flex}input[type=text]{color:#e8e6df;background:#1a1a2e;border:2px solid #2d2d44;border-radius:8px;flex:1;min-width:260px;padding:12px 14px;font-family:inherit;font-size:14px}input[type=text]:focus{border-color:#22d3ee;outline:none}button{color:#1a1a2e;cursor:pointer;background:#facc15;border:none;border-radius:8px;padding:12px 20px;font-family:inherit;font-size:14px;font-weight:700;box-shadow:0 3px #a37112}button:active{transform:translateY(2px);box-shadow:0 1px #a37112}button:disabled{opacity:.45;cursor:not-allowed}.options{color:#8b8b9e;flex-wrap:wrap;justify-content:center;gap:22px;margin-bottom:8px;font-size:12.5px;display:flex}.options label{cursor:pointer;align-items:center;gap:8px;display:flex}input[type=color]{cursor:pointer;background:0 0;border:1px solid #2d2d44;border-radius:6px;width:34px;height:26px;padding:0}input[type=range]{accent-color:#facc15}.file-btn{border:1px dashed #2d2d44;border-radius:8px;padding:6px 12px}.file-btn input{display:none}#qrCanvas{max-width:100%;image-rendering:pixelated;border-radius:8px;margin:18px auto 6px;display:block}.badge{text-align:center;margin:4px 0 10px;font-size:13px}.badge.ok{color:#4ade80}.badge.warn{color:#f87171}.stats{text-align:center;color:#565670;font-size:12px}section.content{margin-top:52px}section.content h2{color:#f3f2ec;margin-bottom:14px;font-size:21px}section.content h3{color:#22d3ee;margin:20px 0 6px;font-size:15.5px}section.content p,section.content li{color:#b9b8c6;font-size:14.5px}section.content ul,section.content ol{padding-left:22px}section.content li{margin:6px 0}section.content strong{color:#e8e6df}.features{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;margin-top:18px;display:grid}.feature{background:#161628;border:1px solid #2d2d44;border-radius:12px;padding:18px}.feature h3{font-size:14.5px;color:#facc15!important;margin:0 0 6px!important}.feature p{font-size:13.5px}.faq details{background:#161628;border:1px solid #2d2d44;border-radius:10px;margin:10px 0}.faq summary{cursor:pointer;color:#e8e6df;padding:13px 16px;font-size:14.5px;font-weight:600}.faq details p{color:#b9b8c6;padding:0 16px 14px;font-size:14px}footer{text-align:center;color:#565670;margin-top:64px;font-size:12.5px;line-height:2}footer a{color:#8b8b9e}select{color:#e8e6df;background:#1a1a2e;border:2px solid #2d2d44;border-radius:8px;padding:6px 10px;font-family:inherit;font-size:13px}