:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#111827;background:#f8fafc;line-height:1.6}*{box-sizing:border-box}body{margin:0}a{text-decoration:none;color:inherit}header{height:68px;border-bottom:1px solid #e5e7eb;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1120px)/2));position:sticky;top:0;z-index:10}.brand{font-size:20px;font-weight:800}nav{display:flex;gap:20px;font-size:14px;color:#4b5563}nav a:hover{color:#111827}main,.tool-page{max-width:1120px;margin:auto;padding:0 24px}.hero{text-align:center;padding:88px 10px 70px}.eyebrow{font-size:12px;font-weight:800;letter-spacing:.12em;color:#4f46e5}.hero h1,.tool-copy h1{font-size:clamp(38px,6vw,64px);line-height:1.05;letter-spacing:-.04em;margin:14px 0}.hero p,.tool-copy p{font-size:19px;color:#64748b;max-width:680px;margin:0 auto}.hero-actions{display:flex;gap:12px;justify-content:center;margin-top:28px}.primary,.secondary{border:0;border-radius:10px;padding:12px 18px;font-weight:700;cursor:pointer;display:inline-block}.primary{background:#111827;color:#fff}.primary:disabled{opacity:.45;cursor:not-allowed}.secondary{background:#e5e7eb}.secondary:disabled{opacity:.45;cursor:not-allowed}.tools{padding:20px 0 70px}.tools h2{font-size:30px}.tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.tool-card,.card,.content-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px}.tool-card{padding:22px;transition:.15s}.tool-card:hover{transform:translateY(-2px);box-shadow:0 10px 30px #0000000b}.tool-symbol{font-size:28px}.tool-card h3{margin:12px 0 4px}.tool-card p{color:#64748b;margin:0 0 16px}.tool-card span{font-size:14px;font-weight:700}.tool-copy{padding:62px 0 32px}.tool-copy p{margin:0;max-width:720px}.generator-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:20px}.card{padding:26px}.form-card label{display:block;margin-bottom:18px;font-weight:700;font-size:14px}.form-card label span{display:block;margin-bottom:7px}.form-card input,.form-card textarea,.form-card select{width:100%;border:1px solid #d1d5db;border-radius:9px;padding:11px;font:inherit;background:#fff}.form-card input[type=checkbox]{width:auto}.form-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:9px;padding:10px 12px;margin:8px 0 14px}.preview-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;min-height:420px;text-align:center}.qr-image{width:min(320px,100%);image-rendering:auto}.qr-empty{width:260px;height:260px;border:2px dashed #d1d5db;border-radius:12px;display:grid;place-items:center;color:#94a3b8;padding:30px}.preview-card small{color:#64748b}.download-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.content-card{padding:30px;margin:28px 0 70px}.content-card h2{margin-top:0}.content-card h3{margin-bottom:4px}.content-card p{color:#475569}.customizer{border-top:1px solid #e5e7eb;margin-top:22px;padding-top:22px}.customizer h2{font-size:20px;margin:0 0 16px}.custom-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.custom-grid label{margin:0}.custom-grid input[type=color]{height:44px;padding:4px}.logo-upload{margin-top:14px}.custom-note{font-size:12px;color:#64748b!important;margin:10px 0 0}.scanner-card{text-align:center;margin-bottom:28px;overflow:hidden}.scanner-video{display:none;width:100%;max-height:520px;background:#111827;border-radius:12px;object-fit:cover;margin-bottom:16px}.scanner-video.active{display:block}.scanner-placeholder{padding:70px 20px}.scanner-icon{font-size:64px}.scanner-controls{display:flex;gap:10px;justify-content:center;align-items:center;flex-wrap:wrap;margin-top:14px}.scanner-controls select,.decoder-card input[type=file]{border:1px solid #d1d5db;border-radius:9px;padding:11px;font:inherit;background:#fff}.scan-result{margin-top:22px;text-align:left}.scan-result textarea{width:100%;border:1px solid #d1d5db;border-radius:9px;padding:11px;font:inherit;resize:vertical}.result-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.decoder-card{max-width:760px;margin:0 auto;text-align:left}.decoder-card input[type=file]{width:100%}.faq-item{padding:12px 0;border-bottom:1px solid #eef2f7}.faq-item:last-child{border-bottom:0}.faq-item h3{margin:0 0 4px}.faq-item p{margin:0}.seo-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:22px 0 30px}.seo-columns>div{padding:18px;border:1px solid #e5e7eb;border-radius:12px}.seo-columns h3{margin-top:0}.legal-page{max-width:900px;width:100%;margin:40px auto 70px;padding:40px 46px;overflow-wrap:anywhere}.legal-page h1{font-size:clamp(36px,5vw,54px);line-height:1.1;margin-top:12px}.legal-page h2{text-transform:uppercase;letter-spacing:.02em;margin-top:32px;line-height:1.3}.legal-page p,.legal-page li{color:#475569}.legal-page p{max-width:760px}.legal-page ul,.legal-page ol{padding-left:22px}.legal-page a,footer a{text-decoration:underline;text-underline-offset:3px}footer{border-top:1px solid #e5e7eb;background:#fff;padding:30px max(24px,calc((100vw - 1120px)/2));display:flex;gap:24px;color:#64748b;font-size:14px}footer strong{color:#111827}@media(max-width:800px){nav{display:none}.tool-grid,.generator-grid,.seo-columns{grid-template-columns:1fr}.hero{padding-top:60px}.tool-copy h1{font-size:42px}.legal-page{margin:24px auto 50px;padding:28px 22px}.custom-grid{grid-template-columns:1fr 1fr}footer{flex-direction:column;gap:8px}}