.qr-type-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:var(--space-lg)}.qr-type-tab{padding:9px 16px;border:1px solid var(--border);background:var(--bg-secondary);color:var(--text-secondary);border-radius:999px;font-size:.88rem;font-weight:500;cursor:pointer;transition:all var(--transition-smooth);font-family:var(--font-body)}.qr-type-tab:hover{border-color:var(--accent);color:var(--text-primary)}.qr-type-tab.active{background:linear-gradient(135deg,var(--accent),var(--accent-alt));border-color:transparent;color:#fff;box-shadow:0 4px 14px #667eea59}.qr-fields{display:flex;flex-direction:column;gap:var(--space-md)}.qr-field-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md)}.qr-checkbox{display:flex;align-items:center;gap:10px;cursor:pointer;color:var(--text-secondary);font-size:.9rem;user-select:none}.qr-checkbox input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent);cursor:pointer}@media(max-width:480px){.qr-field-row{grid-template-columns:1fr}}.qr-generator{max-width:800px;margin:0 auto}.qr-input-section{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-lg);margin-bottom:var(--space-lg)}.qr-controls{margin-top:var(--space-xl);padding-top:var(--space-lg);border-top:1px solid var(--border)}.control-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-lg);margin-bottom:var(--space-xl)}.color-controls{display:flex;flex-direction:column;gap:var(--space-md)}.color-input{display:flex;flex-direction:column;gap:var(--space-xs)}.color-input label{font-size:.875rem;font-weight:500;color:var(--text-primary)}.color-input-wrapper{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-sm);background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md)}.color-input-wrapper input[type=color]{width:40px;height:40px;border:none;border-radius:var(--radius-sm);cursor:pointer;background:none}.color-input-wrapper span{font-family:var(--font-mono);font-size:.875rem;color:var(--text-muted);flex:1}.qr-buttons{display:flex;gap:var(--space-md);justify-content:flex-end}.qr-result{display:flex;flex-direction:column;align-items:center;gap:var(--space-lg)}.qr-preview{background:#fff;padding:var(--space-lg);border-radius:var(--radius-lg);border:1px solid var(--border);display:flex;align-items:center;justify-content:center}.qr-preview canvas,.qr-preview svg{display:block;border-radius:var(--radius-sm)}.qr-download-buttons{display:flex;gap:var(--space-md);flex-wrap:wrap;justify-content:center}@media(max-width:768px){.control-grid{grid-template-columns:1fr}.qr-buttons{justify-content:center}.color-input-wrapper{padding:var(--space-sm)}.qr-preview{padding:var(--space-md)}}.tool-guide{max-width:800px;margin:0 auto;padding:48px 0 0}.tool-guide .guide-section{border:none;border-radius:0;overflow:visible;box-shadow:none;background:none;margin-bottom:64px;transition:none}.tool-guide .guide-section h2{color:var(--text-primary);font-family:var(--font-display);font-size:1.85rem;line-height:1.25;letter-spacing:-.02em;margin:0 0 14px;padding-bottom:12px;position:relative}.tool-guide .guide-section h2:after{content:"";position:absolute;left:0;bottom:0;width:52px;height:3px;border-radius:3px;background:linear-gradient(90deg,var(--accent),var(--accent-alt))}.tool-guide .guide-section h3{color:var(--text-primary);font-size:1.2rem;margin-bottom:12px}.tool-guide .guide-section>p{color:var(--text-secondary);line-height:1.8;font-size:1.05rem;margin:0 0 18px}.tool-guide .guide-section>p:last-child{margin-bottom:0}.guide-steps{display:flex;flex-direction:column;gap:8px}.guide-steps .step{display:flex;gap:22px;align-items:flex-start;padding:18px 0;border-bottom:1px solid var(--border)}.guide-steps .step:last-child{border-bottom:none}.guide-steps .step-number{width:44px;height:44px;background:linear-gradient(135deg,var(--accent),var(--accent-alt));color:#fff;border-radius:13px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1rem;flex-shrink:0;box-shadow:0 6px 18px #667eea59}.guide-steps .step-content{flex:1;min-width:0;padding-top:3px}.guide-steps .step-content h3{color:var(--text-primary);margin:0 0 7px;font-size:1.12rem}.guide-steps .step-content p{color:var(--text-secondary);line-height:1.7;margin:0}.use-cases,.qr-types{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.use-case,.qr-type,.comparison-card,.related-tool{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;transition:transform var(--transition-smooth),border-color var(--transition-smooth),box-shadow var(--transition-smooth)}.use-case:hover,.qr-type:hover,.related-tool:hover{transform:translateY(-4px);border-color:var(--accent);box-shadow:0 14px 32px #667eea2e}.use-case,.qr-type{padding:24px;display:flex;flex-direction:column}.use-case h3,.qr-type h3{color:var(--text-primary);margin:0 0 10px;font-size:1.06rem}.use-case p,.qr-type p{color:var(--text-secondary);line-height:1.65;margin:0;font-size:.94rem}.qr-type p{flex:1;margin-bottom:16px}.qr-type-format{display:block;background:var(--bg-secondary);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:10px;padding:12px 14px;color:var(--accent);font-family:var(--font-mono);font-size:.78rem;line-height:1.6;white-space:pre-wrap;word-break:break-word}.comparison-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;margin:0 0 22px}.comparison-card{padding:28px}.comparison-card:first-child{border-color:var(--accent);box-shadow:0 8px 26px #667eea24}.comparison-card h3{color:var(--text-primary);margin:0 0 14px;font-size:1.2rem}.comparison-card p{color:var(--text-secondary);line-height:1.7;margin:0 0 16px;font-size:.95rem}.comparison-card ul{list-style:none;padding:0;margin:0 0 16px;display:flex;flex-direction:column;gap:11px}.comparison-card ul li{color:var(--text-secondary);line-height:1.55;padding-left:26px;position:relative;font-size:.92rem}.comparison-card ul li:before{content:"";position:absolute;left:3px;top:6px;width:9px;height:9px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent-alt))}.comparison-note{color:var(--text-primary)!important;font-weight:600;margin:0!important;padding-top:14px;border-top:1px solid var(--border);font-size:.9rem!important}.tool-guide .faq-list{display:flex;flex-direction:column;gap:0}.tool-guide .faq-item{background:none;border:none;border-radius:0;border-bottom:1px solid var(--border);padding:22px 4px;transition:none}.tool-guide .faq-item:first-child{padding-top:0}.tool-guide .faq-item:hover{border-color:var(--border);box-shadow:none}.tool-guide .faq-item h3{color:var(--text-primary);margin:0 0 10px;font-size:1.05rem;display:flex;gap:11px;align-items:baseline}.tool-guide .faq-item h3:before{content:"Q";color:#fff;background:linear-gradient(135deg,var(--accent),var(--accent-alt));width:23px;height:23px;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:700;font-size:.8rem;flex-shrink:0}.tool-guide .faq-item p{color:var(--text-secondary);line-height:1.75;margin:0;font-size:.95rem;padding-left:34px}.related-tools{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.related-tool{padding:24px;text-decoration:none;display:block}.tool-icon{color:var(--accent);font-weight:700;font-size:1.05rem;margin-bottom:8px}.tool-description{color:var(--text-secondary);line-height:1.6;font-size:.9rem}.last-updated{text-align:center;padding:28px 0 0;margin-top:8px}.last-updated p{color:var(--text-muted);font-size:.85rem;margin:0}@media(max-width:768px){.tool-guide{padding:32px 0 0}.tool-guide .guide-section{margin-bottom:52px}.tool-guide .guide-section h2{font-size:1.5rem}.guide-steps .step{gap:16px}.guide-steps .step-number{width:40px;height:40px;font-size:1rem}.use-cases,.related-tools,.qr-types,.comparison-grid{grid-template-columns:1fr}}@media(max-width:480px){.tool-guide .guide-section{margin-bottom:44px}.use-case,.related-tool,.qr-type,.comparison-card{padding:18px}.tool-guide .faq-item p{padding-left:0}}