:root{--bg:#020617;--p:rgba(255,255,255,.045);--p2:rgba(255,255,255,.06);--b:rgba(255,255,255,.1);--t:#fff;--m:#94a3b8;--m2:#64748b;--blue:#3b82f6;--red:#fca5a5}*{box-sizing:border-box}html,body{max-width:100%;overflow-x:hidden}body{margin:0;min-height:100vh;background:var(--bg);color:var(--t);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.page-bg{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none}.page-bg:before,.page-bg:after{content:"";position:absolute;border-radius:999px;filter:blur(70px)}.page-bg:before{width:380px;height:380px;top:-140px;left:50%;transform:translateX(-50%);background:rgba(59,130,246,.2)}.page-bg:after{width:390px;height:390px;right:-120px;bottom:70px;background:rgba(139,92,246,.1)}
.mobile-shell{width:min(100% - 32px,448px);min-height:100vh;margin:auto;padding:20px 0 112px}.mobile-header{margin-bottom:20px}.mobile-brand,.kicker{color:#93c5fd;font-size:12px;font-weight:950;letter-spacing:.22em;text-transform:uppercase}.mobile-title,.page-title{margin:4px 0 0;font-size:30px;line-height:1.1;letter-spacing:-.055em;font-weight:950}.stack{display:grid;gap:16px}.card,.box{border:1px solid var(--b);border-radius:28px;background:var(--p);box-shadow:0 16px 34px rgba(0,0,0,.14);backdrop-filter:blur(18px)}.section-title{font-size:16px;font-weight:950;color:#e2e8f0}.badge{position:absolute;left:8px;top:8px;border-radius:999px;background:rgba(2,6,23,.75);padding:4px 8px;font-size:10px;font-weight:950}.favorite-card{overflow:hidden}.favorite-inner{display:flex;gap:12px;padding:12px}.favorite-image{position:relative;width:112px;height:112px;flex:0 0 auto;overflow:hidden;border-radius:24px;background:#0f172a}.favorite-image img,.fav-img img{width:100%;height:100%;object-fit:cover}.favorite-content{min-width:0;flex:1;padding:4px 0}.favorite-title{display:-webkit-box;min-height:40px;overflow:hidden;margin:0;font-size:16px;line-height:1.25;font-weight:950;-webkit-line-clamp:2;-webkit-box-orient:vertical}.favorite-price{margin-top:8px;font-size:20px;font-weight:950;letter-spacing:-.04em}.favorite-meta{margin-top:4px;color:var(--m2);font-size:12px;font-weight:700}
.form-section{display:grid;gap:12px;border:1px solid var(--b);border-radius:28px;background:var(--p2);padding:16px}.upload,.upload-button{height:112px;display:flex;align-items:center;justify-content:center;border:1px dashed rgba(255,255,255,.2);border-radius:24px;background:rgba(15,23,42,.7);color:var(--m);font-size:14px;font-weight:950}.choice-row{display:flex;width:100%;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--b);border-radius:18px;background:rgba(15,23,42,.82);color:#fff;padding:16px;text-align:left}.choice-label{display:block;color:#e2e8f0;font-size:14px;font-weight:950}.choice-value{display:block;margin-top:4px;color:var(--m2);font-size:14px;font-weight:700}.chevron{color:var(--m2);font-size:26px}.field,.mobile-field,.textarea-field{display:block}.field span,.mobile-field span,.textarea-field span{display:block;margin-bottom:8px;color:#e2e8f0;font-size:14px;font-weight:950}.field input,.mobile-field input,.textarea-field textarea{width:100%;border:1px solid var(--b);border-radius:18px;background:rgba(15,23,42,.82);color:#fff;outline:0;padding:14px 16px;font-size:14px;font-weight:700}.textarea-field textarea{min-height:128px;resize:none}.map-card{overflow:hidden;border:1px solid var(--b);border-radius:24px;background:rgba(15,23,42,.82)}.fake-map{height:112px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1e293b,#0f172a,#172554);color:var(--m2);text-align:center}.map-pin{width:40px;height:40px;margin:auto;display:flex;align-items:center;justify-content:center;border-radius:16px;background:rgba(59,130,246,.15);color:#93c5fd}.map-caption{margin-top:8px;font-size:12px;font-weight:800}.map-info{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px}.map-place-main{overflow:hidden;color:#e2e8f0;font-size:14px;font-weight:950;text-overflow:ellipsis;white-space:nowrap}.map-place-sub{margin-top:4px;color:var(--m2);font-size:12px;font-weight:700}.change-button{border:0;border-radius:16px;background:rgba(255,255,255,.06);color:#93c5fd;padding:9px 12px;font-size:12px;font-weight:950}.action-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.secondary-button,.primary-button{border:0;border-radius:18px;padding:16px 18px;font-size:16px;font-weight:950}.secondary-button{border:1px solid var(--b);background:rgba(255,255,255,.05);color:#e2e8f0}.primary-button{background:var(--blue);color:#fff}
.chips-row{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px}.chip{flex:0 0 auto;border:1px solid var(--b);border-radius:999px;background:rgba(255,255,255,.04);color:#cbd5e1;padding:8px 16px;font-size:14px;font-weight:950}.chip.active{border-color:transparent;background:var(--blue);color:#fff}.chat-card{min-height:78px;display:flex;border-radius:24px;padding:12px}.chat-inner{display:flex;width:100%;gap:12px}.chat-avatar{position:relative;display:flex;width:44px;height:44px;flex:0 0 auto;align-items:center;justify-content:center;border-radius:18px;background:#fff;color:#0f172a;font-size:16px;font-weight:950}.unread-dot{position:absolute;top:-4px;right:-4px;width:16px;height:16px;border:2px solid #020617;border-radius:999px;background:var(--blue)}.chat-body{min-width:0;flex:1}.chat-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.chat-top>div{min-width:0;flex:1}.chat-name{overflow:hidden;margin:0;font-size:14px;font-weight:950;text-overflow:ellipsis;white-space:nowrap}.chat-product{overflow:hidden;margin-top:1px;color:#93c5fd;font-size:11px;font-weight:900;text-overflow:ellipsis;white-space:nowrap}.chat-meta{display:flex;flex:0 0 auto;align-items:center;gap:6px}.unread-count{display:flex;min-width:20px;height:20px;align-items:center;justify-content:center;border-radius:999px;background:var(--blue);padding:0 6px;font-size:10px;font-weight:950}.chat-time{color:var(--m2);font-size:11px;font-weight:800}.chat-message{overflow:hidden;margin:4px 0 0;color:var(--m);font-size:12px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}
.profile-card{padding:20px}.profile-head{display:flex;align-items:center;gap:16px}.profile-avatar,.sidebar-avatar{display:flex;align-items:center;justify-content:center;background:#fff;color:#0f172a;font-weight:950}.profile-avatar{width:64px;height:64px;border-radius:24px;font-size:24px}.profile-info{min-width:0;flex:1}.profile-name{overflow:hidden;margin:0;font-size:20px;font-weight:950;text-overflow:ellipsis;white-space:nowrap}.profile-verified{display:flex;align-items:center;gap:8px;margin-top:4px;color:var(--m);font-size:14px}.profile-verified span{color:#6ee7b7}.edit-button{border:1px solid var(--b);border-radius:16px;background:transparent;color:#cbd5e1;padding:9px 12px;font-size:12px;font-weight:950}.profile-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:20px}.profile-stat{border:1px solid var(--b);border-radius:18px;background:rgba(15,23,42,.7);padding:12px;text-align:center}.profile-stat-value{font-size:20px;font-weight:950}.profile-stat-label{margin-top:4px;color:var(--m2);font-size:12px;font-weight:800}.my-listings-card{padding:16px}.my-listings-head{margin-bottom:12px;font-size:16px;font-weight:950}.my-listings-list{display:grid;gap:8px}.my-listing,.listing-card{border:1px solid var(--b);border-radius:18px;background:rgba(15,23,42,.6);padding:12px}.my-listing-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.my-listing-title{font-size:14px;font-weight:950}.my-listing-price{margin-top:4px;color:#cbd5e1;font-size:14px;font-weight:950}.my-listing-stats{display:flex;align-items:center;gap:12px;margin-top:8px;color:var(--m2);font-size:12px;font-weight:800}.my-listing-stat{display:inline-flex;align-items:center;gap:4px}.my-listing-stat svg{width:14px;height:14px}.status-badge{border-radius:999px;background:rgba(59,130,246,.15);color:#93c5fd;padding:5px 10px;font-size:12px;font-weight:950}.profile-menu{display:grid;gap:8px}.profile-menu-item{display:flex;width:100%;align-items:center;justify-content:space-between;border:1px solid var(--b);border-radius:18px;background:var(--p);color:#e2e8f0;padding:16px;font-weight:950}.profile-menu-item.danger{color:var(--red)}.profile-menu-left{display:flex;align-items:center;gap:12px}.profile-menu-icon{display:flex;width:40px;height:40px;align-items:center;justify-content:center;border-radius:16px;background:rgba(15,23,42,.8)}.profile-menu-icon svg{width:20px;height:20px}.profile-menu-chevron{color:#475569;font-size:22px}
.bottom-nav{position:fixed;right:0;bottom:0;left:0;z-index:50;border-top:1px solid var(--b);background:rgba(2,6,23,.92);padding:8px 16px;backdrop-filter:blur(20px)}.bottom-nav-inner{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;width:min(100%,448px);margin:auto;color:var(--m);font-size:10px}.bottom-link,.bottom-add{display:flex;align-items:center;color:inherit;text-decoration:none}.bottom-link{flex-direction:column;justify-content:center;gap:4px;border-radius:16px;padding:8px 4px}.bottom-link svg{width:20px;height:20px}.bottom-link.active{color:#93c5fd}.bottom-link.inactive{color:var(--m2)}.bottom-add{flex-direction:column;justify-content:center;transform:translateY(-20px)}.bottom-add-icon{display:flex;width:56px;height:56px;align-items:center;justify-content:center;border-radius:18px;background:var(--blue);color:#fff;box-shadow:0 16px 34px rgba(59,130,246,.3)}.bottom-add svg{width:28px;height:28px}
.desktop-shell{display:none}.desktop-header{position:sticky;top:0;z-index:40;border-bottom:1px solid var(--b);background:rgba(2,6,23,.82);backdrop-filter:blur(20px)}.desktop-header-inner{width:min(100% - 48px,1280px);margin:auto;display:flex;align-items:center;justify-content:space-between;padding:12px 0}.desktop-brand{display:flex;align-items:center;gap:12px;color:#fff}.desktop-brand-logo{display:flex;width:44px;height:44px;align-items:center;justify-content:center;border-radius:18px;background:#fff;color:#0f172a;font-size:20px;font-weight:950}.desktop-brand-name{display:block;font-size:18px;font-weight:950;letter-spacing:-.025em}.desktop-brand-caption{display:block;margin-top:2px;color:var(--m);font-size:12px}.logout-button{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--b);border-radius:18px;background:rgba(255,255,255,.04);color:#cbd5e1;padding:10px 16px;font-size:14px;font-weight:950}.logout-button:hover{background:rgba(248,113,113,.1);color:var(--red)}.logout-button svg{width:18px;height:18px}.desktop-main{width:min(100% - 48px,1280px);margin:auto;display:grid;grid-template-columns:280px 1fr;gap:24px;padding:24px 0}.desktop-sidebar{position:sticky;top:84px;height:calc(100vh - 108px);border:1px solid var(--b);border-radius:32px;background:var(--p);padding:16px;backdrop-filter:blur(20px)}.sidebar-profile{border:1px solid var(--b);border-radius:24px;background:rgba(15,23,42,.7);padding:16px;margin-bottom:20px}.sidebar-profile-inner{display:flex;align-items:center;gap:12px}.sidebar-avatar{width:48px;height:48px;border-radius:18px;font-size:18px}.sidebar-name{overflow:hidden;font-size:14px;font-weight:950;text-overflow:ellipsis;white-space:nowrap}.sidebar-verified{margin-top:4px;color:#6ee7b7;font-size:12px;font-weight:850}.sidebar-nav{display:grid;gap:8px}.sidebar-nav-link{display:flex;align-items:center;gap:12px;border-radius:18px;color:var(--m);padding:12px 16px;font-size:14px;font-weight:950}.sidebar-nav-link:hover{background:rgba(255,255,255,.06);color:#fff}.sidebar-nav-link.active{background:var(--blue);color:#fff;box-shadow:0 14px 34px rgba(59,130,246,.2)}.sidebar-nav-link svg{width:20px;height:20px}.desktop-page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:24px}.page-title{font-size:40px}.count-pill{border:1px solid var(--b);border-radius:18px;background:rgba(255,255,255,.04);color:#cbd5e1;padding:12px 16px;font-size:14px;font-weight:950}.fav-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.fav-card{overflow:hidden;border:1px solid var(--b);border-radius:32px;background:var(--p);box-shadow:0 16px 34px rgba(0,0,0,.14)}.fav-img{position:relative;aspect-ratio:4/3;overflow:hidden;background:#0f172a}.desktop-heart{position:absolute;top:12px;right:12px;display:flex;width:40px;height:40px;align-items:center;justify-content:center;border:0;border-radius:999px;background:rgba(248,113,113,.9);color:#fff}.desktop-heart svg{width:20px;height:20px}.fav-body{padding:16px}.fav-title{display:-webkit-box;min-height:48px;overflow:hidden;margin:0;font-size:16px;line-height:1.5;font-weight:950;-webkit-line-clamp:2;-webkit-box-orient:vertical}.fav-price{margin-top:12px;font-size:24px;font-weight:950}.fav-meta{margin-top:4px;color:var(--m2);font-size:14px;font-weight:700}.fav-seller{margin-top:16px;border-top:1px solid var(--b);padding-top:16px;color:#cbd5e1;font-size:14px;font-weight:800}.desktop-form{width:min(100%,900px);margin:auto;display:grid;gap:16px}.desktop-form-card{border:1px solid var(--b);border-radius:32px;background:var(--p2);padding:20px}.desktop-upload-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.desktop-upload{height:176px}.desktop-textarea{min-height:220px}.desktop-chat-layout{height:720px;display:grid;grid-template-columns:360px 1fr;overflow:hidden;border:1px solid var(--b);border-radius:32px;background:var(--p)}.desktop-chat-list{border-right:1px solid var(--b);background:rgba(2,6,23,.35);padding:16px}.desktop-chat-item{display:flex;width:100%;gap:12px;border:0;border-radius:18px;background:rgba(255,255,255,.035);color:#fff;padding:12px;text-align:left}.desktop-chat-item+*{margin-top:8px}.desktop-chat-item.active{background:rgba(59,130,246,.15);box-shadow:inset 0 0 0 1px rgba(96,165,250,.4)}.desktop-chat-window{min-width:0;display:flex;flex-direction:column}.desktop-chat-head{border-bottom:1px solid var(--b);padding:20px}.chat-product-link{border:0;background:transparent;color:#93c5fd;padding:0;margin-top:4px;font-size:12px;font-weight:900}.desktop-chat-messages{flex:1;overflow:auto;padding:20px}.message-row{display:flex;margin-bottom:16px}.message-row.mine{justify-content:flex-end}.message-bubble{max-width:70%;border-radius:22px;background:rgba(15,23,42,.82);color:#e2e8f0;padding:12px 16px;font-size:14px;line-height:1.65}.message-row.mine .message-bubble{background:var(--blue);color:#fff}.desktop-chat-input-wrap{border-top:1px solid var(--b);padding:16px}.desktop-chat-input-row{display:flex;align-items:center;gap:12px}.desktop-chat-input{flex:1;border:1px solid var(--b);border-radius:18px;background:rgba(15,23,42,.82);padding:12px 16px}.desktop-chat-input input{width:100%;border:0;background:transparent;color:#fff;outline:0;font-size:14px;font-weight:700}.send-button{border:0;border-radius:18px;background:var(--blue);color:#fff;padding:12px 20px;font-size:14px;font-weight:950}.desktop-profile{width:min(100%,1040px);margin:auto;display:grid;gap:24px}.desktop-profile-menu{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.listing-card{border-radius:24px;padding:16px}
@media(min-width:1024px){.mobile-shell,.bottom-nav{display:none}.desktop-shell{display:block}}@media(max-width:1023px){.desktop-shell{display:none}}@media(max-width:767px){.mobile-shell{width:min(100% - 24px,448px)}}

.logout-form,.profile-menu-form{margin:0}.profile-phone{margin-top:6px;color:#cbd5e1;font-size:14px;font-weight:800}.profile-verified.unverified,.sidebar-verified.is-unverified{color:#fda4af}.profile-verified.unverified span{color:#fda4af}.sidebar-phone{margin-top:3px;color:var(--m2);font-size:12px;font-weight:800}

.primary-button,.secondary-button{display:inline-flex;align-items:center;justify-content:center;text-align:center}.mobile-field select,.textarea-field textarea,.mobile-field input{appearance:none;-webkit-appearance:none}.mobile-field select{width:100%;border:1px solid var(--b);border-radius:18px;background:rgba(15,23,42,.82);color:#fff;outline:0;padding:14px 16px;font-size:14px;font-weight:700}.mobile-field input.is-invalid,.mobile-field select.is-invalid,.textarea-field textarea.is-invalid{border-color:rgba(248,113,113,.45)}.field-error{display:block;color:#fda4af;font-size:12px;font-weight:800;line-height:1.5;margin-top:6px}.field-error.is-hidden{display:none}.form-alert,.page-alert{border:1px solid var(--b);border-radius:24px;padding:16px 18px;font-size:14px;line-height:1.6}.form-alert{background:rgba(248,113,113,.12);border-color:rgba(248,113,113,.25);color:#fecaca}.form-alert-title{font-size:15px;font-weight:950}.form-alert-list{margin:10px 0 0;padding-left:18px}.page-alert-success{background:rgba(59,130,246,.15);border-color:rgba(96,165,250,.28);color:#bfdbfe}.form-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.section-subtitle,.media-inline-note{color:var(--m);font-size:13px;line-height:1.6}.upload-grid{display:grid;gap:12px}.media-picker{display:grid;gap:6px;justify-items:center;padding:18px;text-align:center}.media-picker span{color:#e2e8f0;font-weight:950}.media-picker small{color:var(--m2);font-size:12px;font-weight:800}.hidden-file-input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap}.media-preview-list{display:grid;gap:8px}.media-preview-item{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--b);border-radius:16px;background:rgba(255,255,255,.04);padding:12px 14px;color:#e2e8f0;font-size:13px;font-weight:800}.media-preview-item small{color:var(--m2);font-size:12px;font-weight:800}.form-grid{display:grid;gap:12px}.price-field.is-hidden{display:none}.listing-entry{display:flex;gap:12px;align-items:flex-start}.listing-entry-body{min-width:0;flex:1}.listing-thumb{width:88px;height:88px;flex:0 0 auto;overflow:hidden;border-radius:20px;background:#0f172a}.listing-thumb img{width:100%;height:100%;object-fit:cover}.listing-thumb-placeholder{display:flex;align-items:center;justify-content:center;color:#fff;font-size:22px;font-weight:950;background:linear-gradient(135deg,#1d4ed8,#0f172a)}.my-listing-meta{margin-top:6px;color:var(--m2);font-size:12px;font-weight:800}.status-badge.status-badge-active{background:rgba(52,211,153,.16);color:#86efac}.status-badge.status-badge-pending{background:rgba(59,130,246,.16);color:#93c5fd}.status-badge.status-badge-rejected{background:rgba(248,113,113,.16);color:#fecaca}.status-badge.status-badge-sold{background:rgba(250,204,21,.16);color:#fde68a}.status-badge.status-badge-draft{background:rgba(148,163,184,.16);color:#cbd5e1}.empty-state{display:grid;gap:12px;border:1px dashed rgba(255,255,255,.14);border-radius:22px;background:rgba(255,255,255,.02);padding:20px;text-align:center}.empty-state-title{font-size:18px;font-weight:950}.empty-state-text{color:var(--m);font-size:14px;line-height:1.6}.empty-state-action{width:100%}.profile-listings-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.profile-add-button{padding:10px 16px;font-size:14px}.desktop-form .form-section{padding:20px}.desktop-form .action-grid{margin-top:4px}

/* Mobile chats overflow fix */
@media (max-width: 1023px) {
    .mobile-shell {
        overflow-x: hidden;
    }

    .chat-card,
    .chat-inner,
    .chat-body,
    .chat-top {
        max-width: 100%;
        min-width: 0;
    }

    .chat-card {
        width: 100%;
        overflow: hidden;
    }

    .chat-inner {
        align-items: flex-start;
    }

    .chat-avatar {
        flex: 0 0 44px;
    }

    .chat-body {
        flex: 1 1 auto;
        overflow: hidden;
    }

    .chat-top {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: start;
        gap: 8px;
    }

    .chat-top > div:first-child {
        min-width: 0;
        overflow: hidden;
    }

    .chat-name,
    .chat-product,
    .chat-message {
        display: block;
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .chat-meta {
        flex: 0 0 auto;
        max-width: 88px;
        justify-content: flex-end;
        overflow: hidden;
    }

    .chat-time {
        max-width: 58px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .unread-count {
        flex: 0 0 auto;
    }

    .chips-row {
        max-width: 100%;
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
    }

    .listing-entry {
        align-items: stretch;
    }
}

@media (max-width: 380px) {
    .chat-card {
        padding: 10px;
        border-radius: 20px;
    }

    .chat-inner {
        gap: 10px;
    }

    .chat-avatar {
        width: 40px;
        height: 40px;
        flex-basis: 40px;
        border-radius: 16px;
    }

    .chat-meta {
        max-width: 76px;
        gap: 4px;
    }

    .chat-time {
        max-width: 48px;
        font-size: 10px;
    }

    .chat-name {
        font-size: 13px;
    }

    .chat-message {
        font-size: 11px;
    }
}

@media (min-width: 720px) {
    .form-grid-2,
    .upload-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

.listing-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.listing-action-form{margin:0}.listing-action-button{min-height:42px;padding:10px 14px;font-size:13px;border-radius:14px}.listing-action-disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.listing-title-desktop{font-size:16px}

.media-upload-grid{align-items:stretch}.media-limit-note{display:flex;align-items:center;justify-content:center;min-height:112px;border:1px dashed rgba(255,255,255,.16);border-radius:24px;background:rgba(255,255,255,.03);color:var(--m);padding:16px;text-align:center;font-size:13px;line-height:1.6}.media-preview-grid{display:grid;gap:12px}.media-preview-card{overflow:hidden;border:1px solid var(--b);border-radius:18px;background:rgba(255,255,255,.04)}.media-preview-visual,.listing-media-manage-preview{position:relative;aspect-ratio:4/3;background:#0f172a;overflow:hidden}.media-preview-visual-element,.listing-media-manage-visual,.listing-thumb video,.listing-thumb img{width:100%;height:100%;object-fit:cover;display:block}.media-preview-meta,.listing-media-manage-meta{display:grid;gap:4px;padding:12px 14px}.media-preview-meta span,.listing-media-manage-title{color:#e2e8f0;font-size:13px;font-weight:900}.media-preview-meta small,.listing-media-manage-caption{color:var(--m2);font-size:12px;font-weight:800;line-height:1.5}.media-preview-badge,.listing-media-chip{position:absolute;left:10px;top:10px;border-radius:999px;background:rgba(2,6,23,.78);color:#fff;padding:6px 10px;font-size:11px;font-weight:900;z-index:1}.media-preview-remove{position:absolute;right:10px;top:10px;z-index:2;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(2,6,23,.78);color:#fff;padding:6px 10px;font-size:11px;font-weight:900}.listing-thumb-media{position:relative;overflow:hidden}.listing-media-gallery{display:grid;gap:12px}.listing-media-stage{position:relative;min-height:280px;border:1px solid var(--b);border-radius:24px;background:rgba(15,23,42,.82);overflow:hidden}.listing-media-stage-item{display:none;height:100%}.listing-media-stage-item.is-active{display:block}.listing-media-stage-media{width:100%;height:100%;min-height:280px;display:block;object-fit:contain;background:#0f172a}.listing-media-thumbs{display:grid;grid-template-columns:repeat(auto-fit,minmax(84px,1fr));gap:10px}.listing-media-thumb{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:rgba(255,255,255,.03);padding:0}.listing-media-thumb.is-active{border-color:rgba(96,165,250,.7);box-shadow:0 0 0 1px rgba(96,165,250,.3)}.listing-media-thumb-media{width:100%;aspect-ratio:1/1;object-fit:cover;display:block;background:#0f172a}.listing-media-placeholder{min-height:220px;display:flex;align-items:center;justify-content:center;border:1px dashed rgba(255,255,255,.16);border-radius:24px;background:rgba(255,255,255,.03);color:var(--m);padding:20px;text-align:center;line-height:1.6}.listing-media-manage-grid{display:grid;gap:12px}.listing-media-manage-card{overflow:hidden;border:1px solid var(--b);border-radius:20px;background:rgba(255,255,255,.04)}.listing-media-delete-form{padding:0 14px 14px}.listing-media-delete-button{width:100%}

@media (min-width: 720px) {
    .media-preview-grid,
    .listing-media-manage-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

.media-uploader{display:grid;gap:16px}.media-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.media-grid-uploader{align-items:stretch}.media-grid-preview{margin-top:4px}.media-grid-existing{align-items:start}.media-tile{position:relative;overflow:hidden;border:1px solid var(--b);border-radius:20px;background:rgba(255,255,255,.045);box-shadow:0 16px 36px rgba(2,6,23,.16)}.media-tile-main{border-color:rgba(34,197,94,.52);box-shadow:0 18px 44px rgba(34,197,94,.12)}.media-tile-visual{position:relative;aspect-ratio:1/1;background:linear-gradient(145deg,#0f172a,#111827);overflow:hidden}.media-tile-media{width:100%;height:100%;display:block;object-fit:cover}.media-tile-empty{min-height:142px;border:1px dashed rgba(255,255,255,.22);border-radius:20px;background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.025));color:#e2e8f0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:16px;text-align:center;font-size:13px;font-weight:900;line-height:1.45}.media-tile-empty small{color:var(--m2);font-size:11px;font-weight:800}.media-tile-add{cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease}.media-tile-add:hover{transform:translateY(-2px);border-color:rgba(96,165,250,.48);background:rgba(96,165,250,.08)}.media-tile-icon{width:38px;height:38px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;background:rgba(96,165,250,.14);color:#bfdbfe;font-size:20px;font-weight:1000}.media-tile-note{color:var(--m);font-weight:800}.media-tile-slot{opacity:.58}.media-tile-empty-wide{min-height:150px}.media-badge{position:absolute;left:10px;top:10px;z-index:2;border-radius:999px;background:rgba(2,6,23,.76);color:#fff;padding:6px 10px;font-size:11px;font-weight:1000;letter-spacing:.01em;backdrop-filter:blur(8px)}.media-badge-video{background:rgba(14,116,144,.86)}.media-badge-primary{left:auto;right:10px;background:rgba(22,163,74,.88)}.media-preview-remove{position:absolute;right:10px;bottom:10px;z-index:3;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:rgba(2,6,23,.78);color:#fff;padding:7px 11px;font-size:11px;font-weight:1000;cursor:pointer}.media-preview-meta{display:grid;gap:4px;padding:11px 12px}.media-preview-meta span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#e2e8f0;font-size:12px;font-weight:1000}.media-preview-meta small{color:var(--m2);font-size:11px;font-weight:800}.media-actions{display:grid;grid-template-columns:1fr;gap:8px;padding:10px}.media-actions form{margin:0}.media-action-button{width:100%;border:1px solid rgba(255,255,255,.12);border-radius:13px;background:rgba(255,255,255,.07);color:#e2e8f0;min-height:38px;padding:8px 10px;font-size:12px;font-weight:1000;cursor:pointer}.media-action-button:hover{border-color:rgba(96,165,250,.35);background:rgba(96,165,250,.12)}.media-action-danger{color:#fecaca;background:rgba(239,68,68,.11);border-color:rgba(239,68,68,.24)}.media-action-note{display:flex;align-items:center;justify-content:center;min-height:38px;border-radius:13px;background:rgba(255,255,255,.035);color:var(--m2);font-size:11px;font-weight:900;text-align:center;padding:8px}.listing-gallery{display:grid;gap:14px}.listing-gallery-main{position:relative;min-height:300px;border:1px solid var(--b);border-radius:26px;background:radial-gradient(circle at 20% 0%,rgba(96,165,250,.12),transparent 34%),#0f172a;overflow:hidden}.listing-gallery-item{display:none;height:100%;min-height:300px}.listing-gallery-item.is-active{display:flex;align-items:center;justify-content:center}.listing-gallery-media{width:100%;height:100%;min-height:300px;display:block;object-fit:contain;background:#0f172a}.listing-gallery-arrow{position:absolute;top:50%;z-index:4;transform:translateY(-50%);width:42px;height:42px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(2,6,23,.72);color:#fff;font-size:28px;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;backdrop-filter:blur(10px)}.listing-gallery-arrow-prev{left:12px}.listing-gallery-arrow-next{right:12px}.listing-gallery-arrow:hover{background:rgba(15,23,42,.92);border-color:rgba(255,255,255,.32)}.listing-gallery-thumbs{display:grid;grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:10px}.listing-gallery-thumb{position:relative;overflow:hidden;border:2px solid transparent;border-radius:17px;background:#0f172a;padding:0;cursor:pointer;aspect-ratio:1/1}.listing-gallery-thumb-active,.listing-gallery-thumb.is-active{border-color:#60a5fa;box-shadow:0 0 0 3px rgba(96,165,250,.18)}.listing-gallery-thumb-media{width:100%;height:100%;object-fit:cover;display:block}.listing-media-placeholder{min-height:240px;display:flex;align-items:center;justify-content:center;border:1px dashed rgba(255,255,255,.18);border-radius:26px;background:rgba(255,255,255,.035);color:var(--m);padding:22px;text-align:center;line-height:1.55}

@media (min-width:720px){.media-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.media-tile-main{grid-column:span 2;grid-row:span 2}.media-tile-main .media-tile-visual{aspect-ratio:1/1}.media-actions{grid-template-columns:1fr 1fr}.media-actions form:last-child{grid-column:1/-1}.listing-gallery-main{min-height:520px}.listing-gallery-item,.listing-gallery-media{min-height:520px}.listing-gallery-thumbs{grid-template-columns:repeat(auto-fill,minmax(92px,1fr))}}

@media (min-width:1040px){.media-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.listing-gallery{grid-template-columns:minmax(0,1fr) 112px;align-items:start}.listing-gallery-thumbs{grid-template-columns:1fr;max-height:520px;overflow:auto;padding-right:4px}.listing-gallery-main{grid-column:1}.listing-gallery-thumbs{grid-column:2}}

.media-action-forms{display:none}.media-uploader .form-section-head{margin-bottom:0}.media-uploader .section-subtitle,.media-inline-note,.media-preview-meta{display:none!important}.media-grid-uploader{margin-top:0}.media-tile-empty{min-height:118px;gap:7px;padding:12px;font-size:14px}.media-tile-empty small{display:none}.media-tile-icon{width:34px;height:34px;border-radius:12px;font-size:18px}.media-tile-slot{min-height:118px;opacity:.38}.media-tile-slot .media-tile-icon{background:rgba(255,255,255,.06);color:rgba(226,232,240,.42)}.media-actions{display:flex!important;flex-wrap:wrap;align-items:center;gap:6px;padding:7px;background:rgba(2,6,23,.72)}.media-actions form{display:contents}.media-action-button{width:auto!important;min-height:28px!important;height:28px;padding:4px 8px!important;border-radius:8px!important;font-size:12px!important;line-height:1!important;background:rgba(15,23,42,.82)!important;color:#e5eefc!important;border:1px solid rgba(255,255,255,.18)!important;box-shadow:none!important}.media-action-button:hover{background:rgba(37,99,235,.55)!important;border-color:rgba(147,197,253,.5)!important}.media-action-danger{color:#fecaca!important;background:rgba(127,29,29,.72)!important;border-color:rgba(248,113,113,.38)!important}.media-action-note{display:none}.media-preview-remove{right:8px!important;bottom:8px!important;top:auto!important;min-width:28px;height:28px;padding:0 8px!important;border-radius:9px!important;font-size:0!important;line-height:1!important;background:rgba(2,6,23,.82)!important}.media-preview-remove::after{content:"×";font-size:18px;font-weight:1000;line-height:1}.media-tile-new .media-tile-visual{height:100%}.media-tile-new{align-self:start}.media-tile-existing .media-tile-visual{border-radius:0}.media-badge{padding:5px 8px;font-size:10px}.media-badge-primary{right:8px;top:8px}.media-badge-video{left:8px;top:8px}

@media (min-width:720px){.media-actions{display:flex!important;grid-template-columns:none!important}.media-actions form:last-child{grid-column:auto}.media-action-button{min-height:28px!important}.media-tile-main .media-actions{gap:7px}}

.media-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.media-tile{aspect-ratio:4/3;border-radius:18px}.media-tile-main{grid-column:auto!important;grid-row:auto!important}.media-tile-visual,.media-tile-main .media-tile-visual{aspect-ratio:4/3;height:100%}.media-upload-plus{aspect-ratio:4/3;min-height:0;border-style:dashed}.media-upload-plus .media-tile-icon{width:46px;height:46px;border-radius:999px;font-size:28px;background:rgba(96,165,250,.16);color:#dbeafe}.media-upload-plus.is-hidden{display:none!important}.media-tile-slot{display:none!important}.media-actions{position:absolute;left:6px;right:6px;bottom:6px;z-index:4;padding:5px!important;border-radius:12px;background:rgba(2,6,23,.64)!important;backdrop-filter:blur(10px)}.media-action-button{height:26px!important;min-height:26px!important;padding:4px 6px!important;border-radius:8px!important;font-size:11px!important}.media-preview-remove{top:7px!important;right:7px!important;bottom:auto!important;width:28px;min-width:28px;height:28px;padding:0!important;border-radius:999px!important}.media-tile-new,.media-tile-existing{align-self:stretch}.media-tile-new .media-tile-visual,.media-tile-existing .media-tile-visual{height:100%}

@media (min-width:720px){.media-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}}
@media (min-width:1040px){.media-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}}

.media-tile{aspect-ratio:auto!important}.media-tile-visual{aspect-ratio:4/3!important;height:auto!important}.media-tile-media.media-tile-video{object-fit:contain;background:#050b18}.media-actions{position:static!important;left:auto!important;right:auto!important;bottom:auto!important;margin:0;padding:6px!important;border-radius:0 0 16px 16px!important;background:rgba(2,6,23,.82)!important}.media-action-button{display:inline-flex!important;align-items:center;justify-content:center;width:auto!important;height:27px!important;min-height:27px!important;padding:4px 7px!important;border-radius:8px!important;font-size:11px!important;line-height:1!important;opacity:1!important;visibility:visible!important}.media-open-link{position:absolute;left:8px;top:34px;z-index:3;border-radius:999px;background:rgba(2,6,23,.74);color:#fff;padding:5px 8px;font-size:10px;font-weight:900;text-decoration:none}.media-tile-existing .media-badge-video{top:8px;left:8px}

@media (hover:none){.media-actions{opacity:1!important;transform:none!important;visibility:visible!important}}

.media-tile-visual,.listing-gallery-item{cursor:zoom-in}.media-badge-video,.media-open-link{display:none!important}.media-lightbox-open{overflow:hidden}.media-lightbox{position:fixed;inset:0;z-index:10000;display:none}.media-lightbox.is-open{display:block}.media-lightbox-backdrop{position:absolute;inset:0;background:rgba(2,6,23,.88);backdrop-filter:blur(12px)}.media-lightbox-content{position:absolute;inset:clamp(12px,3vw,28px);display:grid;grid-template-rows:minmax(0,1fr) auto;gap:12px;border:1px solid rgba(255,255,255,.14);border-radius:24px;background:linear-gradient(145deg,rgba(15,23,42,.96),rgba(2,6,23,.96));box-shadow:0 30px 90px rgba(0,0,0,.5);overflow:hidden}.media-lightbox-stage{min-width:0;min-height:0;display:flex;align-items:center;justify-content:center;padding:48px 56px 12px}.media-lightbox-image,.media-lightbox-video{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border-radius:16px;background:#020617}.media-lightbox-video{width:min(100%,1100px);max-height:calc(100vh - 180px)}.media-lightbox-close,.media-lightbox-arrow{position:absolute;z-index:3;border:1px solid rgba(255,255,255,.18);background:rgba(15,23,42,.78);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;backdrop-filter:blur(10px)}.media-lightbox-close{top:14px;right:14px;width:38px;height:38px;border-radius:999px;font-size:24px;line-height:1}.media-lightbox-arrow{top:50%;transform:translateY(-50%);width:42px;height:54px;border-radius:16px;font-size:34px}.media-lightbox-prev{left:14px}.media-lightbox-next{right:14px}.media-lightbox-arrow.is-hidden{display:none}.media-lightbox-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;padding:10px 14px 16px;background:rgba(2,6,23,.58)}.media-lightbox-action-btn,.media-lightbox-status{min-height:30px;border-radius:9px;padding:5px 10px;font-size:12px;font-weight:1000;line-height:1;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.08);color:#e5eefc}.media-lightbox-action-btn{cursor:pointer}.media-lightbox-action-btn:hover{background:rgba(37,99,235,.45);border-color:rgba(147,197,253,.5)}.media-lightbox-action-danger{color:#fecaca;background:rgba(127,29,29,.72);border-color:rgba(248,113,113,.38)}.media-lightbox-status{display:inline-flex;align-items:center;background:rgba(22,163,74,.22);color:#bbf7d0;border-color:rgba(74,222,128,.32)}

@media (max-width:720px){.media-lightbox-content{inset:8px;border-radius:18px}.media-lightbox-stage{padding:48px 12px 8px}.media-lightbox-arrow{width:36px;height:46px;font-size:28px}.media-lightbox-prev{left:8px}.media-lightbox-next{right:8px}.media-lightbox-video{max-height:calc(100vh - 170px)}.media-lightbox-actions{justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap}.media-lightbox-action-btn,.media-lightbox-status{flex:0 0 auto}}

button.media-tile-existing{display:block;width:100%;padding:0;color:inherit;text-align:left;cursor:zoom-in;appearance:none;-webkit-appearance:none}.existing-media-modal[hidden]{display:none!important}.existing-media-modal{position:fixed;inset:0;z-index:10001}.existing-media-backdrop{position:absolute;inset:0;background:rgba(2,6,23,.9);backdrop-filter:blur(12px)}.existing-media-content{position:absolute;inset:clamp(10px,3vw,28px);display:grid;grid-template-rows:minmax(0,1fr) auto;gap:12px;overflow:hidden;border:1px solid rgba(255,255,255,.14);border-radius:24px;background:linear-gradient(145deg,rgba(15,23,42,.97),rgba(2,6,23,.97));box-shadow:0 30px 90px rgba(0,0,0,.5)}.existing-media-stage{min-width:0;min-height:0;display:flex;align-items:center;justify-content:center;padding:52px 18px 8px}.existing-media-image,.existing-media-video{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border-radius:16px;background:#020617}.existing-media-video{width:min(100%,1100px);max-height:calc(100vh - 180px)}.existing-media-close{position:absolute;top:14px;right:14px;z-index:3;width:38px;height:38px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(15,23,42,.78);color:#fff;font-size:24px;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;backdrop-filter:blur(10px)}.existing-media-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;padding:10px 14px 16px;background:rgba(2,6,23,.58)}.existing-media-actions form{margin:0}

@media (max-width:720px){.existing-media-content{inset:8px;border-radius:18px}.existing-media-stage{padding:48px 12px 8px}.existing-media-video{max-height:calc(100vh - 170px)}.existing-media-actions{justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap}.existing-media-actions .media-lightbox-action-btn,.existing-media-actions .media-lightbox-status{flex:0 0 auto}}
.media-grid-saved{display:contents}.media-tile-existing{cursor:grab}.media-tile-existing .media-badge-primary[hidden]{display:none!important}.media-tile-existing.is-dragging{opacity:.62;transform:scale(.985);box-shadow:0 24px 48px rgba(2,6,23,.28)}.saved-media-overlay{position:absolute;left:10px;right:10px;bottom:10px;z-index:4;display:flex;justify-content:flex-end;gap:8px;opacity:0;transform:translateY(8px);pointer-events:none;transition:opacity .18s ease,transform .18s ease}.saved-media-overlay form{margin:0}.saved-media-action-button{border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(2,6,23,.82);color:#fff;min-height:32px;padding:0 12px;font-size:11px;font-weight:1000;cursor:pointer;backdrop-filter:blur(10px)}.saved-media-action-button:hover{background:rgba(37,99,235,.72);border-color:rgba(147,197,253,.52)}.saved-media-action-button-danger{background:rgba(127,29,29,.82);border-color:rgba(248,113,113,.42);color:#fecaca}.saved-media-action-button-danger:hover{background:rgba(185,28,28,.9);border-color:rgba(252,165,165,.62)}@media (hover:hover) and (pointer:fine){.media-tile-existing:hover .saved-media-overlay,.media-tile-existing:focus-within .saved-media-overlay{opacity:1;transform:translateY(0);pointer-events:auto}}@media (hover:none),(pointer:coarse){.saved-media-overlay{display:none!important}.media-tile-existing{cursor:default}}.saved-media-sheet[hidden]{display:none!important}.saved-media-sheet{position:fixed;inset:0;z-index:10002}.saved-media-sheet-backdrop{position:absolute;inset:0;background:rgba(2,6,23,.58)}.saved-media-sheet-panel{position:absolute;left:0;right:0;bottom:0;display:grid;gap:12px;padding:12px 16px calc(18px + env(safe-area-inset-bottom));border-radius:24px 24px 0 0;background:linear-gradient(180deg,rgba(15,23,42,.98),rgba(2,6,23,.98));box-shadow:0 -18px 50px rgba(0,0,0,.36);transform:translateY(100%);transition:transform .22s ease}.saved-media-sheet.is-open .saved-media-sheet-panel{transform:translateY(0)}.saved-media-sheet-handle{width:46px;height:5px;border-radius:999px;background:rgba(148,163,184,.45);margin:0 auto}.saved-media-sheet-title{color:#e2e8f0;font-size:14px;font-weight:1000;text-align:center}.saved-media-sheet-actions{display:grid;gap:10px}.saved-media-sheet-form{margin:0}.saved-media-sheet-button,.saved-media-sheet-cancel{width:100%;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:rgba(255,255,255,.07);color:#e2e8f0;min-height:50px;padding:12px 16px;font-size:14px;font-weight:1000;text-align:center}.saved-media-sheet-button.is-danger{color:#fecaca;background:rgba(127,29,29,.72);border-color:rgba(248,113,113,.38)}.saved-media-sheet-cancel{background:rgba(255,255,255,.03)}@media (min-width:721px){.saved-media-sheet{display:none!important}}

[data-device-attribute][hidden],
[data-device-attribute].is-hidden{display:none!important}
.attribute-choice-label{margin-bottom:8px;color:#e2e8f0;font-size:14px;font-weight:950}
.attribute-choice-grid{display:flex;flex-wrap:wrap;gap:8px}
.attribute-choice{position:relative;display:inline-flex;align-items:center;min-height:42px;cursor:pointer;user-select:none}
.attribute-choice input{position:absolute;opacity:0;pointer-events:none}
.attribute-choice span{display:inline-flex!important;align-items:center;justify-content:center;margin:0!important;border:1px solid rgba(148,163,184,.26);border-radius:999px;background:rgba(15,23,42,.82);color:#e2e8f0;padding:10px 14px;font-size:13px;font-weight:900;line-height:1.2;transition:background .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease}
.attribute-choice:hover span{border-color:rgba(147,197,253,.45);background:rgba(59,130,246,.12)}
.attribute-choice input:checked+span{border-color:rgba(96,165,250,.72);background:#3b82f6;color:#fff;box-shadow:0 10px 24px rgba(59,130,246,.2)}
.attribute-choice input:focus-visible+span{outline:2px solid #93c5fd;outline-offset:2px}
@media (max-width:520px){.attribute-choice-grid{display:grid;grid-template-columns:1fr}.attribute-choice{width:100%}.attribute-choice span{width:100%;justify-content:flex-start}}

/* saved media edit-grid fixes */
.media-tile-existing[data-saved-media-tile],
.media-tile-existing[data-saved-media-tile] .media-tile-visual {
    cursor: grab !important;
    user-select: none;
    -webkit-user-select: none;
}

.media-tile-existing[data-saved-media-tile]:active,
.media-tile-existing[data-saved-media-tile]:active .media-tile-visual {
    cursor: grabbing !important;
}

.media-tile-existing[data-saved-media-tile] video.media-tile-video {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    background: #050b18 !important;
}

@media (hover: none), (pointer: coarse) {
    .media-tile-existing[data-saved-media-tile],
    .media-tile-existing[data-saved-media-tile] .media-tile-visual {
        cursor: default !important;
        touch-action: none;
    }
}

/* mobile saved media action sheet simplified */
.saved-media-sheet-backdrop {
    background: transparent !important;
    backdrop-filter: none !important;
}

.saved-media-sheet-panel {
    gap: 8px !important;
    padding: 0 16px calc(14px + env(safe-area-inset-bottom)) !important;
    background: transparent !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}

.saved-media-sheet-handle,
.saved-media-sheet-title,
.saved-media-sheet-cancel {
    display: none !important;
}

.saved-media-sheet-actions {
    display: flex !important;
    gap: 10px !important;
}

.saved-media-sheet-button {
    flex: 1 1 0 !important;
    min-height: 48px !important;
    border-radius: 16px !important;
    background: rgba(15, 23, 42, .88) !important;
    backdrop-filter: blur(12px) !important;
}

/* prevent mobile browser image callout while dragging saved media */
.media-tile-existing[data-saved-media-tile],
.media-tile-existing[data-saved-media-tile] *,
.media-tile-existing[data-saved-media-tile] img,
.media-tile-existing[data-saved-media-tile] video {
    -webkit-touch-callout: none !important;
    -webkit-user-select: none !important;
    user-select: none !important;
    -webkit-user-drag: none !important;
}

/* mobile saved-media sheet background above bottom nav */
@media (max-width: 720px), (hover: none), (pointer: coarse) {
    body .saved-media-sheet-panel {
        left: 12px !important;
        right: 12px !important;
        bottom: calc(76px + env(safe-area-inset-bottom)) !important;
        padding: 10px !important;
        border: 1px solid rgba(255,255,255,.12) !important;
        border-radius: 22px !important;
        background: rgba(15, 23, 42, .92) !important;
        box-shadow: 0 18px 50px rgba(0,0,0,.38) !important;
        backdrop-filter: blur(14px) !important;
    }

    body .saved-media-sheet-actions {
        display: flex !important;
        gap: 10px !important;
    }

    body .saved-media-sheet-button {
        background: rgba(255,255,255,.08) !important;
        border-color: rgba(255,255,255,.14) !important;
        box-shadow: none !important;
    }

    body .saved-media-sheet-button.is-danger {
        background: rgba(127,29,29,.82) !important;
        border-color: rgba(248,113,113,.36) !important;
    }
}

/* OLX-like anchored media actions under selected tile */
@media (max-width: 720px), (hover: none), (pointer: coarse) {
    body .saved-media-sheet.is-anchored {
        pointer-events: none !important;
    }

    body .saved-media-sheet.is-anchored .saved-media-sheet-backdrop {
        pointer-events: auto !important;
        background: transparent !important;
        backdrop-filter: none !important;
    }

    body .saved-media-sheet.is-anchored .saved-media-sheet-panel {
        position: fixed !important;
        display: block !important;
        padding: 10px !important;
        border: 1px solid rgba(255,255,255,.13) !important;
        border-radius: 22px !important;
        background: rgba(15, 23, 42, .94) !important;
        box-shadow: 0 18px 50px rgba(0,0,0,.42) !important;
        backdrop-filter: blur(16px) !important;
        transform: none !important;
        pointer-events: auto !important;
    }

    body .saved-media-sheet.is-anchored .saved-media-sheet-panel::before {
        content: "" !important;
        position: absolute !important;
        left: 50% !important;
        top: -9px !important;
        width: 18px !important;
        height: 18px !important;
        transform: translateX(-50%) rotate(45deg) !important;
        background: rgba(15, 23, 42, .94) !important;
        border-left: 1px solid rgba(255,255,255,.13) !important;
        border-top: 1px solid rgba(255,255,255,.13) !important;
    }

    body .saved-media-sheet.is-anchored .saved-media-sheet-actions {
        display: grid !important;
        gap: 8px !important;
    }

    body .saved-media-sheet.is-anchored .saved-media-sheet-button {
        width: 100% !important;
        min-height: 44px !important;
        border-radius: 18px !important;
        background: rgba(255,255,255,.08) !important;
        border: 1px solid rgba(255,255,255,.12) !important;
        color: #e5e7eb !important;
        font-size: 15px !important;
        font-weight: 900 !important;
    }

    body .saved-media-sheet.is-anchored .saved-media-sheet-button.is-danger {
        color: #ff5555 !important;
        background: rgba(255,255,255,.08) !important;
        border-color: rgba(255,255,255,.12) !important;
    }
}

/* compact OLX-like actions exactly under selected media tile */
@media (max-width: 720px), (hover: none), (pointer: coarse) {
    body .saved-media-sheet.is-anchored .saved-media-sheet-panel {
        padding: 6px !important;
        border-radius: 14px !important;
        background: rgba(15, 23, 42, .90) !important;
        box-shadow: 0 10px 28px rgba(0,0,0,.30) !important;
    }

    body .saved-media-sheet.is-anchored .saved-media-sheet-panel::before {
        display: none !important;
    }

    body .saved-media-sheet.is-anchored .saved-media-sheet-actions {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 6px !important;
    }

    body .saved-media-sheet.is-anchored .saved-media-sheet-button {
        min-height: 34px !important;
        padding: 6px 8px !important;
        border-radius: 10px !important;
        font-size: 12px !important;
        line-height: 1 !important;
    }
}

/* force anchored saved-media actions to fit tile position and content height */
@media (max-width: 720px), (hover: none), (pointer: coarse) {
    body .saved-media-sheet.is-anchored .saved-media-sheet-panel {
        right: auto !important;
        bottom: auto !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        display: block !important;
        gap: 0 !important;
        padding: 6px !important;
        overflow: visible !important;
    }

    body .saved-media-sheet.is-anchored .saved-media-sheet-actions {
        margin: 0 !important;
        padding: 0 !important;
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 6px !important;
    }

    body .saved-media-sheet.is-anchored .saved-media-sheet-button {
        min-height: 34px !important;
        height: 34px !important;
        padding: 0 8px !important;
        margin: 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }
}


/* arrow for anchored saved-media action block */
@media (max-width: 720px), (hover: none), (pointer: coarse) {
    body .saved-media-sheet.is-anchored .saved-media-sheet-panel::before {
        content: "" !important;
        display: block !important;
        position: absolute !important;
        left: 50% !important;
        top: -7px !important;
        width: 14px !important;
        height: 14px !important;
        transform: translateX(-50%) rotate(45deg) !important;
        background: rgba(15, 23, 42, .90) !important;
        border-left: 1px solid rgba(255,255,255,.13) !important;
        border-top: 1px solid rgba(255,255,255,.13) !important;
        border-radius: 3px 0 0 0 !important;
        pointer-events: none !important;
    }
}

/* temporary unsaved media should behave like editable media, not lightbox */
.media-tile-temp,
.media-tile-temp *,
.media-tile-temp .media-tile-visual,
.media-tile-temp .media-tile-media {
    cursor: default !important;
}

.media-tile-temp [data-temp-rotate-photo-index],
.media-tile-temp [data-remove-photo-index],
.media-tile-temp [data-remove-video] {
    cursor: pointer !important;
}

@media (hover: hover) and (pointer: fine) {
    .media-tile-temp:hover .temp-media-overlay,
    .media-tile-temp:focus-within .temp-media-overlay {
        opacity: 1 !important;
        transform: translateY(0) !important;
        pointer-events: auto !important;
    }
}

@media (hover: none), (pointer: coarse) {
    .media-tile-temp .temp-media-overlay {
        display: flex !important;
        opacity: 1 !important;
        transform: none !important;
        pointer-events: auto !important;
        position: absolute !important;
        left: 8px !important;
        right: 8px !important;
        bottom: 8px !important;
        justify-content: flex-end !important;
    }
}

/* final cursor policy: media tiles keep normal cursor, drag still works by JS */
.media-tile-existing[data-saved-media-tile],
.media-tile-existing[data-saved-media-tile] *,
.media-tile-temp,
.media-tile-temp * {
    cursor: default !important;
}

.media-tile-existing[data-saved-media-tile] [data-saved-media-action-button],
.media-tile-existing[data-saved-media-tile] [data-saved-media-action-button] *,
.media-tile-temp [data-temp-rotate-photo-index],
.media-tile-temp [data-remove-photo-index],
.media-tile-temp [data-remove-video] {
    cursor: pointer !important;
}

/* temporary media drag support, normal cursor */
.media-tile-temp {
    user-select: none !important;
    -webkit-user-select: none !important;
    -webkit-user-drag: none !important;
    touch-action: none !important;
}

.media-tile-temp img,
.media-tile-temp video {
    -webkit-user-drag: none !important;
    -webkit-touch-callout: none !important;
}

.media-tile-temp.is-dragging {
    opacity: .62 !important;
    transform: scale(.985) !important;
    box-shadow: 0 24px 48px rgba(2,6,23,.28) !important;
}

/* plus upload tile should keep normal cursor */
.media-upload-plus,
.media-upload-plus *,
.media-tile-add,
.media-tile-add * {
    cursor: default !important;
}

/* Favorites real listings */
.favorite-inner {
    color: inherit;
    text-decoration: none;
}

.favorite-image video,
.fav-img video {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.favorite-placeholder {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #1d4ed8, #0f172a);
    color: #fff;
    font-size: 28px;
    font-weight: 950;
}

.favorite-remove-form {
    padding: 0 12px 12px;
    margin: 0;
}

.favorite-remove-form-desktop {
    padding: 0 16px 16px;
}

.favorite-remove-button {
    width: 100%;
    border: 1px solid rgba(248, 113, 113, .2);
    border-radius: 16px;
    background: rgba(248, 113, 113, .1);
    color: #fecaca;
    padding: 10px 12px;
    font-size: 12px;
    font-weight: 950;
}

.favorite-remove-button:hover {
    background: rgba(248, 113, 113, .16);
}

.fav-card a {
    color: inherit;
    text-decoration: none;
}

.fav-img video {
    aspect-ratio: 4 / 3;
}

/* Chats page polish */
.chat-inner {
    color: inherit;
    text-decoration: none;
}

.desktop-chat-empty {
    min-height: 100%;
    display: grid;
    place-content: center;
    gap: 10px;
    padding: 32px;
    text-align: center;
}

.chat-card a,
.desktop-chat-item {
    min-width: 0;
}

.chat-card,
.chat-card * {
    max-width: 100%;
}

/* Real chat window */
.mobile-chat-window {
    overflow: hidden;
    padding: 0;
}

.mobile-chat-head {
    display: flex;
    align-items: center;
    gap: 12px;
    border-bottom: 1px solid var(--b);
    padding: 14px;
}

.mobile-chat-messages {
    display: grid;
    gap: 10px;
    min-height: 260px;
    max-height: 52vh;
    overflow-y: auto;
    padding: 14px;
}

.mobile-chat-form {
    display: grid;
    gap: 10px;
    border-top: 1px solid var(--b);
    padding: 14px;
    margin: 0;
}

.mobile-chat-form textarea {
    width: 100%;
    min-height: 92px;
    border: 1px solid var(--b);
    border-radius: 18px;
    background: rgba(15, 23, 42, .82);
    color: #fff;
    outline: 0;
    padding: 12px 14px;
    resize: none;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.5;
}

.desktop-chat-item {
    color: inherit;
    text-decoration: none;
}

.message-bubble {
    word-break: break-word;
}

.status-badge.status-badge-published {
    background: rgba(52, 211, 153, .16);
    color: #86efac;
}

.status-badge.status-badge-deleted {
    background: rgba(148, 163, 184, .16);
    color: #cbd5e1;
}

.checkbox-row {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    min-height: 44px;
    color: #e2e8f0;
    font-weight: 900;
}

.checkbox-row input {
    width: 18px;
    height: 18px;
    accent-color: #60a5fa;
}

.exchange-preferences {
    display: grid;
    gap: 14px;
    margin-top: 18px;
}

.exchange-preferences.is-hidden {
    display: none;
}

.form-section-head.compact {
    margin-bottom: 0;
}

select[multiple] {
    min-height: 132px;
    background-image: none !important;
    padding-right: 12px !important;
}

/* UX completion: exchange switch + custom multiselect dropdowns on sell/edit forms */
.mobile-field.exchange-toggle-field {
    display: grid;
    align-content: start;
}

.mobile-field .exchange-switch {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    min-height: 49px;
    margin: 0;
    padding: 4px 0;
    color: #e2e8f0;
    cursor: pointer;
    user-select: none;
}

.mobile-field .exchange-switch-input {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
    pointer-events: none;
}

.mobile-field .exchange-switch-box {
    position: relative;
    display: inline-flex;
    width: 54px;
    height: 32px;
    flex: 0 0 auto;
    margin: 0;
    border: 1px solid rgba(148, 163, 184, .34);
    border-radius: 999px;
    background: rgba(15, 23, 42, .92);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .04);
    transition: background .18s ease, border-color .18s ease;
}

.mobile-field .exchange-switch-box::after {
    content: "";
    position: absolute;
    top: 4px;
    left: 4px;
    width: 22px;
    height: 22px;
    border-radius: 999px;
    background: #cbd5e1;
    box-shadow: 0 8px 18px rgba(0, 0, 0, .24);
    transition: transform .18s ease, background .18s ease;
}

.mobile-field .exchange-switch-input:checked + .exchange-switch-box {
    border-color: rgba(96, 165, 250, .78);
    background: rgba(37, 99, 235, .9);
}

.mobile-field .exchange-switch-input:checked + .exchange-switch-box::after {
    transform: translateX(22px);
    background: #fff;
}

.mobile-field .exchange-switch-input:focus-visible + .exchange-switch-box {
    outline: 3px solid rgba(96, 165, 250, .35);
    outline-offset: 3px;
}

.mobile-field .exchange-switch-text {
    display: inline-flex;
    align-items: center;
    margin: 0;
    color: #e2e8f0;
    font-size: 14px;
    font-weight: 950;
}

.mobile-field input:disabled,
.mobile-field select:disabled,
.textarea-field textarea:disabled {
    opacity: .62;
    cursor: not-allowed;
}

.ab-dropdown {
    position: relative;
    width: 100%;
}

.mobile-field .ab-dropdown-trigger,
.ab-dropdown-trigger {
    display: flex;
    width: 100%;
    min-height: 49px;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    border: 1px solid var(--b);
    border-radius: 18px;
    background: rgba(15, 23, 42, .82);
    color: #fff;
    outline: 0;
    padding: 12px 16px;
    font-size: 14px;
    font-weight: 800;
    text-align: left;
    cursor: pointer;
}

.mobile-field .ab-dropdown-trigger span,
.ab-dropdown-trigger span {
    display: block;
    margin: 0;
}

.mobile-field .ab-dropdown-trigger span:first-child,
.ab-dropdown-trigger span:first-child {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ab-dropdown.has-value .ab-dropdown-trigger {
    border-color: rgba(96, 165, 250, .5);
    background: rgba(30, 64, 175, .25);
}

.ab-dropdown-chevron {
    flex: 0 0 auto;
    color: #94a3b8;
    font-size: 15px;
}

.ab-dropdown-menu {
    position: absolute;
    top: calc(100% + 8px);
    left: 0;
    right: 0;
    z-index: 90;
    display: none;
    max-height: 260px;
    overflow: auto;
    border: 1px solid rgba(148, 163, 184, .24);
    border-radius: 16px;
    background: rgba(15, 23, 42, .98);
    box-shadow: 0 18px 46px rgba(0, 0, 0, .34);
    padding: 6px;
}

.ab-dropdown.is-open .ab-dropdown-menu {
    display: grid;
    gap: 2px;
}

.ab-dropdown-option {
    display: flex !important;
    min-height: 40px;
    align-items: center;
    gap: 10px;
    margin: 0 !important;
    border-radius: 12px;
    color: #e2e8f0;
    padding: 8px 10px;
    font-size: 14px !important;
    font-weight: 800 !important;
    cursor: pointer;
}

.ab-dropdown-option:hover {
    background: rgba(59, 130, 246, .14);
}

.mobile-field .ab-dropdown-option input,
.ab-dropdown-option input {
    width: 17px;
    height: 17px;
    flex: 0 0 auto;
    accent-color: #60a5fa;
}

.mobile-field .ab-dropdown-option span,
.ab-dropdown-option span {
    min-width: 0;
    margin: 0;
    overflow-wrap: anywhere;
}

@media (max-width: 640px) {
    .ab-dropdown-menu {
        max-height: 220px;
    }
}

.is-native-multiselect-hidden {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    opacity: 0 !important;
    pointer-events: none !important;
    overflow: hidden !important;
}

/* Light account and mobile pages */
:root {
    --bg: #f6f7f9;
    --p: #ffffff;
    --p2: #ffffff;
    --b: #e2e5e9;
    --t: #172033;
    --m: #687386;
    --m2: #8791a3;
    --blue: #2563eb;
    --red: #b42318;
}

body {
    background: var(--bg);
    color: var(--t);
}

.mobile-brand,
.kicker {
    color: var(--blue);
}

.card,
.box,
.form-section,
.desktop-sidebar,
.desktop-profile-menu .profile-menu-item,
.fav-card,
.desktop-chat-layout {
    border-color: var(--b);
    background: #fff;
    box-shadow: none;
    backdrop-filter: none;
}

.card,
.box,
.form-section {
    border-radius: 20px;
}

.section-title,
.profile-name,
.my-listing-title,
.favorite-title,
.favorite-price,
.chat-name,
.empty-state-title,
.choice-label,
.field span,
.mobile-field span,
.textarea-field span,
.attribute-choice-label {
    color: var(--t);
}

.profile-phone,
.my-listing-price,
.fav-seller,
.desktop-brand-caption {
    color: #556174;
}

.profile-avatar,
.sidebar-avatar,
.chat-avatar {
    background: #eaf1ff;
    color: #1d4ed8;
}

.profile-verified span,
.sidebar-verified {
    color: #15803d;
}

.profile-stat,
.my-listing,
.listing-card,
.sidebar-profile,
.media-preview-item,
.choice-row,
.mobile-field input,
.mobile-field select,
.textarea-field textarea,
.mobile-chat-form textarea,
.desktop-chat-input,
.mobile-field .ab-dropdown-trigger,
.ab-dropdown-trigger {
    border-color: #d8dde5;
    background: #f8fafc;
    color: var(--t);
}

.profile-stat {
    border-radius: 14px;
}

.my-listing,
.listing-card {
    background: #fff;
}

.secondary-button,
.edit-button,
.logout-button,
.change-button,
.chip,
.count-pill {
    border-color: var(--b);
    background: #fff;
    color: #556174;
}

.secondary-button:hover,
.logout-button:hover,
.change-button:hover,
.chip:hover {
    border-color: #b8c7df;
    background: #f8fafc;
    color: var(--t);
}

.profile-menu-item {
    border-color: var(--b);
    background: #fff;
    color: var(--t);
}

.profile-menu-icon {
    background: #eef2f7;
    color: #556174;
}

.profile-menu-item.danger,
.favorite-remove-button {
    color: var(--red);
}

.profile-menu-item.danger {
    background: #fff;
}

.favorite-remove-button {
    border-color: #f1c0bc;
    background: #fff7f6;
}

.favorite-remove-button:hover {
    background: #ffebe9;
}

.empty-state {
    border-color: #cdd4de;
    background: #fff;
}

.form-alert {
    border-color: #f1c0bc;
    background: #fff1f0;
    color: #8f1d14;
}

.page-alert-success {
    border-color: #b9d1fb;
    background: #eff6ff;
    color: #1d4ed8;
}

.bottom-nav {
    border-color: var(--b);
    background: rgba(255, 255, 255, .96);
}

.bottom-nav-inner {
    color: #7b8494;
}

.bottom-link.active {
    color: var(--blue);
}

.bottom-add-icon {
    box-shadow: 0 10px 24px rgba(37, 99, 235, .24);
}

.desktop-header {
    border-color: var(--b);
    background: rgba(255, 255, 255, .94);
}

.desktop-brand {
    color: var(--t);
}

.desktop-brand-logo {
    border: 1px solid var(--b);
    background: #172033;
    color: #fff;
}

.sidebar-nav-link {
    color: #687386;
}

.sidebar-nav-link:hover {
    background: #eef2f7;
    color: var(--t);
}

.sidebar-nav-link.active {
    background: var(--blue);
    color: #fff;
    box-shadow: none;
}

.desktop-chat-list {
    border-color: var(--b);
    background: #f8fafc;
}

.desktop-chat-item {
    background: #fff;
    color: var(--t);
}

.desktop-chat-item.active {
    background: #eff6ff;
    box-shadow: inset 0 0 0 1px #93b4f5;
}

.chat-product,
.chat-product-link {
    color: #2563eb;
}

.message-bubble {
    background: #eef2f7;
    color: var(--t);
}

.mobile-chat-head,
.mobile-chat-form,
.desktop-chat-head,
.desktop-chat-input-wrap {
    border-color: var(--b);
}

.ab-dropdown.has-value .ab-dropdown-trigger {
    border-color: #93b4f5;
    background: #eff6ff;
}

.ab-dropdown-menu {
    border-color: var(--b);
    background: #fff;
    box-shadow: 0 12px 30px rgba(23, 32, 51, .12);
}

.ab-dropdown-option {
    color: var(--t);
}

.ab-dropdown-option:hover {
    background: #eff6ff;
}

.attribute-choice span {
    border-color: #d8dde5;
    background: #fff;
    color: var(--t);
}

.desktop-profile-menu-compact {
    grid-template-columns: minmax(220px, 360px);
}

@media (max-width: 767px) {
    .mobile-shell {
        padding-top: 16px;
    }

    .mobile-title {
        font-size: 26px;
    }

    .profile-card {
        padding: 16px;
    }

    .profile-head {
        gap: 12px;
    }

    .profile-avatar {
        width: 56px;
        height: 56px;
        border-radius: 18px;
    }

    .profile-stats {
        gap: 8px;
        margin-top: 16px;
    }

    .profile-stat {
        padding: 10px 6px;
    }

    .favorite-image {
        width: 96px;
        height: 96px;
        border-radius: 16px;
    }
}
/* Listing location maps */
.listing-location-section{gap:14px}.listing-location-card,.listing-location-viewer{display:grid;gap:10px}.listing-location-map{width:100%;min-width:0;background:#020617}.listing-location-map-preview{height:clamp(220px,32vw,260px);overflow:hidden;border:1px solid rgba(148,163,184,.18);border-radius:22px;box-shadow:inset 0 1px 0 rgba(255,255,255,.05);cursor:pointer}.listing-location-map-preview:focus-visible{outline:2px solid rgba(96,165,250,.9);outline-offset:3px}.listing-location-address-line{min-height:22px;color:#e2e8f0;font-size:14px;font-weight:900;line-height:1.55;word-break:break-word}.listing-location-viewer{margin-top:12px}.listing-location-viewer .listing-location-map-preview{height:230px}.listing-location-map .leaflet-container,.listing-location-map.leaflet-container{font-family:inherit;background:#020617}.listing-location-map .leaflet-control-attribution{background:rgba(2,6,23,.72);color:#94a3b8}.listing-location-map .leaflet-control-attribution a{color:#bfdbfe}.listing-location-map .leaflet-control-zoom a{border-color:rgba(255,255,255,.1);background:rgba(15,23,42,.9);color:#e2e8f0}.listing-location-marker{width:24px!important;height:24px!important;margin-left:-12px!important;margin-top:-12px!important;border:3px solid #fff;border-radius:999px;background:#60a5fa;box-shadow:0 0 0 8px rgba(96,165,250,.18),0 12px 28px rgba(15,23,42,.45)}.listing-location-modal[hidden]{display:none!important}.listing-location-modal{position:fixed;inset:0;z-index:10020}.listing-location-modal-backdrop{position:absolute;inset:0;background:rgba(2,6,23,.78);backdrop-filter:blur(12px)}.listing-location-modal-panel{position:absolute;left:50%;top:50%;width:min(960px,calc(100vw - 32px));max-height:calc(100dvh - 32px);display:grid;grid-template-rows:minmax(360px,1fr) auto;overflow:hidden;border:1px solid rgba(255,255,255,.14);border-radius:24px;background:linear-gradient(145deg,rgba(15,23,42,.98),rgba(2,6,23,.98));box-shadow:0 30px 90px rgba(0,0,0,.52);transform:translate(-50%,-50%)}.listing-location-modal-panel.is-readonly{grid-template-rows:minmax(420px,72vh)}.listing-location-modal-map{min-height:360px;height:min(72vh,640px)}.listing-location-modal-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px;padding:14px;border-top:1px solid rgba(255,255,255,.1);background:rgba(2,6,23,.62)}.listing-location-geo-button,.listing-location-confirm-button{min-height:46px;border-radius:16px;padding:12px 16px;font-size:14px;font-weight:950}.listing-location-geo-button{border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.06);color:#dbeafe}.listing-location-confirm-button{border:0;background:var(--blue);color:#fff}.listing-location-confirm-button:disabled{cursor:not-allowed;opacity:.48}html.listing-location-modal-open body{overflow:hidden}@media (max-width:720px){.listing-location-map-preview{height:230px}.listing-location-modal-panel{width:calc(100vw - 20px);max-height:calc(100dvh - 20px);border-radius:20px;grid-template-rows:minmax(320px,1fr) auto}.listing-location-modal-panel.is-readonly{grid-template-rows:minmax(320px,72vh)}.listing-location-modal-map{min-height:320px;height:calc(100dvh - 116px)}.listing-location-modal-actions{display:grid;grid-template-columns:1fr;padding:12px}.listing-location-geo-button,.listing-location-confirm-button{width:100%}}