:root{font-family:Arial,Helvetica,sans-serif;color:#15151a;background:#fff;--blue:#1846ed;--line:#e6e7ee;--muted:#53586a}
*{box-sizing:border-box} [hidden]{display:none!important} body{margin:0} a{color:inherit;text-decoration:none} button,input,select{font:inherit}button,.button,select{cursor:pointer}button:disabled{cursor:default;opacity:.47}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,.drop:focus-within{outline:3px solid #829aff;outline-offset:3px}
header,footer{display:flex;gap:24px;align-items:center;justify-content:space-between;padding:14px clamp(16px,4vw,64px);border-bottom:1px solid var(--line)}nav,footer div{display:flex;align-items:center;gap:24px}.brand{font-weight:850;font-size:23px;letter-spacing:-.07em;white-space:nowrap}.brand b{color:var(--blue);font-size:26px;margin-right:4px}.plain{border:0;background:none;padding:0}.primary,.button,.plain,nav a{font-weight:700}.primary,.button{border-radius:999px;padding:11px 17px;border:1px solid var(--line);background:#fff;color:#171822;display:inline-block}.primary{background:var(--blue);color:white;border-color:var(--blue)}.primary span{margin-left:8px}
.hero{text-align:center;padding:clamp(44px,7vw,94px) 20px clamp(44px,6vw,78px);background:radial-gradient(ellipse at top,#edf0ff,transparent 72%)}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.15em;color:var(--blue)}h1,h2{margin:0;letter-spacing:-.06em}h1{font-size:clamp(45px,8vw,96px);line-height:.97;margin:20px 0}h1 em{font-style:normal;color:var(--blue)}h2{font-size:clamp(27px,4vw,41px);margin-top:5px}.hero p{max-width:490px;margin:0 auto 22px;color:var(--muted);line-height:1.5}
#gallery{margin:auto;max-width:1500px;padding:24px clamp(16px,4vw,64px) 68px}.gallery-head{display:flex;justify-content:space-between;align-items:end;gap:14px}.search{display:flex;align-items:center;gap:8px;background:#f5f6fa;padding:10px 14px;border-radius:30px}.search input{min-width:0;width:180px;background:transparent;border:0}#filters{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.filter{background:white;border:1px solid var(--line);border-radius:50px;padding:8px 14px;font-weight:700}.filter[aria-pressed=true]{background:#14151c;color:white;border-color:#14151c}
.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 16px}.card{padding:0;text-align:left;border:0;background:white;color:inherit;min-width:0}.cover{aspect-ratio:4/3;background:#eff1fc center/cover;border-radius:11px;display:block;position:relative}.cover:after{content:'Try sample ↗';position:absolute;bottom:10px;right:10px;font-weight:700;font-size:12px;background:white;color:#12121a;border-radius:100px;padding:7px 11px}.card:hover .cover:after{background:var(--blue);color:white}.card strong,.card small{display:block}.card strong{margin:10px 0 4px;font-size:16px}.card small{color:var(--muted)}footer{border-top:1px solid var(--line);border-bottom:0;font-size:13px;flex-wrap:wrap}
dialog{width:min(870px,calc(100% - 28px));border:1px solid var(--line);border-radius:20px;padding:clamp(16px,4vw,28px);max-height:90vh;overflow:auto}dialog::backdrop{background:#111528b3}.modal-head,.actions{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.close{border:0;border-radius:50%;font-size:24px;width:38px;height:38px;background:#eef0f6}.drop{padding:17px;border:1px dashed #a6b3e4;border-radius:12px;margin:16px 0}.drop.dragging{background:#e8edff}.visually-hidden{position:absolute;width:1px;height:1px;opacity:0}.preview{display:grid;grid-template-columns:1fr 1fr;gap:10px}.preview figure{margin:0}.preview figure div{height:clamp(110px,30vw,280px);background:#eef0f6;border-radius:10px;display:grid;place-items:center;overflow:hidden;text-align:center}.preview .checker{background:repeating-conic-gradient(#e2e5ee 0% 25%,white 0% 50%) 0 0 / 20px 20px}.preview img{width:100%;height:100%;min-height:0;object-fit:contain}.preview figcaption,.actions label,#hint,#status{color:var(--muted);font-size:14px}.preview figcaption{padding-top:5px}select,.address{border:1px solid var(--line);padding:8px;border-radius:8px;background:white}#receipt{color:var(--blue);text-decoration:underline}main:has(.panel){max-width:760px;margin:40px auto;padding:0 20px}.panel{padding:20px;border:1px solid var(--line);border-radius:12px}.panel label,.address{display:block;margin-top:12px}.address{width:100%}.bar{margin:12px 0;display:flex;gap:10px;flex-wrap:wrap}
@media(max-width:720px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery-head{align-items:start;flex-direction:column}header nav{display:none}footer div{flex-wrap:wrap;gap:12px}}@media(max-width:400px){.cards{grid-template-columns:1fr}}

footer .credits{color:var(--muted);font-size:12px}
footer .credits summary{cursor:pointer}
footer .credits a{display:block;margin-top:6px;text-decoration:underline}