.ds-bar{position:sticky;top:env(safe-area-inset-top,0px);z-index:70;background:var(--surface-raised);transition:box-shadow var(--dur)}
.ds-bar.is-stuck{box-shadow:0 6px 24px #1f19151f}
[data-theme=dark] .ds-bar.is-stuck{box-shadow:0 6px 24px #0006}
.ds-bar .hm-container{max-width:none}
.ds-bar__in{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:76px}
.ds-bar__left,.ds-bar__right{display:flex;align-items:center;gap:16px;min-width:0}
.ds-bar__in--search{display:grid;grid-template-columns:minmax(max-content,1fr) minmax(0,360px) minmax(max-content,1fr)}
.ds-bar__in--search .ds-bar__right{justify-self:end}
.ds-search{position:relative;min-width:0}
.ds-search>.hm-icon{position:absolute;left:14px;top:50%;--s:18px;transform:translateY(-50%);color:var(--text-secondary);pointer-events:none}
.ds-search input{width:100%;height:40px;padding:0 16px 0 40px;border:1px solid var(--line-control);border-radius:var(--radius-full);background:var(--surface-card);color:var(--text-primary);font:inherit;font-size:15px;letter-spacing:-.2px}
.ds-search input::placeholder{color:var(--text-secondary);opacity:1}
.ds-search input:focus{outline:0;border-color:var(--text-secondary);box-shadow:0 2px 14px #1f191514}
body:has(.ds-search)::after{content:"";position:fixed;inset:76px 0 0;z-index:60;background:#1f191580;opacity:0;pointer-events:none;transition:opacity var(--dur)}
[data-theme=dark] body:has(.ds-search)::after{background:#000000a6}
body:has(.ds-search input:focus)::after{opacity:1;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
@media (min-width:641px){
  .ds-bar__in--search{transition:grid-template-columns var(--dur)}
  .ds-search input{transition:height var(--dur),font-size var(--dur)}
  .ds-bar__in--search:has(.ds-search input:focus){grid-template-columns:minmax(max-content,1fr) minmax(0,460px) minmax(max-content,1fr)}
  .ds-search input:focus{height:44px;font-size:16px}
  .ds-search:has(.ds-search__list:not([hidden])) input{border-radius:22px 22px 0 0;border-bottom-color:var(--line);box-shadow:none}
}
.ds-search input::-webkit-search-cancel-button{-webkit-appearance:none}
.ds-search__list,.ds-side{scrollbar-width:none}
.ds-search__list::-webkit-scrollbar,.ds-side::-webkit-scrollbar{display:none}
.ds-search__list{position:absolute;top:calc(100% + 8px);left:50%;transform:translateX(-50%);width:max(100%,320px);max-height:min(70svh,460px);overflow:auto;padding:6px;border:1px solid var(--line);border-radius:var(--radius-8);background:var(--surface-card);box-shadow:0 16px 40px #1f191526}
.ds-search__list[hidden]{display:none}
.ds-search__list a{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding:9px 10px;border-radius:var(--radius-4);font-size:15px;line-height:1.3;letter-spacing:-.2px;text-decoration:none}
.ds-search__list a span{flex:none;color:var(--text-secondary);font-size:13px}
.ds-search__list a:hover,.ds-search__list a.is-active{background:#f0eee9}
[data-theme=dark] .ds-search__list a:hover,[data-theme=dark] .ds-search__list a.is-active{background:#ffffff14}
.ds-search__empty{padding:9px 10px;color:var(--text-secondary);font-size:15px}
@media (min-width:641px){
  .ds-search__list{top:100%;width:100%;max-height:min(80svh,540px);padding:8px 8px 14px;border-color:var(--text-secondary);border-top:0;border-radius:0 0 22px 22px}
  .ds-search__list a,.ds-search__empty{padding-inline:14px}
  .ds-search__list a{border-radius:14px}
}
@media (max-width:640px){.ds-brand{font-size:0!important;gap:0!important}.ds-bar__in--search{grid-template-columns:auto minmax(0,1fr) auto}.ds-bar__in--search .ds-back{font-size:0;gap:0}.ds-bar__in--search .ds-back .hm-icon{--s:20px}}
@media (max-width:1100px){.ds-bar__in--search .ds-bar__name{display:none}}
.ds-theme{display:inline-flex;border:1px solid var(--line-control);border-radius:var(--radius-8);overflow:hidden;flex:none}
.ds-theme button{padding:8px 12px;font-size:14px;font-weight:500;letter-spacing:0;color:var(--text-primary)}
.ds-theme button.is-active{background:var(--text-primary);color:var(--surface-page)}
.ds-theme-toggle{position:relative;display:flex;align-items:center;justify-content:space-between;width:64px;height:34px;padding:0 3px;flex:none;border:1px solid var(--line-control);border-radius:var(--radius-full);color:var(--text-primary)}
.ds-theme-toggle::before{content:"";position:absolute;left:3px;top:3px;width:26px;height:26px;border-radius:50%;background:var(--text-primary);transition:transform var(--dur)}
[data-theme=dark] .ds-theme-toggle::before{transform:translateX(30px)}
.ds-theme-toggle .hm-icon{--s:14px;position:relative;margin:6px;transition:color var(--dur)}
.ds-theme-toggle .is-sun,[data-theme=dark] .ds-theme-toggle .is-moon{color:var(--surface-page)}
[data-theme=dark] .ds-theme-toggle .is-sun{color:var(--text-primary)}
.hm-nav__brand.ds-brand{display:inline-flex;align-items:center;gap:12px;min-width:0;font-size:16px;font-weight:600;letter-spacing:.02em}
.ds-brand svg{display:block;flex:none;width:32px;height:32px}
body:has(>.ds-foot){display:flex;flex-direction:column;min-height:100svh}
main.ds-hub{width:100%;padding-bottom:var(--space-64)}
.ds-foot{margin-top:auto;background:var(--surface-raised)}
.ds-foot a{color:inherit;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.ds-foot a:hover{text-decoration:none}
.ds-foot__row{padding-block:var(--space-48);color:#64748b;font-size:13px;font-weight:500;letter-spacing:.01em;text-align:center}
[data-theme=dark] .ds-foot__row{color:var(--text-secondary)}
.hm-container.ds-hub{max-width:calc(1280px + 2*var(--site-padding))}
.ds-back{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:500;letter-spacing:0;white-space:nowrap}
.ds-back .hm-icon{--s:16px}
.ds-back:hover{opacity:.64}
.ds-art{display:block;width:100%;height:auto;overflow:visible}
.ds-shot{aspect-ratio:3/2;padding:16px;border:1px solid #8884;border-radius:8px}
.ds-shot img{display:block;width:100%;height:100%;object-fit:cover;object-position:top;border-radius:4px}
.ds-art .deep{fill:var(--band-deep)}.ds-art .lime{fill:var(--lime-300)}.ds-art .mid{fill:var(--green-500)}.ds-art .ink{fill:var(--ink-900)}.ds-art .stone{fill:var(--paper-200)}
.ds-art .ringa{fill:none;stroke:var(--lime-300);stroke-width:24}
.ds-art .ringb{fill:none;stroke:var(--green-500);stroke-width:24}
.ds-art .core{fill:var(--paper-50)}

.ds-hero{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-48);padding-block:var(--section-96) var(--space-48)}
.ds-hero__tools{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-16);width:100%}
.ds-hero .hm-btn{min-height:36px;padding:6px 14px;font-size:12px}
.ds-system[hidden],.ds-sites[hidden],.ds-compare__panel[hidden]{display:none}
.ds-compare__panel{display:flex;flex-direction:column;gap:var(--space-48)}
.ds-compare__item{display:flex;flex-direction:column;gap:var(--space-12);min-width:0}
.ds-compare__name{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;font-size:20px;line-height:28px;font-weight:600;letter-spacing:-.3px}
.ds-compare__name a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
.ds-compare__name a:hover{text-decoration:none}
.ds-compare__name span{font-size:14px;font-weight:400;letter-spacing:0;color:var(--text-secondary)}
.ds-chip__c [data-copy-color],.ds-pair [data-copy-color]{position:relative;cursor:pointer}
.ds-chip__c [data-copy-color]{flex:1;min-width:0}
.ds-chip__c [data-copy-color]::after,.ds-pair [data-copy-color]::after{content:"";position:absolute;top:50%;left:50%;width:28px;height:28px;transform:translate(-50%,-50%);border-radius:50%;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath fill='%231f1915' d='M216,32H88a8,8,0,0,0-8,8V80H40a8,8,0,0,0-8,8V216a8,8,0,0,0,8,8H168a8,8,0,0,0,8-8V176h40a8,8,0,0,0,8-8V40A8,8,0,0,0,216,32ZM160,208H48V96H160Zm48-48H176V88a8,8,0,0,0-8-8H96V48H208Z'/%3E%3C/svg%3E") center/16px no-repeat;box-shadow:0 1px 4px #0003;opacity:0;pointer-events:none;transition:opacity var(--dur)}
.ds-pair [data-copy-color]::after{width:24px;height:24px;background-size:14px}
.ds-chip__c [data-copy-color]:hover::after,.ds-chip__c [data-copy-color]:focus-visible::after,.ds-pair [data-copy-color]:hover::after,.ds-pair [data-copy-color]:focus-visible::after{opacity:1}
.ds-toast{position:fixed;left:50%;bottom:24px;z-index:90;transform:translateX(-50%);padding:10px 16px;border-radius:var(--radius-8);background:var(--text-primary);color:var(--surface-page);font-size:14px;letter-spacing:0;opacity:0;pointer-events:none;transition:opacity var(--dur)}
.ds-toast.is-visible{opacity:1}
.ds-system{display:grid;grid-template-columns:minmax(0,13fr) minmax(0,14fr);gap:var(--space-48);align-items:center;padding:var(--space-48);background:var(--surface-card);border-radius:var(--radius-16)}
.ds-system__body{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-24);min-width:0}
.ds-system__name{font-size:28px;line-height:36px;font-weight:600;letter-spacing:-.5px}
.ds-system__text{margin-top:calc(var(--space-12) - var(--space-24));font-size:16px;line-height:24px;letter-spacing:-.2px}
.ds-system .hm-actions{margin-block:var(--space-8)}
.ds-system .hm-btn{min-height:48px;padding:10px 24px;font-size:14px;line-height:1.5}
.ds-system .hm-btn:not(.hm-btn--secondary),.ds-system .hm-btn:not(.hm-btn--secondary):hover{--btn-bg:var(--text-primary);--btn-fg:var(--surface-page);--btn-bd:var(--text-primary)}
.ds-system .hm-btn--secondary:hover,.ds-intro .hm-btn--secondary:hover,.ds-hero .hm-btn--secondary:hover{--btn-bg:#f0eee9;--btn-fg:var(--text-primary);--btn-bd:var(--line-control)}
[data-theme=dark] .ds-system .hm-btn--secondary:hover,[data-theme=dark] .ds-intro .hm-btn--secondary:hover,[data-theme=dark] .ds-hero .hm-btn--secondary:hover{--btn-bg:#ffffff14}
.ds-system__foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-8) var(--space-16);width:100%}
.ds-facts__colors{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px}
.ds-dots{display:inline-flex;gap:3px;flex:none}
.ds-dots i{display:block;width:12px;height:12px;border-radius:50%}
:root:not([data-theme=dark]) .ds-dots .is-light,[data-theme=dark] .ds-dots .is-dark{box-shadow:inset 0 0 0 1px var(--line-strong)}
.ds-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-16) var(--space-24);width:100%;padding-block:var(--space-16);border-block:1px solid var(--line)}
.ds-facts dt{font-size:13px;line-height:18px;letter-spacing:0;color:var(--text-secondary)}
.ds-facts dd{font-size:22px;line-height:28px;font-weight:500;letter-spacing:-.5px;font-variant-numeric:tabular-nums}
.ds-facts .ds-facts__text{font-size:18px;line-height:28px;letter-spacing:-.3px;white-space:nowrap}
.ds-facts div{display:flex;flex-direction:column-reverse;justify-content:flex-end;gap:4px}
@media (min-width:768px){.ds-facts{display:flex;justify-content:space-between;padding-right:var(--space-32)}}
.ds-quick{display:flex;flex-wrap:wrap;gap:var(--space-8) var(--space-16)}
.ds-quick a{font-size:14px;font-weight:500;letter-spacing:0;color:var(--text-primary);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.ds-quick a:hover{text-decoration:none}
.ds-sites{padding-top:var(--section-80)}
@media (max-width:991px){.ds-system{grid-template-columns:minmax(0,1fr);gap:var(--space-24);padding:var(--space-24)}}
@media (max-width:767px){.ds-hero{padding-block:var(--section-64) var(--space-32)}.ds-theme button{padding:8px}}

.ds-layout{display:grid;grid-template-columns:232px minmax(0,1fr);align-items:start}
.ds-side{position:sticky;top:76px;max-height:calc(100vh - 76px);overflow-y:auto;padding:var(--space-32) var(--space-16) var(--space-48) max(var(--site-padding),env(safe-area-inset-left,0px));display:flex;flex-direction:column;gap:2px}
.ds-side::-webkit-scrollbar{width:6px;height:6px}
.ds-side::-webkit-scrollbar-track,.ds-side::-webkit-scrollbar-corner{background:transparent}
.ds-side::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:var(--radius-full)}
.ds-side::-webkit-scrollbar-thumb:hover{background:var(--line-control)}
.ds-side::-webkit-scrollbar-button{display:none}
@supports not selector(::-webkit-scrollbar){.ds-side{scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent}}
.ds-side a{display:block;padding:5px 8px;border-radius:var(--radius-8);font-size:14px;line-height:1.3;letter-spacing:0;overflow-wrap:anywhere}
.ds-side a:hover{background:color-mix(in srgb,var(--line) 45%,transparent)}
.ds-side a.is-current{background:var(--text-primary);color:var(--surface-page)}
.ds-side__h{padding:16px 8px 4px;color:var(--text-secondary)}
.ds-main{padding-block:var(--space-64) var(--section-120);padding-left:var(--space-64);padding-right:max(var(--space-64),env(safe-area-inset-right,0px));min-width:0}
.ds-section{padding-bottom:var(--section-96);scroll-margin-top:100px}
.ds-section>h2{margin-bottom:var(--space-32)}
.ds-intro{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--space-64);align-items:center;margin-bottom:var(--space-64);padding:var(--space-64);background:var(--surface-card);border-radius:var(--radius-16)}
.ds-intro>.ds-art{order:-1}
.ds-intro__copy{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-32);min-width:0}
.ds-prose{max-width:1040px;font-size:16px}
.ds-prose>p:first-child{font-size:inherit;line-height:inherit;letter-spacing:inherit}
.ds-prose h2{font-size:32px;margin-top:var(--space-32)}
.ds-prose h3{font-size:24px;margin-top:var(--space-24)}
.ds-prose>:first-child{margin-top:0}
.ds-prose code,.ds-table code{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.86em;letter-spacing:0;padding:1px 4px;border-radius:var(--radius-4);background:var(--line)}
.ds-scroll{overflow-x:auto;max-width:100%}
.ds-table{border-collapse:collapse;width:100%;font-size:14px;letter-spacing:0}
.ds-table th,.ds-table td{padding:10px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.ds-table th{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12px;font-weight:500;letter-spacing:1px;text-transform:uppercase;white-space:nowrap}
.ds-prose .ds-scroll{max-width:none;width:100%}
.ds-scale{margin-bottom:var(--space-24)}
.ds-scale__row{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--space-16) var(--space-8)}
.ds-chip{display:flex;flex-direction:column;gap:6px;font-size:12px;letter-spacing:0;min-width:0}
.ds-chip__c{display:flex;height:64px;overflow:hidden;border-radius:var(--radius-8);outline:1px solid var(--line);outline-offset:-1px}
.ds-chip code{font-family:ui-monospace,Menlo,Consolas,monospace;overflow-wrap:anywhere}
.ds-chip span{color:var(--text-secondary);overflow-wrap:anywhere}
.ds-pair{display:inline-flex;gap:4px}
.ds-pair i{display:block;width:32px;height:32px;border-radius:var(--radius-4);box-shadow:inset 0 0 0 1px var(--line)}
.ds-type{padding-block:var(--space-24);border-bottom:1px solid var(--line);min-width:0}
.ds-type__spec{margin-top:var(--space-12);font-size:13px;letter-spacing:0;color:var(--text-secondary)}
.ds-bar-v{display:block;height:12px;background:var(--mark-green);max-width:100%}
.ds-radius-v{display:block;width:48px;height:48px;border:1px solid var(--line-control);background:var(--tint-green)}
.ds-icons{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:var(--space-8)}
.ds-icons div{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 8px;background:var(--surface-card);border-radius:var(--radius-8);font-size:12px;letter-spacing:0;font-family:ui-monospace,Menlo,Consolas,monospace}
.ds-mats{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--space-16)}
.ds-mats figure{display:flex;flex-direction:column;gap:8px;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12px;letter-spacing:0}
.ds-comp{padding-bottom:var(--space-64);scroll-margin-top:100px;display:flex;flex-direction:column;gap:var(--space-16)}
.ds-group-h{margin-block:var(--space-24);color:var(--text-secondary)}
.ds-sample-box{overflow:hidden;height:320px;border:1px solid var(--line);border-radius:var(--radius-8);background:var(--line)}
.ds-sample{display:block;border:0;height:900px;background:#fff;transform-origin:0 0}
.ds-sites__head{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-24);margin-bottom:var(--space-64)}
.ds-sites__grid{display:flex;flex-direction:column;gap:var(--space-32)}
@media (max-width:767px){.ds-widths{display:none}}
.ds-frame{position:relative;isolation:isolate;overflow:hidden;background:var(--surface-page);border:1px solid var(--line);border-radius:var(--radius-16)}
.ds-frame .hm-nav:not(.hm-nav--over){position:relative;top:auto}
.ds-frame .hm-nav--over{position:absolute;top:auto;left:0;right:0;margin:0}
.ds-code summary{cursor:pointer;font-size:14px;font-weight:500;letter-spacing:0;padding-block:4px}
.ds-code__wrap{position:relative;margin-top:8px}
.ds-code pre{margin:0;padding:16px;max-height:420px;overflow:auto;background:var(--surface-card);border-radius:var(--radius-8);font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12px;line-height:1.6;letter-spacing:0}
.ds-code button{position:absolute;right:12px;top:12px;padding:6px 10px;background:var(--surface-raised);border:1px solid var(--line-control);border-radius:var(--radius-8);font-size:13px;letter-spacing:0;color:var(--text-primary)}
.ds-pages{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--space-8)}
.ds-pages a{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:16px;background:var(--surface-card);border-radius:var(--radius-8);font-weight:500}
.ds-pages a:hover{background:var(--line)}
.ds-pages .hm-icon{--s:16px}
@media (max-width:991px){
  .ds-layout{grid-template-columns:minmax(0,1fr)}
  .ds-side{position:static;max-height:none;flex-direction:row;overflow-x:auto;padding:12px 16px;border-bottom:1px solid var(--line);gap:4px}
  .ds-side__h{display:none}
  .ds-side a{white-space:nowrap}
  .ds-main{padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
  .ds-intro{grid-template-columns:minmax(0,1fr);gap:var(--space-24);padding:var(--space-24)}
}
@media (max-width:479px){.ds-bar__name{display:none}}
.ds-bar__left--tabs{gap:32px}
.ds-tabs{display:flex;align-items:center;gap:4px}
.ds-tabs a{padding:8px 14px;border-radius:var(--radius-full);font-size:14px;font-weight:500;line-height:1.2;letter-spacing:0;white-space:nowrap}
.ds-tabs a:hover{background:color-mix(in srgb,var(--line) 45%,transparent)}
.ds-tabs a[aria-current]{background:var(--text-primary);color:var(--surface-page)}
@media (max-width:1100px){
.ds-bar__in--search:has(.ds-tabs){grid-template-columns:auto minmax(0,1fr) auto;row-gap:0}
.ds-bar__in--search .ds-bar__left--tabs{display:contents}
.ds-bar__in--search .ds-tabs{grid-column:1/-1;grid-row:2;padding-bottom:12px;overflow-x:auto;scrollbar-width:none}
}
.kn-intro{display:flex;flex-direction:column;gap:var(--space-16);max-width:760px;margin-bottom:var(--space-48)}
.kn-group{padding-top:var(--space-48);border-top:1px solid var(--line)}
.kn-group + .kn-group{margin-top:var(--space-64)}
.kn-group h2{margin-bottom:var(--space-8)}
.kn-kind{margin-top:var(--space-64);scroll-margin-top:96px}
.kn-count{margin-left:6px;color:var(--text-secondary);font-size:14px;font-weight:400;letter-spacing:0;vertical-align:middle}
.kn-kind h3{margin-bottom:var(--space-24)}
.kn-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--space-24);margin:0;padding:0;list-style:none}
.kn-card__btn{display:flex;flex-direction:column;gap:10px;width:100%;padding:0;border:0;background:none;color:inherit;font:inherit;text-align:left;cursor:zoom-in}
.kn-card__btn img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:contain;padding:8px;border:1px solid var(--line);border-radius:var(--radius-8);background:var(--surface-card);transition:border-color var(--dur)}
.kn-card__btn:hover img,.kn-card__btn:focus-visible img{border-color:var(--text-secondary)}
.kn-card__name{font-size:14px;line-height:1.3}
.kn-detail{width:100%;height:100dvh;overflow:hidden;max-width:none;max-height:none;margin:0;padding:0;border:0;background:var(--surface-page);color:var(--text-primary)}
.kn-detail[open]{display:flex;flex-direction:column}
.kn-detail::backdrop{background:var(--surface-page)}
.kn-detail__bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:14px var(--site-padding);border-bottom:1px solid var(--line)}
.kn-detail__title{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin-right:auto}
.kn-detail__title strong{font-size:18px;font-weight:500}
.kn-detail__title code{color:var(--text-secondary);font-size:13px}
.kn-detail .hm-btn{min-height:40px;padding:6px 14px;font-size:13px}
.kn-icon-btn{display:inline-grid;place-items:center;width:40px;height:40px;padding:0;border:1px solid var(--line-control);border-radius:var(--radius-full);background:none;color:inherit;cursor:pointer}
.kn-icon-btn .hm-icon{--s:18px}
.kn-icon-btn:hover{border-color:var(--text-primary)}
.kn-detail__img{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:var(--space-24) var(--site-padding)}
.kn-detail__img img{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;border:1px solid var(--line);border-radius:var(--radius-8)}
body:has(.kn-filter)::after{display:none}