/* znt88-shooting-plan-ui-2575-20261019 — unlinked candidate.
   Reuses the native shooting_plan_visual mode marker and existing scroll areas.
   Output descendants, cards, captions, images, editor and export remain frozen.
   Screen-only: no inherited typography or variables on shared ancestors. */
@media screen {
    html body #agent-page.is-shooting-plan-mode #agent-work-main {
        width: 100%;
        max-width: none;
        padding: 0 24px 22px;
        gap: 16px;
        container-type: inline-size;
        container-name: sp-workbench;
    }
    html body #agent-page.is-shooting-plan-mode #agent-work-main > .agent-univ-header {
        padding: 12px 0 10px;
        margin: 0;
    }
    html body #agent-page.is-shooting-plan-mode #agent-work-main > .agent-univ-header .agent-univ-title {
        font-size: 28px;
        font-weight: 700;
        line-height: 1.4;
        letter-spacing: -0.4px;
    }
    html body #agent-page.is-shooting-plan-mode .univ-input-col > .univ-input-card {
        padding: 24px;
        border: 1px solid #EBEBEB !important;
        border-radius: 14px !important;
        background: #FFFFFF !important;
        box-shadow: none !important;
    }
    html body #agent-page.is-shooting-plan-mode .univ-input-col .univ-input-card > div:first-child h2 {
        font-size: 20px;
        font-weight: 700;
        line-height: 1.4;
        color: #111111 !important;
        margin: 0;
    }
    html body #agent-page.is-shooting-plan-mode .univ-input-col .univ-input-card > div:first-child {
        margin-bottom: 24px;
    }
    html body #agent-page.is-shooting-plan-mode .univ-input-col .univ-input-body {
        padding: 0 10px 8px 0;
        border: 0 !important;
        border-radius: 0 !important;
        box-shadow: none;
        scrollbar-gutter: stable;
    }
    html body #agent-page.is-shooting-plan-mode .univ-input-col .univ-field {
        flex: 0 0 auto;
        margin: 0 0 24px !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        padding: 0;
    }
    html body #agent-page.is-shooting-plan-mode .univ-input-col .univ-field > label {
        display: flex;
        justify-content: space-between;
        align-items: baseline;
        gap: 8px;
        margin: 0 0 8px;
        color: #111111 !important;
        font-size: 14px;
        font-weight: 600;
        line-height: 1.75;
        letter-spacing: 0;
    }
    html body #agent-page.is-shooting-plan-mode .univ-input-col .univ-field-required {
        color: #FF5A5F !important;
        background: transparent !important;
        font-size: 12px;
        font-weight: 500;
    }
    html body #agent-page.is-shooting-plan-mode .univ-input-col textarea[data-univ-field] {
        flex: none;
        height: 168px !important;
        min-height: 168px !important;
        padding: 12px 14px;
        margin: 0 !important;
        border: 1px solid #EBEBEB !important;
        border-radius: 8px;
        background: #FFFFFF !important;
        color: #111111 !important;
        font-size: 14px;
        font-weight: 400;
        line-height: 1.75;
        box-shadow: none;
    }
    html body #agent-page.is-shooting-plan-mode .univ-input-col textarea[data-univ-field]::placeholder {
        color: #999999 !important;
        font-weight: 400;
    }
    html body #agent-page.is-shooting-plan-mode .univ-input-col textarea[data-univ-field]:focus-visible {
        outline: none;
        border-color: #FF5A5F !important;
        box-shadow: 0 0 0 3px rgba(255,90,95,0.12);
    }
    /* The two existing instruction callouts keep their full original wording. */
    html body #agent-page.is-shooting-plan-mode .univ-input-col :is(.univ-input-body,.univ-generate-block) > div:has(> p):not(.univ-field):not(.univ-upload-field) {
        padding: 12px 14px;
        margin: 0 0 20px !important;
        background: #F7F8FA !important;
        border: 1px solid #EBEBEB !important;
        border-radius: 8px;
        box-shadow: none;
    }
    html body #agent-page.is-shooting-plan-mode .univ-input-col :is(.univ-input-body,.univ-generate-block) > div:has(> p):not(.univ-field):not(.univ-upload-field) p {
        margin: 0;
        color: #999999 !important;
        font-size: 12px;
        font-weight: 400;
        line-height: 1.75;
    }
    html body #agent-page.is-shooting-plan-mode .univ-input-col :is(.univ-input-body,.univ-generate-block) > div:has(> p):not(.univ-field):not(.univ-upload-field) > i {
        color: #FF5A5F !important;
    }
    html body #agent-page.is-shooting-plan-mode .univ-input-col .univ-upload-field {
        padding-top: 24px;
        margin: 0 0 24px !important;
        border: 0 !important;
        border-top: 1px solid #EBEBEB !important;
        border-radius: 0 !important;
        background: transparent !important;
    }
    html body #agent-page.is-shooting-plan-mode .univ-input-col .univ-upload-field > label {
        display: block;
        margin: 0 0 10px;
        color: #111111 !important;
        font-size: 18px;
        font-weight: 600;
        line-height: 1.5;
        letter-spacing: 0;
    }
    html body #agent-page.is-shooting-plan-mode .univ-input-col [data-required-action="upload"] {
        min-height: 104px;
        padding: 16px;
        border: 1px dashed #D0D0D0 !important;
        border-radius: 12px;
        background: #F7F8FA !important;
        box-shadow: none;
    }
    html body #agent-page.is-shooting-plan-mode .univ-input-col [data-required-action="upload"] :is(span,i) {
        color: #555555 !important;
    }
    html body #agent-page.is-shooting-plan-mode .univ-input-col [data-required-action="upload"] .rounded-full {
        background: #FFFFFF !important;
        border: 1px solid #EBEBEB !important;
    }
    html body #agent-page.is-shooting-plan-mode .univ-input-col [data-required-action="upload"] .rounded-full i {
        color: #FF5A5F !important;
    }
    html body #agent-page.is-shooting-plan-mode .univ-input-col [data-required-action="upload"] [id^="univ-upload-tip"] {
        color: #999999 !important;
        font-size: 12px;
        font-weight: 400;
    }
    html body #agent-page.is-shooting-plan-mode .univ-input-col [data-required-action="upload"]:is(:hover,:focus-visible,.is-upload-dragover) {
        border-color: #FF5A5F !important;
        background: rgba(255,90,95,0.04) !important;
    }
    html body #agent-page.is-shooting-plan-mode .univ-input-col [data-required-action="upload"]:focus-visible {
        outline: none;
        box-shadow: 0 0 0 3px rgba(255,90,95,0.12) !important;
    }
    html body #agent-page.is-shooting-plan-mode .univ-input-col .univ-upload-limit-hint {
        color: #999999 !important;
        font-size: 12px;
        line-height: 1.75;
        margin: 8px 0 0;
    }
    html body #agent-page.is-shooting-plan-mode .univ-input-col .univ-upload-limit-hint span {
        color: #999999 !important;
    }
    html body #agent-page.is-shooting-plan-mode .univ-input-col .univ-upload-preview-shell {
        border-radius: 8px;
        border: 1px solid #EBEBEB;
        background: #F7F8FA;
    }
    html body #agent-page.is-shooting-plan-mode .univ-input-col .univ-generate-block {
        padding-top: 16px;
        border-top: 1px solid #EBEBEB;
    }
    html body #agent-page.is-shooting-plan-mode .univ-input-col #generate-btn {
        min-height: 44px;
        margin-top: 12px;
        padding: 10px 22px;
        border-radius: 8px;
        background: #FF5A5F !important;
        color: #FFFFFF !important;
        font-size: 14px;
        font-weight: 600;
        line-height: 1.75;
        letter-spacing: 0;
        box-shadow: none;
    }
    html body #agent-page.is-shooting-plan-mode .univ-input-col #generate-btn:hover:not(:disabled) {
        background: #CC3A3F !important;
    }
    html body #agent-page.is-shooting-plan-mode .univ-input-col #generate-btn i {
        color: #FFFFFF !important;
    }
    html body #agent-page.is-shooting-plan-mode .univ-input-col .required-field-input-error {
        border-color: #FF5A5F !important;
        box-shadow: 0 0 0 3px rgba(255,90,95,0.12);
    }
    html body #agent-page.is-shooting-plan-mode .univ-input-col .required-field-error-text {
        color: #CC3A3F !important;
        font-size: 12px;
        line-height: 1.75;
    }
    @container sp-workbench (min-width:981px) {
        html body #agent-page.is-shooting-plan-mode #agent-work-main > .agent-workspace-grid {
            display: grid !important;
            grid-template-columns: minmax(255px,1fr) minmax(0,3fr) !important;
            grid-template-rows: minmax(0,1fr);
            flex: 1 1 0 !important;
            min-height: 420px !important;
            max-width: none;
            gap: 16px;
        }
    }
}
@media screen and (min-width:1033px) {
    html body #agent-page.is-shooting-plan-mode #agent-work-main {
        height: calc(100dvh - 16px) !important;
    }
}
@media screen and (max-width:1032px) {
    html body #agent-page.is-shooting-plan-mode #agent-work-main {
        padding: 0 12px 20px;
        height: auto !important;
        overflow: visible !important;
    }
    html body #agent-page.is-shooting-plan-mode #agent-work-main > .agent-workspace-grid {
        display: flex !important;
        flex-direction: column;
        gap: 20px;
    }
    html body #agent-page.is-shooting-plan-mode #agent-work-main > .agent-univ-header .agent-univ-header-row {
        flex-wrap: wrap;
    }
    html body #agent-page.is-shooting-plan-mode #agent-work-main > .agent-univ-header .agent-univ-title {
        flex: 0 1 auto;
        max-width: calc(100% - 44px);
        font-size: 24px;
        white-space: normal;
    }
    html body #agent-page.is-shooting-plan-mode #agent-work-main > .agent-univ-header .agent-univ-header-desc {
        flex-basis: 100%;
        white-space: normal;
    }
}