.barcode-workspace{width:min(1440px,100% - 44px);color:var(--foreground);grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:24px;margin:0 auto 48px;font-size:16px;display:grid}.barcode-panel{border:1px solid var(--border);background:var(--card);border-radius:16px;flex-direction:column;min-width:0;height:max(580px,100dvh - 300px);margin:0;padding:22px;display:flex}.barcode-panel-heading{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:18px;display:flex}.barcode-panel-heading h2{align-items:center;gap:10px;margin:0;font-size:20px;font-weight:650;line-height:1.35;display:flex}.barcode-panel-heading h2>span{background:color-mix(in srgb, var(--primary) 12%, var(--card));width:30px;height:30px;color:var(--primary);border-radius:50%;flex-shrink:0;place-items:center;font-size:16px;display:grid}.barcode-workspace [data-slot=button]{white-space:normal;height:auto;min-height:40px;font-size:14px}.barcode-stage{flex-direction:column;flex:1;min-height:0;animation:.24s ease-out barcode-slide;display:flex}.barcode-forward{--slide-from:20px}.barcode-back{--slide-from:-20px}@keyframes barcode-slide{0%{transform:translateX(var(--slide-from));opacity:.55}to{opacity:1;transform:translate(0)}}.barcode-scroll{scrollbar-gutter:stable;flex:1;min-height:0;padding:3px 3px 6px;overflow:auto}.barcode-type-row{flex-wrap:wrap;align-items:flex-end;gap:12px;margin-bottom:18px;display:flex}.barcode-type-row>.barcode-field{flex:1;min-width:160px}.barcode-type-row-with-hint{align-items:flex-start}.barcode-type-row-with-hint>[data-slot=button]{margin-top:26.6px}.barcode-field,.barcode-fields{align-content:start;align-items:start;gap:7px;min-width:0;display:grid}.barcode-fields{gap:16px}.barcode-two{grid-template-columns:repeat(2,minmax(0,1fr))}.gs1-date-field>label{min-height:2.8em}.barcode-field>label,.barcode-field>span{font-size:14px;font-weight:600;line-height:1.4}.barcode-field input:not([type=checkbox]),.barcode-field textarea,.barcode-field select,.barcode-info-dialog select{width:100%;height:calc(1.5em + 20px);min-height:44px;color:var(--foreground);background:var(--background);border:1px solid var(--border);border-radius:9px;padding:10px 12px;font-size:16px}.barcode-field textarea{resize:vertical;min-height:112px;line-height:1.5}.barcode-field select,.barcode-info-dialog select{padding-right:32px}.barcode-field [data-slot=native-select-wrapper]{width:100%}.barcode-workspace input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]):focus,.barcode-workspace textarea:focus,.barcode-workspace select:focus{border-color:var(--primary);box-shadow:0 0 0 1px color-mix(in srgb, var(--primary) 20%, transparent);outline:none}.barcode-workspace [data-slot=select-trigger]:focus-visible{border-color:var(--primary);box-shadow:0 0 0 1px color-mix(in srgb, var(--primary) 20%, transparent);outline:none}.barcode-field small,.barcode-hint,.barcode-result-meta{color:var(--muted-foreground);overflow-wrap:anywhere;font-size:14px;line-height:1.55}.barcode-hint{margin:12px 0}.barcode-extra{border-top:1px solid var(--border);margin-top:18px;padding-top:16px}.barcode-workspace [data-slot=tabs-list],.barcode-info-dialog [data-slot=tabs-list]{flex-wrap:wrap;width:100%;height:auto;min-height:44px;margin-bottom:16px}.barcode-workspace [data-slot=tabs-trigger],.barcode-info-dialog [data-slot=tabs-trigger]{white-space:normal;min-height:38px;padding:8px;font-size:14px}.barcode-design-tabs{flex-direction:column;flex:1;min-height:0;display:flex}.barcode-design-tabs>[data-slot=tabs-list]{flex-shrink:0}.barcode-checkbox{align-items:center;gap:9px;font-size:14px;line-height:1.5;display:flex}.barcode-checkbox input{accent-color:var(--primary);width:18px;height:18px}.barcode-colour{align-items:center;gap:8px;display:flex}.barcode-colour>.qr-color-trigger{flex:1;min-width:0}.barcode-colour [data-slot=button]{width:44px;height:calc(1.5em + 20px);min-height:44px}.barcode-errors,.barcode-error{color:#f27777}.barcode-errors{overflow-wrap:anywhere;border:1px solid #f2777760;border-radius:9px;margin-top:16px;padding:12px;font-size:14px;line-height:1.5}.barcode-errors ul{max-height:180px;padding-left:20px;overflow:auto}html[data-theme=light] .barcode-errors,html[data-theme=light] .barcode-error{color:#b42323}.barcode-upload{flex-wrap:wrap;gap:10px;display:flex}.barcode-file-button{border:1px solid var(--border);background:var(--background);cursor:pointer;border-radius:9px;align-items:center;gap:8px;min-height:44px;padding:10px 12px;font-size:14px;display:flex;position:relative}.barcode-file-button input{opacity:0;cursor:pointer;width:100%;position:absolute;inset:0}.barcode-file-button:focus-within{outline:2px solid var(--primary);outline-offset:2px}.barcode-artwork{border:1px solid var(--border);background:var(--muted);border-radius:12px;flex:1;min-height:120px;position:relative;overflow:hidden}.barcode-artwork img{object-fit:contain;width:calc(100% - 36px);height:calc(100% - 36px);position:absolute;inset:18px}.barcode-artwork.is-transparent{background:conic-gradient(#e5e9ec 25%, #fff 0 50%, #e5e9ec 0 75%, #fff 0) 0 0/20px 20px}.barcode-empty{text-align:center;height:100%;color:var(--muted-foreground);flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:24px;display:flex}.barcode-empty strong{color:var(--foreground)}.barcode-empty p{margin:0;font-size:16px;line-height:1.5}.barcode-result-meta{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:12px;display:flex}.barcode-pagination{align-items:center;gap:8px;display:flex}.barcode-pagination [data-slot=button]{width:36px;min-height:36px}.barcode-scan{align-items:center;gap:6px;margin:9px 0;font-size:14px;line-height:1.4;display:flex}.barcode-scan svg{color:var(--primary);flex-shrink:0}.barcode-export{border-top:1px solid var(--border);grid-template-columns:minmax(100px,.6fr) minmax(0,1fr);align-items:end;gap:12px;margin-top:12px;padding-top:14px;display:grid}.barcode-export>[data-slot=button]{min-height:44px}.barcode-info-dialog[data-slot=dialog-content]{flex-direction:column;gap:10px;width:720px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 40px);padding:24px;font-size:16px;display:flex}.barcode-info-dialog [data-slot=dialog-title]{padding-right:30px;font-size:22px}.barcode-info-dialog [data-slot=dialog-description]{font-size:14px;line-height:1.5}.barcode-info-scroll{min-height:0;overflow:auto}.barcode-info-scroll h3{font-size:20px}.barcode-info-scroll figure{color:#111;text-align:center;background:#fff;border-radius:9px;margin:12px 0;padding:14px}.barcode-info-scroll img{object-fit:contain;width:100%;max-height:150px}.barcode-info-scroll figcaption{overflow-wrap:anywhere;margin-top:10px;font-size:14px}.barcode-info-scroll dl>div{border-bottom:1px solid var(--border);grid-template-columns:110px minmax(0,1fr);gap:12px;padding:10px 0;display:grid}.barcode-info-scroll dt{font-weight:600}.barcode-info-scroll dd{margin:0}.barcode-info-scroll p{font-size:14px;line-height:1.6}.barcode-info-scroll a{color:var(--primary);font-size:14px}@media (max-width:1000px){.barcode-workspace{grid-template-columns:minmax(0,1fr);grid-auto-rows:max-content;max-width:760px}.barcode-workspace>.barcode-panel{align-self:start;width:100%;height:max-content}.barcode-workspace>.barcode-editor>.barcode-stage,.barcode-workspace>.barcode-editor>.barcode-stage>.barcode-scroll{flex:none;min-height:max-content}.barcode-panel{height:auto;min-height:480px}.barcode-preview{min-height:560px}.barcode-scroll{overflow:visible}.barcode-artwork{min-height:260px}}@media (max-width:560px){.barcode-workspace{gap:18px;width:calc(100% - 30px)}.barcode-panel{padding:16px}.barcode-two,.barcode-export{grid-template-columns:minmax(0,1fr)}.gs1-date-field>label{min-height:0}.barcode-info-dialog[data-slot=dialog-content]{padding:18px}.barcode-info-scroll dl>div{grid-template-columns:minmax(0,1fr);gap:4px}}@media (prefers-reduced-motion:reduce){.barcode-stage{animation:none}}