/* Mobile presentation only. Existing Discover controls and requests remain the owners. */
@media (max-width: 900px) {
    #vsl-discovery-layout {
        --muted: #63636a;
        --line: #e5e5ea;
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        align-content: start;
        gap: 0;
        padding: 20px 8px calc(28px + env(safe-area-inset-bottom)) 10px !important;
        min-height: calc(100dvh - var(--header-height, 46px));
        background: #f2f2f7;
        color: #1c1c1e;
        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
        -webkit-text-size-adjust: 100%;
    }
    #vsl-discovery-layout .discover-workspace,
    #vsl-discovery-layout .discover-input-column,
    #vsl-discovery-layout #vsl-discover {
        display: contents !important;
    }
    #vsl-discovery-layout .intro {
        grid-row: 1;
        position: relative;
        isolation: isolate;
        min-width: 0;
        padding: 20px 18px;
        margin: 0 0 18px;
        border-radius: 16px;
        background: #fff;
        color: #1c1c1e;
    }
    #vsl-discovery-layout .intro .discovery-label {
        display: flex;
        align-items: center;
        gap: 9px;
        max-width: none;
        min-height: 20px;
        padding: 0;
        border-radius: 0;
        font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
        font-size: 12px;
        font-weight: 600;
        line-height: 1.5;
        letter-spacing: .35px;
        text-transform: none;
        color: #4a174b;
    }
    #vsl-discovery-layout .intro .discovery-symbol {
        position: static;
        display: grid;
        place-items: center;
        width: 28px;
        height: 28px;
        border-radius: 8px;
        background: #fff1bf;
        color: #4a174b;
        transform: none;
    }
    #vsl-discovery-layout .intro .discovery-symbol svg {
        width: 18px;
        height: 18px;
        stroke-width: 1.8;
    }
    #vsl-discovery-layout .intro #discovery-title {
        max-width: 300px;
        margin: 14px 0 10px;
        font-family: 'Stack Sans Headline', 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
        font-size: 30px !important;
        font-weight: 500;
        line-height: 1.12;
        letter-spacing: -.65px;
        text-wrap: balance;
        color: #4a174b;
    }
    #vsl-discovery-layout .intro p {
        font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
        max-width: 300px;
        margin: 0;
        font-size: 15px;
        line-height: 1.5;
        color: #706477;
    }
    #vsl-discovery-layout .intro::after {
        content: '';
        display: block;
        width: 38px;
        height: 3px;
        margin-top: 16px;
        border-radius: 2px;
        background: #FBC848;
    }
    /* Reuse the existing Photo/Voice buttons, without a second control system. */
    #vsl-discovery-layout .discovery-mode-dock {
        grid-row: 2;
        position: static;
        display: flex;
        width: 100%;
        gap: 2px;
        margin: 0 0 16px;
        padding: 3px;
        border-radius: 12px;
        background: #e5e5ea;
        box-shadow: none;
        z-index: auto;
    }
    #vsl-discovery-layout .discovery-mode-dock button {
        min-height: 44px;
        gap: 7px;
        padding: 10px 14px;
        border-radius: 9px;
        font-size: 15px;
        font-weight: 500;
        color: #63636a;
    }
    #vsl-discovery-layout .discovery-mode-dock button[aria-pressed=true] {
        color: #1c1c1e;
        background: #fff;
        box-shadow: 0 1px 3px #00000012;
    }
    #vsl-discovery-layout .discovery-mode-dock svg { width: 19px; height: 19px; }
    #vsl-discovery-layout .searchbox {
        grid-row: 3;
        padding: 16px;
        border: 0;
        border-radius: 20px;
        background: #fff;
        box-shadow: none;
    }
    #vsl-discovery-layout .image-stage {
        border: 0;
        border-radius: 14px;
        background: #f2f2f7;
    }
    #vsl-discovery-layout .image-stage.dragging { background: #fff4cf; }
    #vsl-discovery-layout .image-drop {
        min-height: 170px;
        padding: 18px 12px;
        gap: 7px;
        color: #1c1c1e;
    }
    #vsl-discovery-layout .upload-visual {
        width: 40px;
        height: 40px;
        margin: 0 0 4px;
        border-radius: 0;
        background: transparent;
        color: #4a174b;
        transform: none;
    }
    #vsl-discovery-layout .upload-visual svg { width: 36px; height: 36px; }
    #vsl-discovery-layout .image-drop strong { font-size: 17px; font-weight: 500; }
    #vsl-discovery-layout .image-drop > span:not(.upload-visual) { font-size: 13px; color: #63636a; }
    #vsl-discovery-layout .image-drop small { margin-top: 2px; font-size: 12px; color: #63636a; }
    #vsl-discovery-layout #photo-surface { height: 240px; border-radius: 14px; }
    #vsl-discovery-layout .photo-caption { background: #f2f2f7; color: #63636a; font-size: 13px; }
    #vsl-discovery-layout .photo-caption button { min-height: 44px; font-size: 13px; color: #4a174b; }
    #vsl-discovery-layout .supporting-input { padding: 20px 0 0; border: 0; }
    #vsl-discovery-layout .supporting-input label {
        margin: 0 0 9px;
        color: #1c1c1e;
        font-size: 14px;
        font-weight: 500;
    }
    #vsl-discovery-layout .supporting-input label span { color: #63636a; font-size: 12px; }
    #vsl-discovery-layout .supporting-input textarea {
        min-height: 88px;
        padding: 13px;
        border-radius: 12px;
        background: #f2f2f7;
        color: #1c1c1e;
        font-size: 16px;
    }
    #vsl-discovery-layout textarea::placeholder { color: #707078; opacity: 1; }
    #vsl-discovery-layout .tools { padding-top: 18px; }
    #vsl-discovery-layout .submit {
        min-height: 50px;
        justify-content: center;
        gap: 9px;
        padding: 13px 16px;
        border-radius: 13px;
        font-size: 16px;
        font-weight: 500;
        background: #4a174b;
    }
    #vsl-discovery-layout .submit svg {
        width: 19px;
        height: 19px;
        padding: 0;
        border-radius: 0;
        background: transparent;
        color: #fff;
    }
    #vsl-discovery-layout .voice-panel { padding: 16px 0; margin: 0; border-radius: 0; }
    #vsl-discovery-layout .voice-intro > span {
        width: 52px;
        height: 52px;
        margin-bottom: 14px;
        border-radius: 15px;
        background: #f2f2f7;
    }
    #vsl-discovery-layout .voice-intro h2 { font-size: 21px; color: #1c1c1e; }
    #vsl-discovery-layout .voice-intro p { font-size: 14px; color: #63636a; }
    #vsl-discovery-layout .voice-panel .tool,
    #vsl-discovery-layout .voice-panel .audio-upload { font-size: 14px; background: #f2f2f7; }
    #vsl-discovery-layout .voice-panel .tool.recording { color: #b52c4d; background: #fff0f4; }
    #vsl-discovery-layout #status { grid-row: 4; font-size: 14px; color: #4a174b; }
    #vsl-discovery-layout .discover-welcome { display: none; }
    #vsl-discovery-layout .discover-results { grid-row: 5; min-width: 0; }
    #vsl-discovery-layout.results-open #results-section { padding-top: 24px; background: transparent; }
    #vsl-discovery-layout #count { color: #63636a; font-size: 13px; }
    #vsl-discovery-layout #close-results { min-height: 44px; border: 0; font-size: 14px; }
    #vsl-discovery-layout #understanding { color: #1c1c1e; font-size: 22px; }
    #vsl-discovery-layout .eyebrow { color: #63636a; letter-spacing: .5px; }
    #vsl-discovery-layout .discovery-product,
    #vsl-discovery-layout .discovery-product-link { border-radius: 14px; background: #fff; box-shadow: none; }
    #vsl-discovery-layout .discovery-product-media { height: auto; aspect-ratio: 3 / 4; }
    #vsl-discovery-layout .discovery-product-footer {
        position: static;
        min-height: 58px;
        padding: 10px 8px 5px;
        background: #fff;
        backdrop-filter: none;
    }
    #vsl-discovery-layout .discovery-product-price { font-size: 13px; color: #1c1c1e; }
    #vsl-discovery-layout .discovery-product-title {
        position: static;
        height: auto;
        min-height: 34px;
        padding: 6px 8px 10px;
        background: #fff;
        backdrop-filter: none;
        color: #48484e;
        font-size: 12px;
        line-height: 18px;
    }
    #vsl-discovery-layout .discovery-product-location { font-size: 11px; color: #63636a; }
    #vsl-discovery-layout .discovery-metric { background: #f2f2f7; font-size: 10px; }
    #vsl-discovery-layout .discovery-product-open { top: 10px; right: 10px; bottom: auto; left: auto; width: 44px; height: 44px; }
    #vsl-discovery-layout .clarification-area { background: #fff; }
}