/* AI Prompt is a field inside the existing shot metadata disclosure.
   Only container and text styles live here; button ownership stays centralized. */
.sv-prompt-inline {
    min-width: 0;
    margin-block-start: var(--space-3);
    padding-block-start: var(--space-3);
    border-top: 1px solid var(--border-subtle);
}

.sv-prompt-inline__heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: var(--space-2);
    min-width: 0;
}

.sv-prompt-inline__label {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: var(--text-secondary);
    font-size: .77rem;
    font-weight: 650;
    letter-spacing: .02em;
    white-space: nowrap;
}

.sv-prompt-inline__label svg {
    width: 15px;
    height: 15px;
    color: var(--accent-primary);
}

.sv-prompt-inline__heading .btn-prompt-inline svg {
    width: 13px;
    height: 13px;
}

.sv-prompt-inline__text {
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    max-height: min(45vh, 320px);
    overflow: auto;
    overflow-wrap: anywhere;
    white-space: pre-wrap;
    unicode-bidi: plaintext;
    margin: var(--space-2) 0 0;
    padding: var(--space-2) 0 2px;
    background: transparent;
    color: var(--text-secondary);
    font-family: inherit;
    font-size: .74rem;
    font-weight: 400;
    line-height: 1.75;
    user-select: text;
    -webkit-overflow-scrolling: touch;
}

.sv-rights-content .sv-prompt-inline__guest {
    margin-block: var(--space-2) 0;
    color: var(--text-muted);
    font-size: .73rem;
    line-height: 1.7;
}

/* shot-mobile-ux clones the metadata disclosure into this section. Hide that
   clone on desktop, and show it in the established mobile position only. */
@media (min-width: 768px) {
    .sv-page .sv-mobile-reference { display: none !important; }
}
@media (max-width: 767.98px) {
    .sv-page .sv-mobile-reference { display: block; }
    .sv-prompt-inline__text { max-height: none; overflow: visible; font-size: .74rem; }
}