.visual-reference-media-tabs-shell{width:100%;height:var(--size-visual-reference-tabs-height);margin-bottom:var(--space-visual-reference-tabs-bottom);flex-shrink:0;position:relative}.visual-reference-media-tabs{width:100%;height:100%}.visual-reference-media-tabs__track{align-items:stretch;gap:var(--space-visual-reference-tabs-gap);width:fit-content;min-width:100%;height:100%;display:inline-flex;position:relative}.visual-reference-media-tabs__track:after{z-index:1;height:var(--border-visual-reference-tabs-selected);background:var(--color-visual-reference-tabs-selected-border);content:"";position:absolute;bottom:0;left:0;right:0}.visual-reference-media-tabs__slot{flex:var(--flex-visual-reference-tabs-item);min-width:0}.visual-reference-media-tabs__item{z-index:0;box-sizing:border-box;width:100%;min-width:0;height:var(--size-visual-reference-tabs-height);justify-content:center;align-items:center;gap:var(--space-visual-reference-tabs-label-gap);border-top-left-radius:var(--radius-visual-reference-tabs);border-top-right-radius:var(--radius-visual-reference-tabs);padding-block:var(--space-visual-reference-tabs-block);padding-inline:var(--space-visual-reference-tabs-inline);font-family:var(--font-body);font-size:var(--text-visual-reference-tabs-size);font-weight:var(--font-weight-semibold);line-height:var(--text-visual-reference-tabs-line);letter-spacing:0;border-bottom-right-radius:0;border-bottom-left-radius:0;transition:color .15s,background-color .15s;display:flex;position:relative;overflow:hidden}.visual-reference-media-tabs__item--selected{z-index:2;border-color:var(--color-visual-reference-tabs-selected-border);border-style:solid;border-width:var(--border-visual-reference-tabs-selected)var(--border-visual-reference-tabs-selected)0;background:var(--color-visual-reference-tabs-selected-bg);color:var(--color-visual-reference-tabs-selected-text)}.visual-reference-media-tabs__item--default{background:var(--color-visual-reference-tabs-default-bg);color:var(--color-visual-reference-tabs-default-text);border:0}.visual-reference-media-tabs__item--default:hover{background:var(--color-visual-reference-tabs-hover-bg)}.visual-reference-media-tabs__icon{width:var(--size-visual-reference-tabs-icon);height:var(--size-visual-reference-tabs-icon);flex-shrink:0}.visual-reference-media-tabs__label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.visual-reference-media-tabs__fade{z-index:5;width:var(--size-visual-reference-tabs-fade-width);pointer-events:none;display:none;position:absolute;top:0;bottom:0}.visual-reference-media-tabs__fade--left{background:linear-gradient(90deg,var(--color-visual-reference-tabs-fade-bg),transparent);left:0}.visual-reference-media-tabs__fade--right{background:linear-gradient(270deg,var(--color-visual-reference-tabs-fade-bg),transparent);right:0}.visual-reference-source-tabs{padding-top:var(--space-visual-reference-source-tabs-top);padding-bottom:var(--space-visual-reference-source-tabs-bottom)}.visual-reference-create-character-card{aspect-ratio:256.667/126.333;border-radius:var(--radius-visual-reference-create-card);background:var(--color-visual-reference-create-card-bg);width:100%;min-width:0;color:var(--color-visual-reference-create-card-text);border:0;justify-content:center;align-items:center;transition:background-color .15s,color .15s;display:flex}.visual-reference-create-character-card:hover{background:var(--color-character-panel-control-border)}.visual-reference-create-character-card__inner{justify-content:center;align-items:center;gap:var(--space-visual-reference-create-card-gap);flex-direction:column;display:flex}.visual-reference-create-character-card__icon{width:var(--size-visual-reference-create-card-icon);height:var(--size-visual-reference-create-card-icon);color:var(--color-visual-reference-create-card-icon)}.visual-reference-create-character-card__label{font-family:var(--font-body);font-size:var(--text-visual-reference-create-card-size);font-weight:var(--font-weight-semibold);line-height:var(--text-visual-reference-create-card-line);letter-spacing:0}@media (max-width:899px){.visual-reference-media-tabs{--space-visual-reference-tabs-inline:var(--space-visual-reference-tabs-mobile-inline);overscroll-behavior-x:contain;scrollbar-width:none;overflow:auto hidden}.visual-reference-media-tabs::-webkit-scrollbar{display:none}.visual-reference-media-tabs__fade{display:block}.visual-reference-media-tabs__slot{flex:none;min-width:max-content}.visual-reference-media-tabs__item{width:max-content;min-width:max-content}.visual-reference-media-tabs__label{text-overflow:clip;overflow:visible}}
@media (min-width:900px){[data-history-overlay-root]:has([data-history-panel-variant=all-creation]){overflow:visible}}.showcase-audio-variant-card{container-type:inline-size}.showcase-audio-variant-card .showcase-audio-variant-icon img{width:48px;height:48px}@container (max-width:112px){.showcase-audio-variant-card{justify-content:center;align-items:center}.showcase-audio-variant-card .showcase-audio-variant-icon{flex:none;padding-bottom:0;position:absolute;inset:8px 8px 44px}.showcase-audio-variant-card .showcase-audio-variant-icon img{width:28px;height:28px}.showcase-audio-variant-card .showcase-audio-variant-meta{width:calc(100% - 16px);position:absolute;bottom:8px;left:8px}.showcase-audio-variant-card .showcase-audio-variant-title{min-height:15px}}.mask-linear-fade{-webkit-mask-image:linear-gradient(90deg,#0000,#000 15% 85%,#0000);mask-image:linear-gradient(90deg,#0000,#000 15% 85%,#0000)}.lyrics-container{-webkit-mask-image:linear-gradient(#0000,#000 20% 80%,#0000);mask-image:linear-gradient(#0000,#000 20% 80%,#0000)}.masonry-grid{margin-left:calc(var(--masonry-gap,20px)*-1);width:auto;display:flex}.masonry-grid-column{padding-left:var(--masonry-gap,20px);background-clip:padding-box}.masonry-grid-column>*{margin-bottom:var(--masonry-gap,20px)}.bg-index{background-color:#f8f9fa}.dark .bg-index{background-color:var(--color-body)}.bg-template-card-hover-overlay{background-color:var(--color-template-card-hover-overlay)}.template-card-look-hover{transition:border-color .16s,box-shadow .16s}.template-card-look-hover:after{z-index:25;border-radius:inherit;box-shadow:var(--shadow-character-build-option-selected);content:"";opacity:0;pointer-events:none;transition:opacity .16s;position:absolute;inset:0}.template-card-look-hover:hover{border-width:2px;border-color:var(--color-brand)}.template-card-look-hover:hover:after{opacity:1}.bg-gradient-popover-fade{background:linear-gradient(90deg,var(--color-popover-transparent,#fff0)0%,var(--bg-popover,#fff)50%)}.dark .bg-gradient-popover-fade{background:linear-gradient(90deg,var(--color-popover-transparent,#1c1e2200)0%,var(--bg-popover,#1c1e22)50%)}