:root{color-scheme:light;--font-body:"IBM Plex Sans","Avenir Next","Segoe UI",Helvetica,Arial,sans-serif;--font-heading:"Sora","IBM Plex Sans","Avenir Next",sans-serif;--bg-page-top:#f5f8ff;--bg-page-bottom:#e7ecf8;--bg-sidebar-top:#0f1f36;--bg-sidebar-bottom:#0b1628;--bg-panel:#fff;--bg-panel-soft:#f2f6ff;--text-main:#172338;--text-muted:#5b6a83;--border-soft:#d7e0f2;--border-strong:#bed0f5;--brand:#2456d6;--brand-soft:#dce7ff;--danger:#b23030;--danger-soft:#fff0f0;--success:#1e7a3c;--success-soft:#ecfaef;--status-soft:#eef2f7;--shadow-soft:0 12px 32px -24px rgba(15,35,68,.55)}*{box-sizing:border-box}body,html{margin:0;min-height:100%}body{font-family:var(--font-body);color:var(--text-main);background:radial-gradient(circle at 15% 10%,rgba(194,211,255,.5),transparent 36%),radial-gradient(circle at 80% 0,rgba(196,228,255,.35),transparent 30%),linear-gradient(175deg,var(--bg-page-top) 0,var(--bg-page-bottom) 100%);overflow-y:scroll}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--font-heading);letter-spacing:-.01em}h1{font-size:1.25rem}h2{font-size:1.35rem}h3{font-size:1.05rem}a{color:var(--brand);text-decoration:none}a:hover{text-decoration:underline}.button-link,button,input,select,textarea{font:inherit}input,select,textarea{width:100%;border:1px solid var(--border-soft);border-radius:12px;padding:.67rem .78rem;color:var(--text-main);background:#fcfdff}.button-link:focus-visible,.ghost-button:focus-visible,.sidebar-link:focus-visible,button:focus-visible,input:focus,select:focus,textarea:focus{outline:2px solid rgba(36,86,214,.35);outline-offset:2px}textarea{resize:vertical;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace}.button-link,.ghost-button,button{border-radius:12px;border:1px solid var(--border-soft);padding:.5rem .9rem;cursor:pointer;transition:background .14s ease,border-color .14s ease,transform .14s ease}.button-link,button{background:var(--brand-soft);color:#173d8f}.button-link:hover,button:hover:not(:disabled){background:#d1e1ff;border-color:#aec6f5;text-decoration:none}button:disabled{cursor:not-allowed;opacity:.65}button.active{border-color:#84a5f0;background:#c9dbff}button.danger{border-color:#f0b8b8;color:var(--danger);background:var(--danger-soft)}button.danger:hover:not(:disabled){background:#ffe6e6}.ghost-button{background:transparent;color:#d5e3ff;border-color:rgba(171,197,255,.3)}.ghost-button:hover{background:rgba(147,180,255,.16)}.auth-screen{min-height:100vh;padding:1rem;display:grid;place-items:center}.auth-panel{width:min(460px,100%);background:var(--bg-panel);border:1px solid var(--border-soft);border-radius:18px;padding:1.1rem;box-shadow:var(--shadow-soft)}.app-shell{min-height:100vh;display:grid;grid-template-columns:280px 1fr}.app-sidebar{background:linear-gradient(180deg,var(--bg-sidebar-top) 0,var(--bg-sidebar-bottom) 100%);border-right:1px solid rgba(171,197,255,.24);color:#ebf2ff;padding:1.1rem;display:grid;grid-template-rows:auto 1fr auto;grid-gap:1rem;gap:1rem;position:-webkit-sticky;position:sticky;top:0;max-height:100vh}.brand-block{display:grid;grid-gap:.35rem;gap:.35rem}.brand-block h1{color:#f7faff;font-size:1.35rem}.brand-eyebrow{font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;color:#a9c3ff}.sidebar-nav{display:grid;grid-gap:.45rem;gap:.45rem;align-content:start}.sidebar-link{display:flex;align-items:center;min-height:42px;padding:.45rem .68rem;border-radius:12px;border:1px solid transparent;color:#d3e3ff;font-weight:530;text-decoration:none}.sidebar-link:hover{text-decoration:none;background:rgba(147,180,255,.14)}.sidebar-link.active{border-color:rgba(166,194,255,.5);background:rgba(154,190,255,.24);color:#fff}.sidebar-footer{display:grid;grid-gap:.6rem;gap:.6rem}.app-main{padding:1rem}.content-grid{display:grid;grid-gap:1rem;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.card,.panel{background:var(--bg-panel);border:1px solid var(--border-soft);border-radius:16px;padding:1rem;box-shadow:var(--shadow-soft)}.scan-layout{display:grid;grid-gap:1rem;gap:1rem;grid-template-columns:minmax(0,1fr) minmax(320px,420px);align-items:start}.scan-layout.scan-layout-single{grid-template-columns:minmax(0,1fr)}.scan-page-shell{position:relative}.recent-toggle-button{position:absolute;top:.4rem;right:.4rem;width:44px;height:44px;padding:0;border-radius:999px;display:grid;place-items:center;z-index:26}.recent-toggle-button svg{width:22px;height:22px}.recent-drawer-backdrop{position:fixed;inset:0;border:0;background:rgba(14,24,40,.32);z-index:30}.recent-prints-drawer{position:fixed;top:0;right:0;width:min(460px,92vw);height:100vh;padding:1rem;transform:translateX(108%);transition:transform .16s ease;z-index:34;pointer-events:none}.recent-prints-drawer.open{transform:translateX(0);pointer-events:auto}.recent-prints-panel{max-height:calc(100vh - 2rem);overflow:auto}.search-page-layout{grid-column:1/-1;width:100%;display:grid;grid-gap:1rem;gap:1rem;align-content:start}.search-controls-panel,.search-results-panel{min-width:0}.search-toolbar{display:grid;grid-gap:.75rem;gap:.75rem;grid-template-columns:minmax(220px,320px) minmax(0,1fr);align-items:end}.search-query-input{font-size:1rem}.search-result-list{display:grid;grid-gap:.65rem;gap:.65rem}.search-result-item{border:1px solid var(--border-soft);border-radius:12px;background:#fbfdff;padding:.65rem;display:grid;grid-gap:.75rem;gap:.75rem;grid-template-columns:56px minmax(0,1fr) auto;align-items:center;cursor:pointer;transition:border-color .14s ease,background .14s ease,box-shadow .14s ease}.search-result-item:hover{border-color:var(--border-strong);background:#f6faff}.search-result-item.active{border-color:#84a5f0;background:#edf4ff;box-shadow:inset 0 0 0 1px rgba(72,123,228,.2)}.search-result-media{width:56px;height:56px;border:1px solid #c9d8f2;border-radius:10px;overflow:hidden;background:#f1f6ff;display:grid;place-items:center}.search-result-media-button{border:0;border-radius:9px;padding:0;width:100%;height:100%;background:transparent;cursor:zoom-in}.search-result-media-button:hover:not(:disabled){border:0;background:transparent}.search-result-media-button:focus-visible{outline:2px solid rgba(36,86,214,.38);outline-offset:2px}.search-result-thumb{width:100%;height:100%;object-fit:cover}.search-result-thumb-fallback{width:100%;height:100%;display:grid;place-items:center;color:#3e5d90;font-weight:600;font-size:.78rem;letter-spacing:.02em}.search-result-content{min-width:0;display:grid;grid-gap:.3rem;gap:.3rem}.search-result-title{font-weight:620;color:#11213b}.search-result-subtitle{font-size:.87rem;color:#4f6180}.search-result-price{display:flex;flex-wrap:wrap;gap:.45rem;align-items:center;color:#1d3154;font-size:.88rem}.search-result-price-compare{color:#7386a3;text-decoration:line-through}.search-result-meta{display:flex;flex-wrap:wrap;gap:.42rem;align-items:center;color:#5a6c8a;font-size:.79rem}.search-result-badge{border:1px solid #c4d5f5;background:#eaf1ff;color:#23498a;border-radius:999px;padding:.12rem .5rem;text-transform:uppercase;font-size:.69rem;letter-spacing:.05em}.search-result-actions{display:flex;align-items:center;justify-content:flex-end}.search-load-more-sentinel{width:100%;height:1px}.search-image-modal-backdrop{position:fixed;inset:0;z-index:44;background:rgba(12,21,36,.46);display:grid;place-items:center;padding:1rem}.search-image-modal{width:min(960px,96vw);max-height:calc(100vh - 2rem);border:1px solid var(--border-soft);border-radius:16px;background:#fff;box-shadow:var(--shadow-soft);padding:.85rem;display:grid;grid-gap:.75rem;gap:.75rem}.search-image-modal-image{width:100%;max-height:calc(100vh - 8rem);object-fit:contain;border:1px solid #d0dcf3;border-radius:12px;background:#f7faff}.mapping-row{border:1px solid var(--border-soft);border-radius:12px;background:var(--bg-panel-soft);padding:.65rem;display:grid;grid-gap:.36rem;gap:.36rem}.stack{display:grid;grid-gap:.8rem;gap:.8rem}.stack-tight{display:grid;grid-gap:.45rem;gap:.45rem}.stack-wide{display:grid;grid-gap:1rem;gap:1rem}.grid-two-col{display:grid;grid-gap:.75rem;gap:.75rem;grid-template-columns:1fr}@media (min-width:860px){.grid-two-col{grid-template-columns:1fr 1fr}}.row-between{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.65rem}.inline-buttons{display:flex;flex-wrap:wrap;gap:.55rem}.checkbox-row{display:flex;gap:.45rem;align-items:center}.checkbox-row input{width:auto}.status-line{display:grid;grid-gap:.5rem;gap:.5rem;align-items:center}.status-line,.status-line.compact{grid-template-columns:auto 1fr}.list-item{border:1px solid var(--border-soft);border-radius:12px;padding:.72rem;display:grid;grid-gap:.5rem;gap:.5rem;background:#fbfdff}.templates-toolbar-panel h2{margin:0}.templates-page-layout{grid-column:1/-1;width:100%;display:grid;grid-gap:1rem;gap:1rem}.template-card-grid{display:grid;grid-gap:1rem;gap:1rem;grid-template-columns:1fr}@media (min-width:920px){.template-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1120px){.template-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.template-card{border:1px solid var(--border-soft);border-radius:14px;background:#fbfdff;padding:.72rem;display:grid;grid-gap:.65rem;gap:.65rem}.template-card-preview{position:relative;border:1px solid #ccdaef;border-radius:12px;background:radial-gradient(circle at 8% 0,rgba(169,193,236,.22),transparent 40%),linear-gradient(170deg,#f8fbff,#eef3fb);padding:.75rem;min-height:172px;display:grid;place-items:center}.template-card-label-preview{width:min(100%,290px);position:relative;border:1px solid #bed0ef;border-radius:8px;background:#fff;overflow:hidden;box-shadow:0 10px 20px -18px rgba(20,45,87,.45)}.template-card-label-svg{width:100%;height:100%;display:block}.template-card-label-element{position:absolute;overflow:hidden;border-radius:4px}.template-card-label-element.text{border:1px solid #97b0da;background:rgba(226,236,255,.88);padding:.15rem .2rem;display:grid;place-items:center;text-align:center;font-size:.52rem;line-height:1.15;color:#1e2e4d}.template-card-label-element.barcode{border:1px solid #b1c4e7;background:#f6f9ff;display:grid;place-items:center}.template-card-label-barcode{width:88%;height:58%;border:1px solid rgba(36,54,84,.2);background:repeating-linear-gradient(90deg,#111,#111 1px,#fff 0,#fff 3px,#111 0,#111 4px,#fff 0,#fff 6px)}.template-card-label-element.line{border:1px dashed rgba(58,85,132,.34);background:rgba(220,231,250,.35)}.template-card-label-line{position:absolute;background:#1b2d4d}.template-card-label-line-horizontal{left:0;right:0;top:50%;height:2px;transform:translateY(-50%)}.template-card-label-line-vertical{top:0;bottom:0;left:50%;width:2px;transform:translateX(-50%)}.template-card-preview-raw{width:100%;display:grid;grid-gap:.45rem;gap:.45rem}.template-card-preview-raw p{margin:0;font-size:.72rem;line-height:1.2;overflow:hidden;text-overflow:ellipsis}.template-card-duplicate-button,.template-card-edit-button{position:absolute;top:.55rem;width:38px;height:38px;padding:0;border-radius:10px;display:grid;place-items:center;opacity:0;transform:translateY(-3px);transition:opacity .14s ease,transform .14s ease}.template-card-edit-button{right:.55rem}.template-card-duplicate-button{right:3.2rem}.template-card-duplicate-button svg,.template-card-edit-button svg{width:18px;height:18px}.template-card:focus-within .template-card-duplicate-button,.template-card:focus-within .template-card-edit-button,.template-card:hover .template-card-duplicate-button,.template-card:hover .template-card-edit-button{opacity:1;transform:translateY(0)}.templates-overview-layout{align-content:start}.templates-editor-page{width:100%}.editor-topbar h2{margin:0}.editor-meta-panel{align-content:start}.templates-editor-layout{display:grid;grid-gap:1rem;gap:1rem;grid-template-columns:minmax(0,1fr) 360px;align-items:start}.editor-canvas-panel,.editor-right-panel{min-width:0}.editor-main-column{min-width:0;display:grid;grid-gap:1rem;gap:1rem;align-content:start}.editor-canvas-panel{align-self:start}.editor-right-panel{align-content:start}.editor-right-panel input,.editor-right-panel select,.editor-right-panel textarea{width:100%}.template-field-label-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.template-variable-help{position:relative}.template-variable-help summary{list-style:none;width:24px;height:24px;border-radius:999px;border:1px solid var(--border-soft);background:#f3f7ff;color:#214987;cursor:pointer;display:grid;place-items:center;font-weight:700;-webkit-user-select:none;-moz-user-select:none;user-select:none}.template-variable-help summary::-webkit-details-marker{display:none}.template-variable-help summary::marker{content:""}.template-variable-help-content{position:absolute;top:calc(100% + .45rem);right:0;width:min(280px,72vw);border:1px solid var(--border-soft);border-radius:12px;background:#fff;box-shadow:var(--shadow-soft);padding:.6rem;z-index:8;display:grid;grid-gap:.45rem;gap:.45rem}.template-variable-help-content ul{margin:0;padding-left:1.1rem;display:grid;grid-gap:.3rem;gap:.3rem}.editor-settings-button{width:44px;height:44px;padding:0;display:grid;place-items:center}.editor-settings-button svg{width:21px;height:21px}.editor-settings-modal-backdrop{position:fixed;inset:0;z-index:48;background:rgba(12,21,36,.36);display:grid;place-items:center;padding:1rem}.editor-settings-modal{width:min(760px,100%);max-height:calc(100vh - 2rem);overflow:auto}.editor-advanced-accordion{border:1px solid var(--border-soft);border-radius:10px;background:#f8fbff;padding:.4rem .5rem}.editor-advanced-accordion summary{cursor:pointer;font-weight:560;color:#214987;-webkit-user-select:none;-moz-user-select:none;user-select:none}.editor-advanced-accordion[open] summary{margin-bottom:.55rem}.editor-preview-panel summary{cursor:pointer;font-weight:600;color:#1e2f4e;-webkit-user-select:none;-moz-user-select:none;user-select:none}.editor-preview-panel[open] summary{margin-bottom:.7rem}.legacy-raw-banner{border-color:#e7bfd3;background:linear-gradient(180deg,#fff9fb,#fff4f8)}.builder-layout{display:grid;grid-gap:1rem;gap:1rem;grid-template-columns:minmax(280px,360px) minmax(0,1fr);align-items:start}.builder-main,.builder-sidebar{min-width:0}.builder-subpanel{padding:.8rem;border-radius:12px}.builder-element-row{width:100%;justify-content:space-between;display:flex;align-items:center;gap:.6rem;padding:.48rem .6rem}.builder-canvas-host{border:1px solid var(--border-soft);border-radius:12px;background:linear-gradient(180deg,rgba(243,248,255,.9),rgba(237,244,255,.8)),radial-gradient(circle at 0 0,rgba(160,185,255,.18),transparent 52%);padding:.75rem;overflow:auto}.builder-canvas{position:relative;border:1px solid #b7c7e6;border-radius:8px;background:linear-gradient(90deg,rgba(132,161,225,.2) 1px,transparent 0),linear-gradient(180deg,rgba(132,161,225,.2) 1px,transparent 0),#fff;box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.92)}.builder-canvas-element{position:absolute;border:1px solid transparent;background:transparent;color:#131313;border-radius:6px;padding:0;display:block;cursor:-webkit-grab;cursor:grab;overflow:hidden;text-align:left}.builder-canvas-element:active{cursor:-webkit-grabbing;cursor:grabbing}.builder-canvas-element:hover{border-color:rgba(68,101,167,.42);background:rgba(212,225,250,.12)}.builder-canvas-element.selected{border-color:#1f4fc8;box-shadow:0 0 0 2px rgba(31,79,200,.24);background:rgba(198,217,252,.16)}.builder-canvas-text-true{position:absolute;left:0;right:0;display:grid;grid-gap:0;gap:0;padding:0;overflow:hidden;color:#141414;font-family:Arial,Helvetica,sans-serif}.builder-canvas-text-line{display:block;white-space:nowrap;overflow:hidden;text-overflow:clip}.builder-canvas-barcode-true{position:absolute;inset:0;border:1px solid rgba(56,79,122,.28);border-radius:3px;background:linear-gradient(180deg,rgba(245,249,255,.95),hsla(0,0%,100%,.98));overflow:hidden}.builder-canvas-barcode-run{top:1px;bottom:1px}.builder-canvas-barcode-run,.builder-canvas-line-true,.builder-canvas-qr-run{position:absolute;background:#111}.builder-canvas-line-true{left:0;top:0}.status-failed,.status-muted,.status-ok{border-radius:999px;padding:.14rem .62rem;font-size:.78rem;width:-moz-fit-content;width:fit-content}.status-ok{border:1px solid #8ac89e;background:var(--success-soft);color:var(--success)}.status-muted{border:1px solid #c8d4e7;background:var(--status-soft);color:#5a6881}.status-failed{border:1px solid #f1b8b8;background:var(--danger-soft);color:#862626}.muted{color:var(--text-muted)}.tiny-muted{color:#6c7c96;font-size:.8rem}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:.82rem}.error,.error-inline,.info{border-radius:10px;padding:.45rem .6rem}.error,.error-inline{color:#972121;background:var(--danger-soft);border:1px solid #f1bbbb}.info{color:#23519b;background:#edf4ff;border:1px solid #b4ceff}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:940px){.app-shell{grid-template-columns:1fr}.app-sidebar{position:static;max-height:none;grid-template-rows:auto auto auto}.sidebar-nav{grid-template-columns:repeat(3,minmax(0,1fr))}.sidebar-link{justify-content:center;text-align:center;min-height:40px;padding:.45rem}.app-main{padding-top:0}.builder-layout,.search-toolbar,.templates-editor-layout{grid-template-columns:1fr}}@media (max-width:680px){.sidebar-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.content-grid,.scan-layout{grid-template-columns:1fr}.search-result-item{grid-template-columns:48px minmax(0,1fr);padding:.58rem}.search-result-media{width:48px;height:48px}.search-result-actions{grid-column:1/-1;justify-content:flex-start}}