.bl-stage{--bl-neon-rest: #ffffff;--bl-neon-hover: #7dd3fc;--bl-sans: "DM Sans Variable", "Pretendard Variable", "Apple SD Gothic Neo", "Malgun Gothic", system-ui, sans-serif;--bl-mono: "JetBrains Mono Variable", ui-monospace, SFMono-Regular, Menlo, monospace;position:relative;width:100%;height:100%;pointer-events:none}.bl-track{position:relative;width:100%;height:100%}.bl-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.bl-rigs{position:absolute;inset:0;margin:0;padding:0;list-style:none}.bl-rig{--bw: clamp(118px, 11.5vw, 178px);position:absolute;top:0;left:calc(var(--x) * 100% - var(--bw) / 2);width:var(--bw);height:100%;transition:transform .7s cubic-bezier(.55,0,.75,.2),opacity .5s,width .6s,left .6s}.bl-stage[data-variant=single] .bl-rig{--bw: clamp(190px, 16vw, 250px)}.bl-stage[data-variant=all] .bl-rig[data-main]{--bw: clamp(150px, 15vw, 226px)}.bl-stage[data-variant=all] .bl-rig[data-main] .bl-card{z-index:4}.bl-stage[data-variant=panel] .bl-rig{--bw: clamp(112px, 12vw, 168px)}.bl-strap-static:before,.bl-strap-static:after{content:"";position:absolute;top:-2px;width:calc(var(--bw) * .085);height:calc(var(--drop) - var(--bw) * .02);background:linear-gradient(90deg,rgb(0 0 0 / .25),transparent 30%,transparent 70%,rgb(0 0 0 / .25)),var(--strap)}.bl-strap-static:before{left:calc(20% - var(--bw) * .0425)}.bl-strap-static:after{left:calc(80% - var(--bw) * .0425)}.bl-stage[data-live] .bl-strap-static{display:none}.bl-strap{fill:none;stroke-linecap:butt;stroke-linejoin:round}.bl-strap-edge{fill:none;stroke:#00000047;stroke-linejoin:round}.bl-strap-static{position:absolute;inset:0;z-index:1}.bl-card{position:absolute;z-index:3;top:var(--drop);left:0;display:block;width:var(--bw);height:calc(var(--bw) * 1.3);padding:0;border:0;border-radius:calc(var(--bw) * .045);background:none;font-family:var(--bl-sans);font-size:calc(var(--bw) / 30);line-height:1.25;letter-spacing:0;text-align:left;text-decoration:none;color:inherit;pointer-events:auto;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;transform-origin:0 0;perspective:1400px}.bl-stage[data-scroll] .bl-card{touch-action:pan-x}.bl-card:focus-visible{outline:none}.bl-stage[data-dragging] .bl-card{cursor:grabbing}.bl-inner{position:relative;display:block;width:100%;height:100%;border-radius:inherit;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.3,.7,.3,1)}.bl-card[aria-pressed=true] .bl-inner{transform:rotateY(180deg)}.bl-face{position:absolute;inset:0;display:flex;flex-direction:column;padding:4em 1.7em 1.6em;overflow:hidden;border-radius:inherit;backface-visibility:hidden;-webkit-backface-visibility:hidden;box-shadow:0 1.2em 3em #00000061;--c-bg: #f3f3f3;--c-fg: #1b1d22;--c-muted: #6b6f78;--c-line: rgb(0 0 0 / .14);--c-accent: #4b61f3;--c-on-accent: #ffffff;background:var(--c-bg);color:var(--c-fg)}.bl-back{transform:rotateY(180deg)}.bl-card:after{content:"";position:absolute;inset:-1px;border-radius:inherit;pointer-events:none;opacity:0;--n: var(--bl-neon-rest);box-shadow:0 0 0 1.5px var(--n),0 0 .9em .1em color-mix(in srgb,var(--n) 55%,transparent),0 0 2.6em .2em color-mix(in srgb,var(--n) 26%,transparent);transition:opacity .45s,box-shadow .3s}.bl-card[data-current]:after{opacity:.85;animation:bl-breathe 3.6s ease-in-out infinite}.bl-card:hover:after,.bl-card:focus-visible:after{--n: var(--bl-neon-hover);opacity:1;animation:none}.bl-card[data-cue]:after{--n: var(--bl-neon-hover);opacity:1;animation:none;transition:opacity .18s}.bl-rigs:has(.bl-card:not([data-current]):hover) .bl-card[data-current]:after{opacity:.5}@keyframes bl-breathe{0%,to{opacity:.5}50%{opacity:.95}}.bl-clip{position:absolute;top:-1.9em;width:2em;height:2.6em;border-radius:.35em .35em .9em .9em;background:radial-gradient(circle at 50% 78%,transparent .42em,#8c919b .44em,#d8dce3 .6em,#9aa0aa .75em),linear-gradient(180deg,#c9cdd4,#8b9099);box-shadow:inset 0 0 0 .08em #00000059;z-index:2}.bl-clip-l{left:calc(20% - 1em)}.bl-clip-r{left:calc(80% - 1em)}.bl-slot{position:absolute;top:1.15em;width:4.4em;height:.85em;border-radius:1em;background:#15171c;box-shadow:inset 0 .12em .2em #0009}.bl-slot-l{left:calc(20% - 2.2em)}.bl-slot-r{left:calc(80% - 2.2em)}.bl-top,.bl-foot{display:flex;justify-content:space-between;gap:.6em;font-size:.62em;font-weight:600;letter-spacing:.04em;color:var(--c-muted)}.bl-top{padding-bottom:.9em;border-bottom:1px solid var(--c-line)}.bl-mid{display:flex;justify-content:space-between;margin-top:1.2em}.bl-initial{display:grid;place-items:center;width:10.3em;height:9.3em;background:var(--c-accent);color:var(--c-on-accent)}.bl-initial b{font-size:3.6em;font-weight:800;letter-spacing:-.04em;line-height:1}.bl-side{display:flex;flex-direction:column;align-items:flex-end;gap:.5em;min-width:0;text-align:right}.bl-theme{max-width:9em;font-size:1.05em;font-weight:800;line-height:1.15;color:var(--c-accent-text, var(--c-accent))}.bl-stage:not([data-variant=single]) .bl-theme{max-width:7.6em;font-size:2.2em;letter-spacing:-.02em}.bl-no{margin-top:auto;font-size:.66em;font-weight:700;color:var(--c-accent-text, var(--c-accent))}.bl-ticks{width:4.6em;height:.9em;background:repeating-linear-gradient(90deg,var(--c-accent) 0 .12em,transparent .12em .42em)}.bl-name{display:flex;flex-direction:column;margin-top:auto}.bl-name small{font-size:.6em;font-weight:600;color:var(--c-muted)}.bl-name strong{margin-top:.3em;font-size:2.9em;font-weight:800;letter-spacing:-.02em;line-height:1.05;white-space:nowrap}.bl-name span{margin-top:.2em;font-size:1.35em;color:var(--c-muted)}.bl-role{margin-top:.9em;padding-top:.9em;border-top:.16em solid var(--c-fg);font-size:.8em;font-weight:700;letter-spacing:.04em}.bl-role:before{content:"";display:inline-block;width:.75em;height:.75em;margin-right:.6em;background:var(--c-accent)}.bl-foot{margin-top:.9em;padding-top:.8em;border-top:1px solid var(--c-line)}.bl-back-title{margin-top:.6em;font:700 .9em var(--bl-mono);letter-spacing:.06em;color:var(--c-accent-text, var(--c-accent))}.bl-back-list{display:grid;gap:.55em;margin-top:1.2em;font-size:1.45em;font-weight:700;letter-spacing:-.02em}.bl-back-list i{margin-right:.6em;font:600 .5em var(--bl-mono);font-style:normal;color:var(--c-muted)}.bl-back .bl-foot{margin-top:auto}.bl-tag{position:absolute;left:50%;bottom:-30px;transform:translate(-50%);padding:5px 10px;border-radius:999px;font:700 11px/1 var(--bl-sans);letter-spacing:.08em;white-space:nowrap}.bl-tag-now{background:#fff;color:#111318;box-shadow:0 0 1em #ffffff80}.bl-tag-last{border:1px solid rgb(255 255 255 / .7);background:#111318d9;color:#f2f4f8}.bl-tag[hidden]{display:none}.bl-face[data-front=badge]{--c-accent-text: #3d53e6;box-shadow:inset .3em 0 #4b61f3,0 1.2em 3em #00000061}.bl-face[data-front=control-plane]{--c-bg: #0f0e1a;--c-fg: #ffffff;--c-muted: #9496ab;--c-line: rgb(255 255 255 / .14);--c-accent: #00ff99;--c-on-accent: #0f0e1a;background-image:linear-gradient(rgb(255 255 255 / .05) 1px,transparent 1px),linear-gradient(90deg,rgb(255 255 255 / .05) 1px,transparent 1px);background-size:1.6em 1.6em;background-color:var(--c-bg);font-family:var(--bl-mono)}.bl-face[data-front=control-plane] .bl-initial{background:transparent;color:var(--c-accent);box-shadow:inset 0 0 0 .14em var(--c-accent)}.bl-face[data-front=control-plane] .bl-name strong{font-size:2.35em}.bl-face[data-front=runbook]{--c-bg: #ffffff;--c-fg: #111111;--c-muted: #767676;--c-line: #e3e3e3;--c-accent: #111111;--c-on-accent: #d4f53c;box-shadow:inset 0 0 0 .15em #111,0 1.2em 3em #00000061;padding-top:4.6em}.bl-deco-file{position:absolute;top:2.4em;left:1.7em;right:1.7em;display:flex;justify-content:space-between;padding-bottom:.5em;border-bottom:.15em solid #111;font:600 .62em var(--bl-mono)}.bl-deco-file i{padding:0 .6em;border-radius:1em;background:#d4f53c;font-style:normal}.bl-face[data-front=runbook] .bl-theme,.bl-face[data-front=runbook] .bl-no{color:#111}.bl-face[data-front=runbook] .bl-role:before{background:#d4f53c;box-shadow:0 0 0 .12em #111}.bl-face[data-front=ide]{--c-bg: #282c34;--c-fg: #d7dae0;--c-muted: #8790a1;--c-line: #3e4451;--c-accent: #61afef;--c-on-accent: #21252b;padding-top:4.4em;padding-left:3em;background:linear-gradient(90deg,#21252b 0 1.9em,transparent 1.9em),repeating-linear-gradient(180deg,transparent 0 1.3em,rgb(255 255 255 / .02) 1.3em 2.6em),var(--c-bg);font-family:var(--bl-mono)}.bl-deco-tabs{position:absolute;top:2.3em;left:0;right:0;display:flex;border-bottom:1px solid var(--c-line);background:#21252b;font:500 .58em var(--bl-mono)}.bl-deco-tabs i{padding:.5em .9em;font-style:normal;color:var(--c-muted);border-right:1px solid var(--c-line)}.bl-deco-tabs i:first-child{color:var(--c-fg);box-shadow:inset 0 -.18em 0 var(--c-accent)}.bl-face[data-front=ide] .bl-initial{background:#2c313a;color:#98c379}.bl-face[data-front=ide] .bl-name strong{font-size:2.25em;color:#e5c07b}.bl-face[data-front=ide] .bl-role{border-top-color:var(--c-line)}.bl-face[data-front=brief]{--c-bg: #f7f8f3;--c-fg: #17201d;--c-muted: #5e6a63;--c-line: #dce1d9;--c-accent: #3f7a52;--c-on-accent: #ffffff;border-radius:.2em;box-shadow:inset 0 0 0 1px #dce1d9,0 1.2em 3em #00000061}.bl-face[data-front=brief] .bl-initial{background:transparent;color:var(--c-fg);box-shadow:inset 0 0 0 1px var(--c-line)}.bl-face[data-front=brief] .bl-initial b{font-family:Gelasio,Georgia,"Noto Serif KR",serif;font-weight:400;color:var(--c-accent)}.bl-deco-num{margin-top:.9em;font:500 2.4em/1 var(--bl-mono);letter-spacing:-.06em;color:var(--c-fg)}.bl-face[data-front=brief] .bl-name strong{font-weight:400;letter-spacing:-.05em}.bl-face[data-front=brief] .bl-role{border-top-width:1px}.bl-takeover{position:fixed;inset:0;z-index:2147483000;pointer-events:none;clip-path:circle(0 at var(--cx) var(--cy));transition:clip-path .5s cubic-bezier(.6,0,.3,1)}.bl-takeover[data-on]{clip-path:circle(150% at var(--cx) var(--cy))}.bl-takeover[data-fade]{clip-path:none;opacity:0;transition:opacity .18s}.bl-takeover[data-fade][data-on]{opacity:1}@media(prefers-reduced-motion:reduce){.bl-rig,.bl-inner,.bl-card:after{transition:none}.bl-card[data-current]:after{animation:none;opacity:.85}}.bl-cue{position:absolute;z-index:6;width:54px;height:54px;margin:-8px 0 0 -17px;pointer-events:none;animation:bl-cue-hand 1.7s cubic-bezier(.3,.7,.3,1) both}.bl-cue svg{position:relative;width:100%;height:100%;filter:drop-shadow(0 4px 10px rgb(0 0 0 / .45))}.bl-cue:before{content:"";position:absolute;top:-15px;left:-3px;width:40px;height:40px;border:2px solid var(--bl-neon-hover);border-radius:50%;opacity:0;animation:bl-cue-ripple 1.7s ease-out both}@keyframes bl-cue-hand{0%{opacity:0;transform:translate(46px,52px) rotate(-8deg)}28%{opacity:1;transform:translate(0) rotate(-8deg)}38%{transform:translateY(4px) rotate(-8deg) scale(.86)}48%{transform:translate(0) rotate(-8deg) scale(1)}80%{opacity:1;transform:translate(6px,8px) rotate(-8deg)}to{opacity:0;transform:translate(26px,30px) rotate(-8deg)}}@keyframes bl-cue-ripple{0%,37%{opacity:0;transform:scale(.3)}42%{opacity:.9}75%,to{opacity:0;transform:scale(1.9)}}