.photo-search{padding-top:42px;padding-bottom:64px}.photo-kicker{font-size:11px;letter-spacing:.14em;color:#33727e}.photo-heading h1{font-size:clamp(28px,4vw,44px);line-height:1.1;margin:12px 0}.photo-heading p{color:#65747b}.photo-workspace{display:grid;grid-template-columns:minmax(260px,360px) 1fr;gap:36px;margin-top:30px;align-items:start}.photo-input{padding:24px;border:1px solid #dce5e7;border-radius:20px;background:#f7fafb}.photo-upload{display:flex;flex-direction:column;align-items:center;gap:10px;padding:26px 12px;border:1px dashed #829fa6;border-radius:12px;cursor:pointer;background:white;text-align:center}.photo-upload>span{font-size:30px;color:#33727e}.photo-upload small,.photo-note,.photo-hint{font-size:12px;line-height:1.6;color:#65747b}.photo-secondary{display:inline-block;border:0;background:transparent;color:#286775;text-decoration:underline;cursor:pointer;font:inherit;padding:8px 0}.photo-camera{text-align:center}.photo-find{width:100%;margin-top:16px}.photo-find:disabled{opacity:.45;cursor:wait}#photo-canvas{width:100%;height:auto;display:block;touch-action:none;border-radius:10px;background:white;margin-top:14px}#photo-status{font-size:14px;line-height:1.5}.photo-results-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.photo-results-heading h2{font-size:24px}.photo-results-heading label{font-size:12px}.photo-results-heading select{padding:8px;max-width:150px;border:1px solid #dce5e7;border-radius:6px;background:white}.photo-output>p{color:#65747b;line-height:1.6}#photo-results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.photo-result{display:flex;flex-direction:column;padding:14px;border:1px solid #e1e8ea;border-radius:12px;color:inherit;text-decoration:none;background:white}.photo-result img{width:100%;aspect-ratio:1;object-fit:contain}.photo-result strong{font-size:14px;line-height:1.5;margin-top:12px}.photo-result small{font-size:12px;color:#65747b;margin-top:6px}.photo-result b{margin-top:auto;padding-top:12px;font-size:17px}.photo-result .photo-availability{color:#33727e}.photo-result:hover{border-color:#33727e}@media(max-width:900px){#photo-results{grid-template-columns:repeat(2,minmax(0,1fr))}.photo-workspace{gap:20px}}@media(max-width:650px){.photo-search{padding-top:24px}.photo-workspace{grid-template-columns:1fr}.photo-input{padding:18px}.photo-results-heading h2{font-size:21px}.photo-result{padding:10px}}
