.kcs,.kcs-dialog,.kcs-mark{--kcs-bg:var(--color-bg);--kcs-line:oklch(0% 0 0/.16);--kcs-line-strong:oklch(0% 0 0/.3);--kcs-placeholder:#737378;--kcs-select-bg:#f0f5f8;--kcs-select-line:#6a8fa7;--kcs-photo-bg:#fff;--kcs-photo-edge:oklch(0% 0 0/.08);--kcs-empty-tile:#f3f3f1;--kcs-ok-bg:#f3f8f4;--kcs-ok-line:#cde2d4;--kcs-ok:#23703f;--kcs-info-bg:color-mix(in oklab, var(--color-ice) 8%, var(--color-bg));--kcs-info-line:color-mix(in oklab, var(--color-ice) 22%, transparent);--kcs-shadow:oklch(0% 0 0/.14);--kcs-backdrop:#10101061}[data-theme=dark] .kcs,[data-theme=dark] .kcs-dialog,[data-theme=dark] .kcs-mark{--kcs-bg:#101010;--kcs-line:oklch(100% 0 0/.14);--kcs-line-strong:oklch(100% 0 0/.3);--kcs-placeholder:var(--color-ink-faint);--kcs-select-bg:#1c2a32;--kcs-select-line:#81adc4;--kcs-photo-bg:#262626;--kcs-photo-edge:oklch(100% 0 0/.07);--kcs-empty-tile:#222;--kcs-ok-bg:#16261d;--kcs-ok-line:#2b4837;--kcs-ok:#8fd9a8;--kcs-info-bg:color-mix(in oklab, var(--color-ice) 7%, #101010);--kcs-shadow:#0009;--kcs-backdrop:#0000009e}.kcs__photo,.kcs__suggest-photo,.kcs-tile__photo,.kcs-mark__photo{background:var(--kcs-photo-bg);display:block;position:relative;overflow:hidden}.kcs__photo:after,.kcs__suggest-photo:after,.kcs-tile__photo:after{content:"";border-radius:inherit;box-shadow:inset 0 0 0 1px var(--kcs-photo-edge);pointer-events:none;position:absolute;inset:0}.kcs__photo img,.kcs__suggest-photo img,.kcs-tile__photo img,.kcs-mark__photo img{object-fit:contain;width:100%;height:100%;display:block}.kcs__photo.is-cover img,.kcs__suggest-photo.is-cover img,.kcs-tile__photo.is-cover img,.kcs-mark__photo.is-cover img{object-fit:cover}.kcs__photo.is-empty,.kcs__suggest-photo.is-empty,.kcs-tile__photo.is-empty{background:var(--kcs-empty-tile)}.kcs__suggest-photo{border-radius:10px}body.kcs-dialog-open{overflow:hidden}body.kcs-dialog-open .mia-fab-wrap,body.kcs-dialog-open .ml-trigger,body.kcs-dialog-open .mia-smart-notif{visibility:hidden}.kcs-dialog{border:1px solid var(--kcs-line-strong);background:var(--kcs-bg);width:min(880px,100vw - 48px);max-width:none;max-height:min(800px,100dvh - 48px);color:var(--color-ink);font-family:var(--ff-sans);box-shadow:0 30px 80px -20px var(--kcs-shadow);border-radius:22px;margin:auto;padding:0;overflow:hidden}.kcs-dialog[open]{flex-direction:column;animation:.32s cubic-bezier(.16,1,.3,1) both kcs-dialog-in;display:flex}.kcs-dialog::backdrop{background:var(--kcs-backdrop)}.kcs-dialog__inner{flex-direction:column;flex:1;min-height:0;padding:22px 24px 18px;display:flex}.kcs-dialog__head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.kcs-dialog__title{font-family:var(--ff-sans);letter-spacing:var(--letter-spacing-snug);color:var(--color-ink);margin:0;font-size:21px;font-weight:650;line-height:1.25}.kcs-dialog__close{border:1px solid var(--kcs-line);border-radius:var(--radius-btn);width:44px;height:44px;color:var(--color-ink-soft);cursor:pointer;background:0 0;flex:none;place-items:center;padding:0;display:grid}.kcs-dialog__close svg{width:18px;height:18px}.kcs-dialog__close:hover{color:var(--color-ink);border-color:var(--kcs-line-strong)}.kcs-dialog__close:focus-visible,.kcs-dialog__brand:focus-visible,.kcs-tile:focus-visible,.kcs-dialog__mia:focus-visible{outline:2px solid var(--color-ice);outline-offset:2px}.kcs-dialog__search{flex:none;min-width:0;position:relative}.kcs-dialog__search-icon{width:17px;height:17px;color:var(--color-ink-faint);pointer-events:none;margin-top:-8.5px;position:absolute;top:50%;left:15px}.kcs-dialog__search input{border:1px solid var(--kcs-line);border-radius:var(--radius-input);background:var(--kcs-bg);width:100%;height:50px;color:var(--color-ink);font:inherit;text-overflow:ellipsis;transition:border-color var(--duration-fast) var(--ease-quick), box-shadow var(--duration-fast) var(--ease-quick);outline:none;padding:0 14px 0 42px;font-size:15px;display:block}.kcs-dialog__search input::placeholder{color:var(--kcs-placeholder)}.kcs-dialog__search input:hover{border-color:var(--kcs-line-strong)}.kcs-dialog__search input:focus{border-color:var(--color-ice);box-shadow:0 0 0 3px color-mix(in oklab, var(--color-ice) 18%, transparent)}.kcs-dialog__brands{scrollbar-width:none;flex:none;gap:8px;margin:14px -24px 14px 0;padding:2px 24px 2px 2px;display:flex;overflow-x:auto}.kcs-dialog__brands::-webkit-scrollbar{display:none}.kcs-dialog__brand{border:1px solid var(--kcs-line);border-radius:var(--radius-btn);min-height:40px;color:var(--color-ink-soft);font:inherit;white-space:nowrap;cursor:pointer;transition:border-color var(--duration-fast) var(--ease-quick), background-color var(--duration-fast) var(--ease-quick), color var(--duration-fast) var(--ease-quick);background:0 0;flex:none;padding:0 16px;font-size:14px;font-weight:600}.kcs-dialog__brand:hover{border-color:var(--kcs-line-strong);color:var(--color-ink)}.kcs-dialog__brand[aria-pressed=true]{border-color:var(--kcs-select-line);background:var(--kcs-select-bg);color:var(--color-ink)}.kcs-dialog__grid{overscroll-behavior:contain;scrollbar-width:thin;flex:1;grid-template-columns:repeat(auto-fill,minmax(124px,1fr));grid-auto-rows:max-content;align-content:start;gap:12px;min-height:0;padding:2px;display:grid;overflow-y:auto}.kcs-dialog__grid[aria-busy=true]{min-height:260px}.kcs-tile{border:1px solid var(--kcs-line);color:var(--color-ink);font:inherit;text-align:center;cursor:pointer;transition:border-color var(--duration-fast) var(--ease-quick), background-color var(--duration-fast) var(--ease-quick);background:0 0;border-radius:14px;flex-direction:column;align-items:stretch;gap:8px;padding:8px 8px 10px;display:flex}.kcs-tile:hover{border-color:var(--color-ink-soft)}.kcs-tile.is-in{border-color:var(--kcs-select-line);background:var(--kcs-select-bg)}.kcs-tile__photo{aspect-ratio:1;border-radius:10px;flex:none;width:100%}.kcs-tile__name{-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;font-size:13.5px;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.kcs-dialog__note{color:var(--color-ink-soft);grid-column:1/-1;margin:6px 2px;font-size:14px;line-height:1.5}.kcs-dialog__foot{color:var(--color-ink-soft);flex:none;margin:14px 0 0;font-size:14px}.kcs-dialog__mia{color:var(--color-ink);font:inherit;border:0;border-bottom:1px solid var(--color-line-strong);cursor:pointer;background:0 0;padding:0;font-weight:600}.kcs-dialog__mia:hover{border-bottom-color:var(--color-ink)}@media (width<=640px){.kcs-dialog{border-bottom:0;border-radius:22px 22px 0 0;width:100vw;height:min(88dvh,760px);max-height:none;margin:auto 0 0}.kcs-dialog[open]{animation-name:kcs-sheet-in}.kcs-dialog__inner{padding:18px 16px 14px}.kcs-dialog__brands{margin-right:-16px;padding-right:16px}.kcs-dialog__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.kcs-tile{padding:6px 6px 8px}.kcs-tile__name{font-size:12.5px}}@media (hover:none) and (pointer:coarse){.kcs-dialog__search input{font-size:16px}}@keyframes kcs-dialog-in{0%{opacity:0;transform:translateY(10px)scale(.985)}to{opacity:1;transform:none}}@keyframes kcs-sheet-in{0%{opacity:.6;transform:translateY(40px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.kcs-dialog[open]{animation:none}}
