:root{--color-primary:#6366f1;--color-secondary:#8b5cf6;--color-accent:#f59e0b;--color-success:#22c55e;--color-warning:#fbbf24;--color-error:#ef4444;--color-info:#3b82f6;--text-primary:#1f2937;--text-primary-50:rgba(31, 41, 55, 0.5019607843);--text-secondary:#6b7280;--bg-primary:#ffffff;--bg-primary-50:rgba(255, 255, 255, 0.5019607843);--bg-secondary:#f9fafb;--bg-secondary-50:rgba(249, 250, 251, 0.5019607843);--card-bg:#fbfcfd;--bg-tertiary:#f3f4f6;--bg-tertiary-50:#f3f4f680;--border-color:#e5e7eb;--shadow-light:0 1px 3px 0 rgba(0, 0, 0, 0.1),0 1px 2px 0 rgba(0, 0, 0, 0.06);--shadow-medium:0 4px 6px -1px rgba(0, 0, 0, 0.1),0 2px 4px -1px rgba(0, 0, 0, 0.06);--shadow-heavy:0 10px 15px -3px rgba(0, 0, 0, 0.1),0 4px 6px -2px rgba(0, 0, 0, 0.05);--primary-color:#6366f1;--secondary-color:#8b5cf6;--accent-color:#f59e0b;--font-primary:Inter,SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;--font-mono:SF Mono,Monaco,Cascadia Code,Roboto Mono,Courier New,monospace;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--transition-fast:0.15s ease-in-out;--transition-medium:0.3s ease-in-out;--transition-slow:0.5s ease-in-out;--container-width:1200px;--app-content-width:1200px;--header-height:0px;--header-height-visible:0px}@media (prefers-color-scheme:dark){:root{--primary-color:#6366f1;--secondary-color:#8b5cf6;--accent-color:#f59e0b;--text-primary:#f3f4f6;--text-primary-50:rgba(243, 244, 246, 0.5019607843);--text-secondary:#d1d5db;--bg-primary:#1f2937;--bg-primary-50:rgba(31, 41, 55, 0.5019607843);--bg-secondary:#111827;--bg-secondary-50:rgba(17, 24, 39, 0.5019607843);--card-bg:#1a2534;--bg-tertiary:#374151;--bg-tertiary-50:#37415180;--border-color:#4b5563}}.control-group .control-label{display:block;font-weight:500;margin-bottom:var(--spacing-sm);color:var(--text-primary)}.qr-canvas{display:block;width:100%;max-width:512px;height:auto;margin:0 auto;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);image-rendering:pixelated;image-rendering:-moz-crisp-edges}.qr-preview-wrap{display:flex;justify-content:center;align-items:center;padding:var(--spacing-md)}.qr-status{min-height:1.25rem;margin:.5rem 0;font-size:.9rem;color:var(--text-secondary);text-align:center}.qr-actions{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.qr-hint{font-size:.85rem;color:var(--text-secondary);margin-top:.25rem}.radio-row{display:flex;flex-wrap:wrap;gap:.5rem 1rem;margin-top:.25rem}.radio-option{display:inline-flex;align-items:center;gap:.25rem;cursor:pointer;user-select:none}.radio-option input{margin:0}.checkbox-option{display:inline-flex;align-items:center;gap:.25rem;cursor:pointer;user-select:none}.checkbox-option input{margin:0}.color-input{width:100%;max-width:8rem;height:2.5rem;padding:0;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-secondary);cursor:pointer}.range-slider{width:100%;margin:var(--spacing-sm) 0}.range-labels{display:flex;justify-content:space-between;font-size:.8rem;color:var(--text-secondary)}@media (max-width:768px){.grid-2{grid-template-columns:1fr}.qr-actions{flex-direction:column}}