.condition-summary{display:flex;justify-content:space-between;align-items:center;gap:14px;margin:0 0 24px;padding:13px 16px;background:#fff4d5;border:1px solid #eedba7;border-radius:13px;font-size:13px;color:#4f5f70}
.condition-summary button,.copy-link-button{border:1px solid #18324a;background:#fff;color:#18324a;border-radius:10px;padding:9px 13px;font-weight:800;cursor:pointer;white-space:nowrap}
.copy-link-button{display:block;width:100%;margin-top:18px;border-color:#d9d2c6}
.copy-link-button:hover,.condition-summary button:hover{background:#18324a;color:#fff}
.copy-status{min-height:20px;margin:5px 0 0;text-align:center;color:#236e5d;font-size:12px}
@media(max-width:640px){.condition-summary{align-items:flex-start;flex-direction:column}.condition-summary button{width:100%}}
.refine-row{display:flex;align-items:flex-start;gap:16px;margin:14px 0;padding:2px 4px}.refine-row strong{flex:0 0 42px;padding-top:8px;font-size:13px;color:#18324a}.refine-row>div{display:flex;flex-wrap:wrap;gap:8px}.refine-row button{border:1px solid #ddd4c7;background:#fff;color:#33485b;border-radius:999px;padding:8px 13px;font:inherit;font-size:13px;cursor:pointer}.refine-row button:hover,.refine-row button.active{border-color:#18324a;background:#18324a;color:#fff}.color-row i{display:inline-block;width:12px;height:12px;margin-right:6px;border:1px solid rgba(0,0,0,.12);border-radius:50%;vertical-align:-1px}.color-row [data-color=red] i{background:#ef6f70}.color-row [data-color=orange] i{background:#ef9b57}.color-row [data-color=yellow] i{background:#f2cf55}.color-row [data-color=green] i{background:#5db28a}.color-row [data-color=blue] i{background:#5b91cc}.color-row [data-color=purple] i{background:#9b77bf}.load-more-wrap{text-align:center;margin:28px 0 8px}.load-more{min-width:260px;border:2px solid #18324a;background:#fff;color:#18324a;border-radius:14px;padding:14px 26px;font:inherit;font-weight:800;cursor:pointer;box-shadow:0 4px 0 #18324a}.load-more:hover{background:#18324a;color:#fff;transform:translateY(2px);box-shadow:0 2px 0 #18324a}.load-more[hidden]{display:none}.new-badge{display:inline-flex;margin-bottom:8px;padding:5px 9px;border-radius:999px;background:#fff0eb;color:#ef5f4c;font-size:12px;font-weight:800}
@media(max-width:640px){.refine-row{display:block}.refine-row strong{display:block;margin-bottom:7px}.refine-row>div{flex-wrap:nowrap;overflow-x:auto;padding-bottom:7px}.refine-row button{flex:0 0 auto}.load-more{width:100%;min-width:0}}
.search-history{display:flex;align-items:center;gap:8px;margin-top:10px;color:#7a858e;font-size:12px}.search-history>div{display:flex;flex-wrap:wrap;gap:6px}.search-history button{border:0;background:transparent;color:#286d70;text-decoration:underline;cursor:pointer;padding:2px 4px}.search-history>#clearSearchHistory{margin-left:auto;color:#7a858e;text-decoration:none}.similar-button{width:100%;margin-top:10px;border:1px solid #18324a;background:#fff;color:#18324a;border-radius:12px;padding:12px;font:inherit;font-weight:800;cursor:pointer}.similar-button:hover{background:#edf7f3}.back-to-top{position:fixed;right:22px;bottom:24px;z-index:30;display:flex;flex-direction:column;align-items:center;justify-content:center;width:56px;height:56px;border:0;border-radius:50%;background:#18324a;color:#fff;font:inherit;font-weight:800;box-shadow:0 6px 18px rgba(24,50,74,.25);cursor:pointer;opacity:0;pointer-events:none;transform:translateY(12px);transition:.2s}.back-to-top span{font-size:10px}.back-to-top.show{opacity:1;pointer-events:auto;transform:none}.back-to-top:hover{background:#ef6f5b}.download-btn+.similar-button+small{display:block;margin-top:10px}
@media(max-width:640px){.search-history{align-items:flex-start;flex-wrap:wrap}.search-history>div{flex-wrap:nowrap;max-width:100%;overflow-x:auto}.search-history>#clearSearchHistory{margin-left:0}.back-to-top{right:14px;bottom:16px;width:50px;height:50px}}
.random-button{border:1px solid #18324a;background:#edf7f3;color:#18324a;border-radius:11px;padding:10px 14px;font:inherit;font-weight:800;cursor:pointer}.random-button:hover{background:#18324a;color:#fff}.preview-nav{position:absolute;top:50%;z-index:4;width:44px;height:54px;border:0;border-radius:12px;background:rgba(24,50,74,.88);color:#fff;font-size:34px;line-height:1;cursor:pointer;transform:translateY(-50%)}.preview-nav.prev{left:12px}.preview-nav.next{right:12px}.preview-nav:hover{background:#ef6f5b}.modal-tools{display:grid;grid-template-columns:1fr 1fr;gap:9px}.modal-tools .similar-button{margin-top:10px}.modal-tools+.copy-status{margin-bottom:0}
@media(max-width:640px){.random-button{width:100%}.preview-nav{width:38px;height:48px}.preview-nav.prev{left:7px}.preview-nav.next{right:7px}.modal-tools{grid-template-columns:1fr}}
.compare-button{border:1px solid #d9d2c6;background:#fff;color:#18324a;border-radius:10px;padding:9px 11px;font:inherit;font-size:12px;font-weight:800;cursor:pointer}.compare-button:hover,.compare-button.selected{border-color:#28776f;background:#edf7f3;color:#185d56}.compare-tray{position:fixed;left:50%;bottom:18px;z-index:35;width:min(760px,calc(100% - 28px));padding:16px 48px 16px 18px;border:2px solid #18324a;border-radius:18px;background:#fffaf2;box-shadow:0 14px 35px rgba(24,50,74,.24);opacity:0;pointer-events:none;transform:translate(-50%,24px);transition:.2s}.compare-tray.show{opacity:1;pointer-events:auto;transform:translate(-50%,0)}.compare-tray.limit{animation:compare-shake .45s}.compare-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.compare-head div{display:flex;gap:10px;align-items:baseline}.compare-head span{color:#6c7985;font-size:12px}.compare-head button{border:0;background:transparent;color:#286d70;font-weight:800;cursor:pointer}.compare-items{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.compare-items article{position:relative;display:grid;grid-template-columns:62px 1fr;gap:10px;align-items:center;min-height:74px;padding:8px;border:1px solid #e2d8c9;border-radius:12px;background:#fff}.compare-items img{width:62px;height:62px;object-fit:contain;background-image:linear-gradient(45deg,#eee 25%,transparent 25%),linear-gradient(-45deg,#eee 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#eee 75%),linear-gradient(-45deg,transparent 75%,#eee 75%);background-size:14px 14px;background-position:0 0,0 7px,7px -7px,-7px 0}.compare-items article div{display:flex;min-width:0;flex-direction:column;gap:3px}.compare-items b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.compare-items span{color:#78838d;font-size:11px}.compare-items a{color:#1d6d68;font-size:12px;font-weight:800}.compare-items article>button,.compare-close{border:0;background:transparent;cursor:pointer}.compare-items article>button{position:absolute;right:5px;top:3px;color:#7a858e}.compare-close{position:absolute;right:13px;top:11px;font-size:22px;color:#18324a}@keyframes compare-shake{25%{transform:translate(-52%,0)}75%{transform:translate(-48%,0)}}
@media(max-width:700px){.compare-tray{bottom:8px;padding:13px 42px 13px 13px}.compare-items{display:flex;overflow-x:auto}.compare-items article{flex:0 0 210px}.compare-head{align-items:flex-start}.compare-head div{flex-direction:column;gap:1px}.card-actions{flex-wrap:wrap}.card-actions .compare-button{display:inline-flex;align-items:center;justify-content:center;width:100%}}