.qr-tool{display:flex;flex-direction:column;gap:calc(var(--spacing) * 3)}.qr-type-selection{display:flex;flex-direction:column;gap:calc(var(--spacing) * 2)}.qr-type-label{font-size:14px;font-weight:600;color:var(--color-text);margin-bottom:calc(var(--spacing) * 1)}.qr-tab-content{display:flex;flex-direction:column;gap:calc(var(--spacing) * 2);padding-top:calc(var(--spacing) * 2)}.qr-download-buttons{display:flex;gap:calc(var(--spacing) * 2);flex-wrap:wrap}.qr-download-buttons{display:flex;gap:calc(var(--spacing) * 2);width:100%}.qr-download-buttons>*{flex:1}.qr-divider{display:flex;align-items:center;gap:calc(var(--spacing) * 2);margin:calc(var(--spacing) * 2) 0;color:var(--color-text-secondary);font-size:14px;font-weight:600}.qr-divider:before,.qr-divider:after{content:"";flex:1;height:1px;background:var(--color-border)}.qr-preview-section{display:flex;flex-direction:column;align-items:center;gap:calc(var(--spacing) * 2);padding:calc(var(--spacing) * 4);background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius);min-height:300px}.qr-preview-container{display:flex;align-items:center;justify-content:center;width:100%;max-width:400px;aspect-ratio:1;background:transparent;border-radius:calc(var(--radius) * .75);padding:calc(var(--spacing) * 2)}.qr-preview-container canvas,.qr-preview-container svg{max-width:100%;max-height:100%;width:100%;height:100%;border-radius:8px;display:block}.qr-preview-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--spacing) * 2);color:var(--color-text-secondary);text-align:center;padding:calc(var(--spacing) * 4)}.qr-preview-placeholder svg{width:64px;height:64px;stroke:currentColor;fill:none;opacity:.5}.qr-preview-placeholder p{margin:0;font-size:14px}.qr-customization{display:flex;flex-direction:column;gap:calc(var(--spacing) * 2.5);padding:calc(var(--spacing) * 3);background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius)}.qr-customization h3{margin:0;font-size:16px;font-weight:700;color:var(--color-text)}.qr-customization-group{display:flex;flex-direction:column;gap:calc(var(--spacing) * 2.5)}.qr-customization-row{display:grid;grid-template-columns:1fr 1fr;gap:calc(var(--spacing) * 2)}@media(max-width:640px){.qr-customization-row{grid-template-columns:1fr}}.qr-customization-item{display:flex;flex-direction:column;gap:calc(var(--spacing) * 1)}.qr-customization-item label{font-size:13px;font-weight:600;color:var(--color-text);display:flex;align-items:center;gap:calc(var(--spacing) * 1)}.qr-color-input-wrapper{display:flex;align-items:center;gap:calc(var(--spacing) * 2)}.qr-color-input{width:60px;height:60px;border:3px solid var(--color-border);border-radius:12px;cursor:pointer;background:var(--color-surface);-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;transition:all .2s ease;box-shadow:0 2px 8px #0000001a;position:relative;overflow:hidden}.qr-color-input:hover{border-color:var(--color-accent);transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.qr-color-input:active{transform:translateY(0)}.qr-color-input::-webkit-color-swatch-wrapper{padding:0;border-radius:9px;overflow:hidden}.qr-color-input::-webkit-color-swatch{border:none;border-radius:9px;box-shadow:inset 0 0 0 1px #0000001a}.qr-color-input::-moz-color-swatch{border:none;border-radius:9px;box-shadow:inset 0 0 0 1px #0000001a}.qr-color-value{font-size:13px;color:var(--color-text);font-family:Courier New,monospace;font-weight:600;background:var(--color-surface);padding:calc(var(--spacing) * 1) calc(var(--spacing) * 1.5);border-radius:calc(var(--radius) * .5);border:1px solid var(--color-border);min-width:80px;text-align:center;letter-spacing:.5px}.qr-checkbox-wrapper{display:flex;align-items:center;gap:calc(var(--spacing) * 2);cursor:pointer;padding:calc(var(--spacing) * 1.5);border-radius:calc(var(--radius) * .75);transition:all .2s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.qr-checkbox-wrapper:hover{background:var(--color-surface-elevated)}.qr-checkbox-wrapper input[type=checkbox]{width:24px;height:24px;cursor:pointer;accent-color:var(--color-accent);border-radius:6px;border:2px solid var(--color-border);transition:all .2s ease;position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--color-surface);margin:0;flex-shrink:0}.qr-checkbox-wrapper input[type=checkbox]:checked{background:var(--color-accent);border-color:var(--color-accent);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M13.5 4.5L6 12L2.5 8.5' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:14px}.qr-checkbox-wrapper input[type=checkbox]:hover{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-alpha)}.qr-checkbox-wrapper label{cursor:pointer;font-size:14px;font-weight:500;color:var(--color-text);margin:0;flex:1;line-height:1.5}@media(max-width:480px){.qr-type-options{flex-direction:column}.qr-type-option{width:100%}.qr-download-buttons{flex-direction:column}.qr-download-btn{width:100%}.qr-preview-section{padding:calc(var(--spacing) * 2);min-height:250px}.qr-preview-container{max-width:100%}.qr-customization{padding:calc(var(--spacing) * 2)}}