@font-face{font-family:Geist;src:url('/vbs/assets/fonts/Geist-Regular.woff2') format('woff2');font-display:swap}*{box-sizing:border-box}body{margin:0;background:#fafaf8;color:#151515;font-family:Geist,Arial,sans-serif}button,input,select{font:inherit}button,select{cursor:pointer;background:white;color:#151515;border:1px solid #ccc;border-radius:5px;padding:10px 14px}button:hover{border-color:#111}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #5171ff;outline-offset:3px}a{color:inherit}header{display:flex;align-items:center;gap:28px;padding:22px 4vw;border-bottom:1px solid #ddd;background:#fff}.brand{display:flex;align-items:center;gap:12px;font-weight:650;line-height:1.05;text-decoration:none}.symbol{font-size:42px}.header-actions{margin-left:auto;display:flex;gap:10px}.primary{background:#161616;color:white;border-color:#161616}main{padding:0 4vw}.intro{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:36px 0 24px}.eyebrow{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#595959}h1{font-size:clamp(25px,3vw,38px);letter-spacing:-.04em;margin:12px 0}p{line-height:1.6}.intro p{margin-bottom:0}.upload-note{font-size:12px;color:#666;line-height:1.8}kbd{font-size:12px;background:#eee;border:1px solid #ddd;padding:3px 5px;border-radius:3px}.tools{display:flex;align-items:center;gap:15px;padding:18px 0;border-block:1px solid #ddd;flex-wrap:wrap}#filters{display:flex;gap:5px;flex-wrap:wrap}#filters button{border-color:transparent;background:transparent;padding:8px 11px;font-size:13px}#filters button[aria-pressed=true]{background:#e6ee88;border-color:#d5df73}.search{margin-left:auto}.search input{padding:10px 12px;width:210px;border:1px solid #ccc;border-radius:5px}.tools>label{font-size:12px}.status-row{display:flex;gap:20px;justify-content:space-between;padding:20px 0;font-size:12px;color:#555}#status{max-width:70%;text-align:right}#gallery{columns:var(--columns,3);column-gap:20px}.card{break-inside:avoid;margin-bottom:24px}.card button{display:block;width:100%;padding:0;border:0;background:#eee;overflow:hidden;border-radius:3px}.card img{display:block;width:100%;height:auto}.card h2{font-size:14px;font-weight:550;margin:10px 0 5px;overflow-wrap:anywhere}.card p{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:#666;margin:0}.card button:hover img{opacity:.92}#queue{font-size:13px;line-height:1.7}#queue:empty{display:none}#queue>div{padding:8px 12px;background:#f0f0e9;margin-bottom:6px}#drop{position:fixed;inset:15px;z-index:100;background:#f1f4d9ee;border:3px dashed #333;display:grid;place-content:center;font-size:24px;pointer-events:none}#drop[hidden]{display:none}dialog{width:min(1250px,96vw);max-height:94vh;border:1px solid #ccc;padding:24px;background:white}dialog::backdrop{background:#000b}.dialog-head{display:flex;gap:8px;margin-bottom:24px}#close{margin-left:auto}.detail-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:32px}#art{width:100%;max-height:72vh;object-fit:contain;display:block;background:#f8f8f6}#original{display:inline-block;font-size:12px;margin-top:14px}article h2{font-size:30px;letter-spacing:-.03em;margin-top:6px}article p{font-size:16px}#tags{display:flex;gap:7px;flex-wrap:wrap}#tags span{font-size:12px;border:1px solid #ddd;padding:5px 8px}#edit{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:22px 0;font-size:12px}#edit[hidden]{display:none}#exercise-section{border-top:1px solid #ddd;margin-top:24px}pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;line-height:1.6}details{margin:20px 0}footer{padding:30px 4vw;border-top:1px solid #ddd;margin-top:40px;font-size:12px;display:flex;justify-content:space-between;gap:20px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(max-width:800px){.intro{display:block}.upload-note{margin-top:15px}.detail-grid{grid-template-columns:1fr}#gallery{columns:2}.search{margin-left:0}.tools{gap:10px}header{gap:15px;padding:15px 4vw}.header-actions button{padding:9px}#refresh{display:none}#art{max-height:55vh}}@media(max-width:480px){#gallery{columns:1}.brand{font-size:14px}header>a:not(.brand){display:none}h1{font-size:27px}dialog{padding:15px}.dialog-head button{font-size:12px;padding:8px}footer{display:block}}