.kts{--bg:#f4f4f4;--panel:#fff;--ink:#222;--mute:#767676;--line:#e3e3e3;--brand:#f26b21;--brand-soft:#fff1e8;--price:#d0021b;color-scheme:light}
.kts *,.kts *::before,.kts *::after{box-sizing:border-box}
.kts{margin:0;background:var(--bg);color:var(--ink);font:400 14px/1.5 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}
.kts button,.kts input,.kts select{font:inherit;color:inherit}
.kts :focus-visible{outline:2px solid var(--brand);outline-offset:2px}
.kts header{background:var(--panel);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}
.kts .bar{max-width:1100px;margin:0 auto;display:flex;align-items:center;gap:16px;padding:10px 16px}
.kts .logo{font-weight:800;font-size:22px;color:var(--brand);letter-spacing:-.02em;white-space:nowrap}
.kts .search{flex:1;display:flex;align-items:center;background:#f1f1f1;border-radius:999px;padding:4px 4px 4px 16px}
.kts .search input{flex:1;border:0;background:none;padding:6px 0;outline:none;min-width:0}
.kts .search button{border:0;background:var(--brand);color:#fff;width:32px;height:32px;border-radius:50%;cursor:pointer}
.kts .wrap{max-width:1100px;margin:0 auto;padding:16px}
.kts .box{background:var(--panel);border-radius:12px;padding:16px 20px;margin-bottom:12px}
.kts h1{font-size:18px;margin:0 0 4px}
.kts .sub{color:var(--mute);font-size:13px;margin:0 0 14px}
.kts .chips{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.kts .chipwrap{position:relative}
.kts .chip{border:1px solid #ccc;background:#fff;border-radius:999px;padding:7px 14px;cursor:pointer;font-weight:500;white-space:nowrap}
.kts .chip.on{background:var(--brand-soft);border-color:var(--brand);color:var(--brand)}
.kts .clear{margin-left:auto;border:0;background:none;font-weight:600;cursor:pointer}
.kts .pop{position:absolute;top:calc(100% + 6px);left:0;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.15);padding:14px;width:300px;z-index:30}
.kts .pop[hidden]{display:none}
.kts .pop h3{font-size:13px;margin:0 0 10px}
.kts .rng{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;align-items:center;margin-bottom:10px}
.kts .rng input{width:100%;padding:8px 10px;border:1px solid #ccc;border-radius:8px}
.kts .pre{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}
.kts .pre button{border:1px solid #ccc;background:#fff;border-radius:999px;padding:5px 11px;cursor:pointer;font-size:13px}
.kts .pre button:hover{border-color:var(--brand);color:var(--brand)}
.kts .qgrid{display:flex;flex-wrap:wrap;gap:6px;max-height:240px;overflow:auto;margin-bottom:6px}
.kts .qgrid button{border:1px solid #ccc;background:#fff;border-radius:999px;padding:5px 12px;cursor:pointer;font-size:13px}
.kts .qgrid button.sel{background:var(--brand);border-color:var(--brand);color:#fff}
.kts .apply{width:100%;border:0;background:var(--brand);color:#fff;border-radius:8px;padding:9px;font-weight:600;cursor:pointer}
.kts .tools{display:flex;align-items:center;gap:14px;border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:6px;flex-wrap:wrap}
.kts .tools .count{flex:1;color:var(--mute);min-width:120px}
.kts .tog{display:flex;align-items:center;gap:8px;cursor:pointer}
.kts .tog input{display:none}
.kts .sw{width:36px;height:20px;border-radius:99px;background:#ccc;position:relative;transition:background .15s}
.kts .sw::after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .15s}
.kts .tog input:checked+.sw{background:var(--brand)}
.kts .tog input:checked+.sw::after{transform:translateX(16px)}
.kts .tools select{border:0;background:none;font-weight:500;cursor:pointer}
.kts .view{display:flex;background:#f1f1f1;border-radius:8px;padding:3px}
.kts .view button{border:0;background:none;padding:5px 10px;border-radius:6px;cursor:pointer}
.kts .view button.on{background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.15)}
.kts .list{display:block}
.kts .item{display:block;width:100%;text-align:left;background:none;border:0;border-bottom:1px solid var(--line);padding:16px 0;cursor:pointer}
.kts .item:last-child{border-bottom:0}
.kts .kicker{color:var(--mute);font-size:12px;margin-bottom:8px}
.kts .mosaic{display:grid;grid-template-columns:2fr 2fr 1fr;grid-template-rows:1fr 1fr;gap:3px;height:260px;border-radius:8px;overflow:hidden}
.kts .mosaic>div{position:relative;background:#eee;overflow:hidden}
.kts .mosaic .m0{grid-row:1/3}
.kts .mosaic .m1{grid-row:1/3}
.kts .mosaic img,.kts .mosaic video,.kts .one img,.kts .one video{width:100%;height:100%;object-fit:cover;display:block}
.kts .mosaic.n1{grid-template-columns:1fr}
.kts .mosaic.n1 .m0{grid-row:1/3}
.kts .mosaic.n2{grid-template-columns:1fr 1fr}
.kts .mosaic.n3{grid-template-columns:2fr 1fr}
.kts .mosaic.n3 .m1{grid-row:1}
.kts .more{position:absolute;inset:0;background:rgba(0,0,0,.5);color:#fff;display:grid;place-items:center;font-weight:700}
.kts .cnt{position:absolute;right:6px;bottom:6px;background:rgba(0,0,0,.65);color:#fff;font-size:12px;padding:2px 8px;border-radius:99px}
.kts .info{margin-top:10px}
.kts .title{font-weight:600;font-size:15px;margin:0 0 2px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.kts .price{color:var(--price);font-weight:700;font-size:17px;margin:0 0 2px}
.kts .meta{color:var(--mute);font-size:13px;margin:0}
.kts .desc{color:#444;margin:4px 0 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.kts .grid .list,.kts .list.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px;padding-top:12px}
.kts .list.grid .item{border:1px solid var(--line);border-radius:10px;padding:0;overflow:hidden;background:#fff}
.kts .list.grid .kicker,.kts .list.grid .mosaic{display:none}
.kts .one{display:none;aspect-ratio:4/3;background:#eee;position:relative}
.kts .list.grid .one{display:block}
.kts .list.grid .info{margin:0;padding:10px 12px 12px}
.kts .empty{padding:48px 16px;text-align:center;color:var(--mute)}
.kts .moreBtn{display:block;margin:14px auto 0;border:1px solid var(--brand);color:var(--brand);background:#fff;border-radius:999px;padding:9px 28px;font-weight:600;cursor:pointer}
.kts dialog{border:0;border-radius:14px;padding:0;width:min(680px,calc(100% - 24px));max-height:calc(100% - 24px)}
.kts dialog::backdrop{background:rgba(0,0,0,.5)}
.kts .dh{display:flex;justify-content:space-between;gap:12px;padding:14px 18px;border-bottom:1px solid var(--line)}
.kts .dh h2{margin:0;font-size:17px}
.kts .dh button{border:0;background:#f1f1f1;width:32px;height:32px;border-radius:50%;cursor:pointer;flex:none}
.kts .db{padding:18px}
.kts .gal{display:grid;gap:8px;margin-bottom:14px}
.kts .gal img,.kts .gal video{width:100%;border-radius:8px;display:block}
@media (max-width:700px){.kts .mosaic{height:200px;grid-template-columns:1fr;grid-template-rows:1fr}
.kts .mosaic>div:not(.m0){display:none}
.kts .logo{font-size:18px}}