/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial}}}@layer components{.bp-card{background-color:var(--card);border-style:var(--tw-border-style);--tw-border-style:solid;border-style:solid;border-width:1px;border-color:var(--border)}.bp-kicker{--tw-font-weight:var(--font-weight-medium,500);font-size:11px;font-weight:var(--font-weight-medium,500);color:var(--muted-foreground);margin:0 0 10px}.bp-chip{background:rgb(from var(--foreground) r g b / .08);color:var(--foreground)}.bp-ai{border:1px dashed rgb(from var(--foreground) r g b / .45);color:var(--secondary-foreground)}.bp-you{background-color:var(--warning-soft);color:var(--warning-soft-foreground)}.bp-key{background-color:var(--accent);min-width:22px;height:22px;box-shadow:inset 0 0 0 1px var(--border);font-family:var(--site-font-mono);color:var(--foreground);font-size:11px;display:inline-grid}.bp-keys{color:var(--muted-foreground);flex-wrap:wrap;align-items:center;gap:6px 14px;display:flex}.bp-keys span{align-items:center;gap:6px;display:inline-flex}.bp-btn{border:1px solid rgb(from var(--foreground) r g b / .14);color:var(--secondary-foreground);font:inherit;--tw-font-weight:var(--font-weight-medium,500);font-size:12.5px;font-weight:var(--font-weight-medium,500);background:0 0;border-radius:999px;transition:background .25s,color .25s}.bp-btn.is-on,.bp-btn[aria-selected=true]{border-color:var(--foreground);background-color:var(--accent);color:var(--accent-foreground)}.bp-btn:focus-visible,.bp-range:focus-visible,.bp-tester:focus-visible,.bp-phrase:focus-visible{outline:2px solid var(--foreground);outline-offset:2px}.bp-range{accent-color:var(--foreground)}.bp-ctrl{color:var(--muted-foreground)}.bp-hero{z-index:1;border:1px solid rgb(from var(--foreground) r g b / .1);border-style:var(--tw-border-style);border-width:1px;border-color:var(--border);background-color:var(--card);color:var(--card-foreground);--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);overflow:hidden}.bp-hero-body{grid-template-columns:1fr minmax(280px,360px)}.bp-wall{grid-template-columns:repeat(6,1fr)}.bp-wall .bp-v:nth-child(n+13){display:none}.bp-v .tile{--ar:3 / 4;border-radius:8px}.bp-v.is-pick .tile{outline:2px solid var(--selection);outline-offset:2px}.bp-v.is-out .tile{opacity:.22}.bp-v.is-cursor .tile{box-shadow:0 0 0 2px var(--background), 0 0 0 4px rgb(from var(--selection) r g b / .55)}.bp-v em{background-color:var(--primary);width:18px;height:18px;color:var(--primary-foreground);border-radius:50%;place-items:center;font-size:9px;font-style:normal;display:grid;position:absolute;top:6px;left:6px}.bp-v.is-out em{background:rgb(from var(--background) r g b / .7);color:var(--secondary-foreground)}.bp-pop{background-color:var(--card);border:1px solid rgb(from var(--foreground) r g b / .16);border-style:var(--tw-border-style);border-width:1px;border-color:var(--border);background-color:var(--popover);color:var(--popover-foreground);--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.bp-pop-head em{--tw-font-weight:var(--font-weight-normal,400);font-style:normal;font-weight:var(--font-weight-normal,400);font-family:var(--site-font-mono);color:var(--muted-foreground);margin-left:auto;font-size:11px}.bp-pair{grid-template-columns:1fr 1fr}.bp-zoom{overflow:hidden}.bp-zoom .tile{--ar:1;transform:scale(var(--zoom,1.8));transform-origin:40% 35%;border-radius:0}.bp-zoom b{background:rgb(from var(--background) r g b / .7);border-radius:6px;padding:2px 7px;font-size:11px;position:absolute;bottom:8px;left:8px}.bp-pop .bp-ai{margin-top:10px}.bp-hero-bar{border-top:1px solid var(--border);color:var(--muted-foreground)}.bp-hero-bar b{color:var(--foreground)}.bp-hero-bar .bp-keys,.bp-scan-bar .bp-ctrl{margin-left:auto}.bp-views{--cols:6}.bp-view[hidden]{display:none}.bp-view{animation:sceneIn .4s var(--ease-out) both}.bp-view.masonry{columns:var(--cols)}.bp-justified{--rowh:calc(720px / var(--cols));flex-wrap:wrap;display:flex}.bp-justified:after{content:"";flex:999 1 0}.bp-justified .tile{flex:var(--grow,1) 1 calc(var(--grow,1) * var(--rowh));max-width:calc(var(--grow,1) * var(--rowh) * 1.3);height:var(--rowh);aspect-ratio:auto;border-radius:8px}.bp-fit{grid-template-columns:repeat(var(--cols), 1fr);display:grid}.bp-cell{background-color:var(--card)}.bp-cell .tile{border-radius:6px}.bp-scan-foot{border-top:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:10px 20px;display:flex}.bp-format{grid-template-columns:1fr 260px;display:grid;overflow:hidden}.bp-format[hidden]{display:none}.bp-stage{background:radial-gradient(circle, rgb(from var(--foreground) r g b / .07) 1px, transparent 1.2px) 0 0 / 20px 20px, var(--background)}.bp-side{border-left:1px solid var(--border);color:var(--muted-foreground)}.bp-side h3{color:var(--foreground);margin:0 0 6px;font-size:15px}.bp-side ul{margin:14px 0 0;padding:0;list-style:none}.bp-side li{border-top:1px solid var(--border);align-items:flex-start;gap:10px;padding:8px 0;display:flex}.bp-side li i{width:14px;color:var(--foreground);margin-top:3px;font-size:12px}.bp-design>.tile{--ar:4 / 3;border-radius:12px}.bp-loupe{border:3px solid var(--foreground);--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);bottom:-16px;right:-16px;overflow:hidden}.bp-loupe .tile{--ar:1;transform-origin:70% 70%;border-radius:0;transform:scale(2.6)}.bp-loupe b{background:rgb(from var(--background) r g b / .7);font-family:var(--site-font-mono);border-radius:6px;padding:2px 7px;font-size:10.5px;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.bp-layers{background-color:var(--muted);border:1px solid rgb(from var(--foreground) r g b / .12);--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);top:16px;left:-16px}.bp-layers p{color:var(--secondary-foreground);border-radius:6px;align-items:center;gap:8px;margin:0;padding:5px 6px;display:flex}.bp-layers p.is-on{background:rgb(from var(--foreground) r g b / .1);color:var(--foreground)}.bp-layers i{width:12px;color:var(--muted-foreground);font-size:10px}.bp-spread{background:#e9e5dc;grid-template-columns:1fr 1fr}.bp-spread span{aspect-ratio:3/4;background:linear-gradient(#3b2a20 0 0) 12% 10%/50% 5% no-repeat,repeating-linear-gradient(#b9b2a5 0 2px,#0000 2px 9px) 12% 24%/76% 40% no-repeat,#f6f3ec;border-radius:3px}.bp-spread span:last-child{background:linear-gradient(#c99a6b 0 0) 12% 12%/76% 42% no-repeat,repeating-linear-gradient(#b9b2a5 0 2px,#0000 2px 9px) 12% 64%/76% 24% no-repeat,#f6f3ec}.bp-pagebar span{background-color:var(--accent);border-radius:3px;flex:1;height:34px}.bp-pagebar span.is-on{outline:2px solid var(--foreground);outline-offset:2px;background:#e9e5dc}.bp-pagebar em{font-style:normal;font-family:var(--site-font-mono);color:var(--muted-foreground);white-space:nowrap;font-size:11px}.bp-tester{border:1px solid rgb(from var(--foreground) r g b / .18);background-color:var(--muted);color:var(--foreground);font:inherit}.bp-sample{border-top:1px solid var(--border);text-overflow:ellipsis;color:var(--foreground);overflow:hidden}.bp-sample small{font-family:var(--site-font-sans);color:var(--muted-foreground);margin-bottom:2px;font-size:11px;display:block}.bp-fallback{color:var(--muted-foreground)}.bp-motion{grid-template-columns:1fr 300px;overflow:hidden}.bp-frame .tile{--ar:16 / 9;--hue:calc(200 + var(--f,42) * 1.2);--x:calc(20% + var(--f,42) * 0.6%);border-radius:12px}.bp-frame-badges{top:12px;left:12px}.bp-frame-badges span{background:rgb(from var(--background) r g b / .7);font-family:var(--site-font-mono);border-radius:6px;padding:3px 8px;font-size:11px}.bp-strip{background-color:var(--card);grid-template-columns:repeat(12,1fr)}.bp-strip .tile{--ar:16 / 10;border-radius:3px}.bp-loop{border:2px solid var(--foreground);border-radius:6px;width:26%;position:absolute;top:-6px;bottom:-6px;left:33%}.bp-loop:before,.bp-loop:after{content:"";background-color:var(--primary);border-radius:3px;width:6px;height:18px;margin-top:-9px;position:absolute;top:50%}.bp-loop:before{left:-4px}.bp-loop:after{right:-4px}.bp-loop em{background-color:var(--primary);color:var(--primary-foreground);--tw-font-weight:var(--font-weight-semibold,600);font-size:10.5px;font-style:normal;font-weight:var(--font-weight-semibold,600);white-space:nowrap;border-radius:6px;padding:2px 8px;position:absolute;top:-24px;left:50%;transform:translate(-50%)}.bp-scrub{accent-color:var(--foreground)}.bp-motion-ctrls .bp-ctrl{font-family:var(--site-font-mono);margin-left:auto}.bp-markers{border-left:1px solid var(--border)}.bp-marker{border-top:1px solid var(--border);color:var(--secondary-foreground);grid-template-columns:48px 1fr}.bp-marker:first-of-type{border-top:0}.bp-marker>span:first-child{font-family:var(--site-font-mono);color:var(--foreground);font-size:11.5px}.bp-marker p{margin:4px 0 0}.bp-cover{border:1px dashed rgb(from var(--foreground) r g b / .2);color:var(--muted-foreground)}.bp-cover .tile{--ar:16 / 10;border-radius:6px;flex-shrink:0;width:64px}.bp-cover b{color:var(--foreground);--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);display:block}.bp-hover{grid-template-columns:repeat(3,1fr)}.bp-hv{--p:0;outline:none}[data-hover=audio] .bp-hv-media{cursor:pointer}.bp-hv:focus-visible{outline:2px solid var(--foreground);outline-offset:3px}.bp-hv-media{overflow:hidden}.bp-hv-media .tile{border-radius:0}.bp-hv-badge,.bp-hv-time{z-index:1;background:rgb(from var(--background) r g b / .7);font-family:var(--site-font-sans);--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);color:var(--foreground);border-radius:6px;align-items:center;gap:6px;padding:3px 8px;font-size:11px;display:inline-flex;position:absolute;top:10px}.bp-hv-badge{left:10px}.bp-hv-time{gap:4px;right:10px}.bp-hv-play{z-index:1;background:rgb(from var(--background) r g b / .6);border:1px solid rgb(from var(--foreground) r g b / .3);width:46px;height:46px;margin:-23px 0 0 -23px;transition:opacity .25s,transform .25s;top:50%;left:50%}.bp-hv.is-playing .bp-hv-play{opacity:0;transform:scale(.8)}.bp-ghost{z-index:2;color:var(--foreground);filter:drop-shadow(0 2px 6px #0009);opacity:0;top:58%;left:56%}.bp-hv.is-demo .bp-ghost{opacity:1}.bp-hv-name{color:var(--muted-foreground)}.bp-hv-name b{font-family:var(--site-font-mono);--tw-font-weight:var(--font-weight-normal,400);font-size:12.5px;font-weight:var(--font-weight-normal,400);color:var(--foreground);margin-bottom:2px;display:block}.bp-hv.is-playing .bp-gif-tile{animation:1.6s infinite gifFrames}.bp-hv-loop{background:rgb(from var(--foreground) r g b / .2);bottom:10px;left:10px;right:10px;overflow:hidden}.bp-hv-loop span{background-color:var(--primary);width:0;height:100%;display:block}.bp-hv.is-playing .bp-hv-loop span{animation:1.6s linear infinite loopBar}.bp-video-tile{--hue:calc(190 + var(--p) * 130);--x:calc(12% + var(--p) * 70%);--y:calc(62% - var(--p) * 34%)}.bp-playhead{z-index:1;top:0;bottom:0;left:calc(var(--p) * 100%);background-color:var(--primary);--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);opacity:0;transition:opacity .2s}.bp-hv.is-playing .bp-playhead{opacity:1}.bp-hv-progress{background:rgb(from var(--foreground) r g b / .2);bottom:0;left:0;right:0}.bp-hv-progress span{width:calc(var(--p) * 100%);background-color:var(--primary);height:100%;display:block}[data-hover=video] .bp-ghost{left:calc(var(--p) * 100%)}.bp-hv-sound{aspect-ratio:4/5;background-color:var(--muted)}.bp-hv-sound .bp-hv-play{width:38px;height:38px;margin:0;top:14px;left:14px}.bp-hv-wave{top:50%;left:16px;right:16px;transform:translateY(-50%)}.bp-hv-wave>div{align-items:center;gap:2px;display:flex;position:absolute;inset:0}.bp-hv-wave i{height:var(--h,40%);background:rgb(from var(--foreground) r g b / .2);border-radius:2px;flex:1}.bp-hv-wave .is-lit{clip-path:inset(0 calc((1 - var(--p)) * 100%) 0 0)}.bp-hv-wave .is-lit i{background-color:var(--primary)}.bp-hv-sound .bp-hv-time{top:auto;bottom:14px}.bp-hv-aim{top:-14%;bottom:-14%;left:calc(var(--hp,0) * 100%);background-color:var(--primary);--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);opacity:0;transition:opacity .2s}.bp-hv.is-aiming .bp-hv-aim{opacity:1}.bp-hv-aim em{background-color:var(--primary);color:var(--primary-foreground);font-style:normal;font-family:var(--site-font-mono);border-radius:5px;padding:2px 6px;font-size:10.5px;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%)}[data-hover=audio] .bp-ghost{left:calc(16px + var(--hp,0) * (100% - 32px));top:60%}.bp-hv.is-click .bp-ghost{transform:scale(.82)}.bp-ghost{transition:opacity .3s,transform .12s}.bp-flip{grid-template-columns:1fr 1fr}.bp-flip-card h3{--tw-font-weight:var(--font-weight-semibold,600);font-size:16px;font-weight:var(--font-weight-semibold,600);margin:18px 2px 4px}.bp-flip-card>p{color:var(--muted-foreground);margin:0 2px;font-size:13.5px;line-height:1.55}.bp-space{background-color:var(--muted);border:1px solid rgb(from var(--foreground) r g b / .1);overflow:hidden}.bp-space-stage .tile{aspect-ratio:auto;opacity:0;border-radius:0;animation:7.5s infinite spaceCycle;position:absolute;inset:0}.bp-space-stage .tile:nth-child(2){animation-delay:2.5s}.bp-space-stage .tile:nth-child(3){animation-delay:5s}.bp-space-keys{bottom:14px;left:50%;transform:translate(-50%)}.bp-space-keys .bp-key{min-width:28px;height:28px;font-size:12px}.bp-space-keys .k-right{animation:2.5s infinite keyPress}.bp-gestures{background-color:var(--card);border:1px solid rgb(from var(--foreground) r g b / .1);grid-template-columns:1fr 1fr}.bp-gesture{grid-template-rows:18px auto 18px auto;justify-content:center;justify-items:center;gap:10px}.bp-gesture b{--tw-font-weight:var(--font-weight-semibold,600);font-size:13px;font-weight:var(--font-weight-semibold,600)}.bp-gesture.is-zoom{grid-template-areas:"up""mouse""down""label"}.bp-gesture.is-switch{grid-template-areas:". . .""left mouse right"". . ."".label.";column-gap:14px}.bp-gesture .up{grid-area:up}.bp-gesture .down{grid-area:down}.bp-gesture .left{grid-area:left}.bp-gesture .right{grid-area:right}.bp-gesture .bp-mouse{grid-area:mouse}.bp-gesture b{grid-area:label}.bp-mouse{background:linear-gradient(150deg,#fbfbfa 0%,#d9d9d6 48%,#b9b9b6 100%);border:1px solid #0000002e;border-radius:999px;height:84px;position:relative;box-shadow:inset 0 2px 3px #ffffffe6,inset 0 -6px 10px #0000001f,0 4px 10px #0000001f}.dark .bp-mouse{box-shadow:inset 0 2px 3px #ffffffe6,inset 0 -6px 10px #0000001f,0 0 0 5px #ffffff0d,0 0 0 6px #ffffff1a,0 0 0 11px #ffffff08}.bp-mouse:before{content:"";background:#2b2a28;border-radius:2px;width:3px;height:14px;position:absolute;top:18px;left:calc(50% - 1.5px)}.bp-mouse i{background:radial-gradient(circle at 35% 30%,#ffb066,#f07a1a);border-radius:50%;width:9px;height:9px;position:absolute;top:21px;left:calc(50% + 7px);box-shadow:0 0 8px 1px #f07a1aa6}.is-zoom .bp-mouse{animation:1.8s ease-in-out infinite dragY}.is-switch .bp-mouse{animation:1.8s ease-in-out infinite dragX}.bp-arrow{color:var(--foreground);opacity:.35}.is-zoom .up,.is-switch .left{animation:1.8s ease-in-out infinite arrowA}.is-zoom .down,.is-switch .right{animation:1.8s ease-in-out infinite arrowB}.bp-compare{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);overflow:hidden}.bp-compare-bar{border-bottom:1px solid var(--border)}.bp-compare-bar .bp-ctrl{margin-left:auto}.bp-compare-body{grid-template-columns:1fr 280px}.bp-mode{animation:sceneIn .4s var(--ease-out) both}.bp-mode[hidden]{display:none}.bp-grid4{grid-template-columns:repeat(4,1fr)}.bp-grid2{grid-template-columns:1fr 1fr}.bp-crop{overflow:hidden}.bp-scale{transform:scale(var(--zoom,1));transform-origin:50% 30%;transition:transform .2s}.bp-crop .tile{--ar:3 / 4;border-radius:0}.bp-scale .bp-flag em{transform:scale(calc(1 / var(--zoom,1)));transform-origin:0 100%}.bp-cand figcaption{color:var(--muted-foreground);flex-wrap:wrap;align-items:center;gap:6px;margin-top:8px;font-size:12px;display:flex}.bp-cand figcaption b{color:var(--foreground);--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600)}.bp-cand.is-pick .bp-crop{outline:2px solid var(--foreground);outline-offset:2px}.bp-cand.is-out .bp-crop{opacity:.35}.bp-letter{z-index:1;background:rgb(from var(--background) r g b / .7);top:8px;left:8px}.bp-flag{z-index:1;border:1.5px dashed var(--foreground)}.bp-flag em{background:rgb(from var(--background) r g b / .75);border:1px dashed rgb(from var(--foreground) r g b / .5);white-space:nowrap;border-radius:6px;padding:2px 7px;font-size:10.5px;font-style:normal;position:absolute;bottom:calc(100% + 4px);left:-1px}.bp-overlay{overflow:hidden}.bp-overlay .tile{--ar:3 / 4;border-radius:0}.bp-overlay .tile+.tile{opacity:var(--mix,.5);mix-blend-mode:difference;position:absolute;inset:0}.bp-notes{border-left:1px solid var(--border);color:var(--secondary-foreground)}.bp-notes ul{margin:0 0 16px;padding:0;list-style:none}.bp-notes li{border-top:1px solid var(--border);align-items:flex-start;gap:8px;padding:8px 0;display:flex}.bp-notes li:first-child{border-top:0}.bp-notes li>span:first-child{flex-shrink:0}.bp-verdict{background-color:var(--warning-soft);color:var(--warning-soft-foreground)}.bp-verdict b{letter-spacing:.04em;text-transform:uppercase;color:var(--warning-soft-foreground);margin-bottom:4px;font-size:11px;display:block}.bp-linked{grid-template-columns:minmax(240px,380px) 1fr}.bp-linked-img .tile{--ar:4 / 5;border-radius:16px}.bp-box{z-index:1;border:1.5px dashed rgb(from var(--foreground) r g b / .35);transition:border-color .2s,background .2s}.bp-box em{background-color:var(--primary);color:var(--primary-foreground);--tw-font-weight:var(--font-weight-semibold,600);font-size:10.5px;font-style:normal;font-weight:var(--font-weight-semibold,600);white-space:nowrap;opacity:0;border-radius:5px;padding:1px 6px;transition:opacity .2s;position:absolute;top:-22px;left:-1px}.bp-linked:has([data-r="1"]:is(:hover,:focus-visible)) .bp-box[data-r="1"],.bp-linked:has([data-r="2"]:is(:hover,:focus-visible)) .bp-box[data-r="2"],.bp-linked:has([data-r="3"]:is(:hover,:focus-visible)) .bp-box[data-r="3"],.bp-linked:has([data-r="4"]:is(:hover,:focus-visible)) .bp-box[data-r="4"]{border-style:solid;border-color:var(--foreground);background:rgb(from var(--foreground) r g b / .12)}.bp-linked:has([data-r="1"]:is(:hover,:focus-visible)) .bp-box[data-r="1"] em,.bp-linked:has([data-r="2"]:is(:hover,:focus-visible)) .bp-box[data-r="2"] em,.bp-linked:has([data-r="3"]:is(:hover,:focus-visible)) .bp-box[data-r="3"] em,.bp-linked:has([data-r="4"]:is(:hover,:focus-visible)) .bp-box[data-r="4"] em{opacity:1}.bp-layer{border-radius:calc(var(--radius) + 4px)}.bp-layer+.bp-layer{margin-top:10px}.bp-layer.is-file{background-color:var(--muted)}.bp-layer.is-ai{border:1px dashed rgb(from var(--foreground) r g b / .3)}.bp-layer.is-you{background-color:var(--warning-soft);color:var(--warning-soft-foreground)}.bp-layer.is-you .bp-kicker{color:var(--warning-soft-foreground)}.bp-layer p{margin:0;font-size:14px;line-height:1.65}.bp-phrase{border:0;border-bottom:1.5px dashed rgb(from var(--foreground) r g b / .5);color:var(--foreground);font:inherit;background:0 0}.bp-phrase:hover{background:rgb(from var(--foreground) r g b / .1)}.bp-fileinfo{color:var(--secondary-foreground)}.bp-elsewhere{grid-template-columns:1fr 1fr}.bp-elsewhere div{border-radius:var(--radius);border:1px dashed rgb(from var(--foreground) r g b / .3);color:var(--secondary-foreground);align-items:center;gap:10px;padding:10px 12px;font-size:12px;line-height:1.45;display:flex}.bp-elsewhere span{background-color:var(--primary);color:var(--primary-foreground);font-family:var(--site-font-mono);--tw-font-weight:var(--font-weight-semibold,600);font-size:11px;font-weight:var(--font-weight-semibold,600);border-radius:6px;flex-shrink:0;padding:3px 8px}.bp-keep{grid-template-columns:1fr 1fr 260px}.bp-dir-head em{--tw-font-weight:var(--font-weight-normal,400);font-style:normal;font-weight:var(--font-weight-normal,400);color:var(--muted-foreground);margin-left:auto;font-size:12px}.bp-kept{grid-template-columns:repeat(3,1fr)}.bp-kept figure{min-width:0;margin:0}.bp-kept .tile{--ar:3 / 4;border-radius:8px}.bp-kept figcaption{color:var(--warning-soft-foreground);letter-spacing:.08em;margin-top:6px;font-size:11.5px}.bp-kept figure.is-out .tile{opacity:.25}.bp-kept figure.is-out figcaption{color:var(--muted-foreground);letter-spacing:0}.bp-reason{border-radius:calc(var(--radius) - 2px);background-color:var(--warning-soft);color:var(--warning-soft-foreground)}.bp-reason.is-out{border-style:var(--tw-border-style);--tw-border-style:solid;border-style:solid;border-width:1px;border-color:var(--border);color:var(--muted-foreground);background:0 0}.bp-pinned{background-color:var(--muted);color:var(--muted-foreground)}.bp-pinned .tile{--ar:3 / 4;border-radius:6px;flex-shrink:0;width:40px}.bp-pinned b{color:var(--foreground);--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);display:block}.bp-handoff>span{border-style:var(--tw-border-style);--tw-border-style:solid;border-style:solid;border-width:1px;border-color:var(--border);color:var(--secondary-foreground);border-radius:12px;align-items:center;gap:10px;padding:10px 12px;font-size:12.5px;display:flex}.bp-handoff>span:first-of-type{background-color:var(--primary);border-color:var(--foreground);color:var(--primary-foreground);--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600)}.bp-bridge{color:var(--muted-foreground)}.bp-bridge a{color:var(--foreground);text-underline-offset:3px;text-decoration:underline}.bp-related a{border:1px solid rgb(from var(--foreground) r g b / .16);color:var(--secondary-foreground);border-radius:999px;align-items:center;gap:8px;padding:9px 14px;font-size:13px;transition:border-color .25s,color .25s;display:inline-flex}.bp-related a:hover{border-color:var(--foreground);color:var(--foreground)}.bp-related a:focus-visible{outline:2px solid var(--foreground);outline-offset:2px}@keyframes gifFrames{0%,to{--x:25%;--y:30%;--hue:300}12.5%{--x:40%;--y:22%;--hue:306}25%{--x:58%;--y:28%;--hue:314}37.5%{--x:68%;--y:45%;--hue:322}50%{--x:60%;--y:62%;--hue:316}62.5%{--x:42%;--y:70%;--hue:308}75%{--x:26%;--y:60%;--hue:300}87.5%{--x:18%;--y:44%;--hue:294}}@keyframes loopBar{to{width:100%}}@keyframes spaceCycle{0%{opacity:0}3%,31%{opacity:1}34%,to{opacity:0}}@keyframes keyPress{0%,84%,to{background:var(--accent);color:var(--foreground);transform:none}88%,96%{background:var(--primary);color:var(--primary-foreground);transform:translateY(2px)}}@keyframes dragY{0%,to{transform:translateY(-10px)}50%{transform:translateY(10px)}}@keyframes dragX{0%,to{transform:translate(-12px)}50%{transform:translate(12px)}}@keyframes arrowA{0%,to{opacity:1}50%{opacity:.25}}@keyframes arrowB{0%,to{opacity:.25}50%{opacity:1}}.bp-format>*,.bp-motion>*,.bp-compare-body>*,.bp-linked>*,.bp-keep>*{min-width:0}@media (max-width:1000px){.bp-keep{grid-template-columns:1fr 1fr}.bp-handoff{grid-column:1/-1}}@media (max-width:900px){.bp-hover{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.bp-flip,.bp-format,.bp-motion,.bp-compare-body,.bp-linked{grid-template-columns:1fr}.bp-side,.bp-markers,.bp-notes{border-left:0;border-top:1px solid var(--border)}.bp-linked-img{width:min(100%,360px);margin:0 auto}.bp-hero-body{grid-template-columns:1fr}}@media (max-width:720px){.bp-hv-media .tile{--ar:1!important}.bp-hv-sound{aspect-ratio:1}.bp-wall{grid-template-columns:repeat(4,1fr)}.bp-wall .bp-v:nth-child(n+9){display:none}.bp-hero-bar .bp-keys,.bp-scan-bar .bp-ctrl{margin-left:0}.bp-grid4{grid-template-columns:1fr 1fr}.bp-keep,.bp-elsewhere{grid-template-columns:1fr}.bp-layers{display:none}.bp-strip{grid-template-columns:repeat(8,1fr)}.bp-strip .tile:nth-child(n+9){display:none}}@media (prefers-reduced-motion:reduce){.bp-space-stage .tile:first-child{opacity:1}}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}