/* assets/css/generator/tier-theme.css */

.generator-tier-tab[data-tier="light"].is-active {
    color: #d9ffe8;
    background: rgba(111, 214, 153, 0.18);
    border-color: rgba(111, 214, 153, 0.38);
    box-shadow: inset 0 0 0 1px rgba(111, 214, 153, 0.12), 0 8px 18px rgba(50, 110, 70, 0.24);
}

.generator-bottom-wrapper-tier-image .generator-tier-tab[data-tier="standard"].is-active {
    color: #d8ecff;
    background: rgba(59, 156, 255, 0.18);
    border-color: rgba(59, 156, 255, 0.4);
    box-shadow: inset 0 0 0 1px rgba(59, 156, 255, 0.12), 0 8px 18px rgba(32, 74, 120, 0.24);
}

.generator-bottom-wrapper-tier-video .generator-tier-tab[data-tier="standard"].is-active {
    color: #ece0ff;
    background: rgba(137, 92, 255, 0.18);
    border-color: rgba(137, 92, 255, 0.42);
    box-shadow: inset 0 0 0 1px rgba(137, 92, 255, 0.12), 0 8px 18px rgba(74, 42, 126, 0.24);
}

.generator-tier-tab[data-tier="pro"].is-active {
    color: #ffdce7;
    background: rgba(140, 45, 78, 0.24);
    border-color: rgba(140, 45, 78, 0.46);
    box-shadow: inset 0 0 0 1px rgba(140, 45, 78, 0.14), 0 8px 18px rgba(86, 26, 48, 0.28);
}

.generator-bottom-wrapper-tier-image[data-active-tier="light"] .technical-tray,
.generator-bottom-wrapper-tier-image[data-active-tier="light"] .floating-input-island {
    border-color: rgba(111, 214, 153, 0.28);
    box-shadow:
        0 18px 42px rgba(24, 48, 31, 0.36),
        0 0 0 1px rgba(111, 214, 153, 0.08) inset;
}

.generator-bottom-wrapper-tier-image[data-active-tier="standard"] .technical-tray,
.generator-bottom-wrapper-tier-image[data-active-tier="standard"] .floating-input-island {
    border-color: rgba(59, 156, 255, 0.28);
    box-shadow:
        0 18px 42px rgba(18, 40, 66, 0.36),
        0 0 0 1px rgba(59, 156, 255, 0.08) inset;
}

.generator-bottom-wrapper-tier-image[data-active-tier="pro"] .technical-tray,
.generator-bottom-wrapper-tier-image[data-active-tier="pro"] .floating-input-island {
    border-color: rgba(140, 45, 78, 0.34);
    box-shadow:
        0 18px 42px rgba(54, 20, 34, 0.4),
        0 0 0 1px rgba(140, 45, 78, 0.1) inset;
}

.generator-bottom-wrapper-tier-video[data-active-tier="light"] .technical-tray,
.generator-bottom-wrapper-tier-video[data-active-tier="light"] .floating-input-island {
    border-color: rgba(111, 214, 153, 0.28);
    box-shadow:
        0 18px 42px rgba(24, 48, 31, 0.36),
        0 0 0 1px rgba(111, 214, 153, 0.08) inset;
}

.generator-bottom-wrapper-tier-video[data-active-tier="standard"] .technical-tray,
.generator-bottom-wrapper-tier-video[data-active-tier="standard"] .floating-input-island {
    border-color: rgba(137, 92, 255, 0.3);
    box-shadow:
        0 18px 42px rgba(48, 30, 82, 0.38),
        0 0 0 1px rgba(137, 92, 255, 0.08) inset;
}

.generator-bottom-wrapper-tier-video[data-active-tier="pro"] .technical-tray,
.generator-bottom-wrapper-tier-video[data-active-tier="pro"] .floating-input-island {
    border-color: rgba(140, 45, 78, 0.34);
    box-shadow:
        0 18px 42px rgba(54, 20, 34, 0.4),
        0 0 0 1px rgba(140, 45, 78, 0.1) inset;
}

.generator-bottom-wrapper-tier-image[data-active-tier="light"] .send-btn:not(:disabled) {
    background: linear-gradient(180deg, rgba(111, 214, 153, 0.95) 0%, rgba(71, 168, 112, 0.92) 100%);
    box-shadow: 0 0 18px rgba(111, 214, 153, 0.22);
}

.generator-bottom-wrapper-tier-image[data-active-tier="light"] .send-btn:hover:not(:disabled) {
    background: linear-gradient(180deg, rgba(138, 226, 176, 1) 0%, rgba(81, 185, 124, 0.98) 100%);
    box-shadow: 0 0 22px rgba(111, 214, 153, 0.3);
}

.generator-bottom-wrapper-tier-image[data-active-tier="standard"] .send-btn:not(:disabled) {
    background: linear-gradient(180deg, rgba(59, 156, 255, 0.96) 0%, rgba(49, 120, 214, 0.94) 100%);
    box-shadow: 0 0 18px rgba(59, 156, 255, 0.24);
}

.generator-bottom-wrapper-tier-image[data-active-tier="standard"] .send-btn:hover:not(:disabled) {
    background: linear-gradient(180deg, rgba(88, 173, 255, 1) 0%, rgba(55, 129, 226, 0.98) 100%);
    box-shadow: 0 0 22px rgba(59, 156, 255, 0.32);
}

.generator-bottom-wrapper-tier-image[data-active-tier="pro"] .send-btn:not(:disabled) {
    background: linear-gradient(180deg, rgba(140, 45, 78, 0.96) 0%, rgba(111, 30, 59, 0.94) 100%);
    box-shadow: 0 0 18px rgba(140, 45, 78, 0.26);
}

.generator-bottom-wrapper-tier-image[data-active-tier="pro"] .send-btn:hover:not(:disabled) {
    background: linear-gradient(180deg, rgba(166, 58, 96, 1) 0%, rgba(125, 33, 68, 0.98) 100%);
    box-shadow: 0 0 22px rgba(140, 45, 78, 0.34);
}

.generator-bottom-wrapper-tier-video[data-active-tier="light"] .send-btn:not(:disabled) {
    background: linear-gradient(180deg, rgba(111, 214, 153, 0.95) 0%, rgba(71, 168, 112, 0.92) 100%);
    box-shadow: 0 0 18px rgba(111, 214, 153, 0.22);
}

.generator-bottom-wrapper-tier-video[data-active-tier="light"] .send-btn:hover:not(:disabled) {
    background: linear-gradient(180deg, rgba(138, 226, 176, 1) 0%, rgba(81, 185, 124, 0.98) 100%);
    box-shadow: 0 0 22px rgba(111, 214, 153, 0.3);
}

.generator-bottom-wrapper-tier-video[data-active-tier="standard"] .send-btn:not(:disabled) {
    background: linear-gradient(180deg, rgba(137, 92, 255, 0.96) 0%, rgba(103, 68, 214, 0.94) 100%);
    box-shadow: 0 0 18px rgba(137, 92, 255, 0.24);
}

.generator-bottom-wrapper-tier-video[data-active-tier="standard"] .send-btn:hover:not(:disabled) {
    background: linear-gradient(180deg, rgba(157, 118, 255, 1) 0%, rgba(113, 76, 224, 0.98) 100%);
    box-shadow: 0 0 22px rgba(137, 92, 255, 0.32);
}

.generator-bottom-wrapper-tier-video[data-active-tier="pro"] .send-btn:not(:disabled) {
    background: linear-gradient(180deg, rgba(140, 45, 78, 0.96) 0%, rgba(111, 30, 59, 0.94) 100%);
    box-shadow: 0 0 18px rgba(140, 45, 78, 0.26);
}

.generator-bottom-wrapper-tier-video[data-active-tier="pro"] .send-btn:hover:not(:disabled) {
    background: linear-gradient(180deg, rgba(166, 58, 96, 1) 0%, rgba(125, 33, 68, 0.98) 100%);
    box-shadow: 0 0 22px rgba(140, 45, 78, 0.34);
}

.generator-bottom-wrapper-tier-image[data-active-tier="light"] .sq-action-btn[data-action="upscale"]:not(:disabled) {
    color: #9be0b8;
    border-color: rgba(111, 214, 153, 0.3);
    background: rgba(111, 214, 153, 0.08);
}

.generator-bottom-wrapper-tier-image[data-active-tier="light"] .sq-action-btn[data-action="upscale"]:hover:not(:disabled) {
    color: #d9ffe8;
    border-color: rgba(111, 214, 153, 0.48);
    background: rgba(111, 214, 153, 0.16);
    box-shadow: 0 0 14px rgba(111, 214, 153, 0.2);
}

.generator-bottom-wrapper-tier-image[data-active-tier="standard"] .sq-action-btn[data-action="upscale"]:not(:disabled) {
    color: #89c9ff;
    border-color: rgba(59, 156, 255, 0.32);
    background: rgba(59, 156, 255, 0.08);
}

.generator-bottom-wrapper-tier-image[data-active-tier="standard"] .sq-action-btn[data-action="upscale"]:hover:not(:disabled) {
    color: #d8ecff;
    border-color: rgba(59, 156, 255, 0.5);
    background: rgba(59, 156, 255, 0.16);
    box-shadow: 0 0 14px rgba(59, 156, 255, 0.22);
}

.generator-bottom-wrapper-tier-image[data-active-tier="pro"] .sq-action-btn[data-action="upscale"]:not(:disabled) {
    color: #f0a7bd;
    border-color: rgba(140, 45, 78, 0.34);
    background: rgba(140, 45, 78, 0.09);
}

.generator-bottom-wrapper-tier-image[data-active-tier="pro"] .sq-action-btn[data-action="upscale"]:hover:not(:disabled) {
    color: #ffdce7;
    border-color: rgba(140, 45, 78, 0.52);
    background: rgba(140, 45, 78, 0.18);
    box-shadow: 0 0 14px rgba(140, 45, 78, 0.24);
}

#ai-model-tool .icon-panel-btn.is-disabled {
    opacity: 0.38;
    filter: grayscale(1);
    pointer-events: none;
}