.roles-panel[data-v-77fabf3d]{display:flex;flex-direction:column;gap:6px;height:100%}.roles-toolbar[data-v-77fabf3d]{display:flex;justify-content:flex-end}.roles-sort-btn[data-v-77fabf3d]{align-items:center;background:transparent;border:1px solid var(--theme-bg-elevated);border-radius:8px;color:var(--theme-text-muted);cursor:pointer;display:inline-flex;font-size:11px;font-weight:600;height:26px;justify-content:center;padding:0 8px;transition:border .2s ease,color .2s ease,background .2s ease}.roles-sort-btn[data-v-77fabf3d]:hover{border-color:var(--theme-accent);color:var(--theme-tab-active);background:#22c55e1f}.roles-list[data-v-77fabf3d]{display:flex;flex-direction:column;gap:6px;overflow:auto;padding-right:2px}.roles-item[data-v-77fabf3d]{align-items:center;background:var(--theme-bg-inset);border:1px solid var(--theme-bg-elevated);border-radius:10px;color:var(--theme-tab-active);display:flex;justify-content:space-between;padding:10px 12px;font-size:13px;cursor:pointer;transition:border .2s ease,background .2s ease}.roles-item.selected[data-v-77fabf3d]{border-color:var(--theme-accent);background:#22c55e26}.roles-item[data-v-77fabf3d]:hover{border-color:var(--theme-accent)}.roles-name[data-v-77fabf3d]{font-weight:600;text-transform:uppercase;flex:1;text-align:left}.roles-chips[data-v-77fabf3d]{display:inline-flex;gap:6px}.roles-chip[data-v-77fabf3d]{background:#22c55e26;border-radius:999px;border:1px solid rgba(34,197,94,.3);color:var(--theme-accent);font-size:11px;padding:2px 8px}.storyboard-showcase[data-v-2db8c3a4]{pointer-events:none;width:100%}.storyboard-showcase__viewport[data-v-2db8c3a4]{position:relative;aspect-ratio:16 / 9.6;background:#0a0e12;border:1px solid rgba(34,197,94,.44);border-radius:34px;overflow:hidden;width:100%;min-height:620px}.storyboard-showcase.is-light .storyboard-showcase__viewport[data-v-2db8c3a4],html[data-theme=light] .storyboard-showcase__viewport{background:#f8fafc;border-color:var(--theme-border-default)}.storyboard-showcase__stage[data-v-2db8c3a4]{left:0;position:absolute;top:0;visibility:hidden;transform-origin:top left;will-change:transform}.storyboard-showcase__stage.is-ready[data-v-2db8c3a4]{visibility:visible}.storyboard-showcase__workbench[data-v-2db8c3a4]{grid-template-columns:260px minmax(0,1fr);transition:none}.storyboard-showcase__explorer-group[data-v-2db8c3a4]{margin-bottom:8px}.storyboard-showcase__connections[data-v-2db8c3a4]{height:100%;inset:0;pointer-events:none;position:absolute;width:100%;z-index:1}.storyboard-showcase__connection[data-v-2db8c3a4]{fill:none;opacity:0;stroke:#10b981;stroke-linecap:round;stroke-linejoin:round;stroke-width:.42;stroke-dasharray:100;stroke-dashoffset:100;transition:opacity .24s ease;vector-effect:non-scaling-stroke}.storyboard-showcase__connection.is-visible[data-v-2db8c3a4]{animation:storyboard-showcase-line-draw-2db8c3a4 1.4s ease var(--connection-delay, 0s) forwards;opacity:1}.storyboard-showcase__connection-arrow[data-v-2db8c3a4]{fill:#10b981;opacity:0;transform-box:fill-box;transform-origin:center}.storyboard-showcase__connection-arrow.is-visible[data-v-2db8c3a4]{animation:storyboard-showcase-arrow-fade-in-2db8c3a4 .28s ease var(--connection-delay, 0s) forwards}.storyboard-showcase__drag-card[data-v-2db8c3a4]{transition:transform 2.8s cubic-bezier(.2,.78,.16,1),box-shadow .3s ease;will-change:transform}.storyboard-showcase__drag-card--opening[data-v-2db8c3a4]{transform:translate3d(-58%,-42%,0);z-index:2}.storyboard-showcase__drag-card--theme[data-v-2db8c3a4]{transform:translate3d(0,46%,0);transition-delay:.28s;z-index:3}.storyboard-showcase__drag-card--setup[data-v-2db8c3a4]{transform:translate3d(56%,-34%,0);transition-delay:.6s;z-index:4}.storyboard-showcase__drag-card.is-settled[data-v-2db8c3a4]{transform:translateZ(0)}.storyboard-showcase__relations-shell[data-v-2db8c3a4]{display:flex;flex:1 1 auto;height:100%;min-height:0;min-width:0;position:relative;width:100%}.storyboard-showcase__relations-view[data-v-2db8c3a4]{--ccv-text-strong: var(--theme-text-inverse);--ccv-relation-label-text: var(--theme-text-primary);--ccv-relation-line: #ff2a2a;--ccv-relation-line-selected: #b91c1c;display:flex;flex:1 1 auto;height:100%;min-height:0;min-width:0;overflow:hidden;position:relative;width:100%}.storyboard-showcase__relations-canvas[data-v-2db8c3a4]{flex:1 1 auto;height:100%;min-height:0;min-width:0;position:relative;width:100%}.storyboard-showcase__relations-stage[data-v-2db8c3a4]{inset:50% auto auto 50%;position:absolute;transform:translate(-50%,-50%)}.relations-layer[data-v-2db8c3a4]{height:100%;left:0;overflow:visible;pointer-events:none;position:absolute;top:0;width:100%;z-index:6}.storyboard-showcase__relation-path[data-v-2db8c3a4]{fill:none;opacity:0;stroke:#ff2a2a;stroke-linecap:round;stroke-linejoin:round;stroke-width:3;stroke-dasharray:420;stroke-dashoffset:420}.storyboard-showcase__relation-path.is-visible[data-v-2db8c3a4]{animation:storyboard-showcase-line-draw-2db8c3a4 1.3s ease forwards;opacity:1}.storyboard-showcase__relations-shell[data-v-2db8c3a4] .relation-label{cursor:text;opacity:0;pointer-events:all}.relation-label--html[data-v-2db8c3a4]{position:absolute;transform:translate(-50%,-100%);z-index:7}.storyboard-showcase__relations-shell[data-v-2db8c3a4] .relation-label.is-visible{animation:storyboard-showcase-fade-in-2db8c3a4 .35s ease 1.3s both}.storyboard-showcase__relations-shell[data-v-2db8c3a4] .relation-label-pill{align-items:center;background:#151b22e0;border:1px solid rgba(255,255,255,.12);border-radius:999px;color:var(--ccv-relation-label-text);display:flex;font-size:12px;font-weight:600;height:100%;justify-content:center;line-height:1.2;padding:2px 10px;white-space:nowrap;width:100%}.storyboard-showcase.is-light .storyboard-showcase__relations-shell[data-v-2db8c3a4] .relation-label-pill{background:#fff;border-color:#0f172a1f;color:#000}.characters-card[data-v-2db8c3a4]{background:transparent;border:none;box-shadow:none;cursor:pointer;overflow:visible;position:absolute;z-index:3}.circle-card-path[data-v-2db8c3a4]{filter:drop-shadow(0 2px 4px rgb(196 70 70 / 94.2%));opacity:.7;transition:filter .2s ease}.characters-card.selected .circle-card-path[data-v-2db8c3a4]{filter:drop-shadow(0 0 0 2px rgb(255 255 255 / 94.4%)) drop-shadow(0 8px 18px rgb(187 188 192 / 25%));stroke:var(--ccv-relation-line-selected);stroke-width:2}.circle-name[data-v-2db8c3a4]{align-items:center;box-sizing:border-box;color:var(--ccv-text-strong);display:flex;font-size:14px;font-weight:600;height:100%;justify-content:center;padding:0 8px;text-align:center;text-transform:uppercase;width:100%}@keyframes storyboard-showcase-line-draw-2db8c3a4{to{stroke-dashoffset:0}}@keyframes storyboard-showcase-fade-in-2db8c3a4{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes storyboard-showcase-arrow-fade-in-2db8c3a4{0%{opacity:0}to{opacity:1}}@media (max-width: 900px){.storyboard-showcase__viewport[data-v-2db8c3a4]{min-height:460px}}