.layout{grid-template-columns:280px 1fr;gap:32px;max-width:1200px;margin:0 auto;padding:32px 24px 56px;display:grid}@media (width<=860px){.layout{grid-template-columns:1fr}}.panel{background:var(--paper-raised);box-shadow:var(--shadow-sm);border:1px solid #d3d0c899;border-radius:18px;align-self:start;padding:24px;position:sticky;top:88px}@media (width<=860px){.panel{position:static}}.panel h2{align-items:center;gap:8px;margin-bottom:16px;font-family:Kanit;font-size:15px;font-weight:600;display:flex}.filterGroup{margin-bottom:20px}.filterGroup:last-child{margin-bottom:0}.filterLabel{text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);justify-content:space-between;align-items:baseline;margin-bottom:8px;font-size:12px;font-weight:600;display:flex}.filterLabel .val{color:var(--amber-dark);font-family:IBM Plex Mono;font-weight:600}input[type=range]{width:100%;accent-color:var(--amber-dark);cursor:pointer}.chipRow{flex-wrap:wrap;gap:6px;display:flex}.chip{border:1px solid var(--line);background:var(--paper);cursor:pointer;transition:all .2s var(--ease);user-select:none;color:inherit;border-radius:100px;padding:6.5px 13px;font-family:inherit;font-size:12.5px}.chip:hover{border-color:var(--amber-dark)}.chip.active{background:var(--ink);color:var(--paper-raised);border-color:var(--ink)}.toggleRow{justify-content:space-between;align-items:center;display:flex}.switch{background:var(--line);cursor:pointer;border:none;border-radius:100px;flex-shrink:0;width:38px;height:22px;transition:background .15s;position:relative}.switch.on{background:var(--amber-dark)}.switch .knob{background:#fff;border-radius:50%;width:16px;height:16px;transition:left .15s;position:absolute;top:3px;left:3px;box-shadow:0 1px 2px #0003}.switch.on .knob{left:19px}.resetBtn{border:1px solid var(--line);width:100%;color:var(--text-muted);cursor:pointer;transition:border-color .2s var(--ease), color .2s var(--ease);background:0 0;border-radius:12px;margin-top:18px;padding:11px;font-family:IBM Plex Sans Thai;font-size:13px}.resetBtn:hover{border-color:var(--brick);color:var(--brick)}.searchBox{position:relative}.searchInput{border:1px solid var(--line);background:var(--paper);width:100%;color:var(--ink);transition:border-color .2s var(--ease), box-shadow .2s var(--ease);border-radius:12px;padding:11px 12px 11px 34px;font-family:IBM Plex Sans Thai;font-size:13.5px}.searchInput::placeholder{color:var(--text-soft)}.searchInput:focus{border-color:var(--amber-dark);outline:none;box-shadow:0 0 0 3px #b87f221f}.searchIcon{color:var(--text-soft);pointer-events:none;font-size:13px;position:absolute;top:50%;left:11px;transform:translateY(-50%)}.cardImage{aspect-ratio:4/3;background:var(--paper);border:1px solid var(--line);border-radius:12px;position:relative;overflow:hidden}.cardImage img{object-fit:cover;width:100%;height:100%;display:block}.cardImagePlaceholder{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.compareCheck{z-index:3;border:1.5px solid var(--line);backdrop-filter:blur(2px);cursor:pointer;color:#0000;background:#f6f5f1eb;border-radius:5px;justify-content:center;align-items:center;width:22px;height:22px;font-size:13px;font-weight:700;display:flex;position:absolute;top:8px;left:8px}.compareCheck:hover{border-color:var(--amber-dark)}.compareCheck.checked{background:var(--amber-dark);border-color:var(--amber-dark);color:var(--paper-raised)}.compareBar{z-index:40;background:var(--ink);color:var(--paper-raised);box-shadow:var(--shadow-lg);border-radius:18px;flex-wrap:wrap;align-items:center;gap:12px;margin-top:24px;padding:14px 18px;display:flex;position:sticky;bottom:20px}.compareBar .compareLabel{font-family:Kanit;font-size:14px;font-weight:600}.compareBar .compareLabel .n{color:var(--amber)}.compareChips{flex-wrap:wrap;flex:1;gap:6px;display:flex}.compareChip{background:#ffffff1a;border-radius:100px;align-items:center;gap:6px;padding:4px 8px;font-size:11.5px;display:flex}.compareChip button{color:inherit;cursor:pointer;opacity:.7;background:0 0;border:none;font-size:12px;line-height:1}.compareChip button:hover{opacity:1}.compareActions{gap:8px;display:flex}.compareBtn{cursor:pointer;border:none;border-radius:7px;padding:8px 14px;font-family:IBM Plex Sans Thai;font-size:13px;font-weight:600;text-decoration:none;display:inline-block}.compareBtn.primary{background:var(--amber-dark);color:var(--paper-raised)}.compareBtn.primary.disabled{background:var(--text-soft);cursor:not-allowed;pointer-events:none}.compareBtn.ghost{color:var(--paper-raised);background:0 0;border:1px solid #ffffff40}.resultsHead{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:16px;display:flex}.resultsCount{letter-spacing:-.01em;font-family:Kanit;font-size:21px;font-weight:600}.resultsCount .n{color:var(--amber-dark)}.sortSelect{border:1px solid var(--line);background:var(--paper-raised);cursor:pointer;border-radius:10px;padding:8px 12px;font-family:IBM Plex Sans Thai;font-size:13px}.grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;min-height:120px;display:grid}.card{background:var(--paper-raised);box-shadow:var(--shadow-sm);transition:box-shadow .25s var(--ease), transform .25s var(--ease);border:1px solid #d3d0c880;border-radius:18px;flex-direction:column;gap:10px;padding:18px;display:flex;position:relative}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.cardLinkOverlay{z-index:1;border-radius:inherit;position:absolute;inset:0}.cardTop{justify-content:space-between;align-items:flex-start;display:flex}.cardBrand{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:11px}.cardName{margin-top:2px;font-family:Kanit;font-size:16px;font-weight:600;line-height:1.25}.catBadge{white-space:nowrap;border-radius:100px;padding:3px 8px;font-size:10px;font-weight:600}.cat-Entry{color:#3f6144;background:#dce8dc}.cat-Mid{color:var(--blue);background:#dde7ec}.cat-High-Res{color:var(--amber-dark);background:#f1e1d4}.cat-Pro{color:var(--brick);background:#f0dad3}.cat-Flagship{color:#f6f5f1;background:#2b2e31}.specMini{color:var(--ink-soft);border-top:1px dashed var(--line);border-bottom:1px dashed var(--line);grid-template-columns:1fr 1fr;gap:6px 10px;padding:10px 0;font-family:IBM Plex Mono;font-size:11.5px;display:grid}.specMini div span{color:var(--text-soft);font-family:IBM Plex Sans Thai;font-size:10px;display:block}.tagRow{flex-wrap:wrap;gap:6px;display:flex}.tag{background:var(--paper);border:1px solid var(--line);color:var(--ink-soft);border-radius:5px;padding:3px 8px;font-size:10.5px}.tag.ibis{border-color:var(--green);color:var(--green)}.emptyState{text-align:center;color:var(--text-muted);padding:64px 20px}.emptyState .emoji{margin-bottom:12px;font-size:36px}header[data-astro-cid-lcdefpme]{z-index:50;-webkit-backdrop-filter:blur(20px)saturate(1.6);background:#ecebe7d1;border-bottom:1px solid #d3d0c899;padding:18px 24px;position:sticky;top:0}.header-inner[data-astro-cid-lcdefpme]{flex-wrap:wrap;align-items:center;gap:16px;max-width:1200px;margin:0 auto;display:flex}.logo[data-astro-cid-lcdefpme]{letter-spacing:-.01em;white-space:nowrap;font-size:20px;font-weight:700}.logo[data-astro-cid-lcdefpme] span[data-astro-cid-lcdefpme]{color:var(--amber-dark)}.subtitle[data-astro-cid-lcdefpme]{color:var(--text-muted);margin-top:2px;font-size:12px}.top-nav[data-astro-cid-lcdefpme]{gap:20px;margin-left:auto;font-size:13.5px;display:flex}.top-nav[data-astro-cid-lcdefpme] a[data-astro-cid-lcdefpme]{color:var(--text-muted);transition:color .2s var(--ease)}.top-nav[data-astro-cid-lcdefpme] a[data-astro-cid-lcdefpme]:hover{color:var(--ink)}footer[data-astro-cid-lcdefpme]{max-width:1200px;color:var(--text-soft);text-align:center;margin:0 auto;padding:24px;font-size:11px}