/* Photo batch entry: one standard for every Photo page and every layout (reference: photo 107).
   Same place: bottom-left of the workspace, directly under the left panel.
   Same button: 152x48 gold button with the dark VIP tag. Colors for hover/disabled/busy stay on the shared theme rules.
   Desktop only; phone layouts (photo74-mobile / photo107-mobile, max-width 767px) keep their own placement. 2026-09-26 */
@media screen and (min-width: 768px) {
    html body:not(.photo74-mobile-active) .photo-result-workspace #photoBatchRunAction#photoBatchRunAction.photo-batch-run-btn {
        position: absolute !important;
        top: auto !important;
        right: auto !important;
        left: 26px !important;
        bottom: 24px !important;
        z-index: 35 !important;
        box-sizing: border-box !important;
        width: 152px !important;
        min-width: 152px !important;
        max-width: none !important;
        height: 48px !important;
        min-height: 48px !important;
        max-height: none !important;
        margin: 0 !important;
        padding: 0 50px 0 18px !important;
        border-width: 1.25px !important;
        border-style: solid !important;
        border-radius: 8px !important;
        font-size: 15px !important;
        font-weight: 900 !important;
        line-height: 15px !important;
        letter-spacing: normal !important;
    }
    html body:not(.photo74-mobile-active) .photo-result-workspace #photoBatchRunAction#photoBatchRunAction .photo-batch-run-btn__label {
        font-size: 15px !important;
        font-weight: 900 !important;
    }
    html body:not(.photo74-mobile-active) .photo-result-workspace #photoBatchRunAction#photoBatchRunAction .photo-batch-run-btn__vip {
        position: absolute !important;
        top: 6px !important;
        right: 7px !important;
        bottom: auto !important;
        left: auto !important;
        display: block !important;
        min-width: 34px !important;
        height: 18px !important;
        padding: 0 6px !important;
        border: 0 !important;
        border-radius: 999px !important;
        background: #29261f !important;
        color: #dbc18c !important;
        -webkit-text-fill-color: #dbc18c !important;
        font-size: 10px !important;
        font-weight: 900 !important;
        line-height: 18px !important;
        letter-spacing: .08em !important;
        text-align: center !important;
        box-shadow: none !important;
        opacity: 1 !important;
    }
    /* Colors: copied from the main site's computed 107 button (site-graphite-unification), so a site that does not
       load that sheet (the clone) shows the very same gold button. Values identical to main => no change there. */
    html body:not(.photo74-mobile-active) .photo-result-workspace #photoBatchRunAction#photoBatchRunAction.photo-batch-run-btn:not(:disabled) {
        border-color: #e1c792 !important;
        background-color: #dbc18c !important;
        background-image: linear-gradient(135deg, #e6ce9a, #c6a36a) !important;
        color: #28281c !important;
        -webkit-text-fill-color: #28281c !important;
        box-shadow: 0 2px 5px rgba(0, 0, 0, .12) !important;
        text-shadow: none !important;
        filter: none !important;
        opacity: 1 !important;
        cursor: pointer;
        animation: none !important;
        transition: border-color .2s ease, background .2s ease, box-shadow .2s ease, color .2s ease, opacity .2s ease, transform .2s ease !important;
    }
    html body:not(.photo74-mobile-active) .photo-result-workspace #photoBatchRunAction#photoBatchRunAction.photo-batch-run-btn:not(:disabled):hover {
        background-color: #ead5a6 !important;
        background-image: none !important;
        transform: translateY(-2px) !important;
    }
    html body:not(.photo74-mobile-active) .photo-result-workspace #photoBatchRunAction#photoBatchRunAction.photo-batch-run-btn:not(:disabled):active {
        background-color: #c8ad77 !important;
        background-image: none !important;
    }
    html body:not(.photo74-mobile-active) .photo-result-workspace #photoBatchRunAction#photoBatchRunAction.photo-batch-run-btn:disabled {
        border-color: #4a4947 !important;
        background-color: #262625 !important;
        background-image: none !important;
        color: #a8a7a6 !important;
        -webkit-text-fill-color: #a8a7a6 !important;
        box-shadow: none !important;
        opacity: .48 !important;
        cursor: not-allowed !important;
        transform: none !important;
        animation: none !important;
    }
    html body:not(.photo74-mobile-active) .photo-result-workspace #photoBatchRunAction#photoBatchRunAction.photo-batch-run-btn::after {
        animation: none !important;
        opacity: .58 !important;
    }
    html body:not(.photo74-mobile-active) .photo-result-workspace #photoBatchRunAction#photoBatchRunAction.photo-batch-run-btn:disabled::after {
        opacity: 0 !important;
    }
    html body:not(.photo74-mobile-active) .photo-result-workspace #photoBatchRunAction#photoBatchRunAction.photo-batch-run-btn .photo-batch-run-btn__label,
    html body:not(.photo74-mobile-active) .photo-result-workspace #photoBatchRunAction#photoBatchRunAction.photo-batch-run-btn .photo-batch-run-btn__status {
        -webkit-text-fill-color: inherit !important;
        text-shadow: none !important;
    }
    /* "loading" hint while the batch module is still being fetched (see js/photo-batch-entry.js) */
    html body .photo-result-workspace #photoBatchRunAction#photoBatchRunAction.is-entry-pending {
        cursor: progress !important;
    }

    /* Gray-mode (photo74-immersive-a) layout: leave the same room under the left panel as photo 107 does
       (107: panel top 26px, max-height main-height - 118px; here panel top 30px -> - 122px),
       and keep the generate area pinned to the panel bottom while the panel scrolls. */
    html.photo-ai3d-reference-root body.photo-ai3d-reference-page.photo74-immersive-a.photo74-immersive-a:not(.photo74-mobile-active):is(.photo-gray-mode-active, .photo-gray-v2-mode-active, .photo-gray-deep-v1-mode-active):not(.photo-creative-active) .c_main > .c_l.pltr {
        max-height: calc(var(--photo-ai3d-main-height-zoomed, 125vh) - 122px) !important;
    }
    html.photo-ai3d-reference-root body.photo-ai3d-reference-page.photo74-immersive-a.photo74-immersive-a:not(.photo74-mobile-active):is(.photo-gray-mode-active, .photo-gray-v2-mode-active, .photo-gray-deep-v1-mode-active):not(.photo-creative-active) .c_main > .c_l.pltr .left-primary-panel {
        max-height: calc(var(--photo-ai3d-main-height-zoomed, 125vh) - 122px) !important;
        padding-bottom: 0 !important;
    }
    html.photo-ai3d-reference-root body.photo-ai3d-reference-page.photo74-immersive-a.photo74-immersive-a:not(.photo74-mobile-active):is(.photo-gray-mode-active, .photo-gray-v2-mode-active, .photo-gray-deep-v1-mode-active):not(.photo-creative-active) .c_main > .c_l.pltr .left-primary-panel > .left-bottom-panel {
        position: sticky !important;
        bottom: 0 !important;
        z-index: 4 !important;
        padding-bottom: 22px !important;
        background: #1b1b1b !important;
        box-shadow: 0 -14px 16px -8px #1b1b1b !important;
    }
}