.skip-link{position:absolute;top:-100px;left:8px;z-index:1000;padding:8px 16px;background:#000;color:#fff;text-decoration:none;border-radius:4px;font-weight:600}.skip-link:focus{top:8px;outline:2px solid #fff;outline-offset:2px}*,::after,::before{margin:0;padding:0;box-sizing:border-box}[hidden]{display:none!important}:root{--bg:#f0f2f5;--surface:#ffffff;--primary:#4f46e5;--primary-hover:#4338ca;--primary-light:#eef2ff;--text:#1e293b;--text-secondary:#52606d;--text-muted:#5f6f82;--border:#e2e8f0;--text-primary:var(--text);--card-bg:var(--surface);--border-color:var(--border);--border-focus:#4f46e5;--radius:16px;--radius-sm:10px;--shadow-sm:0 1px 2px rgba(0,0,0,0.05);--shadow:0 4px 6px -1px rgba(0,0,0,0.07),0 2px 4px -2px rgba(0,0,0,0.05);--shadow-lg:0 10px 25px -5px rgba(0,0,0,0.1),0 8px 10px -6px rgba(0,0,0,0.05);--transition:0.2s ease}[data-theme=dark]{--bg:#0f172a;--surface:#1e293b;--primary:#818cf8;--primary-hover:#6366f1;--primary-light:rgba(99, 102, 241, 0.15);--text:#f1f5f9;--text-secondary:#cbd5e1;--text-muted:#a0aec0;--border:#334155;--border-focus:#818cf8;--shadow-sm:0 1px 2px rgba(0,0,0,0.3);--shadow:0 4px 6px -1px rgba(0,0,0,0.4),0 2px 4px -2px rgba(0,0,0,0.3);--shadow-lg:0 10px 25px -5px rgba(0,0,0,0.5),0 8px 10px -6px rgba(0,0,0,0.4)}[data-contrast=high]{color-scheme:light;--bg:#ffffff;--surface:#ffffff;--primary:#000091;--primary-hover:#00005c;--primary-light:#e8e8ff;--text:#000000;--text-secondary:#1a1a1a;--text-muted:#333333;--border:#000000;--border-focus:#000000;--shadow-sm:none;--shadow:none;--shadow-lg:none}[data-contrast=high] body{background:#fff}[data-contrast=high] body::before{display:none}[data-contrast=high] :focus-visible{outline:4px solid #000000;outline-offset:3px;box-shadow:0 0 0 2px #fff}[data-contrast=high] a:not([class*=btn-]){color:#000091;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:0.18em}[data-contrast=high] .card,[data-contrast=high] .controls,[data-contrast=high] .preview,[data-contrast=high] [class*=panel],[data-contrast=high] button,[data-contrast=high] input,[data-contrast=high] select{border-color:#000;box-shadow:none}[data-contrast=high] button[class*=primary]{background:#000091;color:#fff;border:2px solid #000}body{font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;background:linear-gradient(135deg,#f0f2f5 0,#e0e7ff 50%,#fce7f3 100%);background-attachment:fixed;color:var(--text);line-height:1.6;min-height:100vh;position:relative;overflow-x:hidden}body::before{content:'';position:fixed;inset:0;background-image:radial-gradient(circle at 20% 50%,rgba(79,70,229,.06) 0,transparent 50%),radial-gradient(circle at 80% 20%,rgba(124,58,237,.05) 0,transparent 40%),radial-gradient(circle at 50% 80%,rgba(236,72,153,.04) 0,transparent 40%);background-size:100% 100%;animation:meshShift 20s ease-in-out infinite;pointer-events:none;z-index:-1}@keyframes meshShift{0%,100%{opacity:.8}50%{opacity:1}}.app{max-width:1200px;margin:0 auto;padding:0 24px}header{text-align:center;padding:48px 0 32px;position:relative}@media (max-width:600px){#main-content{display:flex;flex-direction:column}#main-content>.generator-panel{order:1}#main-content>.popular-section{order:2;margin-top:24px}#main-content>:not(.generator-panel):not(.popular-section){order:3}.animated-header,header{padding-top:76px}}.animated-header{animation:slideDown .8s cubic-bezier(.34,1.56,.64,1)}@keyframes slideDown{from{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.header-decoration{margin-bottom:16px;animation:float 4s ease-in-out infinite}.animated-barcode{filter:drop-shadow(0 4px 20px rgba(79, 70, 229, .3))}.bar{animation:barPulse 2s ease-in-out infinite;transform-origin:center}.bar1{animation-delay:0s}.bar2{animation-delay:.1s}.bar3{animation-delay:.2s}.bar4{animation-delay:.3s}.bar5{animation-delay:.4s}.bar6{animation-delay:.5s}.bar7{animation-delay:.6s}.bar8{animation-delay:.7s}.bar9{animation-delay:.8s}.bar10{animation-delay:.9s}.bar11{animation-delay:1s}.bar12{animation-delay:1.1s}.bar13{animation-delay:1.2s}.bar14{animation-delay:1.3s}.bar15{animation-delay:1.4s}@keyframes barPulse{0%,100%{opacity:.5;transform:scaleY(.9)}50%{opacity:1;transform:scaleY(1)}}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}.logo{display:flex;align-items:center;justify-content:center;gap:12px;color:var(--primary);margin-bottom:8px}.logo h1{font-size:28px;font-weight:700;letter-spacing:-.5px;background:linear-gradient(135deg,#4f46e5 0,#7c3aed 50%,#ec4899 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.subtitle{color:var(--text-secondary);font-size:16px;font-weight:400}.generator-panel{display:grid;grid-template-columns:minmax(260px,300px) minmax(0,1fr);gap:20px;margin-bottom:48px;animation:panelEnter .8s ease-out}@keyframes panelEnter{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.controls{background:rgba(255,255,255,.7);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:var(--radius);padding:20px;box-shadow:0 8px 32px rgba(79,70,229,.08),inset 0 1px 0 rgba(255,255,255,.6);border:1px solid rgba(255,255,255,.5);display:flex;flex-direction:column;gap:14px;height:fit-content;overflow:hidden;min-width:0;animation:slideInLeft .6s cubic-bezier(.34,1.56,.64,1) .2s both}.preview{background:rgba(255,255,255,.7);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:var(--radius);padding:22px;box-shadow:0 8px 32px rgba(79,70,229,.08),inset 0 1px 0 rgba(255,255,255,.6);border:1px solid rgba(79,70,229,.12);display:flex;flex-direction:column;animation:slideInRight .6s cubic-bezier(.34,1.56,.64,1) .3s both}@keyframes slideInLeft{from{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInRight{from{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}.control-group{display:flex;flex-direction:column;gap:4px}.control-group>label:first-child{font-size:10px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.8px;padding-left:9px;position:relative}.control-group>label:first-child::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:4px;background:linear-gradient(135deg,#4f46e5,#7c3aed);border-radius:50%}.control-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;min-width:0}.control-row>.control-group{min-width:0;overflow:hidden}.advanced-settings{min-width:0}.advanced-settings>summary{padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:13px;font-weight:600;cursor:pointer}.advanced-settings>summary:focus-visible{outline:3px solid var(--border-focus);outline-offset:2px}.advanced-settings__content{display:flex;flex-direction:column;gap:14px;padding-top:14px}@media (min-width:601px){.advanced-settings>summary{display:none}.advanced-settings__content{padding-top:0}}input[type=text],select{width:100%;min-width:0;padding:8px 12px;border:1.5px solid var(--border);border-radius:var(--radius-sm);font-family:inherit;font-size:13px;color:var(--text);background:rgba(255,255,255,.8);transition:all var(--transition);outline:0;appearance:none;box-sizing:border-box}select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%234f46e5' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-right:30px;cursor:pointer}select:hover{border-color:rgba(79,70,229,.5);background-color:rgba(255,255,255,.95)}input[type=text]:focus,select:focus{border-color:transparent;background:rgba(255,255,255,.95);box-shadow:0 0 0 3px rgba(79,70,229,.1),inset 0 0 0 1.5px rgba(79,70,229,.25),0 4px 16px rgba(79,70,229,.15);transform:translateY(-1px)}input[type=text]::placeholder{color:var(--text-muted)}.range-wrapper{display:flex;align-items:center;gap:10px;min-width:0}.range-wrapper input[type=range]{flex:1;min-width:0;height:5px;-webkit-appearance:none;appearance:none;background:linear-gradient(to right,#dbeafe,#c7d2fe);border-radius:4px;outline:0;cursor:pointer;box-shadow:inset 0 1px 2px rgba(0,0,0,.08)}.range-wrapper input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;background:linear-gradient(135deg,#4f46e5,#7c3aed);border-radius:50%;cursor:pointer;box-shadow:0 2px 8px rgba(79,70,229,.4);transition:all var(--transition)}.range-wrapper input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 4px 16px rgba(79,70,229,.5)}.range-wrapper input[type=range]::-moz-range-thumb{width:16px;height:16px;background:linear-gradient(135deg,#4f46e5,#7c3aed);border-radius:50%;cursor:pointer;border:none;box-shadow:0 2px 8px rgba(79,70,229,.4)}.range-value{min-width:28px;text-align:center;font-size:11px;font-weight:700;color:#fff;background:linear-gradient(135deg,#4f46e5,#7c3aed);padding:2px 8px;border-radius:6px;box-shadow:0 2px 8px rgba(79,70,229,.25)}.color-input-wrapper{display:flex;align-items:center;gap:8px}input[type=color]{width:34px;height:30px;border:2px solid rgba(79,70,229,.15);border-radius:var(--radius-sm);cursor:pointer;padding:2px;background:0 0;transition:all var(--transition)}input[type=color]::-webkit-color-swatch-wrapper{padding:2px}input[type=color]::-webkit-color-swatch{border:none;border-radius:6px;box-shadow:inset 0 1px 3px rgba(0,0,0,.15)}input[type=color]:hover{border-color:var(--primary);box-shadow:0 0 0 4px rgba(79,70,229,.12);transform:scale(1.05)}.color-hex{font-size:13px;font-family:'Courier New',monospace;color:var(--text-secondary);font-weight:500;background:rgba(79,70,229,.06);padding:4px 10px;border-radius:6px;letter-spacing:.5px}.toggle{position:relative;display:inline-block;width:48px;height:26px;cursor:pointer}.toggle input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;inset:0;background:linear-gradient(90deg,#e2e8f0,#cbd5e1);border-radius:13px;transition:all .3s ease;box-shadow:inset 0 1px 3px rgba(0,0,0,.1)}.toggle-slider::before{content:'';position:absolute;left:3px;top:3px;width:20px;height:20px;background:#fff;border-radius:50%;transition:all .3s ease;box-shadow:0 2px 4px rgba(0,0,0,.1)}.toggle input:checked+.toggle-slider{background:linear-gradient(90deg,#4f46e5,#7c3aed);box-shadow:0 2px 8px rgba(79,70,229,.3)}.toggle input:checked+.toggle-slider::before{transform:translateX(22px)}.toggle:hover .toggle-slider{transform:scale(1.03)}.btn-group{display:flex;gap:4px;background:rgba(79,70,229,.04);border-radius:var(--radius-sm);padding:4px}.btn-option{flex:1;padding:8px;border:none;background:0 0;border-radius:8px;cursor:pointer;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;transition:all var(--transition)}.btn-option:hover{background:rgba(255,255,255,.8);color:var(--text)}.btn-option.active{background:#fff;color:var(--primary);box-shadow:0 2px 8px rgba(79,70,229,.15)}.btn-generate{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;border:none;border-radius:var(--radius-sm);font-family:inherit;font-size:15px;font-weight:600;cursor:pointer;transition:all var(--transition);margin-top:4px;position:relative;overflow:hidden}.btn-generate::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,#7c3aed,#ec4899);opacity:0;transition:opacity .3s ease}.btn-generate:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(79,70,229,.4)}.btn-generate:hover::before{opacity:1}.btn-generate span,.btn-generate svg{position:relative;z-index:1}.btn-content{display:flex;align-items:center;justify-content:center;gap:8px;position:relative;z-index:1}.btn-generate:active{transform:translateY(0)}.preview-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;flex-wrap:wrap;gap:12px}.preview-header h2{font-size:18px;font-weight:600}.preview-actions{display:flex;flex-wrap:nowrap;gap:8px}.btn-action{display:inline-flex;align-items:center;gap:5px;padding:8px 14px;background:rgba(255,255,255,.6);border:1.5px solid rgba(79,70,229,.12);border-radius:var(--radius-sm);font-family:inherit;font-size:13px;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all var(--transition);white-space:nowrap}.btn-action:hover{background:rgba(79,70,229,.06);border-color:var(--primary);color:var(--primary);transform:translateY(-1px);box-shadow:0 4px 12px rgba(79,70,229,.15)}.preview-canvas{flex:1;display:flex;align-items:center;justify-content:center;min-height:220px;background:linear-gradient(135deg,rgba(255,255,255,.5) 0,rgba(79,70,229,.03) 100%);border-radius:var(--radius-sm);padding:18px;position:relative;overflow:hidden}.preview-canvas::before{content:'';position:absolute;inset:-2px;border-radius:var(--radius-sm);padding:2px;background:linear-gradient(135deg,#4f46e5 0,#7c3aed 50%,#ec4899 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.3;animation:borderGlow 3s ease-in-out infinite;pointer-events:none}.preview-canvas::after{content:'';position:absolute;inset:0;background:radial-gradient(circle 400px at center,rgba(79,70,229,.06),transparent);pointer-events:none;animation:glowPulse 4s ease-in-out infinite}@keyframes borderGlow{0%,100%{opacity:.15}50%{opacity:.5}}@keyframes glowPulse{0%,100%{opacity:0}50%{opacity:1}}.barcode-container{display:flex;align-items:center;justify-content:center;position:relative;z-index:2;width:100%}.barcode-container svg{width:100%;max-width:520px;height:auto}.preview-hint{color:var(--text-muted);font-size:14px;text-align:center;position:relative;z-index:2}.error-message{display:flex;align-items:center;gap:8px;margin-top:12px;padding:12px 16px;background:linear-gradient(135deg,#fef2f2,#ffe4e6);border:1px solid #fecaca;border-left:3px solid #ef4444;border-radius:var(--radius-sm);color:#dc2626;font-size:13px;font-weight:500;animation:slideInError .3s cubic-bezier(.34,1.56,.64,1)}@keyframes slideInError{from{opacity:0;transform:translateX(-16px)}to{opacity:1;transform:translateX(0)}}.accent-section{margin-bottom:48px;padding:40px 32px;background:linear-gradient(135deg,#1e293b 0,#0f172a 100%);border-radius:var(--radius);position:relative;overflow:hidden}.accent-section::before{content:'';position:absolute;inset:0;background-image:radial-gradient(circle at 10% 20%,rgba(79,70,229,.15) 0,transparent 50%),radial-gradient(circle at 90% 80%,rgba(236,72,153,.1) 0,transparent 50%);pointer-events:none}.accent-content{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;position:relative;z-index:2}.accent-card{background:rgba(255,255,255,.05);backdrop-filter:blur(10px);border:1px solid rgba(79,70,229,.2);border-radius:var(--radius-sm);padding:24px;color:#fff;transition:all .3s ease}.accent-card:hover{background:rgba(255,255,255,.08);border-color:rgba(79,70,229,.4);transform:translateY(-4px);box-shadow:0 12px 32px rgba(0,0,0,.3)}.accent-icon{font-size:24px;display:block;margin-bottom:12px}.accent-card h3{font-size:16px;font-weight:600;margin-bottom:8px;color:#a5b4fc}.accent-card p{font-size:14px;color:rgba(255,255,255,.7);line-height:1.7}.info-section{margin-bottom:48px}.info-section h2{font-size:24px;font-weight:700;margin-bottom:24px;text-align:center;background:linear-gradient(135deg,#4f46e5,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.5px}.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.info-card{background:linear-gradient(135deg,rgba(255,255,255,.8),rgba(255,255,255,.6));backdrop-filter:blur(8px);border-radius:var(--radius);padding:24px;box-shadow:0 4px 12px rgba(79,70,229,.06);border:1px solid rgba(79,70,229,.08);transition:all .4s cubic-bezier(.34, 1.56, .64, 1);position:relative;overflow:hidden}.info-card::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:2px;background:linear-gradient(90deg,transparent,rgba(79,70,229,.5),transparent);animation:slideTopGlow 4s infinite}.info-card:nth-child(2)::before{animation-delay:1.3s}.info-card:nth-child(3)::before{animation-delay:2.6s}.info-card:nth-child(4)::before{animation-delay:.6s}.info-card:nth-child(5)::before{animation-delay:1.9s}.info-card:nth-child(6)::before{animation-delay:3.2s}@keyframes slideTopGlow{0%{left:-100%}100%{left:100%}}.info-card:hover{transform:translateY(-8px);box-shadow:0 16px 40px rgba(79,70,229,.15);background:linear-gradient(135deg,rgba(255,255,255,.95),rgba(255,255,255,.85))}.info-card h3{font-size:15px;font-weight:700;background:linear-gradient(135deg,#4f46e5,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:10px;transition:all var(--transition)}.info-card:hover h3{transform:translateX(4px)}.info-card p{font-size:13px;color:var(--text-secondary);line-height:1.7}footer{text-align:center;padding:32px 0;border-top:1px solid rgba(79,70,229,.1);color:var(--text-muted);font-size:13px}footer[style*=opacity]{opacity:1!important}.toast{position:fixed;bottom:24px;right:24px;background:linear-gradient(135deg,#1e293b,#0f172a);color:#fff;padding:14px 24px;border-radius:var(--radius-sm);font-size:14px;font-weight:500;box-shadow:0 12px 32px rgba(0,0,0,.25);z-index:1000;animation:toastIn .4s cubic-bezier(.34,1.56,.64,1),toastOut .4s ease 2.5s forwards;border:1px solid rgba(255,255,255,.1)}@keyframes toastIn{from{opacity:0;transform:translateY(24px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes toastOut{from{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(24px) scale(.9)}}@media (max-width:900px){.generator-panel{grid-template-columns:1fr}.accent-content,.info-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){header{padding:32px 0 24px}.logo>svg{display:none}.logo h1{font-size:22px}.control-row{grid-template-columns:1fr}.accent-content,.info-grid{grid-template-columns:1fr}.preview-actions{flex-wrap:wrap}.preview-actions .btn-action{flex:1 1 auto;justify-content:center}.preview-header{flex-direction:column;align-items:flex-start}.accent-section{padding:28px 20px}}.btn-action-print{background:linear-gradient(135deg,rgba(79,70,229,.08),rgba(124,58,237,.08));border-color:rgba(79,70,229,.25);color:var(--primary);font-weight:600}.btn-action-print:hover{background:linear-gradient(135deg,rgba(79,70,229,.15),rgba(124,58,237,.12))}.modal-overlay{position:fixed;inset:0;background:rgba(15,23,42,.6);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:2000;display:flex;align-items:center;justify-content:center;padding:20px;animation:modalFadeIn .3s ease}@keyframes modalFadeIn{from{opacity:0}to{opacity:1}}.modal{background:rgba(255,255,255,.95);backdrop-filter:blur(16px);border-radius:var(--radius);box-shadow:0 24px 64px rgba(0,0,0,.2);border:1px solid rgba(255,255,255,.5);width:100%;max-width:1100px;max-height:90vh;overflow-y:auto;animation:modalSlideIn .4s cubic-bezier(.34,1.56,.64,1)}@keyframes modalSlideIn{from{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px 28px;border-bottom:1px solid var(--border)}.modal-header h2{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:700;color:var(--text)}.modal-header h2 svg{color:var(--primary)}.modal-close{width:36px;height:36px;border:none;background:var(--bg);border-radius:50%;font-size:22px;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition);line-height:1}.modal-close:hover{background:#fee2e2;color:#dc2626}.modal-body{display:grid;grid-template-columns:1fr 1fr;gap:0}.print-settings{padding:24px 28px;border-right:1px solid var(--border);overflow-y:auto;max-height:calc(90vh - 80px)}.print-preview-area{padding:24px 28px;display:flex;flex-direction:column;gap:16px}.print-section{margin-bottom:24px}.print-section h3{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--text-secondary);margin-bottom:12px;padding-left:10px;position:relative}.print-section h3::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:4px;background:linear-gradient(135deg,#4f46e5,#7c3aed);border-radius:50%}.printer-tabs{display:flex;gap:8px}.printer-tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 8px;border:1.5px solid var(--border);border-radius:var(--radius-sm);background:rgba(255,255,255,.5);cursor:pointer;font-family:inherit;font-size:11px;font-weight:600;color:var(--text-secondary);transition:all var(--transition)}.printer-tab:hover{border-color:rgba(79,70,229,.3);background:rgba(79,70,229,.04)}.printer-tab.active{border-color:var(--primary);background:var(--primary-light);color:var(--primary);box-shadow:0 2px 8px rgba(79,70,229,.15)}.printer-tab svg{opacity:.7}.printer-tab.active svg{opacity:1;color:var(--primary)}.label-templates{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.label-tpl,.label-tpl-a4{display:flex;flex-direction:column;align-items:flex-start;padding:10px 12px;border:1.5px solid var(--border);border-radius:var(--radius-sm);background:rgba(255,255,255,.6);cursor:pointer;font-family:inherit;transition:all var(--transition)}.label-tpl-a4:hover,.label-tpl:hover{border-color:rgba(79,70,229,.3);background:rgba(79,70,229,.04);transform:translateY(-1px)}.label-tpl-a4.active,.label-tpl.active{border-color:var(--primary);background:var(--primary-light);box-shadow:0 2px 8px rgba(79,70,229,.15)}.tpl-icon{font-size:16px;margin-bottom:4px}.tpl-name{font-size:12px;font-weight:600;color:var(--text)}.tpl-size{font-size:11px;color:var(--text-muted);font-weight:500}.custom-size-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.custom-field label{display:block;font-size:11px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.custom-field input{width:100%;padding:8px 12px;border:1.5px solid var(--border);border-radius:var(--radius-sm);font-family:inherit;font-size:14px;color:var(--text);background:rgba(255,255,255,.8);outline:0;transition:all var(--transition)}.custom-field input:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(79,70,229,.1)}.label-content-fields{display:flex;flex-direction:column;gap:12px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field-col label{display:block;font-size:11px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.field-col input[type=number],.field-col input[type=text]{width:100%;padding:8px 12px;border:1.5px solid var(--border);border-radius:var(--radius-sm);font-family:inherit;font-size:13px;color:var(--text);background:rgba(255,255,255,.8);outline:0;transition:all var(--transition);box-sizing:border-box}.field-col input:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(79,70,229,.1)}.checkbox-row{display:flex;align-items:center}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:13px;color:var(--text);font-weight:500}.checkbox-label input[type=checkbox]{width:16px;height:16px;accent-color:var(--primary);cursor:pointer}.print-preview-wrapper{flex:1;background:#fff;border:2px solid var(--border);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;min-height:300px;padding:20px;overflow:auto;position:relative}.print-preview-area h3{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--text-secondary)}.label-preview{border:1px dashed #cbd5e1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4px;overflow:hidden;background:#fff;page-break-inside:avoid;break-inside:avoid}.label-preview .label-product-name{font-weight:700;text-align:center;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.label-preview .label-price-text{font-weight:900;text-align:center;line-height:1.2}.label-preview .label-description-text{font-weight:400;text-align:center;color:#555;line-height:1.1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.label-preview .label-barcode svg{display:block}.label-preview.label-cut-lines{border:1px dashed #94a3b8;position:relative}.label-preview.label-cut-lines::after,.label-preview.label-cut-lines::before{content:'✂';position:absolute;font-size:8px;color:#94a3b8;line-height:1}.label-preview.label-cut-lines::before{top:-6px;left:-2px}.label-preview.label-cut-lines::after{bottom:-6px;right:-2px;transform:rotate(180deg)}.print-info{text-align:center;font-size:12px;color:var(--text-muted);font-weight:500}.print-actions{display:flex;gap:12px}.print-actions .btn-generate{flex:1}.a4-preview-layout{display:flex;flex-direction:column;gap:24px;width:100%;align-items:center}.a4-grid-section,.a4-label-section{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%}.a4-label-heading{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted)}.a4-single-label{display:flex;align-items:center;justify-content:center;padding:12px;background:#fafbfc;border-radius:var(--radius-sm);border:1px solid var(--border)}.a4-label-dims{font-size:12px;color:var(--text-secondary);font-weight:600}.a4-sheet-schematic{width:180px;height:254px;background:#fff;border:2px solid #cbd5e1;border-radius:4px;padding:8px;display:flex;align-items:stretch;box-shadow:0 2px 8px rgba(0,0,0,.06);position:relative}.a4-sheet-schematic::before{content:'A4';position:absolute;top:-10px;right:-10px;background:var(--primary);color:#fff;font-size:9px;font-weight:700;padding:2px 6px;border-radius:4px;letter-spacing:.5px}.a4-sheet-grid{display:grid;width:100%;gap:2px}.a4-cell{border:1px dashed #e2e8f0;border-radius:2px;display:flex;align-items:center;justify-content:center;min-height:0;color:transparent;transition:all .15s ease}.a4-cell-filled{background:linear-gradient(135deg,rgba(79,70,229,.08),rgba(124,58,237,.06));border-color:rgba(79,70,229,.25);border-style:solid;color:var(--primary)}.a4-grid-cut{gap:0;border:1.5px dashed #94a3b8;border-radius:2px;position:relative}.a4-grid-cut .a4-cell{border:none;border-right:1px dashed #94a3b8;border-bottom:1px dashed #94a3b8;border-radius:0}.a4-grid-cut .a4-cell.a4-cell-last-col{border-right:none}.a4-grid-cut .a4-cell.a4-cell-last-row{border-bottom:none}.a4-grid-cut::before{content:'\2702';position:absolute;top:-12px;left:4px;font-size:12px;color:#94a3b8;z-index:1;line-height:1}.a4-grid-cut::after{content:'\2702';position:absolute;bottom:-12px;right:4px;font-size:12px;color:#94a3b8;z-index:1;line-height:1;transform:rotate(180deg)}.a4-grid-info{font-size:12px;color:var(--text-secondary);text-align:center;line-height:1.5}.a4-pages-badge{display:inline-block;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;font-weight:700;font-size:11px;padding:2px 10px;border-radius:10px;margin-left:4px}@media print{body>:not(#print-output){display:none!important}body,html{background:#fff!important;background-image:none!important;margin:0!important;padding:0!important}body::after,body::before,html::after,html::before{display:none!important;background:0 0!important}#print-output{display:block!important;position:static!important;width:auto;background:#fff!important}#print-output *{print-color-adjust:exact;-webkit-print-color-adjust:exact}.label-preview{border:none;box-shadow:none!important;background:#fff!important}.label-preview.label-cut-lines{border:1px dashed #94a3b8}@page{margin:0;marks:none}}.print-only{display:none}@media (max-width:900px){.modal-body{grid-template-columns:1fr}.print-settings{border-right:none;border-bottom:1px solid var(--border);max-height:none}.label-templates{grid-template-columns:1fr}.printer-tabs{flex-direction:column}}@media (max-width:600px){.modal{max-height:95vh;margin:10px}.modal-header{padding:16px 20px}.print-preview-area,.print-settings{padding:16px 20px}.field-row{grid-template-columns:1fr}.custom-size-row{grid-template-columns:1fr}}[data-theme=dark],[data-theme=dark] body{background:linear-gradient(135deg,#0f172a 0,#1e1b4b 50%,#1e1b4b 100%)}[data-theme=dark] body::before{background-image:radial-gradient(circle at 20% 50%,rgba(129,140,248,.08) 0,transparent 50%),radial-gradient(circle at 80% 20%,rgba(124,58,237,.06) 0,transparent 40%),radial-gradient(circle at 50% 80%,rgba(236,72,153,.05) 0,transparent 40%)}[data-theme=dark] .controls,[data-theme=dark] .preview{background:rgba(30,41,59,.8);box-shadow:0 8px 32px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.05);border-color:rgba(51,65,85,.6)}[data-theme=dark] input[type=number],[data-theme=dark] input[type=text],[data-theme=dark] select{background-color:rgba(15,23,42,.6);border-color:var(--border);color:var(--text)}[data-theme=dark] select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%23a78bfa' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}[data-theme=dark] select optgroup,[data-theme=dark] select option{background-color:#0f172a;color:#e2e8f0}[data-theme=dark] select:hover{background-color:rgba(30,41,59,.8);border-color:rgba(167,139,250,.5)}[data-theme=dark] input[type=number]:focus,[data-theme=dark] input[type=text]:focus,[data-theme=dark] select:focus{outline:3px solid var(--border-focus);outline-offset:2px;border-color:transparent;background:rgba(15,23,42,.85);box-shadow:0 0 0 3px rgba(129,140,248,.25),inset 0 0 0 1.5px rgba(167,139,250,.4)}[data-theme=dark] .preview-canvas{background:rgba(15,23,42,.5)}[data-theme=dark] .accent-section{background:linear-gradient(135deg,#1e1b4b,#0f172a)}[data-theme=dark] .accent-card{background:rgba(30,41,59,.6);border-color:rgba(51,65,85,.5)}[data-theme=dark] .info-card{background:rgba(30,41,59,.6);border-color:rgba(51,65,85,.5)}[data-theme=dark] footer{color:var(--text-muted)}[data-theme=dark] .modal{background:rgba(30,41,59,.97);border-color:rgba(51,65,85,.6)}[data-theme=dark] .modal-header{border-color:var(--border)}[data-theme=dark] .modal-close{background:var(--surface)}[data-theme=dark] .print-settings{border-color:var(--border)}[data-theme=dark] .label-tpl,[data-theme=dark] .label-tpl-a4,[data-theme=dark] .printer-tab{background:rgba(15,23,42,.4);border-color:var(--border);color:var(--text-secondary)}[data-theme=dark] .print-preview-wrapper{background:var(--surface);border-color:var(--border)}[data-theme=dark] .a4-single-label{background:var(--surface);border-color:var(--border)}[data-theme=dark] .a4-sheet-schematic{background:var(--surface);border-color:var(--border)}[data-theme=dark] .btn-action{background:rgba(15,23,42,.4);border-color:var(--border);color:var(--text-secondary)}.theme-toggle{position:absolute;top:20px;right:20px;width:42px;height:42px;border:1.5px solid var(--border);border-radius:50%;background:var(--surface);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition);color:var(--text-secondary);box-shadow:var(--shadow-sm);z-index:10}.theme-toggle:hover{border-color:var(--primary);color:var(--primary);transform:rotate(20deg);box-shadow:var(--shadow)}.theme-toggle .icon-moon,.theme-toggle .icon-sun{width:20px;height:20px;transition:all .3s ease}.theme-toggle .icon-sun{display:none}.theme-toggle .icon-moon{display:block}[data-theme=dark] .theme-toggle .icon-sun{display:block}[data-theme=dark] .theme-toggle .icon-moon{display:none}.lang-switch{position:absolute;top:20px;left:20px;z-index:10}.lang-current{display:flex;align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:600;font-family:inherit;border:1.5px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text-secondary);cursor:pointer;transition:all var(--transition)}.lang-current:hover{border-color:var(--primary);color:var(--primary)}.lang-dropdown{display:none;flex-direction:column;position:absolute;top:calc(100% + 6px);left:0;min-width:170px;background:var(--surface);border:1.5px solid var(--border);border-radius:10px;box-shadow:var(--shadow-lg);padding:6px;z-index:100}.lang-dropdown.open{display:flex}.lang-option{display:flex;align-items:center;gap:8px;padding:8px 12px;font-size:13px;font-weight:500;color:var(--text-secondary);text-decoration:none;border-radius:6px;transition:all var(--transition)}.lang-option:hover{background:var(--primary-light);color:var(--primary)}.lang-option.active{background:var(--primary);color:#fff;font-weight:600}.ad-slot{width:100%;max-width:1200px;margin:16px auto;display:flex;align-items:center;justify-content:center}.ad-sidebar:has(> ins.adsbygoogle[data-ad-status=unfilled]):not(:has(> ins.adsbygoogle[data-ad-status=filled])),.ad-slot:has(> ins.adsbygoogle[data-ad-status=unfilled]):not(:has(> ins.adsbygoogle[data-ad-status=filled])),.ad-sticky-bottom:has(> ins.adsbygoogle[data-ad-status=unfilled]):not(:has(> ins.adsbygoogle[data-ad-status=filled])){display:none!important;margin:0!important;padding:0!important}.ad-leaderboard{max-width:728px}.ad-rectangle{max-width:336px}.ad-sticky-bottom{display:none}@media (max-width:900px){.ad-sticky-bottom.is-ready{position:fixed;left:0;right:0;bottom:0;z-index:9990;min-height:60px;background:var(--surface);border-top:1px solid var(--border);box-shadow:0 -2px 12px rgba(0,0,0,.08);display:flex;align-items:center;justify-content:center;padding:6px 36px 6px 8px}.ad-sticky-bottom.is-hidden{display:none}.ad-sticky-bottom ins.adsbygoogle{display:block;width:100%;max-width:320px;min-height:50px}.ad-sticky-bottom__close{position:absolute;top:4px;right:6px;width:28px;height:28px;border:0;background:0 0;color:var(--text-muted);font-size:20px;line-height:1;cursor:pointer;border-radius:6px}.ad-sticky-bottom__close:focus-visible,.ad-sticky-bottom__close:hover{background:var(--border);color:var(--text)}.ad-sticky-bottom__close:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}body.has-sticky-ad main{padding-bottom:80px}}.footer-links{margin-top:8px;font-size:13px}.footer-links a{color:var(--text-muted);text-decoration:none;transition:color var(--transition)}.footer-links a:hover{color:var(--primary);text-decoration:underline}.cookie-settings-link{padding:0;border:0;background:0 0;color:var(--text-muted);font:inherit;cursor:pointer}.cookie-settings-link:focus-visible,.cookie-settings-link:hover{color:var(--primary);text-decoration:underline}.cookie-settings-link:focus-visible{outline:2px solid var(--border-focus);outline-offset:3px;border-radius:4px}#cookie-banner{position:fixed;bottom:max(12px,env(safe-area-inset-bottom));left:16px;right:16px;z-index:9999;width:min(760px,calc(100% - 32px));max-height:calc(100dvh - 24px);margin:0 auto;overflow-y:auto;background:var(--surface);border-top:1.5px solid var(--border);border:1px solid var(--border);border-radius:8px;box-shadow:0 12px 34px rgba(15,23,42,.18);padding:16px;animation:slideUp .3s ease}@keyframes slideUp{from{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.cookie-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.cookie-text{margin:0;font-size:14px;line-height:1.5;color:var(--text-secondary);flex:1;min-width:200px}.cookie-buttons{display:flex;gap:8px;flex-shrink:0}.cookie-btn{min-height:42px;padding:9px 18px;font-size:14px;font-weight:600;font-family:inherit;border-radius:8px;border:none;cursor:pointer;transition:all .2s ease}.cookie-accept{background:var(--primary);color:#fff}.cookie-accept:hover{background:var(--primary-hover)}[data-theme=dark] .cookie-accept{background:#4f46e5}[data-theme=dark] .cookie-accept:hover{background:#4338ca}.cookie-reject{background:var(--surface);color:var(--text-primary);border:1.5px solid var(--border)}.cookie-reject:hover{border-color:var(--primary);color:var(--primary)}.cookie-btn:focus-visible{outline:3px solid var(--border-focus);outline-offset:2px}@media (max-width:560px){body.has-cookie-banner{padding-bottom:calc(176px + env(safe-area-inset-bottom))}#cookie-banner{left:10px;right:10px;bottom:max(10px,env(safe-area-inset-bottom));width:calc(100% - 20px);padding:14px}.cookie-inner{align-items:stretch;gap:12px}.cookie-buttons,.cookie-text{width:100%}.cookie-buttons{display:grid;grid-template-columns:1fr 1fr}.cookie-btn{width:100%;padding-inline:10px}}.decoder-nav{display:flex;width:fit-content;margin:-8px auto 20px;padding:5px;background:rgba(255,255,255,.55);backdrop-filter:blur(12px) saturate(160%);-webkit-backdrop-filter:blur(12px) saturate(160%);border:1px solid rgba(79,70,229,.12);border-radius:999px;gap:2px;box-shadow:0 2px 12px rgba(79,70,229,.08);animation:fadeSlideUp .6s ease both}[data-theme=dark] .decoder-nav{background:rgba(30,41,59,.6);border-color:rgba(129,140,248,.18)}.decoder-nav a{font-size:14px;font-weight:600;color:var(--text-secondary,#64748b);text-decoration:none;padding:9px 22px;border-radius:999px;transition:all .25s cubic-bezier(.4, 0, .2, 1);letter-spacing:.01em}.decoder-nav a:hover{color:var(--primary,#4f46e5);background:rgba(79,70,229,.06)}.decoder-nav a.active{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;box-shadow:0 4px 14px rgba(79,70,229,.35)}.decoder-related{display:flex;flex-wrap:wrap;gap:8px 18px}.decoder-related a{color:#4338ca;font-size:14px;font-weight:650;text-underline-offset:3px}[data-theme=dark] .decoder-related a{color:#a5b4fc}@keyframes fadeSlideUp{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.decoder-nav{animation:none!important;transition:none!important}}@media (max-width:560px){.decoder-nav{display:flex;width:calc(100% - 24px);justify-content:center;margin-left:auto;margin-right:auto;left:auto;transform:none}.decoder-nav a{padding:9px 16px;flex:1;text-align:center}}.faq-section,.howto-section{margin:40px auto 0;max-width:900px;padding:0 20px}.faq-section h2,.howto-section h2{font-size:28px;font-weight:600;margin:0 0 24px;color:var(--text-primary,#0f172a);text-align:center}.howto-steps{list-style:none;counter-reset:howto;padding:0;margin:0;display:grid;gap:16px}.howto-steps li{counter-increment:howto;position:relative;padding:20px 20px 20px 68px;background:var(--card-bg,#fff);border:1px solid var(--border-color,#e2e8f0);border-radius:12px}.howto-steps li::before{content:counter(howto);position:absolute;left:20px;top:20px;width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:16px}.howto-steps h3{font-size:17px;font-weight:600;margin:0 0 6px;color:var(--text-primary,#0f172a)}.howto-steps p{margin:0;font-size:14px;color:var(--text-secondary,#64748b);line-height:1.5}.faq-list{display:grid;gap:12px}.faq-item{background:var(--card-bg,#fff);border:1px solid var(--border-color,#e2e8f0);border-radius:10px;padding:0;overflow:hidden;transition:border-color .15s}.faq-item[open]{border-color:#4f46e5}.faq-item summary{padding:16px 20px;font-weight:500;font-size:15px;color:var(--text-primary,#0f172a);cursor:pointer;list-style:none;position:relative;padding-right:48px}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary::after{content:'+';position:absolute;right:20px;top:50%;transform:translateY(-50%);font-size:22px;font-weight:400;color:#4f46e5;transition:transform .2s}.faq-item[open] summary::after{content:'−'}.faq-item summary:focus-visible{outline:2px solid #4f46e5;outline-offset:-2px}.faq-item p{margin:0;padding:0 20px 16px;font-size:14px;color:var(--text-secondary,#64748b);line-height:1.55}.faq-item p a{color:#4f46e5;text-decoration:underline}@media (max-width:560px){.faq-section h2,.howto-section h2{font-size:22px}.howto-steps li{padding:16px 16px 16px 60px}.howto-steps li::before{left:14px;top:16px;width:32px;height:32px;font-size:14px}}.flag-img{display:inline-block;vertical-align:-2px;width:20px;height:15px;border-radius:2px;margin-right:6px;object-fit:cover;box-shadow:0 0 0 1px rgba(0,0,0,.06)}.lang-option .flag-img{margin-right:8px}.popular-section{margin:0 0 24px}.popular-section__title{font-size:14px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:12px}.popular-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));align-items:start;gap:12px}.popular-card{display:flex;flex-direction:column;align-items:stretch;gap:8px;padding:12px 10px;min-height:116px;background:var(--surface);border:2px solid var(--border);border-left-width:4px;border-radius:var(--radius-sm);cursor:pointer;color:var(--text);font:inherit;text-align:center;transition:transform var(--transition),border-color var(--transition),box-shadow var(--transition)}.popular-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.popular-card:focus-visible{outline:3px solid var(--border-focus);outline-offset:2px}.popular-card[aria-pressed=true]{border-color:var(--primary);background:var(--primary-light)}.popular-card[data-format=EAN13]{border-left-color:#4f46e5}.popular-card[data-format=EAN8]{border-left-color:#405ce2}.popular-card[data-format=UPC]{border-left-color:#3273de}.popular-card[data-format=CODE128]{border-left-color:#2389db}.popular-card[data-format=CODE39]{border-left-color:#14a0d7}.popular-card[data-format=ITF14]{border-left-color:#14a0d7}.popular-card[data-format=QR]{border-left-color:#06b6d4}.popular-card__preview{display:flex;align-items:center;justify-content:center;width:100%;height:72px;background:#fff;border-radius:4px;padding:6px 8px;box-shadow:inset 0 0 0 1px var(--border);overflow:hidden}.popular-card__preview[data-preview=QR]{height:72px;padding:6px 8px}.popular-card__preview canvas,.popular-card__preview img,.popular-card__preview svg{max-width:100%;max-height:100%;height:auto;width:auto;display:block}.search-intent{width:100%;padding:44px 24px;border-top:1px solid var(--border);background:var(--surface)}.search-intent__inner{width:min(1080px,100%);margin:0 auto}.search-intent h2{margin:0;font-size:24px;line-height:1.25;letter-spacing:0}.search-intent__inner>p{max-width:720px;margin:8px 0 22px;color:var(--text-secondary)}.search-intent__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.search-intent__card{display:grid;gap:6px;min-width:0;padding:18px;border:1px solid var(--border);border-radius:8px;color:var(--text);background:var(--bg);text-decoration:none}.search-intent__card:hover{border-color:var(--primary)}.search-intent__card:focus-visible{outline:3px solid var(--primary);outline-offset:2px}.search-intent__card span{color:var(--text-secondary);line-height:1.5}@media (max-width:720px){.search-intent{padding:32px 16px}.search-intent__grid{grid-template-columns:1fr}}@media (max-width:600px){body{background:var(--bg);background-attachment:scroll}body::before{display:none}.animated-header,.bar,.controls,.generator-panel,.header-decoration,.preview{animation:none!important}.animated-barcode{filter:none}.controls,.preview{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--surface)}.controls{min-height:307px}.controls>.control-group.non-qr-control,.controls>.control-row{display:none}}.popular-card__label{font-size:13px;font-weight:600;color:var(--text);line-height:1.2}.popular-card-wrap{display:flex;flex-direction:column;gap:6px;min-width:0}.popular-card-wrap>.popular-card{flex:none;width:100%}.popular-card__more{display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:5px 8px;font-size:11px;font-weight:600;white-space:nowrap;color:var(--primary);text-decoration:none;border-radius:6px;transition:background var(--transition),color var(--transition)}.popular-card__more::after{content:"\2192";transition:transform var(--transition)}.popular-card__more:hover{background:var(--primary-light);text-decoration:underline}.popular-card__more:hover::after{transform:translateX(2px)}.popular-card__more:focus-visible{outline:3px solid var(--border-focus);outline-offset:2px}@media (max-width:480px){.popular-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.popular-card{min-height:100px;padding:10px 6px}.popular-card__preview{height:60px}.popular-card__preview[data-preview=QR]{height:60px}.popular-card__label{font-size:11px}}.qr-options[hidden]{display:none}.qr-options{display:flex;flex-direction:column;gap:12px;padding:14px;margin-top:12px;background:var(--primary-light);border:1px solid var(--border);border-radius:var(--radius-sm)}.qr-options__row{display:flex;flex-direction:column;gap:6px}.qr-options__row label{font-size:13px;font-weight:600;color:var(--text)}.qr-options input[type=file]{font-size:13px;padding:6px;border:1px dashed var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text)}.qr-options input[type=file]:focus-visible{outline:3px solid var(--border-focus);outline-offset:2px}#qr-preview{display:none;width:100%;aspect-ratio:1/1;max-width:min(100%,480px);min-width:0;flex-shrink:1}#qr-preview.active{display:flex;justify-content:center;align-items:center}#qr-preview svg{width:100%;height:100%;display:block;max-width:100%}@supports not (aspect-ratio:1 / 1){#qr-preview::before{content:"";display:block;padding-top:100%}#qr-preview.active{position:relative}#qr-preview.active svg{position:absolute;inset:0}}@media (max-width:480px){#qr-preview{max-width:100%}}@media (prefers-reduced-motion:reduce){.popular-card{transition:none}.popular-card:hover{transform:none}}.checkbox-row{display:flex;align-items:flex-start;gap:8px;margin:12px 0;cursor:pointer}.checkbox-row input[type=checkbox]{margin-top:3px;flex-shrink:0}.checkbox-row{display:inline-flex;align-items:center;gap:8px;cursor:pointer;font-size:14px}.auth-controls{position:absolute;top:16px;right:72px;z-index:10;display:flex;align-items:center;gap:12px}.auth-anon{display:flex;flex-direction:column;align-items:flex-end;gap:4px;line-height:1.2}.auth-anon[hidden],.auth-user[hidden]{display:none!important}.btn-auth-primary{display:inline-flex;align-items:center;gap:6px;height:38px;padding:0 18px;border-radius:999px;background:linear-gradient(135deg,var(--primary) 0,#7c3aed 100%);color:#fff;font-family:inherit;font-size:13.5px;font-weight:600;text-decoration:none;white-space:nowrap;box-shadow:0 4px 14px rgba(79,70,229,.32);transition:transform var(--transition),box-shadow var(--transition),filter var(--transition)}.btn-auth-primary:focus-visible,.btn-auth-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px rgba(79,70,229,.42);filter:brightness(1.05);color:#fff}.btn-auth-primary:focus-visible{outline:2px solid var(--primary);outline-offset:3px}.auth-link-secondary{font-size:12px;font-weight:500;color:var(--text-secondary);text-decoration:none;padding:2px 6px;border-radius:6px;transition:color var(--transition),background var(--transition)}.auth-link-secondary:focus-visible,.auth-link-secondary:hover{color:var(--primary);background:var(--primary-light)}.auth-link-secondary:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.auth-user{display:inline-flex;align-items:center;gap:10px;padding:6px 12px;background:var(--surface);border:1.5px solid var(--border);border-radius:999px;font-size:13px;box-shadow:var(--shadow-sm)}.auth-user .auth-email{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-secondary);font-weight:500}.auth-signout{background:0 0;border:1px solid var(--border);border-radius:999px;padding:4px 10px;font-family:inherit;font-size:12px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition)}.auth-signout:focus-visible,.auth-signout:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-light)}@media (max-width:720px){.auth-controls{top:14px;right:68px;gap:8px}.btn-auth-primary{height:34px;padding:0 14px;font-size:12.5px}.auth-link-secondary{display:none}.auth-user .auth-email{max-width:120px;font-size:12px}}@media (max-width:420px){.auth-controls{right:64px}.btn-auth-primary{height:32px;padding:0 12px;font-size:12px}}main.container>.card[aria-labelledby=account-title]{max-width:460px;margin:32px auto;padding:32px 28px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg)}main.container>.card[aria-labelledby=account-title]>h2{margin:0 0 20px;font-size:22px;font-weight:600;color:var(--text);text-align:center}@media (max-width:520px){main.container>.card[aria-labelledby=account-title]{margin:16px 12px;padding:24px 18px}}#settings{grid-column:1/-1}.appearance-setting{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px;padding-top:16px;border-top:1px solid var(--border)}.appearance-setting__label{font-size:13px;font-weight:700;color:var(--text)}.appearance-segments{display:inline-grid;grid-template-columns:repeat(3,auto);padding:3px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--primary-light)}.appearance-segment{min-height:34px;padding:5px 10px;border:0;border-radius:7px;background:0 0;color:var(--text-secondary);font:inherit;font-size:12px;font-weight:700;cursor:pointer}.appearance-segment[aria-pressed=true]{background:var(--surface);color:var(--primary);box-shadow:var(--shadow-sm)}.appearance-segment:hover{color:var(--primary)}[data-contrast=high] .appearance-segments{border-width:2px;background:#fff}[data-contrast=high] .appearance-segment{color:#000}[data-contrast=high] .appearance-segment[aria-pressed=true]{background:#000;color:#fff}@media (max-width:520px){#settings{grid-column:auto}.appearance-setting{align-items:flex-start;flex-direction:column}.appearance-segments{width:100%;grid-template-columns:repeat(3,minmax(0,1fr))}}.checkbox-row a{color:#4338ca;text-decoration:underline;text-underline-offset:0.15em}[data-theme=dark] .checkbox-row a{color:#c7d2fe}.non-qr-control[hidden]{display:none}.qr-color-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.qr-bg-row{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap}.qr-bg-row>.non-qr-control{flex:1 1 auto;min-width:140px}.qr-bg-transparent{display:inline-flex;align-items:center;gap:6px;font-size:.9rem;cursor:pointer;user-select:none}.qr-bg-transparent input[type=checkbox]{width:16px;height:16px;accent-color:#4f46e5;cursor:pointer}.qr-options__row--grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:end}.qr-options__gradient{padding:12px;border:1px solid var(--border-color,#e5e7eb);border-radius:10px;margin:4px 0;display:flex;flex-direction:column;gap:10px;background:var(--surface-soft,rgba(79,70,229,.04))}@media (max-width:480px){.qr-options__row--grid2{grid-template-columns:1fr}}.qr-color-toggle__label{display:block;font-size:13px;font-weight:600;color:var(--text);margin-bottom:6px}.qr-color-toggle{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;background:rgba(79,70,229,.06);border:1px solid var(--border);border-radius:var(--radius-sm)}.qr-color-toggle__option{position:relative;display:flex;align-items:center;justify-content:center;padding:8px 12px;font-size:13px;font-weight:600;color:var(--text-muted);background:0 0;border-radius:calc(var(--radius-sm) - 4px);cursor:pointer;transition:color var(--transition),background var(--transition),transform var(--transition);user-select:none}.qr-color-toggle__option input[type=radio]{position:absolute;opacity:0;pointer-events:none}.qr-color-toggle__option:hover{color:var(--text)}.qr-color-toggle__option:has(input[type=radio]:checked){color:#fff;background:linear-gradient(135deg,#4f46e5,#7c3aed);box-shadow:0 4px 12px rgba(79,70,229,.25)}.qr-color-toggle__option:has(input[type=radio]:focus-visible){outline:3px solid var(--border-focus);outline-offset:2px}[data-theme=dark] .qr-color-toggle{background:rgba(79,70,229,.12)}@media (min-width:901px){.generator-panel{grid-template-columns:minmax(280px,320px) minmax(0,1fr)}.preview-canvas{min-height:240px;max-height:520px}.qr-options{display:grid;grid-template-columns:1fr 1fr;gap:10px 12px}.qr-options>.qr-options__gradient,.qr-options>.qr-options__row--bg,.qr-options>.qr-options__row--grid2,.qr-options>.qr-options__row:has(input[type=file]),.qr-options__row--full{grid-column:1/-1}}.topbar{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 0 0;min-height:50px}.topbar__left,.topbar__right{display:flex;align-items:center;gap:10px}.topbar .lang-switch{position:relative;top:auto;left:auto}.topbar .theme-toggle{position:relative;top:auto;right:auto}.topbar .auth-controls{position:relative;top:auto;right:auto}@media (max-width:600px){.animated-header{animation:none}.animated-header,header{padding-top:16px}.animated-header:has(> .lang-switch){padding-top:72px}.topbar{flex-wrap:wrap;gap:10px}.topbar__right{flex-wrap:wrap;justify-content:flex-end}}.account-menu{position:relative}.account-menu__trigger{display:inline-flex;align-items:center;gap:8px;padding:6px 14px 6px 8px;background:var(--surface);border:1.5px solid var(--border);border-radius:999px;cursor:pointer;font-family:inherit;font-size:13px;color:var(--text-secondary);box-shadow:var(--shadow-sm);transition:all var(--transition)}.account-menu__trigger:focus-visible,.account-menu__trigger:hover{border-color:var(--primary);color:var(--primary)}.account-menu__trigger:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.account-menu__avatar{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,var(--primary) 0,#7c3aed 100%);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;text-transform:uppercase;flex-shrink:0}.account-menu__label{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.account-menu__caret{width:12px;height:12px;flex-shrink:0;transition:transform var(--transition)}.account-menu[aria-expanded=true] .account-menu__caret{transform:rotate(180deg)}.account-menu__panel{position:absolute;top:calc(100% + 6px);right:0;min-width:220px;background:var(--surface);border:1.5px solid var(--border);border-radius:12px;box-shadow:var(--shadow-lg);padding:8px;z-index:100;display:none;flex-direction:column;gap:2px}.account-menu[aria-expanded=true] .account-menu__panel{display:flex}.account-menu__header{padding:8px 12px;border-bottom:1px solid var(--border);margin-bottom:4px}.account-menu__header-label{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}#status.is-error{color:#b91c1c}[data-theme=dark] #status.is-error{color:#fca5a5}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.account-menu__header-email{display:block;font-size:13px;font-weight:600;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-menu__item{display:flex;align-items:center;gap:10px;padding:8px 12px;font-size:13.5px;font-weight:500;color:var(--text-secondary);text-decoration:none;background:0 0;border:none;border-radius:8px;cursor:pointer;font-family:inherit;text-align:left;width:100%;transition:background var(--transition),color var(--transition)}.account-menu__item:focus-visible,.account-menu__item:hover{background:var(--primary-light);color:var(--primary)}.account-menu__item:focus-visible{outline:2px solid var(--primary);outline-offset:-2px}.account-menu__item--danger{color:#b91c1c;border-top:1px solid var(--border);margin-top:4px;padding-top:10px;border-radius:0 0 8px 8px}.account-menu__item--danger:focus-visible,.account-menu__item--danger:hover{background:#fee2e2;color:#b91c1c}[data-theme=dark] .account-menu__item--danger:focus-visible,[data-theme=dark] .account-menu__item--danger:hover{background:rgba(185,28,28,.18)}.account-menu__icon{width:16px;height:16px;flex-shrink:0}.layout-with-sidebars{display:block;align-items:start}.ad-sidebar{display:none}@media (min-width:1600px){.ad-sidebar{display:block;position:fixed;top:120px;width:180px;max-height:calc(100vh - 160px);overflow:hidden;background:0 0;border-radius:12px;z-index:1}.ad-sidebar--left{left:max(16px,calc((100vw - 1200px)/ 2 - 200px))}.ad-sidebar--right{right:max(16px,calc((100vw - 1200px)/ 2 - 200px))}}@media (min-width:1800px){.ad-sidebar{width:200px}.ad-sidebar--left{left:max(24px,calc((100vw - 1200px)/ 2 - 224px))}.ad-sidebar--right{right:max(24px,calc((100vw - 1200px)/ 2 - 224px))}}.task-cta{display:inline-flex;margin:16px 0 48px;text-decoration:none}[data-contrast=high] body{background:#fff!important;color:#000}[data-contrast=high] button[class*=primary]{background:#000091!important;color:#fff!important;border:2px solid #000!important;box-shadow:none!important}[data-contrast=high] h1,[data-contrast=high] h2,[data-contrast=high] h3{background-image:none!important;color:#000;-webkit-text-fill-color:currentColor}.cookie-settings-link{display:flex;align-items:center;min-height:44px}.cookie-settings-link{display:inline-flex;align-items:center;padding:8px 4px}@media (pointer:coarse),(max-width:700px){#barcode-text,#barcode-type,#lang-toggle,#rotation,.btn-option{min-height:44px}}