.kp-build{max-width: 44rem;margin: 0 auto;padding: clamp(1rem, 3vw, 2rem) clamp(1rem, 4vw, 1.5rem) 4rem;display: flex;flex-direction: column;gap: 0.85rem;}.kp-build__top{display: flex;align-items: center;gap: 0.7rem;flex-wrap: wrap;}.kp-build__no{margin: 0;font-size: 0.72rem;letter-spacing: 0.14em;text-transform: uppercase;color: color-mix(in oklab, var(--kp-ink) 55%, transparent);}.kp-build__title{margin: 0.15rem 0 0;font-family: var(--kp-font-display);font-size: 1.35rem;font-weight: 600;}.kp-build__state{margin-left: auto;display: inline-flex;align-items: center;gap: 0.4rem;padding: 0.45rem 0.7rem;border-radius: 999px;font-size: 0.75rem;font-weight: 500;background: color-mix(in oklab, var(--kp-ink) 6%, transparent);color: color-mix(in oklab, var(--kp-ink) 70%, transparent);}.kp-build__state--live{background: var(--kp-a-soft);color: var(--kp-a-deep);font-weight: 600;}.kp-build__dot{width: 0.45rem;height: 0.45rem;border-radius: 50%;background: color-mix(in oklab, var(--kp-ink) 35%, transparent);flex: none;}.kp-build__state--live .kp-build__dot{background: var(--kp-a);}.kp-build__stage{position: relative;aspect-ratio: 4 / 3;border-radius: 1.25rem;overflow: hidden;background: color-mix(in oklab, var(--kp-ink) 92%, var(--kp-cream));border: 1px solid var(--kp-line);box-shadow: 0 1rem 2.4rem color-mix(in oklab, var(--kp-ink) 12%, transparent);}.kp-build__slide{position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover;opacity: 0;transform: scale(1);transition: opacity 1.1s ease, transform 5.4s ease-out;}.kp-build__slide.is-on{opacity: 1;transform: scale(1.04);}.kp-build__veil{position: absolute;inset: 0;pointer-events: none;background: linear-gradient( 180deg, color-mix(in oklab, var(--kp-ink) 45%, transparent) 0%, transparent 32%, transparent 52%, color-mix(in oklab, var(--kp-ink) 82%, transparent) 100%);}.kp-build__badge{position: absolute;top: 0.8rem;left: 0.8rem;display: inline-flex;align-items: center;gap: 0.4rem;padding: 0.4rem 0.7rem;border-radius: 999px;font-size: 0.72rem;font-weight: 500;background: color-mix(in oklab, var(--kp-cream) 18%, transparent);border: 1px solid color-mix(in oklab, var(--kp-cream) 24%, transparent);color: var(--kp-cream);-webkit-backdrop-filter: blur(6px);backdrop-filter: blur(6px);}.kp-build__pause{position: absolute;top: 0.8rem;right: 0.8rem;width: 2.5rem;height: 2.5rem;border-radius: 50%;display: grid;place-items: center;cursor: pointer;color: var(--kp-cream);background: color-mix(in oklab, var(--kp-ink) 50%, transparent);border: 1px solid color-mix(in oklab, var(--kp-cream) 24%, transparent);}.kp-build__caption{position: absolute;inset: auto 1rem 1rem;display: flex;flex-direction: column;gap: 0.7rem;}.kp-build__what{margin: 0;font-family: var(--kp-font-head);font-size: 1.2rem;font-weight: 600;line-height: 1.2;color: var(--kp-cream);}.kp-build__when{margin: 0.15rem 0 0;font-size: 0.78rem;font-variant-numeric: tabular-nums;color: color-mix(in oklab, var(--kp-cream) 65%, transparent);}.kp-build__dots{display: flex;gap: 0.3rem;}.kp-build__dots button{flex: 1 1 0;height: 2.75rem;padding: 0;border: none;background: none;cursor: pointer;display: grid;align-items: end;}.kp-build__dots span{display: block;height: 3px;border-radius: 999px;background: color-mix(in oklab, var(--kp-cream) 30%, transparent);}.kp-build__dots button[aria-current="true"] span{background: var(--kp-cream);}.kp-build__empty{position: absolute;inset: 0;display: grid;place-items: center;text-align: center;padding: 1.5rem;color: color-mix(in oklab, var(--kp-cream) 55%, transparent);font-size: 0.85rem;line-height: 1.5;}.kp-build__card{display: flex;gap: 0.75rem;align-items: flex-start;padding: 0.9rem 1rem;border-radius: 1.1rem;background: var(--kp-cream-2);border: 1px solid var(--kp-line);}.kp-build__card--accent{border-color: color-mix(in oklab, var(--kp-a) 38%, transparent);}.kp-build__icon{width: 2.2rem;height: 2.2rem;flex: none;border-radius: 0.75rem;display: grid;place-items: center;background: var(--kp-a-soft);color: var(--kp-a-deep);}.kp-build__card h2{margin: 0;font-size: 0.95rem;font-weight: 600;line-height: 1.3;}.kp-build__card p{margin: 0.25rem 0 0;font-size: 0.85rem;line-height: 1.5;color: color-mix(in oklab, var(--kp-ink) 68%, transparent);}.kp-build__label{margin: 0.5rem 0.15rem 0.1rem;font-size: 0.72rem;letter-spacing: 0.14em;text-transform: uppercase;color: color-mix(in oklab, var(--kp-ink) 50%, transparent);}.kp-build__steps{margin: 0;padding: 0;list-style: none;}.kp-build__step{display: flex;gap: 0.75rem;align-items: flex-start;}.kp-build__rail{display: flex;flex-direction: column;align-items: center;align-self: stretch;flex: none;}.kp-build__mark{width: 0.75rem;height: 0.75rem;border-radius: 50%;margin-top: 0.35rem;flex: none;box-sizing: border-box;background: var(--kp-cream);border: 1.5px solid color-mix(in oklab, var(--kp-ink) 24%, transparent);}.kp-build__mark.is-done{background: color-mix(in oklab, var(--kp-a) 45%, transparent);border-color: transparent;}.kp-build__mark.is-now{background: var(--kp-a);border-color: transparent;box-shadow: 0 0 0 4px var(--kp-a-soft);}.kp-build__line{flex: 1 1 auto;width: 1.5px;margin: 0.2rem 0;background: var(--kp-line);}.kp-build__text{flex: 1 1 auto;min-width: 0;display: flex;gap: 0.5rem;align-items: baseline;justify-content: space-between;padding-bottom: 0.8rem;}.kp-build__text b{font-size: 0.92rem;font-weight: 600;}.kp-build__text span{font-size: 0.92rem;font-weight: 400;color: color-mix(in oklab, var(--kp-ink) 76%, transparent);}.kp-build__text em{flex: none;font-style: normal;font-size: 0.75rem;font-variant-numeric: tabular-nums;color: color-mix(in oklab, var(--kp-ink) 50%, transparent);}.kp-build__step.is-waiting .kp-build__text span{color: color-mix(in oklab, var(--kp-ink) 46%, transparent);}.kp-build__config{padding: 0.75rem 0.9rem;border-radius: 0.9rem;background: color-mix(in oklab, var(--kp-ink) 4.5%, transparent);}.kp-build__config p{margin: 0.3rem 0 0;font-size: 0.85rem;line-height: 1.5;}.kp-build__note{margin: 0.2rem 0.15rem 0;font-size: 0.78rem;line-height: 1.6;color: color-mix(in oklab, var(--kp-ink) 60%, transparent);}@media (prefers-reduced-motion: reduce){.kp-build__slide{transition: none;transform: none;}.kp-build__slide.is-on{transform: none;}}.kp-build__marks{display: flex;flex-wrap: wrap;gap: 0.4rem;margin: 0.4rem 0 0.75rem;}.kp-build__chip{min-height: 2.75rem;padding: 0.5rem 0.8rem;border-radius: 0.8rem;cursor: pointer;font: inherit;font-size: 0.82rem;background: var(--kp-cream-2);color: var(--kp-ink);border: 1px solid var(--kp-line);}.kp-build__chip.is-done{background: var(--kp-a);border-color: var(--kp-a);color: var(--kp-cream-2);font-weight: 600;}.kp-build__chip:disabled{opacity: 0.55;cursor: progress;}.kp-build__add{display: flex;flex-direction: column;gap: 0.35rem;font-size: 0.82rem;color: color-mix(in oklab, var(--kp-ink) 70%, transparent);}.kp-build__thumbs{list-style: none;margin: 0.75rem 0 0;padding: 0;display: grid;grid-template-columns: repeat(auto-fill, minmax(4.5rem, 1fr));gap: 0.35rem;}.kp-build__thumbs img{width: 100%;aspect-ratio: 1 / 1;object-fit: cover;border-radius: 0.6rem;border: 1px solid var(--kp-line);display: block;}.kp-cam{background: color-mix(in oklab, var(--kp-ink) 94%, var(--kp-cream));}.kp-cam__main{position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover;display: block;background: color-mix(in oklab, var(--kp-ink) 94%, var(--kp-cream));}.kp-cam__live{border-color: color-mix(in oklab, var(--kp-a) 55%, transparent);font-weight: 600;letter-spacing: 0.06em;}.kp-cam__dot{width: 0.45rem;height: 0.45rem;border-radius: 50%;background: var(--kp-a);flex: none;}.kp-cam__pip{position: absolute;right: 0.8rem;bottom: 0.8rem;width: 7.4rem;height: 4.8rem;padding: 0;border-radius: 0.8rem;overflow: hidden;cursor: pointer;background: color-mix(in oklab, var(--kp-ink) 92%, var(--kp-cream));border: 1.5px solid color-mix(in oklab, var(--kp-cream) 50%, transparent);box-shadow: 0 0.5rem 1.25rem color-mix(in oklab, var(--kp-ink) 40%, transparent);}.kp-cam__pip video{width: 100%;height: 100%;object-fit: cover;display: block;}.kp-cam__pipname{position: absolute;inset: auto 0 0.25rem;text-align: center;font-size: 0.66rem;font-weight: 500;color: var(--kp-cream);text-shadow: 0 1px 3px color-mix(in oklab, var(--kp-ink) 80%, transparent);}@media (max-width: 24rem){.kp-cam__pip{width: 5.8rem;height: 3.8rem;}}.kp-cams{list-style: none;margin: 0 0 0.9rem;padding: 0;display: flex;flex-direction: column;gap: 0.5rem;}.kp-cams__row{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: 0.6rem;padding: 0.6rem 0.8rem;border: 1px solid var(--kp-line);border-radius: 0.7rem;background: var(--kp-cream-2);}.kp-cams__row.is-off{opacity: 0.62;}.kp-cams__name{display: flex;flex-direction: column;gap: 0.15rem;min-width: 0;}.kp-cams__name b{font-size: 0.94rem;color: var(--kp-ink);}.kp-cams__name code{font-size: 0.74rem;color: color-mix(in oklab, var(--kp-ink) 62%, var(--kp-cream));word-break: break-all;}.kp-cams__acts{display: flex;gap: 0.4rem;flex: none;}.kp-cams__add{display: flex;flex-wrap: wrap;align-items: flex-end;gap: 0.6rem;}.kp-cams__add label{display: flex;flex-direction: column;gap: 0.25rem;min-width: 0;flex: 1 1 11rem;}.kp-cams__add label span{font-size: 0.76rem;font-weight: 600;color: color-mix(in oklab, var(--kp-ink) 70%, var(--kp-cream));}.kp-cams__add input{width: 100%;min-width: 0;padding: 0.5rem 0.65rem;border: 1px solid var(--kp-line);border-radius: 0.55rem;background: var(--kp-cream);color: var(--kp-ink);font: inherit;font-size: 0.9rem;}.kp-cams__howto{margin-top: 1rem;border-top: 1px solid var(--kp-line);padding-top: 0.7rem;font-size: 0.86rem;color: color-mix(in oklab, var(--kp-ink) 78%, var(--kp-cream));}.kp-cams__howto summary{cursor: pointer;font-weight: 600;color: var(--kp-ink);}.kp-cams__howto ol{margin: 0.7rem 0 0;padding-left: 1.2rem;display: flex;flex-direction: column;gap: 0.55rem;}.kp-cams__howto pre{margin: 0.4rem 0 0;padding: 0.6rem 0.7rem;overflow-x: auto;border-radius: 0.55rem;background: color-mix(in oklab, var(--kp-ink) 92%, var(--kp-cream));color: var(--kp-cream);font-size: 0.74rem;line-height: 1.55;}.kp-cams__howto pre code{white-space: pre;}.kp-viewers{margin: 0 0 1rem;padding: 0.9rem 0 0;border-top: 1px solid var(--kp-line);}.kp-viewers__h{display: flex;align-items: center;gap: 0.5rem;margin: 0 0 0.35rem;font-size: 0.95rem;color: var(--kp-ink);}.kp-viewers__lead{margin: 0 0 0.7rem;font-size: 0.84rem;line-height: 1.5;color: color-mix(in oklab, var(--kp-ink) 72%, var(--kp-cream));}.kp-viewers__list{list-style: none;margin: 0 0 0.7rem;padding: 0;display: flex;flex-direction: column;gap: 0.4rem;}.kp-viewers__row{display: flex;flex-wrap: wrap;align-items: center;gap: 0.45rem 0.7rem;padding: 0.55rem 0.75rem;border: 1px solid var(--kp-line);border-radius: 0.7rem;background: var(--kp-cream-2);}.kp-viewers__row.is-on{border-color: color-mix(in oklab, var(--kp-a) 55%, var(--kp-line));background: color-mix(in oklab, var(--kp-a) 9%, var(--kp-cream-2));}.kp-viewers__row.is-locked{opacity: 0.62;}.kp-viewers__who{display: flex;flex-direction: column;gap: 0.1rem;flex: 1 1 10rem;min-width: 0;}.kp-viewers__who b{font-size: 0.92rem;color: var(--kp-ink);overflow-wrap: anywhere;}.kp-viewers__mail{font-size: 0.74rem;color: color-mix(in oklab, var(--kp-ink) 60%, var(--kp-cream));overflow-wrap: anywhere;}.kp-viewers__tags, .kp-viewers__acts{display: flex;flex-wrap: wrap;align-items: center;gap: 0.35rem;}.kp-viewers__tier{padding: 0.12rem 0.5rem;border-radius: 999px;font-size: 0.68rem;font-weight: 750;letter-spacing: 0.05em;text-transform: uppercase;white-space: nowrap;border: 1px solid color-mix(in oklab, var(--kp-ink) 18%, transparent);color: color-mix(in oklab, var(--kp-ink) 75%, var(--kp-cream));}.kp-viewers__tier--super{border-color: color-mix(in oklab, var(--kp-a) 55%, transparent);background: color-mix(in oklab, var(--kp-a) 18%, transparent);color: var(--kp-a-deep, var(--kp-a));}.kp-viewers__tier--now{border-color: color-mix(in oklab, var(--kp-yolk, #E8A33D) 60%, transparent);background: color-mix(in oklab, var(--kp-yolk, #E8A33D) 22%, transparent);color: var(--kp-ink);}[data-theme="dark"] .kp-viewers__tier--super{color: var(--kp-a-2);}.kp-viewers__none{margin: 0;font-size: 0.84rem;color: color-mix(in oklab, var(--kp-ink) 68%, var(--kp-cream));}.kp-viewers .kp-build__chip{white-space: nowrap;flex: none;}.kp-viewers__count{font-size: 0.74rem;font-weight: 600;white-space: nowrap;color: color-mix(in oklab, var(--kp-ink) 62%, var(--kp-cream));}