/* Warm paper, ink and a single lime accent keep the library quiet around animated content. */
:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#22241f;background:#f7f8f3;font-synthesis:none;--muted:#7a7d73;--line:#e3e5dc;--lime:#d7f85b}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,select{touch-action:manipulation}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit}button:disabled{cursor:default;opacity:.4}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #a1b93c;outline-offset:3px}.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}[hidden]{display:none!important}.sidebar{position:fixed;inset:0 auto 0 0;width:244px;background:#f0f1e9;border-right:1px solid var(--line);padding:30px 20px 0;display:flex;flex-direction:column}.logo{display:flex;gap:11px;align-items:center;text-decoration:none;font-size:24px;font-weight:750;letter-spacing:-1.2px;margin-bottom:45px}.logo-mark{height:37px;width:37px;background:#272b21;color:var(--lime);border-radius:11px;display:flex;align-items:center;justify-content:center;font-size:33px;position:relative;font-family:Georgia,serif}.logo-mark span{position:absolute;right:-5px;top:-8px;font-size:23px}.logo-dot{color:#9cae42}.sidebar-label{font-size:10px;font-weight:700;letter-spacing:1.6px;color:#898d80;margin:0 10px 14px}.nav-item{border:0;background:transparent;width:100%;text-align:left;display:flex;align-items:center;gap:11px;padding:12px;border-radius:8px;color:#666b5e;font-size:13px;margin-bottom:4px}.nav-item>span{font-size:19px;line-height:16px}.nav-item small{margin-left:auto;font-size:11px;color:#7c836c}.nav-item.active{background:#dfe8c9;color:#394328;font-weight:650}.brand-heading{display:flex;align-items:center;justify-content:space-between;margin-top:34px}.brand-heading>span{font-size:10px;color:#848a77;margin:0 10px 14px}.brand-search{background:#e9ebe2;border:1px solid #dfe2d5;border-radius:6px;padding:9px 10px;width:100%;font-size:12px;margin-bottom:12px;outline:none}.brands{flex:1;overflow:auto;margin:0 -5px;padding:0 5px 15px;scrollbar-width:thin}.brand-button{display:flex;align-items:center;gap:9px;width:100%;background:none;border:0;border-radius:6px;color:#626858;padding:9px 10px;font-size:12px;text-align:left}.brand-button:hover,.brand-button.selected{background:#e1e5d5;color:#2c3520}.brand-button small{margin-left:auto;font-size:10px;color:#8f9584}.brand-dot{width:7px;height:7px;border-radius:2px;background:#abb58f;flex-shrink:0}.brand-button:nth-child(3n) .brand-dot{background:#c7ad97}.brand-button:nth-child(3n + 1) .brand-dot{background:#a4b3ad}.sidebar-bottom{font-size:10px;color:#949985;border-top:1px solid #dfe2d5;margin-top:10px;padding:20px 0;display:flex;align-items:center;gap:8px;white-space:nowrap}.live-dot{height:6px;width:6px;border-radius:50%;background:#88a554;flex-shrink:0}main{margin-left:244px;padding:0 45px;max-width:1800px}.topbar{height:83px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;font-size:11px}.breadcrumb{color:#96998d}.slash{margin:0 14px;color:#b2b6a6}.quiet-button{background:transparent;border:1px solid var(--line);border-radius:6px;padding:8px 11px;color:#717666;font-size:11px;text-decoration:none;display:inline-flex;align-items:center;gap:5px}.quiet-button:hover{background:#eef0e6}.intro{padding:49px 0 28px}.eyebrow{font-size:9px;letter-spacing:1.7px;font-weight:650;display:flex;align-items:center;gap:8px;color:#7c826f}.eyebrow>span{width:6px;height:6px;background:#a6bd50;border-radius:50%}h1{font-size:clamp(32px,3.7vw,57px);font-weight:500;letter-spacing:-2.5px;margin:16px 0 12px;line-height:1.12}h1 em{font-family:Georgia,"Times New Roman",serif;font-weight:400;color:#778648}p{line-height:1.6}.intro>p{color:var(--muted);font-size:13px;margin:0}.search-box{border:1px solid #daddce;background:#fff;box-shadow:0 3px 10px #30381b04;border-radius:10px;display:flex;align-items:center;padding:7px;gap:12px}.search-icon{font-size:31px;color:#858d77;margin:0 0 3px 11px}.search-box input{flex:1;min-width:0;border:0;outline:none;font-size:13px;background:transparent;padding:10px 0;color:#3d4334}.search-box input::placeholder{color:#a0a493}.search-box kbd{font:11px monospace;border:1px solid #e5e8dc;padding:3px 6px;border-radius:3px;color:#a0a68e}.search-box button,.primary-button{background:var(--lime);border:1px solid #cce656;border-radius:6px;padding:11px 17px;color:#36431a;font-size:12px;font-weight:650;text-decoration:none;display:inline-block}.search-box button span{margin-left:18px}.filters{display:flex;align-items:center;gap:19px;flex-wrap:wrap;padding:19px 0 29px;border-bottom:1px solid var(--line)}.filters label,.sort-label{display:flex;align-items:center;gap:7px;font-size:10px;color:#929885}select{color:#5d6650;background:transparent;border:0;max-width:190px;font-size:11px;cursor:pointer}.text-button{font-size:10px;border:0;background:none;color:#7a855f;padding:0;text-decoration:underline;text-underline-offset:3px}.filters>.text-button{margin-left:auto}.collection-heading{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:29px 0 20px}h2{font-size:18px;font-weight:600;letter-spacing:-.5px;margin:0}h2>span{margin-left:11px;color:#98a67c;font-size:20px}.collection-heading p{font-size:10px;color:#969d88;margin:6px 0 0}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:19px 16px}.card{min-width:0;background:#fff;border:1px solid #e6e9de;border-radius:9px;overflow:hidden;position:relative;transition:box-shadow .15s,transform .15s}.card:hover{box-shadow:0 4px 18px #333c2010;transform:translateY(-2px)}.card-preview{width:100%;aspect-ratio:1.28;display:flex;align-items:center;justify-content:center;border:0;padding:15px;background-color:#f0f1ed;background-image:linear-gradient(45deg,#e8ebe330 25%,transparent 25%),linear-gradient(-45deg,#e8ebe330 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e8ebe330 75%),linear-gradient(-45deg,transparent 75%,#e8ebe330 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0}.card:nth-child(4n+2) .card-preview{background-color:#f2eee8}.card:nth-child(4n+3) .card-preview{background-color:#edf0e5}.card:nth-child(4n+4) .card-preview{background-color:#eeeef1}.card-preview img{max-width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.favorite-button{position:absolute;right:9px;top:9px;border:1px solid #fff8;background:#ffffffe8;backdrop-filter:blur(5px);border-radius:50%;width:27px;height:27px;color:#737d60;font-size:17px;display:grid;place-items:center;padding:0}.favorite-button[aria-pressed="true"]{color:#6b782e;background:#edf8c8}.card-info{padding:12px 12px 11px}.card-title{padding:0;border:0;background:transparent;display:block;font-size:11px;font-weight:600;color:#48503e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left;width:100%;line-height:1.5}.card-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:9px;font-size:9px;color:#9bA18f}.card-brand{display:inline-block;font-size:8px;letter-spacing:.25px;border:1px solid #e3e8d9;background:#f5f7ef;border-radius:3px;padding:2px 5px;color:#7b8568;max-width:80%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.pagination{display:flex;justify-content:center;gap:24px;align-items:center;padding:30px 0}.pagination>span{font-size:11px;color:#909783}.empty{text-align:center;color:#8b937c;padding:60px 15px}.empty>span{font-size:45px}.empty h3{color:#5c6849;font-weight:500}.empty p{font-size:12px}footer{border-top:1px solid var(--line);padding:18px 0 25px;display:flex;align-items:center;flex-wrap:wrap;gap:10px;font-size:9px;color:#a2a891}footer>span:last-child{margin-left:auto;font-size:8px;letter-spacing:.7px}.error{font-size:12px;padding:14px;background:#f7e8e0;border:1px solid #e6c5b1;color:#954c30;border-radius:7px;margin-bottom:15px}dialog{border:1px solid #d8deca;border-radius:14px;background:#f8f9f4;color:#3e4831;width:min(960px,94vw);max-height:90vh;padding:24px;box-shadow:0 30px 100px #1c281b35}dialog::backdrop{background:#20291f88;backdrop-filter:blur(4px)}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;font-size:10px;letter-spacing:1.5px;color:#8e987c}.close-button{font-size:25px;border:0;background:none;color:#737e62}.detail-layout{display:grid;grid-template-columns:1fr 1fr;gap:28px}.detail-preview{min-width:0}.detail-preview>img{width:100%;height:330px;object-fit:contain;background:#eef1e5;border-radius:10px;padding:20px}.detail-actions{display:flex;gap:10px;margin-top:14px}.detail-preview>p{font-size:11px;color:#8e987e}.badge{font-size:10px;color:#82965a}.detail-info h2{font-size:23px;margin:8px 0 12px;overflow-wrap:anywhere}.detail-info p{font-size:11px;color:#8b957d}.detail-tags{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:18px}.detail-tags>button{font-size:9px;color:#7f8e65;background:#ebf0df;border:0;border-radius:4px;padding:4px 7px}#edit-form{display:flex;flex-direction:column;gap:12px}#edit-form label{display:flex;flex-direction:column;gap:6px;font-size:11px;color:#7b8669}#edit-form input:not([type=checkbox]),textarea{width:100%;padding:9px;border:1px solid #dce2cf;border-radius:5px;background:#fff;color:#4d583e;resize:vertical;font-size:12px}.checkbox-label{flex-direction:row!important;align-items:center;gap:8px!important}#edit-form button{align-self:flex-start}#save-status{font-size:11px;color:#6f8549}details{margin-top:22px;border-top:1px solid var(--line);padding-top:14px;font-size:11px}summary{cursor:pointer;color:#8b9678}pre{white-space:pre-wrap;font:11px/1.6 ui-monospace,monospace;color:#697b4d;background:#edf1e3;padding:10px;border-radius:5px}details a{color:#70834a}details code{font-size:9px;color:#9aa38c;overflow-wrap:anywhere}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);padding:12px 19px;border-radius:7px;background:#333f26;color:#edf5dc;font-size:12px;box-shadow:0 4px 20px #25301830;z-index:10;max-width:90vw}
/* Collapse the persistent brand rail on small screens; filters remain reachable above results. */
@media(min-width:1550px){.grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(max-width:1150px){.sidebar{width:210px;padding-left:14px;padding-right:14px}main{margin-left:210px;padding:0 28px}.grid{grid-template-columns:repeat(3,minmax(0,1fr))}footer>span:last-child{display:none}}@media(max-width:760px){.sidebar{position:static;width:100%;height:auto;display:block;padding:15px 18px 10px;border-right:0;border-bottom:1px solid var(--line)}.logo{font-size:22px;margin:0 0 12px}.logo-mark{width:30px;height:30px;font-size:28px}.sidebar>.sidebar-label,.sidebar>.brand-heading,.brand-search,.sidebar-bottom{display:none}.nav-item{display:inline-flex;width:auto;padding:9px 11px;margin-right:7px;font-size:11px}.nav-item small{margin-left:6px}.brands{display:flex;overflow-x:auto;gap:3px;padding:5px 0 0;margin:0}.brand-button{width:auto;white-space:nowrap;padding:8px}.brand-button small{margin-left:5px}.brand-dot{width:5px;height:5px}main{margin:0;padding:0 19px}.topbar{height:59px;font-size:10px}.topbar .quiet-button span{display:none}.intro{padding:31px 0 23px}.eyebrow{font-size:8px;letter-spacing:1px}h1{font-size:39px;letter-spacing:-1.8px}.intro>p{font-size:12px}.search-box{gap:7px;padding:5px}.search-icon{margin-left:5px;font-size:25px}.search-box input{font-size:11px}.search-box kbd{display:none}.search-box button{padding:10px;font-size:10px}.search-box button span{display:none}.filters{gap:12px 15px;padding:16px 0 20px}.filters label{font-size:9px}.filters select{font-size:10px;max-width:140px}.filters>.text-button{margin-left:0;font-size:9px}.collection-heading{margin-top:23px}h2{font-size:16px}.sort-label{font-size:9px;gap:2px}.sort-label select{font-size:10px;max-width:100px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 10px}.card-preview{padding:12px;aspect-ratio:1.05}.card-info{padding:10px}.card-title{font-size:10px}.card-bottom{font-size:8px}.card-brand{font-size:7px}.favorite-button{width:24px;height:24px;font-size:15px}dialog{padding:18px}.detail-layout{grid-template-columns:1fr;gap:20px}.detail-preview>img{height:240px}.detail-info h2{font-size:21px}.pagination{gap:15px}.pagination>span{font-size:10px}footer{font-size:8px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}