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