.main-nav{display:flex;gap:5px}.main-nav a{padding:9px 16px;text-decoration:none;color:#688070;font-size:13px;border-radius:6px}.main-nav a.active{background:#eaf2e5;color:#286856}.customer-chip{border-left:2px solid #b9cbb7;padding-left:16px;min-width:140px}.customer-chip span{display:block;color:#819081;font-size:11px;margin-bottom:6px}.customer-chip strong{font-size:23px}.library-stats{display:flex;gap:38px;padding:20px 25px;background:#fff;border:1px solid var(--line);border-radius:12px;align-items:center;margin-bottom:25px}.library-stats>div{display:flex;align-items:baseline;gap:9px}.library-stats strong{font-size:29px;font-weight:500}.library-stats span{font-size:11px;color:var(--muted)}.library-stats p{font-size:12px;line-height:1.8;color:#5c735e;flex:1}.search-workspace{display:grid;grid-template-columns:300px minmax(0,1fr);gap:28px;align-items:start}.query-panel{background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px}.panel-title{display:flex;justify-content:space-between}.query-drop{cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:185px;background:#f8faf5;border:1px dashed #b6c7b1;border-radius:8px;text-align:center;padding:18px;gap:12px}.query-drop:hover,.query-drop.drag{background:#edf4e7}.query-drop strong{font-size:13px;overflow-wrap:anywhere}.query-drop>span:last-of-type{font-size:11px;color:var(--muted)}.upload-symbol{font-size:27px;color:#7a9875}.query-drop input{position:absolute;width:1px;height:1px;opacity:0}.query-note{font-size:11px;line-height:1.8;color:var(--muted);margin-top:16px}.query-selects{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:18px 0 12px}.query-selects label{font-size:11px;color:var(--muted)}select{width:100%;padding:8px 3px;border:1px solid var(--line);border-radius:5px;background:white;font:inherit;color:#314e3a;margin-top:6px}.query-preview{height:220px;display:flex;align-items:center;justify-content:center;background:#f0f3ec;border-radius:6px;padding:8px}.query-preview img{max-width:100%;max-height:100%;object-fit:contain}#query-region-note{margin:10px 0 14px}.exact-match{background:#eef5e8;padding:10px;font-size:11px;line-height:1.8;color:#416c41;margin:10px 0;border-radius:6px}#save-query{width:100%;line-height:1.6}.matches-head{display:flex;justify-content:space-between;gap:15px;align-items:center;margin:4px 0 10px}.matches-head h2{font-size:23px}.archive-filter input{border:1px solid var(--line);background:#fff;border-radius:6px;padding:9px 11px;font-size:11px;min-width:200px}.match-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:18px}.match-card{background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden}.match-image{height:190px;display:flex;align-items:center;justify-content:center;padding:12px;background:#f0f3ed;border-bottom:1px solid var(--line);position:relative}.match-image img{max-width:100%;max-height:100%;object-fit:contain}.match-rank{position:absolute;left:10px;top:10px;background:#fff;padding:4px 7px;border-radius:5px;font-size:10px;color:#55734d;box-shadow:0 1px 3px #233a3510}.match-info{padding:14px}.match-info h3{font-size:13px;line-height:1.6;font-weight:600;overflow-wrap:anywhere}.match-info p{font-size:11px;color:var(--muted);margin:6px 0 13px}.match-actions{display:flex;align-items:center;justify-content:space-between;gap:10px}.match-actions span{font-size:10px;color:#8a967e}.match-actions button{padding:9px 13px;font-size:12px}.archive{margin-top:35px;border-top:1px solid var(--line);padding-top:24px}.archive-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.archive-heading h2{font-size:21px}.archive-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.archive-card{background:white;border:1px solid var(--line);border-radius:9px;padding:12px;text-align:left;color:#3b513e;cursor:pointer}.archive-card:hover{border-color:#7c9c74}.archive-card img{width:100%;height:120px;object-fit:contain;background:#f7f8f4;margin-bottom:10px}.archive-card strong{display:block;font-size:12px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.archive-card small{display:block;color:var(--muted);font-size:10px;margin-top:7px}.archive-card .index-error{color:#a5694d}.compare-modal{position:fixed;inset:0;z-index:20;background:#f4f6f0;display:flex;flex-direction:column}.modal-bar{height:60px;display:flex;align-items:center;gap:20px;border-bottom:1px solid var(--line);padding:10px 24px;background:white}.modal-bar span{font-size:12px;color:#5d765e;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.compare-modal iframe{border:0;width:100%;flex:1}.library-working #query-drop,.library-working .archive-card{pointer-events:none;opacity:.6}.library-working #import-samples,.library-working #save-query{pointer-events:none;opacity:.45}body:has(.compare-modal:not([hidden])){overflow:hidden}.scope-notice{background:#e7eee0;border-left:3px solid #91ab81}@media(max-width:1150px){.library-stats{gap:20px}.library-stats>div{flex-direction:column;gap:2px}.search-workspace{grid-template-columns:260px minmax(0,1fr)}.archive-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.matches-head{flex-wrap:wrap}}@media(max-width:760px){.search-workspace{grid-template-columns:1fr}.query-drop{min-height:130px}.query-panel{padding:15px}.query-preview{height:210px}.match-grid{grid-template-columns:1fr 1fr}.match-image{height:150px}.library-stats{flex-wrap:wrap;gap:16px;padding:16px}.library-stats p{min-width:150px}.customer-chip{display:none}.archive-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.main-nav a{padding:7px;font-size:11px}.topbar .local-dot{display:none}.brand{font-size:18px}.archive-filter input{width:100%;min-width:0}.match-actions{flex-direction:column;align-items:stretch}.modal-bar{padding:8px 12px;gap:10px}.modal-bar span{font-size:10px}}@media(max-width:410px){.match-grid{grid-template-columns:1fr}.match-image{height:180px}.archive-grid{grid-template-columns:1fr 1fr}.library-stats strong{font-size:24px}}

.search-workspace>*,.archive-card{min-width:0}.main-nav{flex-shrink:0}.archive-heading{gap:15px}.archive-heading>span{text-align:right}@media(max-width:760px){.archive-heading{align-items:flex-start}.archive-heading>span{max-width:55%}.topbar .brand{gap:6px}.main-nav a{white-space:nowrap}}
/* Customer and artwork navigation */
a.brand{color:inherit;text-decoration:none}.library-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin:10px 0 24px}.library-heading h1{margin:8px 0;font-size:30px}.back-link{color:var(--muted);font-size:12px;text-decoration:none}.library-actions,.preview-tools,.dialog-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.library-actions input,dialog input{border:1px solid var(--line);border-radius:7px;padding:11px 13px;background:white;max-width:100%;min-width:0}.library-actions input{width:260px}.archive{margin-top:0;border-top:0;padding-top:0}.archive-grid{gap:18px}.archive-card{padding:0;overflow:hidden}.archive-card img{height:180px;margin:0;padding:14px;background:#fff;border-bottom:1px solid #edf0eb}.archive-card strong{font-size:14px;padding:16px 16px 0}.archive-card small{padding:0 16px 15px;min-height:22px}.archive-card:hover{box-shadow:0 5px 16px #233a350a}.customer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.customer-card{background:white;border:1px solid var(--line);border-radius:12px;overflow:hidden}.customer-card>a{display:block;text-decoration:none;color:inherit;padding:28px}.customer-card h2{font-size:24px;overflow-wrap:anywhere}.customer-card p{color:var(--muted);margin:14px 0 30px}.customer-card a>span{font-size:13px;color:var(--green)}.customer-card>button{margin:0 20px 15px}.customer-card:hover{border-color:#8aa895}.section-bar,.dialog-top{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px}.section-bar{margin-top:20px}dialog{border:1px solid var(--line);border-radius:14px;padding:26px;width:min(680px,calc(100% - 28px));max-height:88vh;overflow:auto;color:inherit}dialog::backdrop{background:#18362e55;backdrop-filter:blur(3px)}dialog h2{font-size:21px;overflow-wrap:anywhere}dialog label{display:block;font-size:13px}dialog label input{display:block;width:100%;margin-top:9px}dialog .dialog-actions{justify-content:flex-end;margin-top:22px}.import-row{border-top:1px solid var(--line);padding:16px 0;overflow-wrap:anywhere}.import-row>span{display:block;font-size:12px;color:var(--green);margin-top:8px}.file-picker{padding:16px;background:#f3f6ee;border-radius:8px;margin:16px 0}.file-picker input{padding:0}.preview-tools{margin-bottom:20px}.preview-tools a{text-decoration:none}#preview-dialog{width:min(1100px,calc(100% - 28px))}#artwork-preview canvas{width:100%;height:auto;margin-top:15px;background:white}#artwork-preview select{max-width:150px}#home-error,#customer-error,#name-error{color:var(--red);font-size:13px}.library-heading>div{min-width:0}.local-dot{font-size:10px}#lib-progress{position:sticky;top:0;z-index:5;background:#eef4e8}.empty{padding:40px 10px}.empty h2{font-size:16px}body:has(dialog[open]){overflow:hidden}
@media(max-width:900px){.customer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.library-heading{align-items:flex-start;flex-direction:column;gap:12px}.library-actions{width:100%}.library-actions input{flex:1}.archive-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:640px){.customer-grid{grid-template-columns:1fr}.library-actions input{flex-basis:100%;width:100%}.library-actions button,.dialog-actions button,.preview-tools button{width:auto;flex:1}.archive-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.archive-card img{height:135px;padding:8px}.archive-card strong{font-size:12px;padding:12px 10px 0}.archive-card small{padding:0 10px 12px}.topbar{gap:8px}.main-nav a{padding:7px 5px}.preview-tools{gap:8px}.preview-tools a{font-size:12px}dialog{padding:18px}.library-heading h1{font-size:26px}.dialog-top h2{font-size:18px}}