@layer theme,base,components,utilities;@layer components{.ks-ct{width:100%;max-width:1200px;margin:0 auto;text-align:left}.ks-lh-link{flex-shrink:0;display:inline-flex;align-items:center;gap:6px;min-height:40px;font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--brand);text-decoration:none}.ks-hs{display:flex;align-items:center;gap:8px;width:100%;max-width:560px;margin:0 0 calc(var(--spacing) * 4);padding:6px 6px 6px 18px;background:var(--card);border:1px solid var(--border);border-radius:calc(var(--radius-xl) + 4px);box-shadow:0 8px 24px -16px color-mix(in oklab,var(--foreground) 30%,transparent)}.ks-hs:focus-within{border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in oklab,var(--brand) 15%,transparent)}.ks-hs>span{display:inline-flex;color:var(--muted-foreground)}.ks-hs input{flex:1;min-width:0;height:44px;border:0;outline:0;background:transparent;font:inherit;font-size:var(--text-base);color:var(--foreground)}.ks-hs input::-moz-placeholder{color:var(--muted-foreground)}.ks-hs input::placeholder{color:var(--muted-foreground)}.ks-hs button{flex-shrink:0;height:44px;padding:0 20px;border:0;border-radius:var(--radius-xl);background:var(--brand);font:inherit;font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--primary-foreground);cursor:pointer}.ks-hs-pop{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;margin:0 0 calc(var(--spacing) * 16);font-size:var(--text-sm);color:var(--muted-foreground)}.ks-hs-pop a{display:inline-flex;align-items:center;min-height:36px;padding:0 14px;border-radius:999px;border:1px solid var(--border);background:var(--card);font-weight:var(--font-weight-medium);color:var(--foreground);text-decoration:none}.ks-chs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:calc(var(--spacing) * 6)}.ks-ch{display:grid;grid-template-rows:subgrid;grid-row:span 5;row-gap:0;padding:calc(var(--spacing) * 7);background:var(--card);border:1px solid var(--border);border-radius:calc(var(--radius-xl) + 4px);text-decoration:none;transition:border-color .2s,transform .2s}.ks-ch[href]:hover{border-color:color-mix(in oklab,var(--border) 40%,var(--muted-foreground));transform:translateY(-2px)}.ks-ch-ico{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;margin-bottom:calc(var(--spacing) * 5);border-radius:var(--radius-xl);background:color-mix(in oklab,var(--brand) 8%,var(--card));color:var(--brand)}.ks-ch-t{font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--muted-foreground)}.ks-ch-v{margin-top:4px;font-size:var(--text-xl);line-height:1.3;font-weight:var(--font-weight-semibold);color:var(--foreground);overflow-wrap:anywhere}.ks-ch-s{margin-top:6px;font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--muted-foreground)}.ks-ch-b{align-self:end;display:inline-flex;align-items:center;gap:6px;margin-top:calc(var(--spacing) * 6);padding-top:calc(var(--spacing) * 4);border-top:1px solid var(--border);font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--brand)}.ks-ch-d{background:var(--inverse);border-color:var(--inverse);position:relative;overflow:hidden;isolation:isolate}.ks-ch-d .ks-ch-ico{background:var(--brand);color:var(--primary-foreground)}.ks-ch-d .ks-ch-t,.ks-ch-d .ks-ch-s{color:var(--inverse-muted)}.ks-ch-d .ks-ch-v{color:var(--inverse-foreground)}.ks-ch-d .ks-ch-b{color:var(--inverse-foreground);border-top-color:var(--inverse-border)}.ks-hts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(var(--spacing) * 6)}.ks-ht{display:grid;grid-template-rows:subgrid;grid-row:span 2;row-gap:0;padding:calc(var(--spacing) * 7);background:var(--card);border:1px solid var(--border);border-radius:calc(var(--radius-xl) + 4px)}.ks-ht-h{display:flex;align-items:center;gap:12px;padding-bottom:calc(var(--spacing) * 5);border-bottom:1px solid var(--border)}.ks-ht-ico{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-lg);background:color-mix(in oklab,var(--brand) 8%,var(--card));color:var(--brand)}.ks-ht-h>span:last-child{display:flex;flex-direction:column;gap:2px}.ks-ht h3{margin:0;font-size:var(--text-lg);line-height:1.3;font-weight:var(--font-weight-semibold);color:var(--foreground)}.ks-ht small{font-size:var(--text-ui-md);color:var(--muted-foreground)}.ks-ht ul{margin:0;padding:calc(var(--spacing) * 3) 0;list-style:none;display:flex;flex-direction:column}.ks-ht li a{display:flex;align-items:center;min-height:40px;padding:6px 0;font-size:var(--text-base);line-height:1.4;color:var(--foreground);text-decoration:none}.ks-ctf{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:calc(var(--spacing) * 6);align-items:start}.ks-ct-side{position:sticky;top:120px;display:flex;flex-direction:column;gap:calc(var(--spacing) * 6)}.ks-ct-demo{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:calc(var(--spacing) * 8);border-radius:calc(var(--radius-xl) + 4px);background:var(--inverse);position:relative;overflow:hidden;isolation:isolate}.ks-ct-demo .ks-ch-ico{margin-bottom:8px}.ks-ct-demo strong{font-size:var(--text-xl);line-height:1.3;color:var(--inverse-foreground)}.ks-ct-demo small{font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--inverse-muted)}.ks-ct-demo a{display:inline-flex;align-items:center;gap:8px;min-height:44px;margin-top:12px;padding:0 20px;border-radius:var(--radius-xl);background:var(--brand);font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--primary-foreground);text-decoration:none}.ks-ct-card{padding:calc(var(--spacing) * 8);background:var(--card);border:1px solid var(--border);border-radius:calc(var(--radius-xl) + 4px)}.ks-ct-cap{display:flex;align-items:center;gap:8px;margin:0 0 calc(var(--spacing) * 4);font-size:var(--text-base);font-weight:var(--font-weight-semibold);color:var(--foreground)}.ks-ct-cap svg{color:var(--brand)}.ks-ct-card dl{margin:0;display:flex;flex-direction:column}.ks-ct-card dl div{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-top:1px solid var(--border);font-size:var(--text-sm)}.ks-ct-card dt{color:var(--muted-foreground)}.ks-ct-card dd{margin:0;font-weight:var(--font-weight-semibold);color:var(--foreground);text-align:right}@media not all and (min-width: 64rem){.ks-chs,.ks-hts{grid-template-columns:repeat(2,minmax(0,1fr))}.ks-ctf{grid-template-columns:minmax(0,1fr)}.ks-ct-side{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}}@media not all and (min-width: 40rem){.ks-chs,.ks-hts,.ks-ct-side{grid-template-columns:minmax(0,1fr)}.ks-hts{gap:calc(var(--spacing) * 3)}.ks-ch{padding:calc(var(--spacing) * 6)}.ks-ht{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:calc(var(--spacing) * 4) calc(var(--spacing) * 5)}.ks-ht-h{padding-bottom:0;border-bottom:0;min-width:0}.ks-ht ul{display:none}.ks-ht-h>span:last-child{min-width:0}.ks-ht h3{font-size:var(--text-base)}.ks-hs button{padding:0 14px}.ks-hs-pop>span{flex-basis:100%;text-align:center}.ks-ct-demo,.ks-ct-card{padding:calc(var(--spacing) * 6)}}}@layer utilities{.ks-ch-ico-demo{background:color-mix(in oklab,var(--inverse-foreground) 10%,transparent);color:var(--inverse-foreground)}}