html{color-scheme:dark}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@page{size:A4;margin:0}:root{--bg-main:#0b0d10;--bg-panel:#171a20;--bg-control:#242832;--bg-control-hover:#303642;--text-primary:#f5f7fa;--text-secondary:#b7c0cc;--text-muted:#7e8794;--accent-primary:#4da3ff;--accent-primary-hover:#78baff;--accent-primary-soft:#4da3ff24;--selection-neon:#35f29a;--selection-neon-hover:#63ffb4;--selection-neon-soft:hsla(0,0%,100%,.118);--border-soft:#f5f7fa1a;--border-accent:#4da3ff75;--danger:#ff6b6b;--control-radius:10px;--control-height:48px}*,:after,:before{box-sizing:border-box}.app-container{padding:20px;text-align:center}button,input{font-size:16px;padding:8px}.app-content{flex:1 0 auto;min-height:0;padding:24px 24px 120px}.visually-hidden-input{display:none}.app-shell{background:radial-gradient(circle at top left,#4da3ff1f,#0000 32rem),linear-gradient(180deg,#0b0d10,#0a0c0e);background:radial-gradient(circle at top left,#4da3ff1f,#0000 32rem),linear-gradient(180deg,var(--bg-main) 0,#0a0c0e 100%);color:#f5f7fa;color:var(--text-primary);display:flex;flex-direction:column;min-height:100vh;transition:background .3s,color .3s}.app-footer{align-items:center;color:#f5f7fa6b;display:flex;flex:0 0 auto;font-size:12px;font-weight:650;gap:10px;justify-content:center;letter-spacing:0;padding:0 24px 28px;width:100%}.app-footer span+span{position:relative}.app-footer span+span:before{background:#f5f7fa47;border-radius:50%;content:"";height:3px;left:-6px;position:absolute;top:50%;transform:translateY(-50%);width:3px}.app-controls{background:linear-gradient(180deg,#1d222af5,#171a20)!important;background:linear-gradient(180deg,#1d222af5,var(--bg-panel))!important;border:1px solid #f5f7fa1a!important;border:1px solid var(--border-soft)!important;border-radius:14px!important;box-shadow:0 18px 60px #00000057,inset 0 1px 0 #ffffff0d!important;color:#f5f7fa!important;color:var(--text-primary)!important;margin:0 auto 24px;max-width:1180px;padding:24px;position:relative;z-index:20}.mobile-history-actions,.toolbar-mobile{display:none}.controls-header{align-items:flex-start;display:flex;gap:24px;justify-content:space-between;margin-bottom:16px}.app-eyebrow{color:#7e8794;color:var(--text-muted);font-size:12px;font-weight:700;letter-spacing:.08em;margin:0 0 4px;text-transform:uppercase}.app-title{color:#f5f7fa;color:var(--text-primary);font-size:26px;font-weight:750;letter-spacing:0;margin:0}.desktop-toolbar-row{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.desktop-toolbar-row .file-drop-card,.desktop-toolbar-row .file-summary-card{flex:1 1 280px;max-width:420px;min-width:0}.desktop-toolbar-row .segmented-control{flex:0 1 248px}.desktop-toolbar-row .control-button-tertiary{flex:0 1 220px}.desktop-toolbar-row .autosave-badge{flex:0 1 190px}.desktop-toolbar-row .history-menu{flex:1 1 240px;max-width:320px}.control-button{align-items:center;border:1px solid #ffffff1f!important;border-radius:10px!important;border-radius:var(--control-radius)!important;box-shadow:inset 0 1px 0 #ffffff1a,0 8px 24px #00000038!important;cursor:pointer;display:inline-flex!important;font-size:15px!important;font-weight:700!important;gap:8px;height:48px;height:var(--control-height);justify-content:center;letter-spacing:0;line-height:1.1!important;max-width:100%;min-height:48px;min-height:var(--control-height);min-width:220px;padding:0 22px!important;text-align:center;transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease,opacity .16s ease;white-space:nowrap}.control-button:hover:not(:disabled){border-color:#4da3ff75!important;border-color:var(--border-accent)!important;box-shadow:inset 0 1px 0 #ffffff24,0 12px 28px #00000047!important;transform:translateY(-1px)}.control-button:active:not(:disabled){transform:translateY(0)}.control-button:focus-visible,.history-select:focus-visible,.icon-button:focus-visible{outline:2px solid #4da3ffe6;outline-offset:3px}.control-button:disabled{cursor:not-allowed;opacity:.42;transform:none}.control-button-primary{background:linear-gradient(180deg,#78baff,#4da3ff)!important;background:linear-gradient(180deg,var(--accent-primary-hover) 0,var(--accent-primary) 100%)!important;border-color:#4da3ffb8!important;color:#07111d!important}.control-button-secondary{background:#242832!important;background:var(--bg-control)!important;color:#f5f7fa!important;color:var(--text-primary)!important}.control-button-outline,.control-button-tertiary{background:#0000!important;border-color:#f5f7fa1a!important;border-color:var(--border-soft)!important;box-shadow:none!important;color:#b7c0cc!important;color:var(--text-secondary)!important;min-width:220px}.control-button-outline:hover:not(:disabled),.control-button-tertiary:hover:not(:disabled){background:#ffffff0a!important;color:#f5f7fa!important;color:var(--text-primary)!important}.segmented-control{align-items:center;background:#0a0c0d6b;border:1px solid #f5f7fa1a;border:1px solid var(--border-soft);border-radius:14px;box-shadow:inset 0 1px 0 #ffffff0d,0 10px 26px #0000002e;display:inline-flex;gap:4px;height:48px;justify-content:stretch;min-height:48px;min-width:0;overflow:hidden;padding:4px}.control-button-segment{background:#0000!important;border-color:#0000!important;box-shadow:none!important;color:#b7c0cc!important;color:var(--text-secondary)!important;flex:1 1;height:40px;min-height:40px;min-width:0;overflow:hidden;padding:0 12px!important;text-overflow:ellipsis;width:0}.control-button-segment:hover:not(:disabled){background:#ffffff0a!important;border-color:#0000!important;box-shadow:none!important}.control-button-segment.active{background:linear-gradient(180deg,#78baff,#4da3ff)!important;background:linear-gradient(180deg,var(--accent-primary-hover) 0,var(--accent-primary) 100%)!important;border-color:#4da3ffad!important;box-shadow:inset 0 1px 0 #ffffff47,0 8px 18px #4da3ff29!important;color:#07111d!important}.control-button-segment.active:hover:not(:disabled){background:linear-gradient(180deg,#5aa9f2,#3f8fe0)!important;border-color:#4da3ffc7!important;box-shadow:inset 0 1px 0 #fff3,0 6px 14px #4da3ff24!important;color:#07111d!important}.history-select{background:linear-gradient(180deg,#303642,#242832);background:linear-gradient(180deg,var(--bg-control-hover) 0,var(--bg-control) 100%);border:1px solid #4da3ff75;border:1px solid var(--border-accent);border-radius:10px;border-radius:var(--control-radius);box-shadow:inset 0 1px 0 #ffffff1a,0 8px 24px #0000002e;color:#f5f7fa;color:var(--text-primary);font-size:15px;font-weight:650;height:48px;height:var(--control-height);min-height:48px;min-height:var(--control-height);min-width:220px;padding:0 42px 0 14px}.file-drop-card,.file-summary-card{align-items:center;background:#242832;background:var(--bg-control);border:1px solid #f5f7fa1a;border:1px solid var(--border-soft);border-radius:14px;box-shadow:inset 0 1px 0 #ffffff0f;color:#f5f7fa;color:var(--text-primary);display:flex;gap:12px;min-height:64px;padding:10px 12px;text-align:left;width:100%}.file-drop-card{cursor:pointer;transition:border-color .16s ease,background .16s ease,transform .16s ease}.file-drop-card:hover{background:#303642;background:var(--bg-control-hover);border-color:#4da3ff75;border-color:var(--border-accent);transform:translateY(-1px)}.file-drop-icon,.file-summary-icon{align-items:center;background:#4da3ff24;background:var(--accent-primary-soft);border-radius:12px;color:#4da3ff;color:var(--accent-primary);display:inline-flex;flex:0 0 auto;height:40px;justify-content:center;width:40px}.file-drop-title,.file-summary-name{color:#f5f7fa;color:var(--text-primary);display:block;font-size:15px;font-weight:750}.file-drop-subtitle,.file-summary-meta{color:#b7c0cc;color:var(--text-secondary);display:flex;flex-wrap:wrap;font-size:12px;font-weight:650;gap:8px;margin-top:3px}.file-summary-main{flex:1 1;min-width:0}.file-summary-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.validation-message{background:#ff6b6b1a;border:1px solid #ff6b6b52;border-radius:10px;color:#ffb4b4;font-size:14px;font-weight:650;margin-top:12px;padding:10px 12px}.autosave-badge{align-items:center;background:hsla(0,0%,100%,.035);border:1px solid #f5f7fa1a;border:1px solid var(--border-soft);border-radius:10px;border-radius:var(--control-radius);color:#b7c0cc;color:var(--text-secondary);display:inline-flex;font-size:13px;font-weight:800;gap:9px;height:48px;height:var(--control-height);justify-content:center;min-height:48px;min-height:var(--control-height);min-width:0;padding:0 14px;white-space:nowrap}.autosave-dot{background:#35f29a;background:var(--selection-neon);border-radius:50%;box-shadow:0 0 12px #35f29a52;flex:0 0 9px;height:9px;width:9px}.autosave-badge.pending .autosave-dot{background:#78baff;background:var(--accent-primary-hover);box-shadow:0 0 12px #4da3ff57}.autosave-badge.saving .autosave-dot{animation:process-spin .8s linear infinite;background:#0000;border:2px solid #f5f7fa2e;border-top:2px solid var(--accent-primary-hover);box-shadow:none}.history-menu{max-width:100%;min-width:240px;position:relative}.history-menu-trigger{align-items:center;background:#242832;background:var(--bg-control);border:1px solid #f5f7fa1a;border:1px solid var(--border-soft);border-radius:10px;border-radius:var(--control-radius);box-shadow:inset 0 1px 0 #ffffff14;color:#f5f7fa;color:var(--text-primary);display:flex;gap:12px;height:48px;height:var(--control-height);justify-content:space-between;padding:0 14px;text-align:left;width:100%}.history-item-meta,.history-item-title,.history-menu-label,.history-menu-meta{display:block}.history-item-title,.history-menu-label{font-size:14px;font-weight:750;max-width:min(210px,52vw);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-item-meta,.history-menu-meta{color:#7e8794;color:var(--text-muted);font-size:12px;font-weight:600}.history-menu-popover{background:#171a20fa;border:1px solid #f5f7fa1a;border:1px solid var(--border-soft);border-radius:14px;box-shadow:0 18px 44px #0000006b;max-height:360px;overflow-y:auto;padding:8px;position:absolute;right:0;top:calc(100% + 8px);width:min(360px,90vw);z-index:2000}.history-menu-clear,.history-menu-item{align-items:center;background:#0000;border:0;border-radius:10px;color:#f5f7fa;color:var(--text-primary);display:flex;gap:10px;padding:10px;text-align:left;width:100%}.history-menu-row{grid-gap:4px;align-items:center;display:grid;gap:4px;grid-template-columns:minmax(0,1fr) 38px}.history-menu-row .history-menu-item{min-width:0}.history-menu-delete{background:#0000;border:0;border-radius:10px;color:#7e8794;color:var(--text-muted);cursor:pointer;display:grid;height:34px;padding:0;place-items:center;width:34px}.history-menu-clear:hover,.history-menu-delete:hover,.history-menu-item:hover{background:#ffffff0f}.history-menu-clear,.history-menu-delete:hover{color:#ff6b6b;color:var(--danger)}.history-menu-clear{font-weight:750;margin-top:6px}.history-menu-empty{color:#7e8794;color:var(--text-muted);font-size:14px;padding:14px 10px}.selected-file-chip{align-items:center;background:linear-gradient(180deg,#303642,#242832);background:linear-gradient(180deg,var(--bg-control-hover),var(--bg-control));border:1px solid #f5f7fa1a;border:1px solid var(--border-soft);border-radius:12px;box-shadow:inset 0 1px 0 #ffffff14,0 8px 24px #0000002e;display:inline-flex;gap:12px;max-width:min(100%,680px);min-height:48px;padding:0 12px 0 18px}.selected-file-name{font-size:15px;font-weight:650;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.icon-button,.selected-file-name{color:#f5f7fa;color:var(--text-primary)}.icon-button{align-items:center;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:10px;border-radius:var(--control-radius);cursor:pointer;display:inline-flex;flex:0 0 auto;height:38px;justify-content:center;padding:0;transition:background .16s ease,border-color .16s ease,transform .16s ease;width:38px}.icon-button:hover{background:#ffffff14;border-color:#4da3ff75;border-color:var(--border-accent);transform:translateY(-1px)}.print-preview{background:linear-gradient(180deg,hsla(0,0%,100%,.035),hsla(0,0%,100%,.015)),#0e1115;border:1px solid #f5f7fa1a;border:1px solid var(--border-soft);border-radius:18px;box-shadow:inset 0 1px 0 #ffffff0d,0 18px 60px #00000042;margin:0 auto;max-width:1180px;padding:24px;width:100%}.print-preview .preview-box{max-width:100%;overflow-x:auto}.preview-empty-state,.print-preview .preview-box{align-items:center;display:flex;flex-direction:column}.preview-empty-state{background:hsla(0,0%,100%,.025);border:1px dashed #f5f7fa29;border-radius:18px;gap:12px;justify-content:center;min-height:420px;padding:32px;text-align:center}.preview-empty-icon{align-items:center;background:#4da3ff24;background:var(--accent-primary-soft);border-radius:16px;color:#4da3ff;color:var(--accent-primary);display:inline-flex;font-size:22px;height:56px;justify-content:center;width:56px}.preview-empty-state h2{color:#f5f7fa;color:var(--text-primary);font-size:22px;font-weight:750;margin:4px 0 0}.preview-empty-state p{color:#b7c0cc;color:var(--text-secondary);font-size:15px;margin:0 0 8px;max-width:460px}.ui-dialog-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0000009e;inset:0;position:fixed;z-index:1000}.ui-dialog-content{left:50%;max-height:calc(100dvh - 32px);outline:none;position:fixed;top:50%;transform:translate(-50%,-50%);width:min(calc(100vw - 32px),520px);z-index:1001}.ui-dialog-title-sr{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.process-modal{width:min(calc(100vw - 32px),420px)}.warning-modal{width:min(calc(100vw - 32px),480px)}.barcode-scanner-modal,.unknown-barcode-modal{width:min(calc(100vw - 32px),520px)}.export-options-modal{width:min(calc(100vw - 32px),760px)}.process-modal-card{align-items:center;background:#171a20;background:var(--bg-panel);border:1px solid #f5f7fa1a;border:1px solid var(--border-soft);border-radius:18px;box-shadow:0 18px 44px #00000061;color:#f5f7fa;color:var(--text-primary);display:flex;flex-direction:column;gap:10px;padding:28px;text-align:center}.process-modal-card h4{color:#f5f7fa;color:var(--text-primary);font-size:18px;font-weight:800;margin:0}.process-modal-card p{color:#b7c0cc;color:var(--text-secondary);font-size:14px;margin:0}.warning-modal-card{background:#171a20;background:var(--bg-panel);border:1px solid #f5f7fa1a;border:1px solid var(--border-soft);border-radius:18px;box-shadow:0 18px 44px #0000006b;color:#f5f7fa;color:var(--text-primary);padding:24px}.warning-modal-icon{background:#ff6b6b1f;border:1px solid #ff6b6b59;border-radius:14px;color:#ff6b6b;color:var(--danger);display:grid;font-size:24px;font-weight:900;height:42px;margin-bottom:14px;place-items:center;width:42px}.warning-modal-card h4{color:#f5f7fa;color:var(--text-primary);font-size:19px;font-weight:800;margin:0 0 8px}.warning-modal-card p{color:#b7c0cc;color:var(--text-secondary);font-size:14px;line-height:1.6;margin:0}.warning-modal-actions{display:flex;gap:12px;margin-top:20px}.warning-modal-actions .control-button{flex:1 1;min-width:0}.export-options-card{background:linear-gradient(180deg,#1d222afa,#171a20);background:linear-gradient(180deg,#1d222afa,var(--bg-panel));border:1px solid #f5f7fa1a;border:1px solid var(--border-soft);border-radius:18px;box-shadow:0 22px 60px #00000075,inset 0 1px 0 #ffffff0d;color:#f5f7fa;color:var(--text-primary);padding:24px}.export-options-header{display:flex;gap:18px;justify-content:space-between;margin-bottom:18px}.export-options-header h4{color:#f5f7fa;color:var(--text-primary);font-size:20px;font-weight:850;margin:0 0 6px}.export-options-header p{color:#b7c0cc;color:var(--text-secondary);font-size:14px;line-height:1.55;margin:0;max-width:660px}.export-options-section{display:flex;flex-direction:column;gap:10px}.export-options-section+.export-options-section{margin-top:18px}.export-options-section h5{color:#f5f7fa;color:var(--text-primary);font-size:13px;font-weight:850;letter-spacing:0;margin:0}.export-options-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}.export-option{background:#0a0c0d6b;border:1px solid #f5f7fa1a;border:1px solid var(--border-soft);border-radius:12px;color:#f5f7fa;color:var(--text-primary);cursor:pointer;display:flex;flex-direction:column;gap:14px;min-height:202px;padding:16px;text-align:left;transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease}.export-quality-option{min-height:182px}.export-option.selected,.export-option:hover{background:#4da3ff1a;border-color:#4da3ff75;border-color:var(--border-accent)}.export-option:hover{transform:translateY(-1px)}.export-option.selected{box-shadow:inset 0 0 0 1px #4da3ff5c,0 12px 30px #0000003d}.export-option-icon{background:#4da3ff1f;border:1px solid #4da3ff57;border-radius:10px;color:#78baff;color:var(--accent-primary-hover);display:grid;font-size:16px;height:38px;place-items:center;width:38px}.export-option-copy{display:flex;flex-direction:column;gap:5px}.export-option-title{color:#f5f7fa;color:var(--text-primary);font-size:16px;font-weight:820;line-height:1.2}.export-option-subtitle{color:#35f29a;color:var(--selection-neon);font-size:12px;font-weight:800}.export-option-description{font-weight:600}.export-option-description,.export-options-note{color:#b7c0cc;color:var(--text-secondary);font-size:13px;line-height:1.45}.export-options-note{background:#35f29a12;border:1px solid #35f29a33;border-radius:10px;font-weight:650;margin-top:14px;padding:12px 14px}.export-options-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:20px}.export-options-actions .control-button{min-width:180px}.process-spinner{animation:process-spin .8s linear infinite;border:3px solid #f5f7fa24;border-radius:50%;border-top:3px solid var(--accent-primary);height:34px;width:34px}@keyframes process-spin{to{transform:rotate(1turn)}}@media (max-width:1100px){.desktop-toolbar-row .file-drop-card,.desktop-toolbar-row .file-summary-card{flex-basis:100%;max-width:none}.desktop-toolbar-row .segmented-control{flex:1 1 240px}.desktop-toolbar-row .autosave-badge,.desktop-toolbar-row .control-button-tertiary,.desktop-toolbar-row .history-menu{flex:1 1 220px;max-width:none}}@media (max-width:920px){.controls-header{flex-direction:column}.desktop-primary-action{width:100%}.desktop-toolbar-row>*{flex-basis:100%;max-width:none}.desktop-toolbar-row .autosave-badge,.desktop-toolbar-row .control-button,.desktop-toolbar-row .history-menu,.desktop-toolbar-row .segmented-control{width:100%}}@media (max-width:768px){.app-content{padding:0 0 24px}.app-footer{font-size:11px;padding:0 16px 18px}.app-controls{border-radius:0 0 18px 18px!important;margin:0 0 16px;padding:16px}.app-title{font-size:22px}.toolbar-desktop{display:none}.mobile-history-actions,.toolbar-mobile{display:flex;flex-direction:column;gap:12px}.mobile-history-actions{margin-top:18px}.mobile-toolbar-buttons{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}.control-button,.history-select{min-width:0;width:min(100%,360px)}.segmented-control{width:min(100%,540px)}.control-button-segment{flex:1 1;min-width:0;white-space:normal}.history-menu{width:100%}.mobile-toolbar-buttons .control-button{min-width:0;padding:0 12px!important;white-space:normal;width:100%}.mobile-toolbar-buttons .autosave-badge{font-size:11px;min-width:0;padding:0 8px;width:100%}.warning-modal-card{margin:0 12px;padding:20px}.barcode-scanner-modal,.unknown-barcode-modal{width:calc(100vw - 20px)}.barcode-scanner-card,.unknown-barcode-card{border-radius:16px;padding:14px}.barcode-video-shell{aspect-ratio:1/1}.barcode-scan-frame{border-radius:18px;height:64%;left:4%;right:4%;top:18%}.camera-choice-strip{margin-bottom:10px}.camera-choice-button{font-size:12px;height:32px;min-width:50px;padding:0 11px}.unknown-barcode-actions{gap:8px}.unknown-barcode-actions .control-button{font-size:12px!important;height:42px;min-height:42px;padding:0 10px!important;white-space:nowrap}.export-options-modal{width:calc(100vw - 20px)}.export-options-card{border-radius:16px;margin:0;max-height:calc(100dvh - 20px);overflow-y:auto;padding:14px}.export-options-header{margin-bottom:12px}.export-options-header h4{font-size:17px;margin-bottom:2px}.export-options-header p{font-size:12px;line-height:1.35}.export-options-grid{gap:8px;grid-template-columns:1fr}.export-options-section{gap:8px}.export-options-section+.export-options-section{margin-top:12px}.export-options-section h5{font-size:12px}.export-option{align-items:center;border-radius:10px;flex-direction:row;gap:10px;min-height:58px;padding:10px}.export-quality-option{min-height:0}.export-option-icon{border-radius:9px;flex:0 0 32px;font-size:14px;height:32px;width:32px}.export-option-copy{gap:2px;min-width:0}.export-option-title{font-size:14px}.export-option-subtitle{font-size:11px}.export-option-description,.export-options-note{display:none}.export-option.selected{box-shadow:inset 0 0 0 1px #4da3ff73}.export-options-actions{grid-gap:8px;background:linear-gradient(180deg,#171a2000,#171a20 44%);background:linear-gradient(180deg,#171a2000,var(--bg-panel) 44%);border-top:1px solid #f5f7fa14;bottom:0;display:grid;gap:8px;grid-template-columns:1fr 1fr;margin:10px 0 0;padding:8px 0 0;position:-webkit-sticky;position:sticky}.export-options-actions .control-button{border-radius:10px!important;box-shadow:none!important;font-size:12px!important;height:40px;min-height:40px;min-width:0;padding:0 8px!important;white-space:nowrap;width:100%}.export-options-actions .control-button-outline{background:hsla(0,0%,100%,.035)!important;border-color:#f5f7fa1f!important;color:#b7c0cc!important;color:var(--text-secondary)!important}.warning-modal-actions{flex-direction:column-reverse}.print-preview{border-left:0;border-radius:0;border-right:0;margin:0;padding:12px 0 20px}.product-picker{margin-bottom:18px;margin-top:18px}.preview-empty-state{margin:0 12px;min-height:360px}}.label-sheet{grid-gap:0;box-sizing:initial;display:grid;gap:0;grid-template-columns:repeat(3,7cm);grid-template-rows:repeat(8,3.7cm);height:29.7cm;padding:0;width:21cm}.preview-selection{display:flex;flex-wrap:wrap;font-size:14px;gap:6px;justify-content:center;margin-top:20px}.label-preview{border:1px solid #ccc;border-radius:6px;cursor:pointer;padding:6px 12px}.label-preview.selected{background-color:#cef;border-color:#09c}.label-page,.label-page-frame{box-sizing:border-box;height:29.7cm;margin:0;padding:0;width:21cm}.label-page{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(8,1fr)}.label-page>.label-card{box-sizing:border-box;display:flex;flex-direction:column;height:100%;justify-content:space-between;margin:0;overflow:hidden;padding:4px;width:100%}@media print{#pdf-content,body,html{margin:0;padding:0}.card,.col,.container,.row{all:unset}.label-page-frame:not(:last-child){break-after:page;page-break-after:always}.label-page,.label-page-frame:last-child{break-after:auto;page-break-after:auto}}.custom-selection-list{background:#000;border:1px solid #ddd;box-shadow:0 4px 8px #0000001a;max-height:300px;overflow-y:auto;padding:10px;position:absolute;width:100%;z-index:1000}.product-picker{margin-bottom:18px;margin-top:24px;max-width:100%;min-width:0;position:relative;width:100%;z-index:1000}.product-search-shell{background:#242832;background:var(--bg-control);border-radius:12px;max-width:100%;min-width:0;position:-webkit-sticky;position:sticky;top:0;width:100%}.product-search-field{max-width:100%;min-width:0;position:relative;width:100%}.product-search-input{background:#242832;background:var(--bg-control);border:1px solid #f5f7fa1a;border:1px solid var(--border-soft);border-radius:12px;color:#f5f7fa;color:var(--text-primary);font-size:16px;font-weight:650;height:48px;height:var(--control-height);outline:none;padding:0 54px 0 42px;width:100%}.product-search-input:focus{border-color:#4da3ff75;border-color:var(--border-accent);box-shadow:0 0 0 3px #4da3ff24}.product-search-icon{color:#7e8794;color:var(--text-muted);font-size:16px;left:14px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.barcode-scan-button{background:#4da3ff1a;border:1px solid #4da3ff47;border-radius:10px;color:#78baff;color:var(--accent-primary-hover);cursor:pointer;display:grid;height:36px;padding:0;place-items:center;position:absolute;right:7px;top:50%;transform:translateY(-50%);transition:background .16s ease,border-color .16s ease,transform .16s ease;width:36px}.barcode-scan-button:hover{background:#4da3ff2e;border-color:#4da3ff75;border-color:var(--border-accent);transform:translateY(-50%) scale(1.02)}.barcode-scan-button:focus-visible{outline:2px solid #4da3ffe6;outline-offset:2px}.barcode-scanner-card,.unknown-barcode-card{background:linear-gradient(180deg,#1d222afa,#171a20);background:linear-gradient(180deg,#1d222afa,var(--bg-panel));border:1px solid #f5f7fa1a;border:1px solid var(--border-soft);border-radius:18px;box-shadow:0 22px 60px #00000075,inset 0 1px 0 #ffffff0d;color:#f5f7fa;color:var(--text-primary);padding:20px}.barcode-scanner-header{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:12px}.barcode-scanner-header h4,.unknown-barcode-card h4{color:#f5f7fa;color:var(--text-primary);font-size:18px;font-weight:850;margin:0}.scanner-close-button{background:#ffffff0a;border:1px solid #f5f7fa1a;border:1px solid var(--border-soft);border-radius:10px;display:grid;font-size:22px;height:34px;line-height:1;padding:0;place-items:center;width:34px}.camera-options-toggle,.scanner-close-button{color:#b7c0cc;color:var(--text-secondary);cursor:pointer}.camera-options-toggle{align-items:center;display:flex;font-size:13px;font-weight:750;gap:12px;justify-content:space-between;margin:0 0 10px;min-height:34px;-webkit-user-select:none;user-select:none}.camera-options-toggle input{opacity:0;pointer-events:none;position:absolute}.camera-options-switch{background:#ffffff12;border:1px solid #f5f7fa1a;border:1px solid var(--border-soft);border-radius:999px;flex:0 0 auto;height:24px;position:relative;transition:border-color .16s ease,background .16s ease;width:42px}.camera-options-switch:after{background:#b7c0cc;background:var(--text-secondary);border-radius:50%;content:"";height:16px;left:3px;position:absolute;top:3px;transition:transform .16s ease,background .16s ease;width:16px}.camera-options-toggle input:checked+.camera-options-switch{background:#4da3ff3d;border-color:#4da3ffbd}.camera-options-toggle input:checked+.camera-options-switch:after{background:#78baff;background:var(--accent-primary-hover);transform:translateX(18px)}.camera-options-toggle:has(input:focus-visible) .camera-options-switch{outline:2px solid #4da3ffe6;outline-offset:2px}.camera-choice-strip{-webkit-overflow-scrolling:touch;display:flex;gap:8px;margin:0 0 12px;overflow-x:auto;padding:2px;scrollbar-width:none}.camera-choice-strip::-webkit-scrollbar{display:none}.camera-choice-button{background:#ffffff0a;border:1px solid #f5f7fa1a;border:1px solid var(--border-soft);border-radius:999px;color:#b7c0cc;color:var(--text-secondary);cursor:pointer;flex:0 0 auto;font-size:13px;font-weight:800;height:34px;line-height:1;min-width:54px;padding:0 12px;transition:border-color .16s ease,background .16s ease,color .16s ease}.camera-choice-button.active{background:#4da3ff2e;border-color:#4da3ffbd;color:#f5f7fa;color:var(--text-primary)}.camera-choice-button:focus-visible{outline:2px solid #4da3ffe6;outline-offset:2px}.barcode-video-shell{aspect-ratio:4/3;background:#050607;border:1px solid #4da3ff38;border-radius:14px;cursor:crosshair;overflow:hidden;position:relative;touch-action:manipulation}.barcode-video{display:block;height:100%;object-fit:cover;width:100%}.barcode-scan-frame{border:2px solid #35f29adb;border-radius:16px;box-shadow:0 0 0 999px #00000042;height:52%;left:5%;position:absolute;right:5%;top:24%}.barcode-focus-point{animation:focus-pulse .7s ease-out forwards;border:2px solid #78bafff2;border-radius:50%;height:54px;pointer-events:none;position:absolute;transform:translate(-50%,-50%) scale(.72);width:54px}@keyframes focus-pulse{0%{opacity:0;transform:translate(-50%,-50%) scale(.54)}18%{opacity:1}to{opacity:0;transform:translate(-50%,-50%) scale(1)}}.barcode-scanner-status,.unknown-barcode-card p{color:#b7c0cc;color:var(--text-secondary);font-size:13px;font-weight:650;line-height:1.45;margin:12px 0 0}.barcode-scanner-status.error{color:#ff6b6b;color:var(--danger)}.unknown-product-input{background:#242832;background:var(--bg-control);border:1px solid #f5f7fa1a;border:1px solid var(--border-soft);border-radius:10px;color:#f5f7fa;color:var(--text-primary);font-size:15px;font-weight:650;height:44px;margin-top:12px;outline:none;padding:0 12px;width:100%}.unknown-product-input:focus{border-color:#4da3ff75;border-color:var(--border-accent);box-shadow:0 0 0 3px #4da3ff24}.unknown-barcode-actions{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr;margin-top:16px}.unknown-barcode-actions .control-button{min-width:0;width:100%}.product-dropdown-list{background:#242832!important;background:var(--bg-control)!important;border:1.5px solid #4da3ff75!important;border:1.5px solid var(--border-accent)!important;border-radius:0 0 12px 12px!important;border-top:none!important;box-shadow:0 8px 32px #0008!important;max-height:340px!important;overflow-y:auto!important;padding:0!important;position:absolute!important;width:100%!important}.product-option{margin:0!important;padding-left:0!important}.dropdown-product-label{align-items:center;border-radius:8px;cursor:pointer;display:flex;font-size:16px;margin:2px 0;padding:8px 12px;transition:background .2s,color .2s}.dropdown-product-label.selected{background:hsla(0,0%,100%,.118);background:var(--selection-neon-soft)}.dropdown-product-label:hover{background:hsla(0,0%,100%,.118)!important;background:var(--selection-neon-soft)!important;color:#35f29a!important;color:var(--selection-neon)!important}.product-dropdown-list input[type=checkbox]{accent-color:#35f29a;accent-color:var(--selection-neon);height:18px;margin-right:10px;width:18px}.product-row-content{flex:1 1;min-width:0}.product-row-title{color:#f5f7fa;color:var(--text-primary);font-size:15px;font-weight:750;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-row-meta{align-items:center;color:#b7c0cc;color:var(--text-secondary);display:flex;flex-wrap:wrap;font-size:12px;font-weight:650;gap:8px;margin-top:3px}.product-offer-text{color:#ff6b6b;color:var(--danger);font-weight:800}.product-dropdown-empty{color:#ff6b6b;color:var(--danger);font-weight:700;padding:16px;text-align:center}.product-dropdown-list::-webkit-scrollbar{background:#242832;background:var(--bg-control);width:8px}.product-dropdown-list::-webkit-scrollbar-thumb{background:#4da3ff;background:var(--accent-primary);border-radius:8px}.product-dropdown-list .text-muted{color:#ff7675!important;font-weight:600;padding:16px;text-align:center}.product-dropdown-list span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.product-dropdown-list{border-bottom-left-radius:12px!important;border-bottom-right-radius:12px!important}.dropdown-product-label.selected,.dropdown-product-label[aria-checked=true]{background:hsla(0,0%,100%,.118)!important;background:var(--selection-neon-soft)!important;color:#35f29a!important;color:var(--selection-neon)!important}body,html{overscroll-behavior-x:none;touch-action:pan-y}input,select,textarea{font-size:16px!important}button,input,select,textarea{touch-action:manipulation}@media (max-width:768px){#pdf-content.preview-box{align-items:center;display:flex;flex-direction:column;max-width:100vw;overflow-x:hidden;width:100%}#pdf-content.preview-box .label-page-frame{flex:0 0 auto;height:29.7cm;height:calc(29.7cm*var(--mobile-scale, 1));margin:0 auto;overflow:hidden;width:21cm;width:calc(21cm*var(--mobile-scale, 1))}#pdf-content.preview-box .label-page{height:29.7cm;margin:0;transform:scale(1);transform:scale(var(--mobile-scale,1));transform-origin:top left;width:21cm}}#pdf-content.preview-box.exporting-pdf{display:block!important;max-width:none!important;overflow:visible!important;width:21cm!important}#pdf-content.preview-box.exporting-pdf .label-page-frame{height:29.7cm!important;margin:0!important;overflow:hidden!important;width:21cm!important}#pdf-content.preview-box.exporting-pdf .label-page{height:29.7cm!important;margin:0!important;transform:none!important;width:21cm!important}#pdf-content.preview-box.exporting-pdf.export-profile-printer-safe .label-page{height:29.1cm!important;margin:.3cm!important;width:20.4cm!important}#pdf-content.preview-box.exporting-pdf.export-profile-extra-safe .label-page{height:28.7cm!important;margin:.5cm!important;width:20cm!important}#pdf-content.preview-box.exporting-pdf.export-profile-full-bleed .label-page{height:29.7cm!important;margin:0!important;width:21cm!important}#pdf-content.preview-box.exporting-pdf .add-label-card{display:none!important}@media print{#pdf-content,body,html{margin:0;padding:0}.label-page-frame:not(:last-child){break-after:page;page-break-after:always}.label-page,.label-page-frame:last-child{break-after:auto;page-break-after:auto}#pdf-content.preview-box .label-page{transform:none!important}}.futuristic-toggle{align-items:center;color:#0b0d10;color:var(--bg-main);cursor:pointer;display:inline-flex;font-weight:700;margin-bottom:6px;margin-left:6px;-webkit-user-select:none;user-select:none}.futuristic-toggle input{opacity:0;pointer-events:none;position:absolute}.toggle-track{background:linear-gradient(135deg,#cfd2d6,#e6e8eb);border-radius:999px;box-shadow:inset 0 0 0 1px #00000014,0 2px 6px #00000026;height:24px;position:relative;transition:background .25s ease,box-shadow .25s ease;width:44px}.toggle-thumb{background:linear-gradient(180deg,#fff,#dfe3e8);border-radius:50%;box-shadow:0 2px 6px #00000040,inset 0 -1px 1px #00000026;height:18px;left:3px;position:absolute;top:3px;transition:transform .25s cubic-bezier(.4,0,.2,1);width:18px}.futuristic-toggle input:checked+.toggle-track{background:linear-gradient(135deg,#63ffb4,#35f29a);background:linear-gradient(135deg,var(--selection-neon-hover),var(--selection-neon));box-shadow:0 0 0 1px #00000026,0 0 12px #35f29a73}.futuristic-toggle input:checked+.toggle-track .toggle-thumb{transform:translateX(20px)}.toggle-label{color:#0b0d10;color:var(--bg-main);font-size:14px;font-weight:800;letter-spacing:.5px}.futuristic-toggle:hover .toggle-track{box-shadow:inset 0 0 0 1px #0000001f,0 4px 10px #0003}@media print{.futuristic-toggle{display:none!important}}.futuristic-check{align-items:center;align-self:stretch;background:#ffffff0f;border:1.5px solid #ffffff40;border-radius:6px;cursor:pointer;display:flex;justify-content:center;margin-right:10px;min-width:14px;transition:background .2s ease,border-color .2s ease,box-shadow .2s ease;-webkit-user-select:none;user-select:none;width:14px}.futuristic-check:hover{background:hsla(0,0%,100%,.118);background:var(--selection-neon-soft);border-color:#35f29a;border-color:var(--selection-neon)}.futuristic-check.checked{background:linear-gradient(180deg,#63ffb4,#35f29a);background:linear-gradient(180deg,var(--selection-neon-hover),var(--selection-neon));border-color:#00000040;box-shadow:inset 0 0 0 1px #0003,0 0 8px #35f29a73}.futuristic-check:active{transform:scale(.95)}.futuristic-check .checkmark{border-bottom:2px solid #0b0d10;border-bottom:2px solid var(--bg-main);border-left:2px solid #0b0d10;border-left:2px solid var(--bg-main);height:6px;transform:rotate(-45deg) scale(0);transition:transform .15s ease;width:1px}.futuristic-check.checked .checkmark{transform:rotate(-45deg) scale(1)}.futuristic-check:focus-visible{outline:2px solid #63ffb4;outline:2px solid var(--selection-neon-hover);outline-offset:2px}@media print{.futuristic-check{display:none!important}}.selection-rail{align-self:stretch;background:#ffffff14;border:1px solid #ffffff26;border-radius:6px;cursor:pointer;margin-right:10px;min-width:6px;transition:background .2s ease,box-shadow .2s ease;-webkit-user-select:none;user-select:none;width:6px}.form-check{padding-left:0!important}.selection-rail input{opacity:0;pointer-events:none;position:absolute}.selection-rail.active{background:linear-gradient(180deg,#63ffb4,#35f29a);background:linear-gradient(180deg,var(--selection-neon-hover),var(--selection-neon));box-shadow:0 0 0 1px #0003,0 0 12px #35f29a80}.offer-pill-checkbox{align-items:center;background:#ffffff0f;border:1px solid #ffffff26;border-radius:999px;cursor:pointer;display:flex;height:100%;justify-content:center;margin-left:8px;min-width:48px;padding:5px 10px;transition:background .2s ease,box-shadow .2s ease,transform .1s ease;-webkit-user-select:none;user-select:none}.offer-pill-checkbox input{opacity:0;pointer-events:none;position:absolute}.offer-pill-text{color:#b7c0cc;color:var(--text-secondary);font-size:13px;font-weight:800;letter-spacing:.5px}.offer-pill-checkbox:hover{background:#ffffff1f}.offer-pill-checkbox.active{background:linear-gradient(135deg,#d90429,#ef233c);border-color:#00000040;box-shadow:0 0 0 1px #00000026,0 0 12px #d9042999}.offer-pill-checkbox.active .offer-pill-text{color:#fff}.offer-pill-checkbox:active{transform:scale(.95)}@media print{.offer-pill-checkbox{display:none!important}}.label-card{background-color:#fff;border:1px solid #e1e1e1;box-sizing:border-box;flex-direction:column;font-size:12pt;height:3.7cm;padding:.2cm;width:7cm}.label-card,.label-top{display:flex;justify-content:space-between}.label-top{margin:2;position:relative;width:100%}.label-top,.name{align-items:center}.name{color:#000;display:flex;flex:2 1;font-family:Roboto,Arial,sans-serif;font-size:11pt;font-weight:700;justify-content:flex-end;line-height:1.2;min-height:3.6em;padding-left:10px;text-align:right}.name-text{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#181a1b;cursor:pointer;display:-webkit-box;font-size:15px;font-weight:600;min-width:0;overflow:hidden;text-align:right;white-space:normal;word-break:break-word}.offer-badge{background:linear-gradient(135deg,#ff1e3c,#b00020);border-radius:4px;box-shadow:0 2px 6px #d9042959;color:#fff;font-size:9pt;font-weight:1000;letter-spacing:.8px;padding:3px 8px;text-transform:uppercase}.label-bottom{align-items:center;display:flex;justify-content:space-between}.barcode{height:55px;padding-bottom:6px;width:3.6cm}.price{align-items:flex-end;display:flex;flex-direction:row;gap:4px;justify-content:center}.price-old{align-self:flex-end;color:#555;font-family:AC Compacta,Impact,Arial Black,sans-serif;font-size:10pt;font-weight:800;margin-right:2px;text-decoration:line-through}.price-offer{background:linear-gradient(135deg,#ff1e3c,#b00020);border-radius:1px;padding:8px 3px}.price-offer .price-euro,.price-offer .price-num{color:#fff}.price-euro{font-size:10pt;font-weight:100;padding-bottom:11px;padding-right:4px}.price-euro,.price-num{align-items:end;color:#000;display:flex;font-family:AC Compacta,Impact,Arial Black,sans-serif;justify-content:right}.price-num{font-size:24pt;font-weight:700}