html{scroll-behavior:smooth}body{margin:0;background:#0d111c;color:#e5e7eb;font-family:'Noto Sans Thai','Inter',sans-serif;line-height:1.6}.text-accent{color:#00e0a5}.bg-accent{background:#00e0a5}.gallery-shell{min-height:65vh;max-width:1440px;margin:auto;padding:0 clamp(16px,4vw,56px) 64px}.gallery-hero{padding:58px 0 26px}.eyebrow{font-size:12px;font-weight:800;letter-spacing:.16em;color:#00e0a5;text-transform:uppercase}.hero-row{display:flex;justify-content:space-between;align-items:flex-end;gap:24px}.gallery-hero h1{font-size:clamp(32px,5vw,54px);font-weight:800;line-height:1.15;margin:12px 0;color:white}.gallery-hero p{color:#9ca3af;font-size:16px;margin:0;max-width:700px}.language-toggle{flex:none;border:1px solid #344155;padding:10px 16px;border-radius:999px;color:#00e0a5;text-decoration:none;font-weight:700}.gallery-tools{display:grid;grid-template-columns:minmax(220px,1fr) auto;gap:12px;background:#121a2a;border:1px solid #243149;border-radius:20px;padding:16px;position:sticky;top:10px;z-index:20;box-shadow:0 16px 48px #060a12aa}.search-field{display:flex;align-items:center;gap:10px;background:#0d111c;border:1px solid #344155;border-radius:12px;padding:0 14px;min-height:50px}.search-field span{font-size:24px;color:#00e0a5}.search-field input{width:100%;border:0;outline:0;background:transparent;color:#f9fafb;font:inherit}.filter-toggle{display:none;background:#1b263a;color:#e5e7eb;border:1px solid #344155;border-radius:12px;padding:0 16px;font:inherit;font-weight:700}.filter-fields{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:10px}.filter-fields label{display:grid;gap:5px;color:#9ca3af;font-size:12px}.filter-fields select{background:#0d111c;border:1px solid #344155;color:#e5e7eb;border-radius:10px;padding:10px;min-width:0;font:inherit;font-size:14px}.search-submit,.detail-button,.download-link{background:#00e0a5;color:#08120f;border:0;border-radius:10px;padding:11px 17px;font:inherit;font-weight:800;cursor:pointer;text-decoration:none}.search-submit{grid-column:2;grid-row:1}.result-line{display:flex;justify-content:space-between;align-items:center;padding:24px 2px 14px;color:#aeb8ca}.result-line strong{color:white}.result-line a{color:#00e0a5;text-decoration:none}.pose-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.pose-card{background:#111a29;border:1px solid #243149;border-radius:18px;overflow:hidden;transition:transform .2s,border-color .2s}.pose-card:hover{transform:translateY(-3px);border-color:#00e0a577}.pose-image{width:100%;aspect-ratio:3/4;background:#f4f4f2;border:0;padding:0;position:relative;display:block;cursor:zoom-in}.pose-image img{width:100%;height:100%;object-fit:contain}.image-count{position:absolute;right:10px;top:10px;background:#0d111cd9;color:white;border:1px solid #ffffff33;border-radius:99px;padding:3px 9px;font-size:12px}.pose-card-body{padding:14px}.pose-labels{display:flex;gap:6px;flex-wrap:wrap}.pose-labels span{font-size:10px;color:#a7b8d2;background:#1b283c;border-radius:99px;padding:3px 8px}.pose-card h2{font-size:16px;line-height:1.45;color:white;margin:10px 0 3px}.pose-card p{font:12px ui-monospace,Consolas,monospace;color:#74839b;margin:0 0 12px}.angle-strip,.dialog-angles{display:flex;gap:6px}.angle-strip button,.dialog-angles button{width:36px;height:34px;border:1px solid #344155;background:#172236;color:#cbd5e1;border-radius:8px;cursor:pointer;font-weight:700}.angle-strip button:hover,.angle-strip button.selected,.dialog-angles button.selected{border-color:#00e0a5;color:#00e0a5}.detail-button{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:13px;background:#16243a;color:#00e0a5;border:1px solid #00e0a544}.empty-state{text-align:center;padding:100px 20px;color:#9ca3af}.empty-mark{font-size:48px;color:#00e0a5}.empty-state h2{color:white;font-size:22px}.empty-state a{display:inline-block;margin-top:12px;color:#00e0a5}.pagination{display:flex;justify-content:center;align-items:center;gap:24px;padding:32px 0}.pagination a{color:#00e0a5;text-decoration:none;font-weight:700}.pagination span{color:#aeb8ca}.pose-dialog{width:min(1100px,calc(100vw - 24px));max-width:none;border:1px solid #344155;background:#0d1523;color:#e5e7eb;border-radius:20px;padding:18px;box-shadow:0 32px 100px #000b}.pose-dialog::backdrop{background:#030711df;backdrop-filter:blur(6px)}.dialog-close{position:absolute;right:14px;top:12px;z-index:2;width:46px;height:46px;border:1px solid #718096;border-radius:50%;background:#121a2a;color:white;font-size:28px;cursor:pointer}.dialog-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;align-items:center}.dialog-image-wrap{position:relative;height:min(76vh,850px);background:#f4f4f2;border-radius:14px;display:grid;place-items:center}.dialog-image-wrap img{max-width:100%;max-height:100%;object-fit:contain}.dialog-nav{position:absolute;top:50%;transform:translateY(-50%);width:46px;height:46px;border:0;border-radius:50%;background:#0d111cbb;color:white;font-size:28px;cursor:pointer}.dialog-prev{left:10px}.dialog-next{right:10px}.dialog-info h2{font-size:25px;line-height:1.35;color:white;margin:14px 0 6px}.dialog-info p{color:#aeb8ca}.dialog-code{font:12px ui-monospace,Consolas,monospace!important;color:#74839b!important}.dialog-angles{margin:22px 0;flex-wrap:wrap}.dialog-angles button{width:auto;padding:0 10px}.download-link{display:block;text-align:center}.pose-card:focus-within,.gallery-tools :focus-visible,.pagination a:focus-visible,.language-toggle:focus-visible,.pose-dialog :focus-visible{outline:3px solid #00e0a5;outline-offset:3px}@media(max-width:1100px){.pose-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:760px){.gallery-hero{padding-top:35px}.hero-row{align-items:flex-start}.gallery-tools{grid-template-columns:1fr auto;top:0}.filter-toggle{display:block}.filter-fields{display:none;grid-template-columns:repeat(2,minmax(0,1fr))}.filter-fields.open{display:grid}.search-submit{display:none}.pose-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.pose-card-body{padding:10px}.pose-card h2{font-size:14px}.pose-labels span{font-size:9px}.angle-strip button{width:32px;height:32px}.dialog-layout{grid-template-columns:1fr}.dialog-image-wrap{height:54vh}.dialog-info h2{font-size:20px}.dialog-info{padding:2px 4px 6px}.pose-dialog{padding:12px}.dialog-close{right:17px;top:17px}}@media(max-width:420px){.hero-row{display:block}.language-toggle{display:inline-block;margin-top:15px}.pose-grid{grid-template-columns:1fr 1fr}.gallery-tools{padding:10px}.filter-fields{gap:7px}.filter-fields select{font-size:12px;padding:8px}.pose-card h2{font-size:13px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}