.kit{background:var(--dv-page) url(/kit/foundation/textures/grunge/grid-n-grunge.avif) top center / 1800px auto repeat-y;min-height:100vh;padding-bottom:var(--dv-space-192)}.kit code{color:var(--dv-text-soft);font-size:.9em}.kit-bar{justify-content:space-between;align-items:center;gap:var(--dv-space-16);max-width:var(--dv-max);padding:var(--dv-space-24) var(--dv-gutter);margin:0 auto;display:flex}.kit-bar__brand{align-items:center;gap:var(--dv-space-16);font-weight:var(--dv-weight-bold);font-size:var(--dv-size-title);text-decoration:none;display:flex}.kit-bar__brand img{width:120px;height:auto}.kit-bar__who{gap:var(--dv-space-16);color:var(--dv-text-soft);font-size:var(--dv-size-small);display:flex}.kit-intro,.kit-room{max-width:var(--dv-max);padding:0 var(--dv-gutter);margin:0 auto}.kit-intro{padding-top:var(--dv-space-64);padding-bottom:var(--dv-space-32)}.kit-intro__title{font-size:var(--dv-size-display);line-height:var(--dv-leading-tight);margin:0}.kit-intro__line{max-width:60ch;font-size:var(--dv-size-lead);line-height:var(--dv-leading-body);color:var(--dv-text-soft)}.kit-rooms{gap:var(--dv-space-8) var(--dv-space-24);margin:var(--dv-space-32) 0 var(--dv-space-16);z-index:5;padding:var(--dv-space-16) 0;background:var(--dv-page);flex-wrap:wrap;display:flex;position:sticky;top:0}.kit-rooms a{font-size:var(--dv-size-small);text-decoration:none}.kit-meta{color:var(--dv-text-soft);font-size:var(--dv-size-small)}.kit-room{padding-top:var(--dv-space-96)}.kit-room__head{justify-content:space-between;align-items:center;gap:var(--dv-space-16);flex-wrap:wrap;display:flex}.kit-room__line{max-width:70ch;color:var(--dv-text-soft);font-size:var(--dv-size-body);line-height:var(--dv-leading-body)}.kit-sub{margin:var(--dv-space-48) 0 var(--dv-space-16);font-size:var(--dv-size-title)}.kit-link{color:var(--dv-text-soft);font:inherit;font-size:var(--dv-size-small);cursor:pointer;background:0 0;border:0;padding:0}.kit-link:hover{color:var(--dv-accent-hover)}.kit-count{background:var(--dv-accent);min-width:20px;color:var(--dv-text);border-radius:var(--dv-radius-pill);text-align:center;margin-left:6px;padding:1px 6px;font-size:11px;display:inline-block}.kit-status{border:1px solid var(--dv-line);border-radius:var(--dv-radius-pill);font-size:12px;font-weight:var(--dv-weight-regular);color:var(--dv-text-soft);vertical-align:middle;padding:2px 10px;display:inline-block}.kit-status--draft{border-color:var(--dv-orange);color:var(--dv-orange)}.kit-status--in-use{border-color:var(--dv-blue);color:var(--dv-blue)}.kit-prose{max-width:75ch;font-size:var(--dv-size-lead);line-height:var(--dv-leading-body)}.kit-prose h3,.kit-prose h4{font-size:var(--dv-size-title);margin:var(--dv-space-32) 0 var(--dv-space-8)}.kit-prose li{margin-bottom:var(--dv-space-8)}.kit-prose strong{color:var(--dv-text)}.kit-prose--tight{font-size:var(--dv-size-body)}.kit-grid{gap:var(--dv-space-24);margin-top:var(--dv-space-24);display:grid}.kit-grid--3{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr))}.kit-grid--4{grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr))}.kit-card{padding:var(--dv-space-24);background:var(--dv-raised);color:var(--dv-text);text-align:left;font:inherit;cursor:pointer;border:0;text-decoration:none;display:block}.kit-card:hover{outline:2px solid var(--dv-accent)}.kit-card__title{font-weight:var(--dv-weight-bold);font-size:var(--dv-size-title)}.kit-card__meta{margin-top:var(--dv-space-8);color:var(--dv-text-soft);font-size:var(--dv-size-small);line-height:1.6}.kit-tile{color:var(--dv-text);text-align:left;font:inherit;cursor:pointer;background:0 0;border:0;align-self:start;padding:0;text-decoration:none;display:block}.kit-tile__img{aspect-ratio:4/3;background:var(--dv-raised) center / cover no-repeat;position:relative}.kit-tile__img--contain{background-size:70%;background-color:var(--dv-black);place-items:center;display:grid}.kit-tile:hover .kit-tile__img{outline:2px solid var(--dv-accent)}.kit-tile__name{margin-top:var(--dv-space-8);font-weight:var(--dv-weight-bold);font-size:var(--dv-size-body)}.kit-slash-big{color:var(--dv-accent);font-size:7rem;font-weight:var(--dv-weight-bold);line-height:1}.kit-roles{gap:var(--dv-space-16);margin-top:var(--dv-space-24);grid-template-columns:repeat(auto-fill,minmax(min(100%,200px),1fr));display:grid}.kit-role{min-height:150px;padding:var(--dv-space-16);border:1px solid var(--dv-line);text-align:left;font:inherit;cursor:pointer;flex-direction:column;justify-content:flex-end;gap:6px;display:flex;position:relative}.kit-role:hover{outline:2px solid var(--dv-accent)}.kit-role__name{font-weight:var(--dv-weight-bold)}.kit-role__use{font-size:var(--dv-size-small);opacity:.8}.kit-swatches{gap:var(--dv-space-16);grid-template-columns:repeat(auto-fill,minmax(min(100%,210px),1fr));display:grid}.kit-swatch{color:var(--dv-text);text-align:left;font:inherit;cursor:pointer;background:0 0;border:0;gap:4px;padding:0;display:grid}.kit-swatch__chip{border:1px solid var(--dv-line);height:72px;display:block}.kit-swatch__chip--big{height:120px;margin:var(--dv-space-16) 0 var(--dv-space-8)}.kit-swatch:hover .kit-swatch__chip{outline:2px solid var(--dv-accent)}.kit-swatch__name{font-weight:var(--dv-weight-bold);font-size:var(--dv-size-body)}.kit-swatch__value{color:var(--dv-text-soft);font-size:var(--dv-size-small);font-family:ui-monospace,monospace}.kit-swatch__role{color:var(--dv-text-soft);font-size:var(--dv-size-small);line-height:1.5}.kit-drift{gap:var(--dv-space-16);display:grid}.kit-drift__label{font-size:var(--dv-size-small);color:var(--dv-text-soft);margin-bottom:6px}.kit-drift__chips{flex-wrap:wrap;gap:6px;display:flex}.kit-drift__chip{border:1px solid var(--dv-line);width:34px;height:34px}.kit-type{gap:var(--dv-space-32);margin-top:var(--dv-space-24);display:grid}.kit-type__row{gap:var(--dv-space-24);border-top:1px solid var(--dv-line);padding-top:var(--dv-space-16);grid-template-columns:180px 1fr;align-items:baseline;display:grid}.kit-type__meta{color:var(--dv-text-soft);font-size:var(--dv-size-small);line-height:1.6}@media (max-width:760px){.kit-type__row{grid-template-columns:1fr}}.kit-space{gap:var(--dv-space-8);margin-top:var(--dv-space-24);display:grid}.kit-space__row{gap:var(--dv-space-16);font-size:var(--dv-size-small);color:var(--dv-text-soft);grid-template-columns:90px auto 1fr;align-items:center;display:grid}.kit-space__row span{background:var(--dv-accent);height:14px;display:block}.kit-assets{margin-top:var(--dv-space-32);color:var(--dv-text-soft);font-size:var(--dv-size-small)}.kit-assets summary{cursor:pointer}.kit-assets li{margin:6px 0}.kit-assets a{color:var(--dv-text)}.kit-piece{margin-top:var(--dv-space-48);padding-top:var(--dv-space-24);border-top:1px solid var(--dv-line)}.kit-piece__name{font-size:var(--dv-size-title);gap:var(--dv-space-16);align-items:center;margin:0;display:flex}.kit-piece__stage{margin-top:var(--dv-space-24);padding:var(--dv-space-48) var(--dv-space-24);background:var(--dv-black);overflow:hidden}.kit-demo-row{gap:var(--dv-space-32);flex-wrap:wrap;align-items:center;display:flex}.kit-demo-stack{gap:var(--dv-space-16);display:grid}.kit-demo-bleed{margin:calc(-1 * var(--dv-space-48)) calc(-1 * var(--dv-space-24))}.kit-sources{margin:var(--dv-space-24) 0 0;gap:var(--dv-space-16);padding:0;list-style:none;display:grid}.kit-sources li{gap:4px;display:grid}.kit-sources span{color:var(--dv-text-soft);font-size:var(--dv-size-small)}.kit-sources a{font-weight:var(--dv-weight-bold)}.kit-drawer{z-index:50;position:fixed;inset:0}.kit-drawer__scrim{background:color-mix(in srgb, var(--dv-black) 70%, transparent);position:absolute;inset:0}.kit-drawer__panel{width:min(560px,100%);padding:var(--dv-space-32) var(--dv-space-32) var(--dv-space-96);background:var(--dv-panel);border-left:2px solid var(--dv-accent);position:absolute;top:0;bottom:0;right:0;overflow-y:auto}.kit-drawer__top{justify-content:space-between;align-items:flex-start;gap:var(--dv-space-16);display:flex}.kit-drawer__key{color:var(--dv-text-soft);font-family:ui-monospace,monospace;font-size:12px}.kit-drawer__title{margin:4px 0 var(--dv-space-16);font-size:var(--dv-size-h3);line-height:var(--dv-leading-tight)}.kit-drawer__summary{color:var(--dv-text);line-height:var(--dv-leading-body)}.kit-drawer__line{color:var(--dv-text-soft);font-size:var(--dv-size-small);line-height:1.6}.kit-drawer__token p{color:var(--dv-text-soft);font-size:var(--dv-size-small)}.kit-drawer__table{border-collapse:collapse;width:100%;margin:var(--dv-space-16) 0;font-size:var(--dv-size-small)}.kit-drawer__table td{border-bottom:1px solid var(--dv-line);vertical-align:top;color:var(--dv-text-soft);padding:6px 8px 6px 0}.kit-drawer__table td:first-child{color:var(--dv-text);white-space:nowrap}.kit-files{gap:var(--dv-space-16);grid-template-columns:repeat(auto-fill,minmax(150px,1fr));display:grid}.kit-file{color:var(--dv-text);gap:4px;font-size:12px;text-decoration:none;display:grid}.kit-file__img{aspect-ratio:4/3;background:var(--dv-black) center / contain no-repeat;border:1px solid var(--dv-line);display:block}.kit-file em{color:var(--dv-text-soft);font-style:normal}.kit-code{margin:var(--dv-space-24) 0;font-size:var(--dv-size-small);color:var(--dv-text-soft)}.kit-code summary{cursor:pointer;color:var(--dv-text);font-weight:var(--dv-weight-bold)}.kit-code pre{padding:var(--dv-space-16);background:var(--dv-black);color:var(--dv-text);white-space:pre;font-size:12px;overflow-x:auto}.kit-form{gap:var(--dv-space-16);display:grid}.kit-form__reactions{flex-wrap:wrap;gap:8px;display:flex}.kit-form__reactions button{border:1px solid var(--dv-line);border-radius:var(--dv-radius-pill);color:var(--dv-text);font:inherit;cursor:pointer;background:0 0;padding:6px 12px;font-size:13px}.kit-form__reactions button.is-on,.kit-form__reactions button:hover{border-color:var(--dv-accent);color:var(--dv-accent-hover)}.kit-form textarea{width:100%;padding:var(--dv-space-16);background:var(--dv-black);border:1px solid var(--dv-line);color:var(--dv-text);font:inherit;font-size:var(--dv-size-body);resize:vertical}.kit-form__actions{justify-content:flex-end;align-items:center;gap:var(--dv-space-16);display:flex}.kit-form__actions .dv-button[disabled]{opacity:.4;cursor:default}.kit-form__error{color:var(--dv-orange);font-size:var(--dv-size-small)}.kit-notes{margin:var(--dv-space-24) 0 0;gap:var(--dv-space-16);padding:0;list-style:none;display:grid}.kit-notes li{padding:var(--dv-space-16);background:var(--dv-black)}.kit-notes__who{color:var(--dv-text-soft);font-size:12px}.kit-notes__reaction{color:var(--dv-accent);font-size:var(--dv-size-small);font-weight:var(--dv-weight-bold);margin-top:6px}.kit-notes p{line-height:1.6;font-size:var(--dv-size-body);white-space:pre-wrap;margin:6px 0 0}.kit-login{min-height:100vh;padding:var(--dv-space-48) var(--dv-gutter);text-align:center;background:linear-gradient(var(--dv-black), transparent 30%, transparent 70%, var(--dv-black)), url(/deck/bg/forest.webp) center / cover no-repeat var(--dv-stage);place-items:center;display:grid}.kit-login__box{max-width:580px;padding:var(--dv-space-48) var(--dv-space-32);background:radial-gradient(closest-side, color-mix(in srgb, var(--dv-black) 82%, transparent), transparent)}.kit-login__box img{width:160px;height:auto;margin:0 auto var(--dv-space-32)}.kit-login__title{font-size:var(--dv-size-h2);line-height:var(--dv-leading-tight);margin:0 0 var(--dv-space-16)}.kit-login__line{color:var(--dv-text-soft);line-height:var(--dv-leading-body);margin:0 0 var(--dv-space-32)}.kit-demo-grid{gap:var(--dv-space-24);grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));display:grid}.kit-demo-grid--frames{grid-template-columns:repeat(auto-fill,minmax(min(100%,460px),1fr));align-items:start}.kit-demo-box{aspect-ratio:16/9}.kit-demo-caption{padding:var(--dv-space-16);font-weight:var(--dv-weight-bold);margin:0}.kit-demo-stack--wide{gap:var(--dv-space-64)}.kit-demo-kick{padding:var(--dv-space-48) 0;background:url(/deck/bg/grunge-works.webp) 50%/cover;overflow:hidden}.kit-strip{grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:6px;margin-top:6px;display:grid}.kit-strip span{aspect-ratio:1;background:var(--dv-black) center / contain no-repeat}.kit-demo-box--light{background:var(--dv-white);color:var(--dv-text-on-light)}.kit-proposals{margin:var(--dv-space-24) 0 0;gap:var(--dv-space-16);grid-template-columns:repeat(auto-fill,minmax(min(100%,420px),1fr));padding:0;list-style:none;display:grid}.kit-proposals__paths{margin:var(--dv-space-16) 0 0;font-size:var(--dv-size-small);color:var(--dv-text);gap:4px;padding:0;list-style:none;display:grid}.kit-proposal-bar{gap:var(--dv-space-24);color:var(--dv-text-soft);font-size:var(--dv-size-small);padding-top:var(--dv-space-24);padding-bottom:var(--dv-space-24);flex-wrap:wrap;align-items:center;display:flex}.kit-proposal-deck{padding:0 var(--dv-gutter)}@media print{.kit-bar,.kit-proposal-bar{display:none}.kit-proposal-deck{padding:0}.kit{background:0 0;padding:0}}
