.favorites-filter{display:flex;align-items:center;gap:7px}.favorites-filter input,.compare-check input{accent-color:#00e0a5}.card-actions{display:flex;align-items:center;justify-content:space-between;margin-top:9px}.favorite-button{width:35px;height:33px;border:1px solid #344155;border-radius:8px;background:#172236;color:#fbbf24;font-size:21px;cursor:pointer}.favorite-button.active{background:#423315}.compare-check{font-size:12px;color:#aeb8ca}.compare-bar{position:fixed;bottom:16px;left:50%;transform:translateX(-50%);z-index:40;display:flex;align-items:center;gap:12px;background:#172236;border:1px solid #00e0a5;border-radius:99px;padding:9px 14px;box-shadow:0 10px 30px #0009}.compare-bar[hidden]{display:none!important}.compare-bar button{border:0;border-radius:99px;background:#00e0a5;padding:7px 12px;font:inherit;font-weight:700;cursor:pointer}.compare-dialog{width:min(1200px,calc(100vw - 24px));max-width:none;max-height:90vh;overflow:auto;border:1px solid #344155;background:#0d1523;color:#e5e7eb;border-radius:18px;padding:22px}.compare-dialog::backdrop{background:#030711df;backdrop-filter:blur(6px)}.compare-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.compare-item{background:#111a29;border:1px solid #243149;padding:10px;border-radius:12px}.compare-item img{width:100%;height:380px;object-fit:contain;background:#f4f4f2;border-radius:8px}.compare-item h3{font-size:14px}.detail-page-link{display:block;text-align:center;margin-top:12px;color:#00e0a5;text-decoration:none;font-weight:700}.pose-detail-page{padding-top:40px}.detail-page-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);gap:38px;align-items:center;padding:20px 0 50px}.detail-main-image{background:#f4f4f2;border-radius:18px;min-height:420px;display:grid;place-items:center}.detail-main-image img{max-width:100%;max-height:78vh;object-fit:contain}.detail-copy h1{font-size:clamp(28px,4vw,42px);line-height:1.25;color:white}.detail-copy p{color:#aeb8ca}.detail-code{font:13px ui-monospace,Consolas,monospace!important}.detail-angle-links{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.detail-angle-links a{padding:8px 12px;border:1px solid #344155;border-radius:9px;color:#cbd5e1;text-decoration:none}.detail-angle-links a.selected{border-color:#00e0a5;color:#00e0a5}.detail-angle-grid h2{color:white}#mobile-menu{max-height:0;overflow:hidden;transition:max-height .3s ease}.compare-bar[hidden]{display:none!important}@media(max-width:760px){.detail-page-grid{grid-template-columns:1fr;gap:20px}.detail-main-image{min-height:50vh}.compare-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.compare-item img{height:230px}}@media(max-width:420px){.compare-grid{grid-template-columns:1fr 1fr}}
.detail-tags span{display:inline-block;padding:.25rem .6rem;margin:.15rem;border:1px solid rgba(0,224,165,.3);border-radius:999px;color:#9debd4;font-size:.82rem}.detail-usage{padding:1rem;border-left:3px solid #00e0a5;background:#121b2d;border-radius:0 .7rem .7rem 0}.detail-copy .language-toggle{display:inline-flex}
.gallery-preview-notice{margin:0 0 1.25rem;padding:.85rem 1rem;border:1px solid rgba(0,220,178,.38);border-radius:14px;background:rgba(0,220,178,.08);color:#a9f5e2;font-size:.92rem;line-height:1.6}
.gallery-shell{max-width:1680px}
.gallery-hero{padding:28px 0 16px}
.gallery-hero h1{font-size:clamp(32px,3.8vw,44px);margin:8px 0}
.gallery-hero p{font-size:14px}
.gallery-tools{padding:12px;border-radius:16px;gap:9px}
.filter-fields{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.filter-fields select{padding:8px 10px}
.result-line{padding:16px 2px 10px}
.gallery-preview-notice{padding:.65rem .9rem;margin-bottom:.85rem;font-size:.85rem}
.load-more-area{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:30px 0 48px}
.load-more-button{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:10px 24px;border:1px solid #00e0a5;border-radius:12px;background:#00e0a5;color:#08120f;font:700 15px/1.4 'Noto Sans Thai','Inter',sans-serif;cursor:pointer;transition:transform .18s,box-shadow .18s,opacity .18s}
.load-more-button:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00e0a533}
.load-more-button:disabled{opacity:.65;cursor:wait;transform:none}
.load-more-progress{color:#8d9bb1;font-size:13px}
.load-more-area noscript a{color:#00e0a5}
.gallery-guide{margin:0 0 14px;border:1px solid #26364f;border-radius:14px;background:#111a29;color:#dbe5f4;overflow:hidden}
.gallery-guide summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;cursor:pointer;list-style:none;font-weight:700}
.gallery-guide summary::-webkit-details-marker{display:none}
.gallery-guide summary::before{content:'?';display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#00e0a51a;color:#00e0a5;font-weight:800}
.gallery-guide summary span:first-child{flex:1}
.guide-chevron{color:#00e0a5;font-size:20px;transition:transform .2s}
.gallery-guide[open] .guide-chevron{transform:rotate(180deg)}
.guide-content{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;padding:0 16px 16px}
.guide-content section{padding:12px;border:1px solid #243149;border-radius:10px;background:#0d1523}
.guide-content h2{margin:0 0 6px;color:#f1f5f9;font-size:13px;line-height:1.5}
.guide-content p{margin:0;color:#aeb8ca;font-size:12px;line-height:1.65}
.image-download{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:34px;padding:4px 9px;border:1px solid #00e0a555;border-radius:8px;background:#00e0a512;color:#00e0a5;text-decoration:none;font-size:12px;font-weight:700}
.image-download:hover{background:#00e0a526;border-color:#00e0a5}
.image-download span{white-space:nowrap}
.gallery-guide :focus-visible,.image-download:focus-visible{outline:3px solid #00e0a5;outline-offset:3px}
@media(max-width:900px){.guide-content{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.guide-content{grid-template-columns:1fr}.image-download span{font-size:11px}}
.pose-code-badge{position:absolute;left:12px;top:12px;z-index:1;padding:4px 9px;border:1px solid #ffffff55;border-radius:999px;background:#111827d9;color:#fff;font:700 11px/1.4 ui-monospace,Consolas,monospace;letter-spacing:.03em}
.image-count{font-weight:700}
.angle-strip button{background:#f5f6f7;color:#435066;border-color:#d6dae1;box-shadow:0 2px 8px #0002}
.angle-strip button.selected{outline:2px solid #00e0a5;outline-offset:1px;border-color:#00e0a5;color:#08785f}
.angle-strip button:hover{border-color:#00c997;color:#08785f}
.angle-strip{align-items:flex-start;overflow-x:auto;padding:2px 1px 5px;scrollbar-width:thin}
.angle-strip button{flex:0 0 48px;width:48px;height:62px;padding:3px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;overflow:hidden}
.angle-strip button img{display:block;width:38px;height:40px;max-width:100%;object-fit:contain;background:#f4f4f2;border-radius:4px}
.angle-strip button span{display:block;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:9px/1.2 'Noto Sans Thai','Inter',sans-serif}
@media(max-width:760px){.angle-strip button{flex-basis:44px;width:44px;height:59px}.angle-strip button img{width:34px;height:37px}}
@media(min-width:1500px){.pose-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:20px}}
@media(max-width:420px){.pose-code-badge{left:8px;top:8px;padding:3px 7px;font-size:10px}.image-count{right:8px;top:8px}}
@media(max-width:760px){.gallery-hero{padding:25px 0 14px}.filter-fields{grid-template-columns:repeat(2,minmax(0,1fr))}}