.container-wide{max-width:1100px}.tool{width:100%;max-width:none}.tool-header{max-width:none}.qr-tool{width:100%}.qr-layout{gap:var(--space-lg);grid-template-columns:minmax(0,1.3fr) minmax(280px,1fr);align-items:start;display:grid}.qr-panel{padding:var(--space-md);border-radius:var(--radius);background:#fff;border:1px solid #e2e2e2}.qr-preview-panel{top:var(--space-md);text-align:center;background:#fafafa;flex-direction:column;align-items:center;display:flex;position:sticky}.qr-type-tabs{flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem;display:flex}.qr-type-btn{font:inherit;color:#555;cursor:pointer;background:#f2f2f2;border:1px solid #e0e0e0;border-radius:999px;padding:.5rem .9rem;font-size:.85rem;font-weight:600;transition:background .15s,color .15s,border-color .15s}.qr-type-btn:hover{background:#e9e9e9}.qr-type-btn.active{color:#fff;background:#2f6feb;border-color:#2f6feb}.qr-type-hint{margin:0 0 var(--space-sm);color:#777;font-size:.85rem}.qr-fields label{margin:.9rem 0 .4rem;font-size:.9rem;font-weight:600;display:block}.qr-fields label:first-child{margin-top:0}.optional-tag{color:#999;font-size:.8rem;font-weight:400}.qr-fields input[type=text],.qr-fields input[type=email],.qr-fields input[type=tel],.qr-fields select,.qr-fields textarea{border-radius:var(--radius);border:1px solid #ccc;width:100%;padding:.7rem .9rem;font:.95rem/1.5 inherit;display:block}.qr-fields textarea{resize:vertical;min-height:110px}#qrInput{min-height:170px}.qr-options{margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid #eee;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:1rem;display:grid}.qr-option label{margin-bottom:.4rem;font-size:.85rem;font-weight:600;display:block}.qr-option select{width:100%;font:inherit;border-radius:var(--radius);border:1px solid #ccc;padding:.6rem .7rem}.qr-color-option input[type=color]{border-radius:var(--radius);cursor:pointer;background:#fff;border:1px solid #ccc;width:100%;height:2.6rem;padding:.2rem}.qr-actions{margin-top:var(--space-md);flex-wrap:wrap;gap:.75rem;display:flex}.qr-actions button,.qr-download-actions button{font:inherit;border-radius:var(--radius);cursor:pointer;padding:.75rem 1.3rem;font-weight:600;transition:background .15s,border-color .15s,opacity .15s}.primary-button{color:#fff;background:#2f6feb;border:1px solid #2f6feb}.primary-button:hover{background:#2559c4;border-color:#2559c4}.secondary-button{color:#333;background:#fff;border:1px solid #ccc}.secondary-button:hover{background:#f0f0f0;border-color:#999}.qr-actions button:disabled,.qr-download-actions button:disabled{opacity:.5;cursor:not-allowed}.qr-status{color:#444;min-height:1.4rem;margin-top:.9rem;font-size:.9rem}.qr-preview-title{margin:0 0 var(--space-sm);font-size:1.1rem}.qr-output{border-radius:var(--radius);background:#fff;border:1px dashed #ddd;justify-content:center;align-items:center;width:100%;min-height:260px;padding:1rem;display:flex}.qr-output canvas,.qr-output svg,.qr-output img{max-width:100%;height:auto}.qr-placeholder{color:#999;margin:0;font-size:.9rem}.qr-download-actions{margin-top:var(--space-md);flex-wrap:wrap;justify-content:center;gap:.6rem;width:100%;display:flex}.qr-download-actions button{white-space:nowrap;flex:0 auto;width:auto}.qr-privacy-note{margin:var(--space-sm) 0 0;color:#999;font-size:.8rem}.tool-about{max-width:var(--content-width);margin:var(--space-xl) auto 0;padding-top:var(--space-lg);border-top:1px solid #eee}.tool-about h2{margin:var(--space-lg) 0 var(--space-sm);font-size:1.3rem}.tool-about h2:first-child{margin-top:0}.tool-about>p{margin:0 0 var(--space-md);color:#444}.about-grid{margin-bottom:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;display:grid}.about-card{border-radius:var(--radius);background:#fafafa;border:1px solid #eee;padding:1rem 1.1rem}.about-card h3{margin:0 0 .4rem;font-size:1rem}.about-card p{color:#555;margin:0;font-size:.9rem}.about-list{margin:0 0 var(--space-md);color:#444;padding-left:1.2rem}.about-list li{margin-bottom:.4rem}.faq-list{flex-direction:column;gap:.6rem;display:flex}.faq-item{border-radius:var(--radius);background:#fafafa;border:1px solid #eee;padding:.9rem 1.1rem}.faq-item summary{cursor:pointer;font-weight:600}.faq-item p{color:#555;margin:.6rem 0 0;font-size:.9rem}@media (width<=900px){.qr-layout{grid-template-columns:1fr}.qr-preview-panel{position:static}}@media (width<=600px){.qr-actions{flex-direction:column}.qr-actions button{width:100%}.qr-download-actions button{flex:0 auto;padding:.65rem 1rem;font-size:.85rem}}