.studio .wk-wide{width:calc(100% - 48px);max-width:1800px;margin-inline:auto}.studio .wk-header{height:68px}.studio .wk-header-inner{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:24px;display:grid}.studio .wk-brand{justify-self:start}.studio .wk-cta{justify-self:end}.studio .wk-chips{justify-content:center;gap:8px;min-width:0;display:flex}.studio .wk-chip{min-height:40px;color:var(--ink);white-space:nowrap;background:0 0;border:1px solid #cbd3c1;border-radius:5px;flex:none;align-items:center;gap:10px;padding:0 14px;font-size:13px;font-weight:600;transition:background .2s,color .2s,border-color .2s;display:inline-flex}.studio .wk-chip>span{font-family:var(--studio-mono), monospace;letter-spacing:.06em;color:#6d7b60;font-size:11px;font-weight:400;transition:color .2s}.studio .wk-chip:hover{background:#edf2e3;border-color:#b4c49d}.studio .wk-chip[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:#f6f8ef}.studio .wk-chip[aria-pressed=true]>span{color:var(--lime)}.studio .wk-main{padding-bottom:56px}.studio .wk-grid{grid-template-columns:minmax(0,1fr);gap:28px 20px;display:grid}@media (min-width:640px){.studio .wk-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1000px){.studio .wk-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:1700px){.studio .wk-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.studio .wk-card{flex-direction:column;gap:12px;display:flex;position:relative}.studio .wk-card:hover .wk-frame,.studio .wk-card:focus-within .wk-frame{transform:translateY(-3px);box-shadow:0 16px 40px #17271e24}.studio .wk-card-meta{justify-content:space-between;align-items:baseline;gap:12px;min-width:0;display:flex}.studio .wk-card-meta h3{letter-spacing:-.02em;flex:none;align-items:center;gap:7px;font-size:15px;font-weight:600;line-height:1.4;display:inline-flex}.studio .wk-lock{color:#7b955c;flex:none}.studio .wk-demo-tag{color:#5d7845;border:1px solid #cbd3c1;border-radius:3px;flex:none;padding:0 6px;font-size:11px;line-height:1.6}.studio .wk-category{color:#637850;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:11px;overflow:hidden}.studio .wk-open{color:inherit;font:inherit;letter-spacing:inherit;text-align:left;background:0 0;border:0;padding:0;transition:color .2s}.studio .wk-open:after{z-index:1;content:"";position:absolute;inset:0}.studio .wk-open:focus-visible{outline:none}.studio .wk-open:focus-visible:after{outline-offset:6px;border-radius:4px;outline:2px solid #708b4a}.studio .wk-card:hover .wk-open{color:#34472d}.studio .wk-footer{color:#a6bb91;background:#14231b;padding:28px 0;font-size:13px;line-height:1.5}.studio .wk-footer .wk-wide{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px 32px;display:flex}.studio .wk-footer-links{align-items:baseline;gap:32px;display:inline-flex}.studio .wk-footer a{color:#bdcfad;transition:color .2s}.studio .wk-footer a:hover{color:#e6f4d0}.studio .wk-footer .wk-footer-mail{color:#e6f4d0;letter-spacing:-.02em;align-items:center;gap:10px;font-size:18px;display:inline-flex}.studio .wk-footer .wk-footer-mail svg{color:#c5e39f}@media (max-width:900px){.studio .wk-header{height:auto;position:relative}.studio .wk-header-inner{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"brand cta""chips chips";gap:2px 16px;padding-block:6px 12px}.studio .wk-brand{grid-area:brand}.studio .wk-cta{grid-area:cta}.studio .wk-chips{scrollbar-width:none;grid-area:chips;justify-content:flex-start;padding-right:28px;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 28px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 28px),#0000)}.studio .wk-chips::-webkit-scrollbar{display:none}}@media (max-width:820px){.studio .wk-wide{width:calc(100% - 44px)}}@media (max-width:600px){.studio .wk-grid{gap:24px}}@media (prefers-reduced-motion:reduce){.studio .wk-card:hover .wk-frame,.studio .wk-card:focus-within .wk-frame{transform:none}}