/* Authenticated creation workspace aligned to the supplied desktop reference. */
#root .video-workspace-page {
    --studio-bg: #0a0a0a;
    --studio-sidebar: #111111;
    --studio-card: #1a1a1a;
    --studio-card-hover: #222222;
    --studio-input: #1f1f1f;
    --studio-elevated: #242424;
    --studio-border: #2a2a2a;
    --studio-border-strong: #3a3a3a;
    --studio-text: #fafafa;
    --studio-muted: #a3a3a3;
    --studio-tertiary: #737373;
    --studio-quaternary: #525252;
    --studio-accent: #4ade80;
    --studio-accent-hover: #86efac;
    --studio-accent-dim: rgba(74, 222, 128, 0.1);
    --studio-accent-border: rgba(74, 222, 128, 0.3);
    --studio-accent-glow: rgba(74, 222, 128, 0.3);
}

#root .video-workspace-page:not(:has(.workspace-main form)) {
    background: var(--studio-bg) !important;
    color: var(--studio-text) !important;
}

#root .video-workspace-page:not(:has(.workspace-main form)) .workspace-sidebar,
#root .video-workspace-page:not(:has(.workspace-main form)) .workspace-sidebar-controls,
#root .video-workspace-page:not(:has(.workspace-main form)) .workspace-sidebar-scroll {
    background: var(--studio-sidebar) !important;
}

#root .video-workspace-page .workspace-feature-item::before {
    width: 20px;
    height: 20px;
    border-radius: 0;
    background: currentColor;
    content: "";
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3Cpath d='M12 2v4M12 18v4M4.93 4.93l2.83 2.83M16.24 16.24l2.83 2.83M2 12h4M18 12h4M4.93 19.07l2.83-2.83M16.24 7.76l2.83-2.83'/%3E%3C/svg%3E")
        center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3Cpath d='M12 2v4M12 18v4M4.93 4.93l2.83 2.83M16.24 16.24l2.83 2.83M2 12h4M18 12h4M4.93 19.07l2.83-2.83M16.24 7.76l2.83-2.83'/%3E%3C/svg%3E")
        center / contain no-repeat;
}

#root .video-workspace-page .workspace-feature-item:nth-child(2)::before {
    background: currentColor;
    content: "";
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Crect x='3' y='3' width='18' height='18' rx='2'/%3E%3Cpath d='M3 9h18M9 21V9'/%3E%3C/svg%3E") center /
        contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Crect x='3' y='3' width='18' height='18' rx='2'/%3E%3Cpath d='M3 9h18M9 21V9'/%3E%3C/svg%3E") center / contain
        no-repeat;
}

#root .video-workspace-page .workspace-feature-item:nth-child(3)::before {
    background: currentColor;
    content: "";
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 20h9M16.5 3.5a2.121 2.121 0 0 1 3 3L7 19l-4 1 1-4L16.5 3.5z'/%3E%3C/svg%3E")
        center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 20h9M16.5 3.5a2.121 2.121 0 0 1 3 3L7 19l-4 1 1-4L16.5 3.5z'/%3E%3C/svg%3E")
        center / contain no-repeat;
}

#root .video-workspace-page .workspace-feature-item.is-active::before {
    background: var(--studio-accent);
}

@media (min-width: 900px) {
    #root .video-workspace-page:not(:has(.workspace-main form)) > header {
        position: absolute;
        inset: 0 0 auto;
        z-index: 40;
        height: 64px !important;
        padding: 0 20px 0 16px !important;
        border: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        -webkit-backdrop-filter: none !important;
        backdrop-filter: none !important;
        pointer-events: none;
    }

    #root .video-workspace-page:not(:has(.workspace-main form)) > header > div:first-child {
        width: 268px;
        gap: 8px !important;
        pointer-events: auto;
    }

    #root .video-workspace-page:not(:has(.workspace-main form)) > header > div:first-child > div:first-child {
        width: 32px !important;
        height: 32px !important;
        border-radius: 8px;
        overflow: hidden;
    }

    #root .video-workspace-page:not(:has(.workspace-main form)) > header h1 {
        font-size: 18px !important;
        font-weight: 700 !important;
    }

    #root .video-workspace-page:not(:has(.workspace-main form)) > header h1 > span:last-child {
        display: none;
    }

    #root .video-workspace-page:not(:has(.workspace-main form)) > header > div:last-child {
        overflow: visible !important;
        pointer-events: none;
    }

    #root .video-workspace-page:not(:has(.workspace-main form)) > header > div:last-child > * {
        display: none !important;
    }

    #root .video-workspace-page:not(:has(.workspace-main form)) > header > div:last-child > span[title="可用积分"] {
        position: fixed;
        bottom: 0;
        left: 0;
        z-index: 42;
        display: inline-flex !important;
        width: 300px !important;
        max-width: none !important;
        height: 64px;
        align-items: center;
        gap: 8px;
        padding: 0 16px !important;
        border: 0 !important;
        border-top: 1px solid var(--studio-border) !important;
        border-radius: 0 !important;
        background: var(--studio-sidebar) !important;
        color: var(--studio-text) !important;
        font-size: 14px;
        font-variant-numeric: tabular-nums;
        font-weight: 650;
        box-shadow: 0 -10px 24px rgba(0, 0, 0, 0.2) !important;
        pointer-events: auto;
    }

    #root .video-workspace-page:not(:has(.workspace-main form)) > header > div:last-child > span[title="可用积分"]::before {
        width: 20px;
        height: 20px;
        flex: 0 0 20px;
        background: var(--studio-accent);
        content: "";
        -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='5' width='20' height='14' rx='2'/%3E%3Cpath d='M16 13h4M2 9h20'/%3E%3C/svg%3E")
            center / contain no-repeat;
        mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='5' width='20' height='14' rx='2'/%3E%3Cpath d='M16 13h4M2 9h20'/%3E%3C/svg%3E")
            center / contain no-repeat;
    }

    #root .video-workspace-page:not(:has(.workspace-main form)) > header > div:last-child > span[title="可用积分"] > span:first-child {
        margin: 0 !important;
        color: var(--studio-muted) !important;
        font-size: 12px;
        font-weight: 500;
    }

    #root .video-workspace-page:not(:has(.workspace-main form)) .workspace-balance-value {
        color: var(--studio-accent);
        font-size: 15px;
        font-weight: 700;
    }

    #root .video-workspace-page:not(:has(.workspace-main form)) > header > div:last-child > div[aria-label="管理员工具"] {
        position: fixed !important;
        top: 76px;
        right: 20px;
        z-index: 42;
        display: flex !important;
        width: 40px;
        flex-direction: column;
        gap: 8px;
        pointer-events: auto;
    }

    #root .video-workspace-page:not(:has(.workspace-main form)) > header > div:last-child > div[aria-label="管理员工具"] > button {
        display: grid !important;
        width: 40px !important;
        min-width: 40px !important;
        height: 40px !important;
        padding: 0 !important;
        place-items: center;
        border: 1px solid var(--studio-border) !important;
        border-radius: 10px !important;
        background: var(--studio-card) !important;
        color: var(--studio-muted) !important;
        box-shadow: none !important;
    }

    #root .video-workspace-page:not(:has(.workspace-main form)) > header > div:last-child > div[aria-label="管理员工具"] > button:not([aria-label="创作台配置"]) > span:last-child {
        display: none !important;
    }

    #root .video-workspace-page:not(:has(.workspace-main form)) > header > div:last-child > div[aria-label="管理员工具"] > button:not([aria-label="创作台配置"]) .ant-btn-icon {
        display: inline-flex !important;
        margin: 0 !important;
    }

    #root .video-workspace-page:not(:has(.workspace-main form)) > header > div:last-child > div[aria-label="管理员工具"] > button:not([aria-label="创作台配置"]):hover {
        border-color: var(--studio-border-strong) !important;
        background: var(--studio-elevated) !important;
        color: var(--studio-text) !important;
    }

    #root .video-workspace-page:not(:has(.workspace-main form)) > header button[aria-label="创作台配置"],
    #root .video-workspace-page:not(:has(.workspace-main form)) > header button[aria-label="个人中心"] {
        position: fixed !important;
        top: 20px;
        right: 20px;
        z-index: 42;
        display: grid !important;
        width: 44px !important;
        min-width: 44px !important;
        height: 44px !important;
        padding: 0 !important;
        place-items: center;
        border: 0 !important;
        border-radius: 999px !important;
        background: var(--studio-accent) !important;
        color: #0a0a0a !important;
        box-shadow: 0 0 20px var(--studio-accent-glow) !important;
        pointer-events: auto;
    }

    #root .video-workspace-page:not(:has(.workspace-main form)) > header:has(button[aria-label="创作台配置"]) button[aria-label="个人中心"] {
        display: none !important;
    }

    #root .video-workspace-page:not(:has(.workspace-main form)) > header button[aria-label="创作台配置"] > *,
    #root .video-workspace-page:not(:has(.workspace-main form)) > header button[aria-label="个人中心"] > * {
        display: none !important;
    }

    #root .video-workspace-page:not(:has(.workspace-main form)) > header button[aria-label="创作台配置"]::before,
    #root .video-workspace-page:not(:has(.workspace-main form)) > header button[aria-label="个人中心"]::before {
        width: 22px;
        height: 22px;
        background: currentColor;
        content: "";
        -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3Cpath d='M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1-2.83 2.83l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-4 0v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1 0-4h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 2.83-2.83l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 4 0v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 0 4h-.09a1.65 1.65 0 0 0-1.51 1z'/%3E%3C/svg%3E")
            center / contain no-repeat;
        mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3Cpath d='M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1-2.83 2.83l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-4 0v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1 0-4h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 2.83-2.83l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 4 0v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 0 4h-.09a1.65 1.65 0 0 0-1.51 1z'/%3E%3C/svg%3E")
            center / contain no-repeat;
    }

    #root .video-workspace-page:not(:has(.workspace-main form)) > header button[aria-label="我的作品"] {
        position: fixed !important;
        top: calc(50% + 48px);
        right: 20px;
        z-index: 42;
        display: grid !important;
        width: 40px !important;
        min-width: 40px !important;
        height: 40px !important;
        padding: 0 !important;
        place-items: center;
        border: 1px solid var(--studio-border) !important;
        border-radius: 10px !important;
        background: var(--studio-card) !important;
        color: var(--studio-muted) !important;
        pointer-events: auto;
    }

    #root .video-workspace-page:not(:has(.workspace-main form)) > header button[aria-label="我的作品"] > * {
        display: none !important;
    }

    #root .video-workspace-page:not(:has(.workspace-main form)) > header button[aria-label="我的作品"]::before {
        width: 18px;
        height: 18px;
        background: currentColor;
        content: "";
        -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'%3E%3Cpath d='M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2z'/%3E%3C/svg%3E")
            center / contain no-repeat;
        mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'%3E%3Cpath d='M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2z'/%3E%3C/svg%3E")
            center / contain no-repeat;
    }

    #root .video-workspace-page:not(:has(.workspace-main form)) .workspace-shell {
        height: 100dvh;
        min-height: 100dvh;
    }

    #root .video-workspace-page:not(:has(.workspace-main form)) .workspace-sidebar {
        width: 300px !important;
        min-width: 300px !important;
        max-width: 300px !important;
        max-height: none !important;
        padding-top: 64px;
        flex: 0 0 300px !important;
        border-right: 1px solid var(--studio-border) !important;
        border-bottom: 0 !important;
        backdrop-filter: none !important;
    }

    #root .video-workspace-page:not(:has(.workspace-main form)) .workspace-sidebar-controls {
        padding: 16px !important;
        border-bottom: 0 !important;
    }

    #root .video-workspace-page:not(:has(.workspace-main form)) .workspace-feature-grid {
        gap: 8px;
        margin-bottom: 16px;
    }

    #root .video-workspace-page:not(:has(.workspace-main form)) .workspace-feature-item {
        min-height: 72px;
        gap: 6px;
        padding: 12px 8px;
        border: 1px solid var(--studio-border);
        border-radius: 10px;
        background: var(--studio-card);
        color: var(--studio-muted);
        font-size: 12px;
        font-weight: 400;
        box-shadow: none;
    }

    #root .video-workspace-page:not(:has(.workspace-main form)) .workspace-feature-item.is-active {
        border-color: var(--studio-accent-border) !important;
        background: var(--studio-accent-dim) !important;
        color: var(--studio-accent) !important;
        box-shadow: none !important;
    }

    #root .video-workspace-page:not(:has(.workspace-main form)) .workspace-kind-switch {
        display: flex !important;
        gap: 4px !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    #root .video-workspace-page:not(:has(.workspace-main form)) .workspace-kind-switch button {
        min-height: 32px;
        padding: 5px 12px !important;
        border: 0 !important;
        border-radius: 999px !important;
        background: transparent !important;
        color: var(--studio-muted) !important;
        box-shadow: none !important;
    }

    #root .video-workspace-page:not(:has(.workspace-main form)) .workspace-kind-switch button[aria-pressed="true"],
    #root .video-workspace-page:not(:has(.workspace-main form)) .workspace-kind-switch button[class*="bg-cyan-300"] {
        background: var(--studio-accent) !important;
        color: #0a0a0a !important;
    }

    #root .video-workspace-page:not(:has(.workspace-main form)) .workspace-model-filters {
        margin-top: 12px;
    }

    #root .video-workspace-page:not(:has(.workspace-main form)) .workspace-model-filter-block {
        grid-template-columns: 36px minmax(0, 1fr);
        gap: 8px;
    }

    #root .video-workspace-page:not(:has(.workspace-main form)) .workspace-filter-label {
        color: var(--studio-tertiary);
        font-size: 11px;
    }

    #root .video-workspace-page:not(:has(.workspace-main form)) .workspace-face-filter-group {
        padding: 3px !important;
        border: 1px solid var(--studio-border) !important;
        border-radius: 10px !important;
        background: var(--studio-input) !important;
        box-shadow: none !important;
    }

    #root .video-workspace-page:not(:has(.workspace-main form)) .workspace-face-filter {
        height: 28px !important;
        border-radius: 7px !important;
        color: var(--studio-muted) !important;
    }

    #root .video-workspace-page:not(:has(.workspace-main form)) .workspace-face-filter[aria-pressed="true"] {
        border-color: transparent !important;
        background: var(--studio-accent) !important;
        color: #0a0a0a !important;
        box-shadow: none !important;
    }

    #root .video-workspace-page:not(:has(.workspace-main form)) .workspace-sidebar-scroll {
        padding: 0 12px 64px !important;
    }

    #root .video-workspace-page:not(:has(.workspace-main form)) .workspace-model-section-heading {
        min-height: 24px;
        margin: 4px 4px 8px;
        color: var(--studio-tertiary);
        font-size: 10px;
    }

    #root .video-workspace-page:not(:has(.workspace-main form)) .workspace-model-section-list > button[aria-pressed]:not(.workspace-face-filter) {
        min-height: 68px !important;
        margin-bottom: 8px;
        gap: 12px !important;
        padding: 12px 64px 12px 12px !important;
        border: 1px solid transparent !important;
        border-radius: 10px !important;
        background: var(--studio-card) !important;
        box-shadow: none !important;
    }

    #root .video-workspace-page:not(:has(.workspace-main form)) .workspace-model-section-list > button[aria-pressed]:not(.workspace-face-filter):hover {
        background: var(--studio-card-hover) !important;
    }

    #root .video-workspace-page:not(:has(.workspace-main form)) .workspace-model-section-list > button[aria-pressed="true"]:not(.workspace-face-filter),
    #root .video-workspace-page:not(:has(.workspace-main form)) .workspace-offer-section .workspace-model-section-list > button[aria-pressed="true"]:not(.workspace-face-filter) {
        border-color: var(--studio-accent-border) !important;
        background: var(--studio-accent-dim) !important;
        box-shadow: none !important;
    }

    #root .video-workspace-page:not(:has(.workspace-main form)) .workspace-offer-section .workspace-model-section-list > button[aria-pressed]:not(.workspace-face-filter) {
        border-color: transparent !important;
        background: var(--studio-card) !important;
    }

    #root .video-workspace-page:not(:has(.workspace-main form)) .workspace-model-section-list > button > img,
    #root .video-workspace-page:not(:has(.workspace-main form)) .workspace-model-section-list > button > svg {
        width: 36px !important;
        height: 36px !important;
        padding: 8px !important;
        border-radius: 8px !important;
        background: var(--studio-elevated) !important;
    }

    #root .video-workspace-page:not(:has(.workspace-main form)) .workspace-offer-badge {
        position: absolute;
        top: 10px;
        right: 12px;
        min-height: 0;
        margin: 0;
        padding: 2px 8px;
        border: 0;
        border-radius: 6px;
        background: rgba(239, 68, 68, 0.15);
        color: #ef4444;
        font-size: 10px;
        font-weight: 500;
    }

    #root .video-workspace-page:not(:has(.workspace-main form)) .workspace-main {
        background: var(--studio-bg) !important;
    }

    #root .video-workspace-page:not(:has(.workspace-main form)) .workspace-main > div {
        min-height: 100dvh !important;
        max-width: none !important;
        padding: 64px 24px max(20rem, min(42rem, 68dvh)) !important;
    }

    #root .video-workspace-page:not(:has(.workspace-main form)) .workspace-empty-state {
        width: 100%;
        max-width: none;
        min-height: 0;
        flex: 1;
        padding: 40px;
    }

    #root .video-workspace-page:not(:has(.workspace-main form)) .workspace-empty-text {
        max-width: 480px;
        color: var(--studio-tertiary);
        font-size: 16px;
        line-height: 1.8;
        text-align: center;
    }

    #root .video-workspace-page:not(:has(.workspace-main form)) .workspace-composer {
        right: 0 !important;
        bottom: 0 !important;
        left: 300px !important;
        padding: 0 24px 24px !important;
        border: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        backdrop-filter: none !important;
    }

    #root .video-workspace-page:not(:has(.workspace-main form)) .workspace-creation-panel {
        min-height: 0;
        max-width: none !important;
        max-height: min(80dvh, 760px) !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        overscroll-behavior: contain;
        border: 1px solid var(--studio-border) !important;
        border-radius: 20px !important;
        background: var(--studio-card) !important;
        box-shadow: none !important;
        scrollbar-color: rgba(255, 255, 255, 0.28) transparent;
        scrollbar-gutter: stable;
        scrollbar-width: thin;
        backdrop-filter: none !important;
    }

    #root .video-workspace-page:not(:has(.workspace-main form)) .workspace-creation-panel::-webkit-scrollbar {
        width: 6px;
    }

    #root .video-workspace-page:not(:has(.workspace-main form)) .workspace-creation-panel::-webkit-scrollbar-thumb {
        border-radius: 999px;
        background: rgba(255, 255, 255, 0.28);
    }

    #root .video-workspace-page:not(:has(.workspace-main form)) .workspace-composer-modebar button[aria-label="收起工作台"] {
        display: none !important;
    }

    #root .video-workspace-page:not(:has(.workspace-main form)) .workspace-composer-content {
        display: flex !important;
        flex-direction: column;
    }

    #root .video-workspace-page:not(:has(.workspace-main form)) .workspace-composer-modebar {
        order: 1;
        padding: 12px 16px 0 !important;
        border: 0 !important;
        background: transparent !important;
    }

    #root .video-workspace-page:not(:has(.workspace-main form)) .workspace-composer-modebar > div {
        gap: 6px !important;
        overflow: visible !important;
    }

    #root .video-workspace-page:not(:has(.workspace-main form)) .workspace-composer-modebar button[aria-pressed] {
        height: 28px !important;
        gap: 6px !important;
        padding: 4px 10px !important;
        border: 0 !important;
        border-radius: 999px !important;
        background: var(--studio-elevated) !important;
        color: var(--studio-muted) !important;
        font-size: 12px !important;
    }

    #root .video-workspace-page:not(:has(.workspace-main form)) .workspace-composer-modebar button[aria-pressed="true"] {
        color: var(--studio-text) !important;
    }

    #root .video-workspace-page:not(:has(.workspace-main form)) .workspace-composer-modebar button[aria-pressed] svg {
        width: 14px !important;
        height: 14px !important;
    }

    #root .video-workspace-page:not(:has(.workspace-main form)) .workspace-composer-meta {
        position: static;
        order: 2;
        min-height: 44px;
        padding: 8px 16px !important;
        border: 0 !important;
        border-bottom: 1px solid var(--studio-border) !important;
        background: transparent !important;
    }

    #root .video-workspace-page:not(:has(.workspace-main form)) .workspace-composer-meta > span:first-child {
        position: relative;
        display: flex;
        align-items: center;
        max-width: min(55vw, 360px);
        height: 32px;
        padding: 0 12px 0 32px;
        overflow: hidden;
        border: 1px solid var(--studio-border);
        border-radius: 10px;
        background: var(--studio-elevated);
        color: var(--studio-text);
        font-size: 12px;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    #root .video-workspace-page:not(:has(.workspace-main form)) .workspace-composer-meta > span:first-child::before {
        position: absolute;
        left: 12px;
        color: var(--studio-accent);
        content: "☆";
        font-size: 18px;
        line-height: 1;
    }

    #root .video-workspace-page:not(:has(.workspace-main form)) .workspace-billing-tag {
        position: static;
        display: flex;
        align-items: center;
        gap: 4px;
        margin-left: auto;
        color: var(--studio-muted) !important;
        font-size: 12px;
    }

    #root .video-workspace-page:not(:has(.workspace-main form)) .workspace-billing-tag::after {
        display: inline-grid;
        width: 14px;
        height: 14px;
        place-items: center;
        border: 1px solid var(--studio-quaternary);
        border-radius: 999px;
        color: var(--studio-quaternary);
        content: "i";
        font-size: 9px;
    }

    #root .video-workspace-page:not(:has(.workspace-main form)) .workspace-reference-status {
        display: none !important;
    }

    #root .video-workspace-page:not(:has(.workspace-main form)) .workspace-composer-body {
        order: 3;
        padding: 0 16px 8px;
        border: 0 !important;
        background: transparent !important;
    }

    #root .video-workspace-page:not(:has(.workspace-main form)) .workspace-composer-body > div {
        gap: 12px;
        border: 0 !important;
        background: transparent !important;
    }

    #root .video-workspace-page:not(:has(.workspace-main form)) .workspace-composer-body > div.flex > div:first-child {
        min-width: 92px !important;
        max-width: min(42%, 420px) !important;
        overflow: visible !important;
        border: 0 !important;
    }

    #root .video-workspace-page:not(:has(.workspace-main form)) .workspace-composer-body > div:not(.flex):not(.workspace-video-composer-with-references) [contenteditable="true"] {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    #root .video-workspace-page:not(:has(.workspace-main form)) .workspace-composer-body textarea,
    #root .video-workspace-page:not(:has(.workspace-main form)) .workspace-composer-body [contenteditable="true"] {
        border: 0 !important;
        background: transparent !important;
        color: var(--studio-text) !important;
        font-size: 14px !important;
        line-height: 1.6 !important;
        box-shadow: none !important;
    }

    #root .video-workspace-page:not(:has(.workspace-main form)) .workspace-composer-params {
        position: relative;
        order: 4;
        display: flex !important;
        min-height: 64px;
        align-items: center;
        flex-wrap: wrap;
        gap: 8px !important;
        padding: 12px 16px !important;
        border: 0 !important;
        border-top: 1px solid var(--studio-border) !important;
        background: transparent !important;
    }

    #root .video-workspace-page:not(:has(.workspace-main form)) .workspace-composer-params .video-workspace-setting {
        width: auto !important;
        min-width: 0;
        height: 40px;
        gap: 6px;
        padding: 6px 10px !important;
        border: 1px solid var(--studio-border) !important;
        border-radius: 10px !important;
        background: var(--studio-elevated) !important;
        color: var(--studio-muted) !important;
        box-shadow: none !important;
    }

    #root .video-workspace-page:not(:has(.workspace-main form)) .video-workspace-select,
    #root .video-workspace-page:not(:has(.workspace-main form)) .video-workspace-select .ant-select-content,
    #root .video-workspace-page:not(:has(.workspace-main form)) .video-workspace-select .ant-select-selection-item {
        color: var(--studio-text) !important;
        -webkit-text-fill-color: var(--studio-text) !important;
        opacity: 1 !important;
    }

    #root .video-workspace-page:not(:has(.workspace-main form)) .video-workspace-select .ant-select-input,
    #root .video-workspace-page:not(:has(.workspace-main form)) .video-workspace-select .ant-select-input input {
        background: transparent !important;
        color: var(--studio-text) !important;
        -webkit-text-fill-color: var(--studio-text) !important;
        opacity: 1 !important;
    }

    #root .video-workspace-page:not(:has(.workspace-main form)) .video-workspace-select .ant-select-suffix {
        color: var(--studio-muted) !important;
        opacity: 1 !important;
    }

    #root .video-workspace-page:not(:has(.workspace-main form)) .workspace-composer-status {
        display: block;
        margin-left: auto;
        text-align: right;
    }
}

@media (min-width: 900px) and (max-width: 1024px) {
    #root .video-workspace-page:not(:has(.workspace-main form)) > header > div:first-child {
        width: 228px;
    }

    #root .video-workspace-page:not(:has(.workspace-main form)) .workspace-sidebar {
        width: 260px !important;
        min-width: 260px !important;
        max-width: 260px !important;
        flex-basis: 260px !important;
    }

    #root .video-workspace-page:not(:has(.workspace-main form)) .workspace-composer {
        left: 260px !important;
    }
}

/* Keep the submit action as one coherent control at every workspace width. */
#root .video-workspace-page:not(:has(.workspace-main form)) .workspace-send-button {
    position: relative !important;
    right: auto !important;
    bottom: auto !important;
    display: inline-flex !important;
    width: auto !important;
    min-width: 168px !important;
    height: 44px !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    padding: 0 14px !important;
    overflow: hidden !important;
    border: 0 !important;
    border-radius: 8px !important;
    background: var(--studio-accent) !important;
    color: #07130b !important;
    font-size: 13px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    box-shadow: 0 0 18px var(--studio-accent-glow) !important;
    transform: none !important;
}

#root .video-workspace-page:not(:has(.workspace-main form)) .workspace-primary-generate.ant-btn-primary {
    border: 0 !important;
    border-radius: 8px !important;
    background: var(--studio-accent) !important;
    color: #07130b !important;
    box-shadow: 0 0 18px var(--studio-accent-glow) !important;
}

#root .video-workspace-page:not(:has(.workspace-main form)) .workspace-primary-generate.ant-btn-primary:hover:not(:disabled) {
    background: var(--studio-accent-hover) !important;
    color: #07130b !important;
}

#root .video-workspace-page:not(:has(.workspace-main form)) .workspace-primary-generate.ant-btn-primary:disabled {
    background: var(--studio-elevated) !important;
    color: var(--studio-quaternary) !important;
    box-shadow: none !important;
}

#root .video-workspace-page:not(:has(.workspace-main form)) .workspace-send-button:hover:not(:disabled) {
    background: var(--studio-accent-hover) !important;
    color: #07130b !important;
    box-shadow: 0 0 22px var(--studio-accent-glow) !important;
    transform: translateY(-1px) !important;
}

#root .video-workspace-page:not(:has(.workspace-main form)) .workspace-send-button > span,
#root .video-workspace-page:not(:has(.workspace-main form)) .workspace-send-button > .ant-btn-icon,
#root .video-workspace-page:not(:has(.workspace-main form)) .workspace-send-button .workspace-send-label {
    display: inline-flex !important;
    align-items: center !important;
    margin: 0 !important;
}

#root .video-workspace-page:not(:has(.workspace-main form)) .workspace-send-button > .ant-btn-icon {
    color: currentColor !important;
}

#root .video-workspace-page:not(:has(.workspace-main form)) .workspace-send-button::after {
    display: none !important;
}

#root .video-workspace-page:not(:has(.workspace-main form)) .workspace-price-display {
    position: static !important;
    display: inline-flex !important;
    align-items: center !important;
    height: auto !important;
    color: currentColor !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    white-space: nowrap !important;
}

@media (max-width: 899px) {
    #root .video-workspace-page:not(:has(.workspace-main form)) .workspace-send-button {
        grid-column: 1 / -1 !important;
        justify-self: end !important;
        min-width: 136px !important;
        max-width: 100% !important;
    }
}

@media (max-width: 899px) {
    #root .video-workspace-page .workspace-creation-panel {
        border-color: var(--studio-border) !important;
        background: var(--studio-card) !important;
    }
}

@layer theme {
    @media (min-width: 900px) {
        #root .video-workspace-page:not(:has(.workspace-main form)) > header button[aria-label="创作台配置"],
        #root .video-workspace-page:not(:has(.workspace-main form)) > header button[aria-label="个人中心"] {
            display: grid !important;
            width: 44px !important;
            min-width: 44px !important;
            height: 44px !important;
            padding: 0 !important;
            place-items: center;
            border: 0 !important;
            border-radius: 999px !important;
            background: var(--studio-accent) !important;
            color: #0a0a0a !important;
            box-shadow: 0 0 20px var(--studio-accent-glow) !important;
        }

        #root .video-workspace-page:not(:has(.workspace-main form)) > header button[aria-label="创作台配置"] > *,
        #root .video-workspace-page:not(:has(.workspace-main form)) > header button[aria-label="个人中心"] > * {
            display: none !important;
        }

        #root .video-workspace-page:not(:has(.workspace-main form)) > header:has(button[aria-label="创作台配置"]) button[aria-label="个人中心"] {
            display: none !important;
        }

        #root .video-workspace-page:not(:has(.workspace-main form)) > header > div:last-child > div[aria-label="管理员工具"] {
            position: fixed !important;
            top: 76px !important;
            right: 20px !important;
            z-index: 42 !important;
            display: flex !important;
            width: 40px !important;
            flex-direction: column !important;
            gap: 8px !important;
            pointer-events: auto !important;
        }

        #root .video-workspace-page:not(:has(.workspace-main form)) > header > div:last-child > div[aria-label="管理员工具"] > button {
            display: grid !important;
            width: 40px !important;
            min-width: 40px !important;
            height: 40px !important;
            padding: 0 !important;
            place-items: center !important;
            border: 1px solid var(--studio-border) !important;
            border-radius: 10px !important;
            background: var(--studio-card) !important;
            color: var(--studio-muted) !important;
            box-shadow: none !important;
        }

        #root .video-workspace-page:not(:has(.workspace-main form)) > header > div:last-child > div[aria-label="管理员工具"] > button:not([aria-label="创作台配置"]) > span:last-child {
            display: none !important;
        }

        #root .video-workspace-page:not(:has(.workspace-main form)) > header > div:last-child > div[aria-label="管理员工具"] > button:not([aria-label="创作台配置"]) .ant-btn-icon {
            display: inline-flex !important;
            margin: 0 !important;
        }

        #root .video-workspace-page:not(:has(.workspace-main form)) > header > div:last-child > div[aria-label="管理员工具"] > button:not([aria-label="创作台配置"]):hover {
            border-color: var(--studio-border-strong) !important;
            background: var(--studio-elevated) !important;
            color: var(--studio-text) !important;
        }

        #root .video-workspace-page:not(:has(.workspace-main form)) > header > div:last-child > div[aria-label="管理员工具"] > button[aria-label="创作台配置"] {
            position: fixed !important;
            top: 20px !important;
            right: 20px !important;
            z-index: 42 !important;
            display: grid !important;
            width: 44px !important;
            min-width: 44px !important;
            height: 44px !important;
            padding: 0 !important;
            place-items: center !important;
            border: 0 !important;
            border-radius: 999px !important;
            background: var(--studio-accent) !important;
            color: #0a0a0a !important;
            box-shadow: 0 0 20px var(--studio-accent-glow) !important;
        }

        #root .video-workspace-page:not(:has(.workspace-main form)) > header > div:last-child > span[title="可用积分"] {
            top: auto !important;
            right: auto !important;
            bottom: 0 !important;
            left: 0 !important;
            z-index: 42;
            width: 300px !important;
            max-width: none !important;
            height: 64px !important;
            display: inline-flex !important;
            align-items: center !important;
            gap: 8px !important;
            padding: 0 16px !important;
            border: 0 !important;
            border-top: 1px solid var(--studio-border) !important;
            border-radius: 0 !important;
            background: var(--studio-sidebar) !important;
            color: var(--studio-text) !important;
            font-size: 14px !important;
            font-variant-numeric: tabular-nums;
            font-weight: 650 !important;
            box-shadow: 0 -10px 24px rgba(0, 0, 0, 0.2) !important;
            pointer-events: auto !important;
        }

        #root .video-workspace-page:not(:has(.workspace-main form)) > header > div:last-child > span[title="可用积分"] > span:first-child {
            margin: 0 !important;
            color: var(--studio-muted) !important;
            font-size: 12px !important;
            font-weight: 500 !important;
        }

        #root .video-workspace-page:not(:has(.workspace-main form)) .workspace-balance-value {
            color: var(--studio-accent) !important;
            font-size: 15px !important;
            font-weight: 700 !important;
        }

        #root .video-workspace-page:not(:has(.workspace-main form)) .video-workspace-select,
        #root .video-workspace-page:not(:has(.workspace-main form)) .video-workspace-select .ant-select-content,
        #root .video-workspace-page:not(:has(.workspace-main form)) .video-workspace-select .ant-select-selection-item {
            color: var(--studio-text) !important;
            -webkit-text-fill-color: var(--studio-text) !important;
            opacity: 1 !important;
        }

        #root .video-workspace-page:not(:has(.workspace-main form)) .video-workspace-select .ant-select-input,
        #root .video-workspace-page:not(:has(.workspace-main form)) .video-workspace-select .ant-select-input input {
            background: transparent !important;
            color: var(--studio-text) !important;
            -webkit-text-fill-color: var(--studio-text) !important;
            opacity: 1 !important;
        }

        #root .video-workspace-page:not(:has(.workspace-main form)) .video-workspace-select .ant-select-suffix {
            color: var(--studio-muted) !important;
            opacity: 1 !important;
        }
    }
}

/* Compact recommendation-first model picker. */
#root .workspace-recommendation-tabs {
    padding: 2px;
    border: 1px solid var(--studio-border);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.035);
}

#root .workspace-recommendation-tabs button {
    display: flex;
    width: 100% !important;
    min-width: 0;
    min-height: 32px !important;
    height: 32px !important;
    max-height: 32px;
    align-items: center;
    justify-content: center;
    padding: 0 6px !important;
    border: 0 !important;
    border-radius: 6px !important;
    background: transparent !important;
    color: rgba(255, 255, 255, 0.68) !important;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0;
    white-space: nowrap;
    box-shadow: none !important;
    transition:
        background-color 150ms ease,
        color 150ms ease,
        box-shadow 150ms ease;
}

#root .workspace-recommendation-tabs button:not([aria-pressed="true"]):hover {
    background: rgba(255, 255, 255, 0.05) !important;
    color: rgba(255, 255, 255, 0.92) !important;
}

#root .workspace-recommendation-tabs button[aria-pressed="true"] {
    background: rgba(74, 222, 128, 0.13) !important;
    color: #bbf7d0 !important;
    font-weight: 700;
    box-shadow: inset 0 0 0 1px rgba(74, 222, 128, 0.34) !important;
}

#root .workspace-view-all-models,
#root .workspace-model-search {
    min-height: 34px;
    border: 1px solid var(--studio-border);
    border-radius: 8px;
    background: var(--studio-input);
    color: var(--studio-text);
    font-size: 12px;
}

#root .workspace-view-all-models:hover {
    border-color: var(--studio-accent-border);
    color: var(--studio-accent);
}

#root .workspace-model-search {
    padding: 0 10px;
    outline: none;
}

#root .workspace-model-search:focus {
    border-color: var(--studio-accent-border);
}

#root .workspace-model-price {
    position: absolute;
    right: 12px;
    bottom: 10px;
    color: var(--studio-accent);
    font-size: 10px;
    font-weight: 700;
}

#root .video-workspace-page:not(:has(.workspace-main form)) .workspace-model-section-list > button[aria-pressed="true"]:not(.workspace-face-filter) {
    border-color: rgba(74, 222, 128, 0.85) !important;
    background: rgba(74, 222, 128, 0.13) !important;
    box-shadow: inset 3px 0 0 var(--studio-accent) !important;
}

.video-workspace-select-popup,
.video-workspace-select-popup .ant-select-item-option {
    background: #1a1a1a !important;
    color: #fafafa !important;
}

.video-workspace-select-popup .ant-select-item-option:hover,
.video-workspace-select-popup .ant-select-item-option-active,
.video-workspace-select-popup .ant-select-item-option-selected {
    background: #242424 !important;
    color: #86efac !important;
}

@media (min-width: 900px) and (max-width: 1024px) {
    #root .video-workspace-page:not(:has(.workspace-main form)) > header > div:last-child > span[title="可用积分"] {
        width: 260px !important;
    }
}

/* Reference media lives over the fixed prompt box and never changes its size. */
#root .video-workspace-page:not(:has(.workspace-main form)) .workspace-reference-track {
    height: 78px !important;
    align-items: flex-start !important;
    gap: 8px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scrollbar-width: none;
}

#root .video-workspace-page:not(:has(.workspace-main form)) .workspace-reference-track::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0;
}

#root .video-workspace-page:not(:has(.workspace-main form)) .workspace-video-prompt-with-references [contenteditable="true"] {
    padding-right: 16px !important;
    padding-left: 172px !important;
}

#root .video-workspace-page:not(:has(.workspace-main form)) .workspace-reference-track > .workspace-reference-add {
    position: relative !important;
    inset: auto !important;
    z-index: 10 !important;
    width: 76px !important;
    min-width: 76px !important;
    height: 76px !important;
    margin: 0 !important;
    border-radius: 6px !important;
}

#root .video-workspace-page:not(:has(.workspace-main form)) .workspace-reference-track > .workspace-reference-add span {
    display: inline !important;
}

#root .video-workspace-page:not(:has(.workspace-main form)) .workspace-reference-track > .workspace-reference-add svg {
    width: 16px !important;
    height: 16px !important;
}

#root .video-workspace-page:not(:has(.workspace-main form)) .workspace-reference-items {
    height: 78px !important;
    align-items: flex-start !important;
    gap: 8px !important;
}

#root .video-workspace-page:not(:has(.workspace-main form)) .workspace-video-reference-hover-panel .workspace-reference-card,
#root .video-workspace-page:not(:has(.workspace-main form)) .workspace-video-reference-hover-panel .workspace-reference-card > div {
    display: block !important;
    width: 76px !important;
    min-width: 76px !important;
    height: 76px !important;
}

#root .video-workspace-page:not(:has(.workspace-main form)) .workspace-video-reference-hover-panel .workspace-reference-card > div > button:first-child {
    width: 64px !important;
    height: 64px !important;
}

@media (min-width: 900px) {
    #root .video-workspace-page:not(:has(.workspace-main form)) .workspace-video-composer-with-references {
        position: relative;
        height: 124px;
        min-height: 124px;
        overflow: hidden;
    }

    #root .video-workspace-page:not(:has(.workspace-main form)) .workspace-video-reference-hover-panel {
        position: absolute;
        inset: 0 auto 0 0;
        z-index: 3;
        width: 160px;
        min-width: 160px;
        overflow: hidden !important;
        border-right: 1px solid transparent !important;
        background: rgba(26, 26, 26, 0.58) !important;
        -webkit-backdrop-filter: blur(10px);
        backdrop-filter: blur(10px);
        transition:
            width 180ms ease,
            background-color 180ms ease,
            box-shadow 180ms ease;
    }

    #root .video-workspace-page:not(:has(.workspace-main form)) .workspace-video-reference-hover-panel .workspace-reference-toolbar {
        width: 144px;
        min-width: 144px;
    }

    #root .video-workspace-page:not(:has(.workspace-main form)) .workspace-video-reference-hover-panel.workspace-reference-expanded,
    #root .video-workspace-page:not(:has(.workspace-main form)) .workspace-video-reference-hover-panel:has(:focus-visible) {
        width: min(calc(100% - 16px), 620px);
        border-right-color: var(--studio-border) !important;
        background: rgba(26, 26, 26, 0.88) !important;
        box-shadow: 18px 0 30px rgba(0, 0, 0, 0.22);
    }

    #root .video-workspace-page:not(:has(.workspace-main form)) .workspace-video-prompt-with-references {
        height: 124px;
        margin-left: 0;
    }

    #root .video-workspace-page:not(:has(.workspace-main form)) .workspace-reference-items {
        width: 76px;
        min-width: 76px;
    }

    #root .video-workspace-page:not(:has(.workspace-main form)) .workspace-video-reference-hover-panel .workspace-reference-card {
        position: absolute !important;
        inset: 0 auto auto 0;
        z-index: 3;
        opacity: 0.92;
        pointer-events: none;
        transform: translateX(6px) rotate(-2deg) scale(0.97);
        transform-origin: left bottom;
    }

    #root .video-workspace-page:not(:has(.workspace-main form)) .workspace-video-reference-hover-panel .workspace-reference-card:nth-child(2) {
        z-index: 2;
        opacity: 0.78;
        transform: translateX(13px) rotate(1deg) scale(0.94);
    }

    #root .video-workspace-page:not(:has(.workspace-main form)) .workspace-video-reference-hover-panel .workspace-reference-card:nth-child(n + 3) {
        z-index: 1;
        opacity: 0.62;
        transform: translateX(19px) rotate(3deg) scale(0.91);
    }

    #root .video-workspace-page:not(:has(.workspace-main form)) .workspace-reference-track > .workspace-reference-add-stacked {
        position: absolute !important;
        right: auto !important;
        bottom: 3px !important;
        left: 92px !important;
        z-index: 10 !important;
        width: 30px !important;
        min-width: 30px !important;
        height: 30px !important;
        border-radius: 999px !important;
        background: var(--studio-text) !important;
        color: var(--studio-bg) !important;
    }

    #root .video-workspace-page:not(:has(.workspace-main form)) .workspace-reference-track > .workspace-reference-add-stacked span {
        display: none !important;
    }

    #root .video-workspace-page:not(:has(.workspace-main form)) .workspace-video-reference-hover-panel.workspace-reference-expanded .workspace-reference-items,
    #root .video-workspace-page:not(:has(.workspace-main form)) .workspace-video-reference-hover-panel:has(:focus-visible) .workspace-reference-items {
        width: max-content;
    }

    #root .video-workspace-page:not(:has(.workspace-main form)) .workspace-video-reference-hover-panel.workspace-reference-expanded .workspace-reference-card,
    #root .video-workspace-page:not(:has(.workspace-main form)) .workspace-video-reference-hover-panel:has(:focus-visible) .workspace-reference-card {
        position: relative !important;
        inset: auto;
        z-index: auto;
        opacity: 1;
        pointer-events: auto;
        transform: none;
    }

    #root .video-workspace-page:not(:has(.workspace-main form)) .workspace-video-reference-hover-panel.workspace-reference-expanded .workspace-reference-card:nth-child(2),
    #root .video-workspace-page:not(:has(.workspace-main form)) .workspace-video-reference-hover-panel:has(:focus-visible) .workspace-reference-card:nth-child(2) {
        margin-left: 48px;
    }
}

@media (max-width: 899px) {
    #root .video-workspace-page:not(:has(.workspace-main form)) .workspace-video-composer-with-references {
        position: relative;
        height: 124px;
        min-height: 124px;
        overflow: hidden;
    }

    #root .video-workspace-page:not(:has(.workspace-main form)) .workspace-video-reference-hover-panel {
        position: absolute;
        inset: 0 auto 0 0;
        z-index: 3;
        width: 160px;
        min-width: 160px;
        height: 124px;
        overflow: hidden;
        border: 0;
        border-right: 1px solid var(--studio-border);
        background: rgba(26, 26, 26, 0.64);
    }

    #root .video-workspace-page:not(:has(.workspace-main form)) .workspace-video-prompt-with-references {
        height: 124px;
        margin-left: 0;
    }
}

/* Keep every workspace utility in the shared horizontal header. This block
   stays in the legacy theme layer so its important rules win within that layer. */
@layer theme {
    @media (min-width: 900px) {
        #root .video-workspace-page:not(:has(.workspace-main form)) > header {
            border-bottom: 1px solid var(--studio-border) !important;
            background: rgba(10, 10, 10, 0.96) !important;
        }

        #root .video-workspace-page:not(:has(.workspace-main form)) > header > .workspace-header-actions {
            position: static !important;
            display: flex !important;
            width: 0 !important;
            min-width: 0 !important;
            flex: 1 1 0% !important;
            flex-direction: row !important;
            justify-content: flex-end !important;
            gap: 8px !important;
            overflow-x: auto !important;
            pointer-events: auto !important;
        }

        #root .video-workspace-page:not(:has(.workspace-main form)) > header > .workspace-header-actions > * {
            display: flex !important;
        }

        #root .video-workspace-page:not(:has(.workspace-main form)) > header > .workspace-header-actions > .workspace-balance {
            position: static !important;
            inset: auto !important;
            width: auto !important;
            max-width: none !important;
            height: 34px !important;
            padding: 0 12px !important;
            border: 1px solid var(--studio-border) !important;
            border-radius: 6px !important;
            background: var(--studio-card) !important;
            box-shadow: none !important;
        }

        #root .video-workspace-page:not(:has(.workspace-main form)) > header > .workspace-header-actions > .workspace-balance::before {
            display: none !important;
            content: none !important;
        }

        #root .video-workspace-page:not(:has(.workspace-main form)) > header .workspace-utility-nav {
            position: static !important;
            display: flex !important;
            width: max-content !important;
            flex-direction: row !important;
            gap: 4px !important;
            pointer-events: auto !important;
        }

        #root .video-workspace-page:not(:has(.workspace-main form)) > header .workspace-utility-nav > .workspace-utility-button.ant-btn {
            position: static !important;
            inset: auto !important;
            display: flex !important;
            width: auto !important;
            min-width: max-content !important;
            height: 34px !important;
            padding: 0 9px !important;
            border: 1px solid transparent !important;
            border-radius: 6px !important;
            background: transparent !important;
            color: var(--studio-muted) !important;
            box-shadow: none !important;
        }

        #root .video-workspace-page:not(:has(.workspace-main form)) > header .workspace-utility-nav > .workspace-utility-button.ant-btn::before {
            display: none !important;
            content: none !important;
        }

        #root .video-workspace-page:not(:has(.workspace-main form)) > header .workspace-utility-nav > .workspace-utility-button.ant-btn > * {
            display: inline-flex !important;
        }

        #root .video-workspace-page:not(:has(.workspace-main form)) > header .workspace-utility-nav > .workspace-utility-button.is-primary.ant-btn {
            border-color: var(--studio-accent-border) !important;
            background: var(--studio-accent-dim) !important;
            color: var(--studio-accent-hover) !important;
        }

        #root .video-workspace-page:not(:has(.workspace-main form)) .workspace-sidebar-scroll {
            padding-bottom: 12px !important;
        }
    }
}