:root{font-family:Arial,sans-serif;color:#202020;background:#faf9f7;--orange:#ff7100}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit}.preview-notice{text-align:center;background:#fff0db;color:#77400d;padding:9px 16px;font-size:11px;font-weight:800;letter-spacing:1px}.preview-notice span{font-weight:400;letter-spacing:0;margin-left:12px}header{max-width:1240px;margin:auto;display:flex;justify-content:space-between;align-items:center;padding:22px 24px}header>a:first-child{font-size:23px;font-weight:900;text-decoration:none;letter-spacing:-1px}.brand-dot{color:var(--orange)}.scratch{font-size:13px;text-decoration:none;font-weight:700}main{max-width:1240px;margin:auto;padding:12px 24px 40px}.intro{padding:8px 0 16px}.eyebrow{font-size:10px;letter-spacing:1.8px;color:#a84809;font-weight:800;margin:0 0 10px}h1{font-size:clamp(29px,4vw,43px);line-height:1.1;letter-spacing:-1.5px;margin:0 0 12px}.lead{color:#68635f;font-size:15px;margin:0}.browse-tools{position:sticky;top:0;z-index:2;background:#faf9f7f5;padding-top:8px;backdrop-filter:blur(12px)}#filters{display:flex;gap:8px;overflow-x:auto;padding:5px 0 12px;scrollbar-width:thin}#filters button{flex-shrink:0;border:1px solid #dedbd6;border-radius:30px;background:white;padding:11px 16px;font-weight:700;font-size:12px;min-height:44px}#filters button[aria-pressed=true]{background:#242424;color:white;border-color:#242424}#filters .count{opacity:.6;margin-left:6px;font-weight:400}.browse-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 0 14px}#galleryStatus{font-size:12px;color:#6c6762;margin:0}.side-toggle{display:flex;padding:3px;border:1px solid #e5e0da;border-radius:9px;background:#efede9}.side-toggle button{border:0;border-radius:6px;background:transparent;font-size:12px;padding:9px 15px;min-height:36px}.side-toggle button[aria-pressed=true]{background:white;box-shadow:0 1px 4px #0001;font-weight:bold}.gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.card{min-width:0}.card-button{display:block;width:100%;text-align:left;border:1px solid #e6e1db;border-radius:15px;overflow:hidden;padding:0;background:white;transition:transform .15s,border-color .15s}.card-button:hover{transform:translateY(-3px);border-color:#bd8a65}.thumbnail{position:relative;background:#f0eeeb;height:178px;padding:10px;overflow:hidden}.thumbnail img{display:block;width:100%;height:100%;object-fit:contain}.view-badge{position:absolute;bottom:8px;right:9px;background:#ffffffeb;border:1px solid #e9e5df;border-radius:20px;padding:6px 10px;font-size:10px;font-weight:700}.card-body{padding:13px 14px}.card-body small{display:block;color:#8a7464;font-size:9px;letter-spacing:.7px;font-weight:700;text-transform:uppercase;margin-bottom:6px}.card-body h2{font-size:15px;line-height:1.2;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-body p{font-size:11px;color:#77716b;margin:7px 0 0}.pagination{display:flex;justify-content:center;align-items:center;gap:22px;padding:24px 0 5px}.pagination button,.design-navigation button{border:1px solid #dedbd6;border-radius:9px;padding:12px 15px;background:white;font-size:12px;font-weight:bold;min-height:44px}button:disabled{opacity:.35;cursor:default}.pagination span{font-size:12px;color:#777}.footnote{text-align:center;font-size:11px;color:#8a827b;margin:17px 0 0}button:focus-visible,a:focus-visible{outline:3px solid #1875bc;outline-offset:3px}dialog{border:0;border-radius:20px;padding:0;width:min(760px,calc(100% - 24px));max-height:92dvh;box-shadow:0 24px 100px #0004;overflow:auto}dialog::backdrop{background:#191713a6;backdrop-filter:blur(4px)}.dialog-header{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:23px 24px 18px}.dialog-header h2{font-size:24px;margin:0;letter-spacing:-.6px}.dialog-header .eyebrow{margin-bottom:7px}.close{height:44px;width:44px;border:1px solid #e5e0da;background:white;border-radius:50%;flex-shrink:0}.large-previews{display:grid;grid-template-columns:1fr 1fr;background:#f2f0ed;padding:16px;gap:12px}.large-previews figure{margin:0;min-width:0}.large-previews img{display:block;width:100%;height:min(40vh,380px);object-fit:contain}.large-previews figcaption{text-align:center;font-size:11px;font-weight:bold;margin-top:8px;color:#6b655f}.dialog-footer{padding:15px 24px 20px;text-align:center}.dialog-footer>p{font-size:13px;color:#6b655f;line-height:1.5}.primary{display:block;background:var(--orange);color:#17120e;text-decoration:none;font-weight:800;padding:15px;border-radius:10px}.dialog-footer .preview-hint{font-size:10px;margin:8px 0 15px}.design-navigation{display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid #eee;padding-top:15px}.design-navigation span{font-size:11px;white-space:nowrap}@media(max-width:800px){.gallery{grid-template-columns:repeat(3,minmax(0,1fr))}.thumbnail{height:165px}}@media(max-width:540px){header{padding:18px 16px}.preview-notice{font-size:9px}.preview-notice span{margin-left:6px}header>a:first-child{font-size:21px}.scratch{font-size:11px}main{padding:8px 14px 30px}.intro{padding:5px 0 16px}.lead{font-size:13px}.gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.thumbnail{height:160px;padding:7px}.card-body{padding:11px}.card-body h2{font-size:13px}.card-body p{font-size:10px}#filters{margin-right:-14px;padding-right:14px}#filters button{padding:9px 13px}.dialog-header{padding:18px 16px 14px}.dialog-header h2{font-size:21px}.large-previews{padding:10px;gap:5px}.large-previews img{height:30vh}.dialog-footer{padding:10px 16px 16px}.design-navigation button{font-size:10px;padding:10px}.pagination{gap:16px}.footnote{line-height:1.5}}@media(prefers-reduced-motion:reduce){.card-button{transition:none}}