.showcase-matrix[data-v-b6445d7c]{display:flex;flex-direction:column;gap:var(--space-4);margin:0 auto;max-width:1100px;width:100%}.sm-toggle[data-v-b6445d7c]{align-self:center;backdrop-filter:var(--blur-glass);-webkit-backdrop-filter:var(--blur-glass);background:#ffffff0a;border:1px solid var(--color-border-glass);display:inline-flex;gap:2px;padding:4px}.sm-toggle[data-v-b6445d7c],.sm-toggle__btn[data-v-b6445d7c]{border-radius:var(--radius-full);position:relative}.sm-toggle__btn[data-v-b6445d7c]{align-items:center;color:var(--color-text-muted);cursor:pointer;display:flex;font-size:var(--text-sm);font-weight:500;gap:6px;padding:8px 20px;transition:color var(--duration-base) var(--ease-smooth);white-space:nowrap;z-index:2}.sm-toggle__btn--active[data-v-b6445d7c]{color:var(--color-text)}.sm-toggle__icon[data-v-b6445d7c]{font-size:1rem}.sm-toggle__slider[data-v-b6445d7c]{background:linear-gradient(135deg,#c579f226,#6366f126);border:1px solid rgba(197,121,242,.25);border-radius:var(--radius-full);height:calc(100% - 8px);left:4px;position:absolute;top:4px;transition:transform var(--duration-base) var(--ease-spring);width:calc(50% - 5px);z-index:1}.sm-toggle__slider--right[data-v-b6445d7c]{transform:translate(calc(100% + 2px))}.sm-main[data-v-b6445d7c]{display:flex;gap:var(--space-3)}.sm-sidebar[data-v-b6445d7c]{display:flex;flex-direction:column;flex-shrink:0;gap:var(--space-2);width:110px}.sm-bottom__label[data-v-b6445d7c],.sm-sidebar__label[data-v-b6445d7c]{color:var(--color-text-muted);font-size:var(--text-xs);font-weight:600;letter-spacing:.08em;padding-left:4px;text-transform:uppercase}.sm-sidebar__list[data-v-b6445d7c]{display:flex;flex:1;flex-direction:column;gap:var(--space-2);overflow-y:auto}.sm-thumb[data-v-b6445d7c]{align-items:center;background:#ffffff08;border:1.5px solid transparent;border-radius:var(--radius-md);cursor:pointer;display:flex;flex-direction:column;gap:4px;padding:6px;position:relative;transition:all var(--duration-base) var(--ease-smooth)}.sm-thumb[data-v-b6445d7c]:hover:not(:disabled){background:#ffffff12;border-color:#ffffff1f}.sm-thumb--active[data-v-b6445d7c]{background:#c579f214!important;border-color:var(--color-brand)!important;box-shadow:0 0 16px #c579f21f}.sm-thumb--disabled[data-v-b6445d7c]{cursor:not-allowed;opacity:.3;pointer-events:none}.sm-thumb__placeholder[data-v-b6445d7c]{align-items:center;aspect-ratio:3/4;background:linear-gradient(135deg,hsl(var(--hue,260) 40% 22%),hsl(var(--hue,260) 50% 14%));border-radius:var(--radius-sm);color:#ffffffb3;display:flex;font-size:var(--text-sm);font-weight:700;justify-content:center;width:100%}.sm-thumb__placeholder--wide[data-v-b6445d7c]{aspect-ratio:4/3}.sm-thumb__img[data-v-b6445d7c]{aspect-ratio:3/4;border-radius:var(--radius-sm);-o-object-fit:cover;object-fit:cover;width:100%}.sm-thumb--col .sm-thumb__img[data-v-b6445d7c]{aspect-ratio:4/3}.sm-thumb__name[data-v-b6445d7c]{color:var(--color-text-muted);font-size:.65rem;line-height:1.3;max-width:100%;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.sm-thumb--active .sm-thumb__name[data-v-b6445d7c]{color:var(--color-text)}.sm-player[data-v-b6445d7c]{flex:1;min-width:0}.sm-player__viewport[data-v-b6445d7c]{aspect-ratio:16/9;background:linear-gradient(135deg,var(--color-surface),var(--color-surface-high));border:1.5px solid var(--color-border-glass);border-radius:var(--radius-lg);box-shadow:var(--shadow-glass);overflow:hidden;position:relative;width:100%}@media(orientation:portrait){.sm-player__viewport[data-v-b6445d7c]{aspect-ratio:9/16}}.sm-player__video[data-v-b6445d7c]{display:block;height:100%;inset:0;-o-object-fit:cover;object-fit:cover;position:absolute;transition:opacity .4s ease;width:100%}.sm-player__empty[data-v-b6445d7c]{align-items:center;color:var(--color-text-muted);display:flex;flex-direction:column;font-size:var(--text-sm);gap:var(--space-3);inset:0;justify-content:center;position:absolute}.sm-player__empty-icon[data-v-b6445d7c]{font-size:2.5rem;opacity:.5}.sm-player__badge[data-v-b6445d7c]{align-items:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#0009;border:1px solid hsla(0,0%,100%,.1);border-radius:var(--radius-full);bottom:var(--space-3);color:var(--color-text);display:inline-flex;font-size:var(--text-xs);font-weight:500;gap:6px;left:var(--space-3);padding:6px 14px;pointer-events:none;position:absolute}.sm-player__badge-dot[data-v-b6445d7c]{animation:pulse-badge-b6445d7c 2s ease-in-out infinite;background:var(--color-success);border-radius:50%;box-shadow:0 0 6px var(--color-success);height:6px;width:6px}@keyframes pulse-badge-b6445d7c{0%,to{opacity:1}50%{opacity:.4}}.sm-bottom[data-v-b6445d7c]{flex-direction:column;padding-left:calc(110px + var(--space-3))}.sm-bottom[data-v-b6445d7c],.sm-bottom__list[data-v-b6445d7c]{display:flex;gap:var(--space-2)}.sm-bottom__list[data-v-b6445d7c]{overflow-x:auto;padding-bottom:4px}.sm-thumb--col[data-v-b6445d7c]{flex-shrink:0;max-width:120px;min-width:90px}@media(orientation:portrait){.sm-main[data-v-b6445d7c]{flex-direction:column;min-height:auto}.sm-sidebar[data-v-b6445d7c]{align-items:center;flex-direction:row;gap:var(--space-2);width:100%}.sm-sidebar__label[data-v-b6445d7c]{flex-shrink:0;padding-left:0;writing-mode:horizontal-tb}.sm-sidebar__list[data-v-b6445d7c]{flex:1;flex-direction:row;gap:var(--space-2);overflow-x:auto;padding-bottom:4px}.sm-thumb--row[data-v-b6445d7c]{flex-shrink:0;min-width:64px}.sm-thumb--row .sm-thumb__img[data-v-b6445d7c],.sm-thumb--row .sm-thumb__placeholder[data-v-b6445d7c]{aspect-ratio:1;width:52px}.sm-player[data-v-b6445d7c]{width:100%}.sm-bottom[data-v-b6445d7c]{padding-left:0}.sm-thumb--col[data-v-b6445d7c]{max-width:100px;min-width:72px}}@media(orientation:landscape)and (max-height:600px){.sm-sidebar[data-v-b6445d7c]{width:90px}.sm-thumb--col[data-v-b6445d7c]{max-width:100px;min-width:72px}}