.zykar-components-page{min-height:100vh;background:var(--paper);color:var(--ink)}.zykar-docs-header{display:flex;align-items:center;justify-content:space-between;max-width:1180px;margin:auto;padding:22px 28px;border-bottom:1px solid var(--ink)}.zykar-docs-brand{display:flex;align-items:center;gap:9px;color:var(--ink);text-decoration:none;font-size:.86rem}.zykar-docs-brand span{display:grid;width:29px;height:29px;place-items:center;color:var(--ink);background:var(--lime);border-radius:3px;font:700 .62rem var(--mono)}.zykar-docs-header nav{display:flex;gap:20px;color:var(--ink-soft);font:600 .64rem var(--mono)}.zykar-docs-header nav a{text-decoration:none}.zykar-docs-header nav a:hover{color:var(--blue)}.zykar-docs-shell{max-width:1180px;margin:auto;padding:75px 28px}.zykar-docs-hero{max-width:720px;padding-bottom:90px}.zykar-docs-hero h1{margin:18px 0;font-size:clamp(3rem,7vw,6.2rem);line-height:.88;letter-spacing:-.09em}.zykar-docs-hero h1 em{color:var(--blue);font-style:normal}.zykar-docs-hero>p:not(.landing-overline){max-width:560px;color:var(--ink-soft);font-size:.92rem;line-height:1.65}.zykar-docs-hero code{display:inline-block;margin-top:22px;color:var(--blue);background:transparent;font-size:.65rem}.zykar-doc-section{padding:60px 0;border-top:1px solid var(--ink)}.zykar-doc-heading{display:flex;align-items:baseline;gap:20px;margin-bottom:28px}.zykar-doc-heading span{color:var(--blue);font:600 .65rem var(--mono)}.zykar-doc-heading h2{font-size:2rem;letter-spacing:-.06em}.zykar-doc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.zykar-token-grid>div{display:grid;gap:9px;padding:17px;border:1px solid var(--line);background:var(--paper-bright)}.zykar-token-grid strong{font-size:.75rem}.zykar-token-grid code{color:var(--ink-soft);font:.62rem var(--mono)}.token-color{width:100%;height:55px;border:1px solid var(--ink)}.token-ink{background:var(--ink)}.token-paper{background:var(--paper)}.token-lime{background:var(--lime)}.token-blue{background:var(--blue)}.zykar-component-card{display:inline-flex;vertical-align:top;flex-direction:column;gap:17px;width:calc(33.333% - 12px);min-height:150px;margin:0 12px 12px 0;padding:20px;border:1px solid var(--ink);background:var(--paper-bright)}.zykar-component-label{color:var(--blue);font:600 .62rem var(--mono);letter-spacing:.08em;text-transform:uppercase}.zykar-demo-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.zykar-demo-stack{display:grid;gap:10px}.zykar-component-note{margin-top:auto;color:var(--ink-soft);font:.62rem var(--mono);line-height:1.5}.zykar-feedback-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.zykar-feedback-grid .zykar-component-card{width:auto;margin:0}.zykar-skeleton-demo{width:100%;height:16px}.zykar-skeleton-short{width:60%;height:11px}.zykar-docs-footer{display:flex;justify-content:space-between;max-width:1180px;margin:auto;padding:18px 28px 30px;border-top:1px solid var(--ink);color:var(--ink-soft);font:.62rem var(--mono)}.zykar-docs-footer a{color:var(--ink);font-weight:700;text-decoration:none}@media(max-width:720px){.zykar-docs-header{align-items:flex-start;gap:15px}.zykar-docs-header nav{flex-wrap:wrap;justify-content:flex-end;gap:8px 13px}.zykar-docs-shell{padding:55px 18px}.zykar-docs-hero{padding-bottom:60px}.zykar-doc-grid,.zykar-feedback-grid{grid-template-columns:repeat(2,1fr)}.zykar-component-card{display:flex;width:100%;margin-right:0}.zykar-docs-footer{flex-direction:column;gap:10px;padding:18px}}
.zykar-components-page{--lime:#c8e86a}.zykar-docs-header{max-width:1240px}.zykar-docs-brand span{border-radius:8px}.zykar-docs-shell{max-width:1240px;padding:64px 28px}.zykar-docs-hero{padding-bottom:68px}.zykar-docs-hero h1{font-size:clamp(3rem,6vw,5.5rem);line-height:.98;letter-spacing:-.075em}.zykar-docs-hero>p:not(.landing-overline){font-size:.9rem}.zykar-version-tag{display:inline-flex;gap:8px;margin-top:20px;padding:6px 9px;color:var(--ink-soft);background:var(--paper-bright);border:1px solid var(--line);border-radius:4px;font:600 .62rem var(--mono)}.zykar-version-tag b{color:var(--blue)}.zykar-doc-heading{align-items:flex-start}.zykar-doc-heading p{margin-top:5px;color:var(--ink-soft);font-size:.8rem}.zykar-control-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.zykar-control-grid .zykar-component-card,.zykar-component-card{display:flex;width:auto;min-width:0;min-height:190px;margin:0;border-color:var(--line-dark);border-radius:8px;box-shadow:0 8px 22px rgba(17,19,21,.04)}.zykar-token-grid>div{border-radius:7px}.zykar-feedback-grid{gap:12px}.zykar-feedback-grid .zykar-component-card{min-height:150px}.zykar-component-card>p:not(.zykar-component-label){color:var(--ink-soft);font-size:.8rem;line-height:1.5}.zykar-doc-field-label{color:var(--ink-soft);font:700 .62rem var(--mono);text-transform:uppercase}.zykar-overlay-demo{max-width:520px;min-height:170px}.zykar-docs-footer{max-width:1240px}.zykar-components-page .zykar-select-menu{max-height:245px}@media(max-width:900px){.zykar-control-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.zykar-docs-header{padding:16px 18px}.zykar-docs-shell{padding:48px 18px}.zykar-docs-hero{padding-bottom:48px}.zykar-docs-hero h1{font-size:clamp(2.8rem,14vw,4rem)}.zykar-control-grid,.zykar-feedback-grid,.zykar-doc-grid{grid-template-columns:1fr}.zykar-component-card{min-height:0}.zykar-doc-heading h2{font-size:1.6rem}.zykar-doc-heading{gap:12px}.zykar-docs-header nav{gap:8px 10px;font-size:.58rem}}