.bk-studio{--studio-h:min(52dvh, 480px);grid-template-columns:minmax(0,1fr);align-items:start;gap:1.25rem;display:grid}@media (min-width:1024px){.bk-studio{--studio-h:min(78dvh, 760px);grid-template-columns:clamp(300px, calc(var(--studio-h) * .5625), 440px) minmax(0, 1fr);gap:1.75rem}}.bk-studio-preview{flex-direction:column;align-items:center;gap:.75rem;min-width:0;display:flex}@media (min-width:1024px){.bk-studio-preview{width:100%;position:sticky;top:1rem}}.bk-studio-device{width:min(100%, calc(var(--studio-h) * var(--device-aspect)));aspect-ratio:var(--device-aspect);position:relative}.bk-studio-screen{position:absolute;inset:0;overflow:hidden}.bk-studio-screen-plain{background:color-mix(in oklab, var(--bk-ink) 14%, var(--bk-surface));box-shadow:0 0 0 6px color-mix(in oklab, var(--bk-ink) 82%, black), 0 0 0 7px var(--bk-surface-edge), 0 22px 38px -20px #280c1899;border-radius:9%/5%}.bk-studio-film{aspect-ratio:9/16;min-width:100%;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.bk-studio-frame{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.bk-studio-steps-card{flex-direction:column;gap:1rem;min-width:0;padding:1.25rem;display:flex}@media (min-width:640px){.bk-studio-steps-card{padding:1.5rem}}.bk-studio-stepper{gap:.375rem;list-style:none;display:flex}.bk-studio-stepper-item{text-align:left;border-radius:8px;flex-direction:column;gap:.375rem;width:100%;padding:.25rem 0 0;display:flex}.bk-studio-stepper-item:focus-visible{outline:2px solid var(--bk-rose);outline-offset:2px}.bk-studio-stepper-item:disabled{cursor:default}.bk-studio-dash{background:color-mix(in oklab, var(--bk-rose) 16%, transparent);border-radius:999px;height:6px;transition:background-color .2s;display:block}.bk-studio-stepper-item:not(:disabled):hover .bk-studio-dash{background:color-mix(in oklab, var(--bk-rose) 55%, transparent)}.bk-studio-stepper-item[data-state=now] .bk-studio-dash,.bk-studio-stepper-item[data-state=past] .bk-studio-dash{background:var(--bk-rose)}.bk-studio-step-label{min-width:0;color:var(--bk-ink-3);align-items:center;gap:.375rem;font-size:12px;font-weight:600;display:flex}.bk-studio-stepper-item[data-state=now] .bk-studio-step-label{color:var(--bk-ink)}.bk-studio-step-n{background:color-mix(in oklab, var(--bk-rose) 13%, transparent);width:18px;height:18px;color:var(--bk-rose);border-radius:999px;flex-shrink:0;place-items:center;font-size:11px;display:inline-grid}.bk-studio-stepper-item[data-state=now] .bk-studio-step-n{background:var(--bk-rose);color:#fff}.bk-studio-step-body{flex-direction:column;gap:1.25rem;min-width:0;animation:.22s ease-out bk-studio-in;display:flex}@keyframes bk-studio-in{0%{opacity:0;transform:translateY(6px)}}.bk-studio-nav{gap:.5rem;display:flex}@media (max-width:1023px){.bk-studio-nav{bottom:var(--bk-tabbar-h,0px);z-index:5;margin-inline:-1.25rem;background:color-mix(in oklab, var(--bk-surface) 94%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--bk-surface-edge);border-radius:0 0 var(--bk-radius-panel) var(--bk-radius-panel);margin-bottom:-1.25rem;padding:.75rem 1.25rem;position:sticky}}.bk-studio-posters{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr;gap:.75rem;list-style:none;display:grid}.bk-studio-posters>li{display:flex}@media (min-width:640px){.bk-studio-posters{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:1024px){.bk-studio-posters{grid-template-columns:repeat(4,minmax(0,1fr))}}.bk-studio-poster{text-align:left;background:var(--bk-card);border:1.5px solid var(--bk-surface-edge);width:100%;height:100%;color:var(--bk-ink);border-radius:16px;flex-direction:column;gap:.375rem;padding:.375rem .375rem .5rem;transition:border-color .16s,transform .16s,background-color .16s;display:flex}.bk-studio-poster:hover{border-color:color-mix(in oklab, var(--bk-rose) 45%, transparent);transform:translateY(-2px)}.bk-studio-poster.is-on{background:color-mix(in oklab, var(--bk-rose) 12%, var(--bk-card));border-color:var(--bk-rose)}.bk-studio-poster-art{aspect-ratio:9/16;background:color-mix(in oklab, var(--bk-ink) 12%, var(--bk-surface));border-radius:11px;display:block;position:relative;overflow:hidden}.bk-studio-poster-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.4em;padding-inline:.25rem;font-size:13px;font-weight:700;line-height:1.2;display:-webkit-box;overflow:hidden}.bk-studio-poster-line{min-height:2.6em;color:var(--bk-ink-3);-webkit-line-clamp:2;-webkit-box-orient:vertical;padding-inline:.25rem;font-size:11.5px;line-height:1.3;display:-webkit-box;overflow:hidden}.bk-studio-fresh{background:var(--bk-rose);color:#fff;border-radius:999px;padding:2px 8px;font-size:10px;position:absolute;top:.375rem;left:.375rem}.bk-studio-tile-blank{display:block}.bk-studio-poster:focus-visible,.bk-studio-slot:focus-visible,.bk-studio-book:focus-visible,.bk-studio-swatch:focus-visible,.bk-studio-ground:focus-visible,.bk-studio-effect:focus-visible,.bk-studio-pill:focus-visible,.bk-studio-check:focus-visible,.bk-studio-range:focus-visible{outline:2px solid var(--bk-rose);outline-offset:2px}.bk-studio-slots{gap:.5rem;display:grid}.bk-studio-slot{aspect-ratio:2/3;background:color-mix(in oklab, var(--bk-rose) 7%, var(--bk-surface));border:1.5px dashed color-mix(in oklab, var(--bk-rose) 35%, transparent);border-radius:8px;place-items:center;transition:border-color .16s,transform .16s;display:grid;overflow:hidden}.bk-studio-slot:hover{border-color:var(--bk-rose);transform:translateY(-1px)}.bk-studio-slot[aria-pressed=true]{border-style:solid;border-color:var(--bk-rose);box-shadow:0 0 0 2px color-mix(in oklab, var(--bk-rose) 28%, transparent)}.bk-studio-scroll{scrollbar-width:thin}.bk-studio-shelf{grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:.625rem;max-height:280px;padding:.25rem;list-style:none;display:grid;overflow-y:auto}.bk-studio-book{border-radius:8px;padding:2px;transition:transform .16s,box-shadow .16s;display:block}.bk-studio-book:hover:not(:disabled){transform:translateY(-2px)}.bk-studio-book[aria-pressed=true]{box-shadow:0 0 0 2px var(--bk-rose)}.bk-studio-book:disabled{opacity:.5}.bk-studio-swatches{grid-template-columns:repeat(auto-fill,minmax(40px,1fr));gap:.5rem;max-height:168px;padding:.25rem;display:grid;overflow-y:auto}.bk-studio-swatch{aspect-ratio:1;box-shadow:0 0 0 1px var(--bk-surface-edge);border-radius:999px;transition:transform .16s,box-shadow .16s}.bk-studio-swatch:hover{transform:translateY(-1px)}.bk-studio-swatch[aria-pressed=true],.bk-studio-ground[aria-pressed=true],.bk-studio-effect[aria-pressed=true]{box-shadow:0 0 0 2px var(--bk-surface), 0 0 0 4px var(--bk-rose)}.bk-studio-grounds{grid-template-columns:repeat(auto-fill,minmax(52px,1fr));grid-auto-rows:max-content;align-content:start;gap:.625rem;max-height:232px;padding:.375rem;display:grid;overflow-y:auto}.bk-studio-ground{width:100%;height:auto;min-height:0;box-shadow:0 0 0 1px var(--bk-surface-edge);border-radius:10px;transition:transform .16s,box-shadow .16s;display:block;position:relative;overflow:hidden}.bk-studio-ground:hover{transform:translateY(-1px)}.bk-studio-effect{aspect-ratio:1;background:color-mix(in oklab, var(--bk-ink) 12%, var(--bk-surface));box-shadow:0 0 0 1px var(--bk-surface-edge);border-radius:10px;place-items:center;transition:transform .16s,box-shadow .16s;display:grid;overflow:hidden}.bk-studio-effect:hover{transform:translateY(-1px)}.bk-studio-pill{background:var(--bk-quiet-bg);border:var(--bk-edge-width) solid var(--bk-quiet-edge);color:var(--bk-ink);border-radius:999px;font-weight:600;transition:background-color .16s,border-color .16s}.bk-studio-pill:hover{background:var(--bk-quiet-bg-hover)}.bk-studio-pill[aria-pressed=true]{background:color-mix(in oklab, var(--bk-rose) 14%, var(--bk-card));border-color:var(--bk-rose)}.bk-studio-check{width:20px;height:20px;accent-color:var(--bk-rose);flex-shrink:0;margin-top:1px}.bk-studio-range{accent-color:var(--bk-rose)}.bk-studio-bar{background:color-mix(in oklab, var(--bk-rose) 14%, var(--bk-surface));border-radius:999px;height:12px;overflow:hidden}.bk-studio-bar>span{border-radius:inherit;background:var(--bk-cta-from);height:100%;transition:width .2s linear;display:block}.bk-seg{background:color-mix(in oklab, var(--bk-rose) 9%, var(--bk-surface));border:1.5px solid var(--bk-surface-edge);border-radius:999px;gap:2px;padding:3px;display:inline-flex}.bk-seg-tab{min-height:40px;color:var(--bk-ink-2);border-radius:999px;padding:0 1.25rem;font-size:13.5px;font-weight:700;transition:background-color .16s,color .16s}.bk-seg-tab:hover{color:var(--bk-ink)}.bk-seg-tab[aria-selected=true]{background:var(--bk-cta-from);color:#fff}.bk-seg-tab:focus-visible{outline:2px solid var(--bk-rose);outline-offset:2px}@media (prefers-reduced-motion:reduce){.bk-studio-step-body{animation:none}.bk-studio-poster,.bk-studio-slot,.bk-studio-book,.bk-studio-swatch,.bk-studio-ground,.bk-studio-effect,.bk-studio-bar>span,.bk-studio-dash,.bk-seg-tab{transition:none}.bk-studio-poster:hover,.bk-studio-slot:hover,.bk-studio-book:hover:not(:disabled),.bk-studio-swatch:hover,.bk-studio-ground:hover,.bk-studio-effect:hover{transform:none}}@media (min-width:1024px){.bk-studio{--studio-panel-h:min(700px, calc(100dvh - 170px));align-items:start}.bk-studio-steps-card{height:var(--studio-panel-h);min-height:0;padding-bottom:0;overflow:hidden}.bk-studio-step-body{overscroll-behavior:contain;flex:1;min-height:0;padding-bottom:1rem;scroll-padding-block:1rem 2rem;overflow-y:auto}.bk-studio-nav{padding:.75rem 1.5rem max(.75rem, env(safe-area-inset-bottom));border-top:1px solid var(--bk-surface-edge);background:var(--bk-surface);flex:none;margin-inline:-1.5rem}.bk-studio-poster-art{aspect-ratio:3/4}.bk-studio-poster-art img{object-position:top}}.bk-seg.bk-cards-modes{display:inline-flex}@media (max-width:639px){.bk-seg.bk-cards-modes{display:flex}.bk-seg.bk-cards-modes .bk-seg-tab{flex:1 1 0}}