.property-media-stage .property-media-thumb > img,
.property-media-stage .property-media-thumb > video {
    pointer-events: none;
    -webkit-user-drag: none;
    user-select: none;
}

.property-media-stage .property-media-thumb > .property-media-file-type {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    padding: 0;
    color: #77847c;
    background: transparent;
    font-size: 18px;
    letter-spacing: .08em;
}

.property-media-service summary {
    grid-template-columns: 42px minmax(150px, 1fr) auto minmax(140px, .7fr) 18px;
}

.property-media-service summary > em {
    min-width: 0;
    overflow-wrap: anywhere;
}

@media (max-width: 760px) {
    .property-media-service summary { grid-template-columns: 40px minmax(0, 1fr) auto 16px; }
    .property-media-service summary > em { display: none; }
}

.property-media-stage .property-media-service-mark {
    width: 40px;
    height: 40px;
    color: var(--property-media-category-color, #668f53);
    border-radius: 0;
    background: transparent;
    font-size: 27px;
}

.property-media-stage .property-media-service-mark > img {
    width: 32px;
    height: 32px;
    object-fit: contain;
}

.property-media-stage .property-media-service-mark .order-category-icon-image {
    width: 31px;
    height: 31px;
    background-color: var(--property-media-category-color, #668f53);
}

.property-media-stage .property-media-asset.is-dragging {
    opacity: 1;
    transform: scale(.985);
    filter: drop-shadow(0 16px 24px rgba(35, 51, 43, .2));
}

.property-media-stage .property-media-assets {
    grid-template-columns: repeat(auto-fill, minmax(0, var(--property-media-thumb-size, 210px)));
    justify-content: start;
    contain: layout style;
}

.property-media-stage .property-media-asset {
    position: relative;
    content-visibility: auto;
    contain-intrinsic-size: 280px 245px;
}

.property-media-stage .property-media-thumb {
    transition: transform .18s ease, box-shadow .18s ease, outline-color .18s ease;
}

.property-media-stage .property-media-asset:hover .property-media-thumb {
    box-shadow: 0 16px 34px rgba(35, 51, 43, .22);
}

.property-media-stage .property-media-asset.is-quality-approved .property-media-thumb {
    outline: 4px solid #75a842;
    outline-offset: -4px;
    box-shadow: 0 10px 24px rgba(58, 96, 39, .16);
}

.property-media-stage .property-media-asset.is-quality-approved:hover .property-media-thumb {
    box-shadow: 0 18px 38px rgba(42, 72, 32, .27);
}

.property-media-stage .property-media-asset.is-quality-approved.is-new-upload .property-media-thumb::after {
    display: none;
}

.property-media-drag-count {
    position: absolute;
    z-index: 12;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    padding: 8px 12px;
    color: #fff;
    border: 1px solid rgba(255, 255, 255, .45);
    border-radius: 999px;
    background: rgba(38, 56, 46, .9);
    box-shadow: 0 9px 24px rgba(23, 35, 29, .3);
    font-size: 12px;
    font-weight: 900;
    white-space: nowrap;
    pointer-events: none;
}

.property-media-stage .property-media-overlay { backdrop-filter: none; }

.property-media-stage .property-media-asset.is-drop-target .property-media-thumb {
    transform: scale(.985);
    box-shadow: 0 0 0 4px #8db64b, 0 18px 34px rgba(35, 51, 43, .2);
}

.property-media-stage .property-media-asset.is-selected .property-media-thumb {
    box-shadow: 0 0 0 3px #9bc456, 0 18px 34px rgba(35, 51, 43, .2);
}

.property-media-stage .property-media-asset.is-new-upload .property-media-thumb {
    box-shadow: 0 18px 34px rgba(120, 85, 18, .2);
}

.property-media-stage .property-media-asset.is-new-upload .property-media-thumb::after {
    content: '';
    position: absolute;
    z-index: 1;
    inset: 0;
    border: 4px solid #d6a72f;
    border-radius: inherit;
    pointer-events: none;
}

.property-media-stage .property-media-thumb > .property-media-new-badge {
    position: absolute;
    z-index: 3;
    left: 50%;
    right: auto;
    top: auto;
    bottom: 9px;
    transform: translateX(-50%);
    padding: 5px 9px;
    color: #392a08;
    border-radius: 999px;
    background: #ffd85d;
    box-shadow: 0 5px 16px rgba(72, 51, 8, .2);
    font-size: 11px;
    font-weight: 900;
    letter-spacing: .03em;
    white-space: nowrap;
    pointer-events: none;
}

.property-media-select {
    left: 9px;
    bottom: 9px;
    right: auto;
    color: transparent;
    border-radius: 8px;
    background: rgba(28, 39, 34, .7);
}

.property-media-select::before {
    content: '';
    width: 15px;
    height: 15px;
    border: 2px solid #fff;
    border-radius: 3px;
}

.property-media-select > span {
    position: absolute;
    display: none;
    color: #26351e;
    font-size: 15px;
    font-weight: 950;
}

.property-media-select.is-active {
    color: #26351e;
    background: #b9dd73;
}

.property-media-select.is-active::before { border-color: #26351e; }
.property-media-select.is-active > span { display: block; }

.property-media-bulk {
    display: flex;
    margin-left: auto;
    gap: 5px;
    align-items: center;
}

.property-media-service-tools {
    display: grid;
    min-height: 0;
    padding: 14px 0 16px;
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-areas:
        'guidance add'
        'bulk bulk';
    gap: 13px 16px;
    align-items: center;
}

.property-media-guidance {
    display: grid;
    min-width: 0;
    grid-area: guidance;
    gap: 3px;
}

.property-media-guidance strong {
    color: #35443c;
    font-size: 13px;
}

.property-media-guidance span {
    color: #7b8781;
    font-size: 12px;
    line-height: 1.4;
}

.property-media-position.is-entry-point {
    color: #25351c;
    background: rgba(213, 236, 173, .96);
    font-size: 11px;
    font-weight: 900;
}

.property-media-upload-actions {
    min-width: 146px;
    grid-area: add;
    display: grid;
    gap: 6px;
}
.property-media-upload-actions .property-media-add,.property-media-ready-upload{width:100%}
.property-media-ready-upload{min-height:34px;padding:0 12px;color:#7b5a1f;border:1px solid #ead29d;border-radius:17px;background:#fff7e5;font-size:11px;font-weight:850;cursor:pointer}
.property-media-ready-upload:hover,.property-media-ready-upload:focus-visible{border-color:#d5a84c;background:#fff1cf;outline:0}

.property-media-service-tools.has-photo-size {
    grid-template-columns: minmax(0, 1fr) minmax(180px, 240px) auto;
    grid-template-areas: 'guidance size add' 'bulk bulk bulk';
}

.property-media-photo-size {
    display: grid;
    min-width: 0;
    grid-area: size;
    gap: 5px;
    color: #657269;
    font-size: 11px;
    font-weight: 850;
}

.property-media-photo-size input {
    width: 100%;
    accent-color: #78994f;
    cursor: pointer;
}

.property-media-service-tools > .property-media-bulk {
    width: 100%;
    min-height: 44px;
    margin: 0;
    padding: 6px 7px 6px 12px;
    grid-area: bulk;
    border: 1px solid rgba(76, 93, 84, .09);
    border-radius: 14px;
    background: #f7f9f5;
}

.property-media-bulk small {
    min-width: 64px;
    color: #78847e;
    text-align: right;
}

.property-media-qc-label {
    margin-left: auto;
    color: #66766d;
    font-size: 11px;
    font-weight: 850;
}

.property-media-service-tools .property-media-bulk button.is-approve:not(:disabled) {
    color: #4f7134;
    border-color: rgba(126, 165, 74, .3);
    background: #eff7e5;
}

.property-media-service-tools .property-media-bulk button.is-approve {
    width: 34px;
    min-width: 34px;
    padding: 0;
}

.property-media-service-tools .property-media-bulk button.is-icon {
    display: grid;
    width: 34px;
    min-width: 34px;
    padding: 0;
    place-items: center;
}

.property-media-service-tools .property-media-bulk button.is-icon svg {
    width: 17px;
    height: 17px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.property-media-service-tools .property-media-bulk button[data-media-bulk="star"] {
    font-size: 18px;
    line-height: 1;
}

.property-media-service-tools .property-media-bulk .property-media-download-symbol {
    display: block;
    width: 27px;
    height: 27px;
    object-fit: contain;
}

.property-media-bulk-divider {
    width: 1px;
    height: 26px;
    margin-right: 6px;
    margin-left: 14px;
    flex: 0 0 1px;
    background: rgba(76, 93, 84, .18);
}

.property-media-service-tools .property-media-bulk button.is-download {
    color: #405149;
}

.property-media-service-tools .property-media-bulk button.is-approve svg {
    width: 17px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.property-media-service-tools .property-media-bulk button.is-approve.is-active:not(:disabled) {
    color: #fff;
    border-color: #789f45;
    background: #789f45;
}

.property-media-service-tools .property-media-bulk button {
    color: #59665f;
    border-color: rgba(76, 93, 84, .12);
    background: #fff;
}

.property-media-service-tools .property-media-bulk button:disabled {
    opacity: .42;
    cursor: default;
}

.property-media-service-tools .property-media-bulk button.is-danger:not(:disabled) {
    color: #984f47;
    border-color: rgba(152, 79, 71, .22);
    background: #fff5f3;
}

.property-media-upload-dialog {
    width: min(920px, calc(100vw - 28px));
    max-height: min(860px, calc(100vh - 28px));
    max-width: none;
    padding: 0;
    overflow: hidden;
    border: 0;
    border-radius: 22px;
    background: #fff;
    box-shadow: 0 28px 90px rgba(24, 39, 31, .34);
}

.property-media-upload-dialog::backdrop { background: rgba(18, 28, 23, .58); backdrop-filter: blur(6px); }
.property-media-upload-shell { display: grid; max-height: min(860px, calc(100vh - 28px)); grid-template-rows: auto minmax(0,1fr) auto; color: #2d3c34; }
.property-media-upload-shell > header { display: flex; min-height: 76px; padding: 0 22px; gap: 13px; align-items: center; border-bottom: 1px solid #e8ece8; }
.property-media-upload-shell > header > span { display: grid; width: 42px; height: 42px; place-items: center; color: #486837; border-radius: 13px; background: #edf5df; font-size: 23px; }
.property-media-upload-shell > header p { display: grid; flex: 1; margin: 0; gap: 2px; }
.property-media-upload-shell > header small { color: #819087; font-size: 11px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.property-media-upload-shell > header strong { font-size: 19px; }
.property-media-upload-shell > header button { width: 38px; height: 38px; padding: 0; color: #6e7a73; border: 1px solid #e1e6e2; border-radius: 50%; background: #fff; font-size: 24px; cursor: pointer; }
.property-media-upload-areas { display: grid; padding: 18px 22px 22px; gap: 14px; overflow: auto; grid-template-columns: repeat(2,minmax(0,1fr)); align-items: start; background: #f6f8f5; }
.property-media-upload-area { display: grid; overflow: hidden; border: 1px solid #dfe6df; border-radius: 17px; background: #fff; box-shadow: 0 5px 18px rgba(43,63,48,.05); }
.property-media-upload-area > header { display: flex; min-height: 64px; padding: 13px 15px; gap: 10px; align-items: center; justify-content: space-between; border-bottom: 1px solid #edf0ed; }
.property-media-upload-area > header p { display: grid; min-width: 0; margin: 0; gap: 2px; }
.property-media-upload-area > header strong { font-size: 14px; }
.property-media-upload-area > header small { color: #849087; font-size: 10px; }
.property-media-upload-area > header b { flex: 0 0 auto; color: #718079; font-size: 10px; }
.property-media-upload-area.is-uploading > header b { color: #5f853f; }
.property-media-upload-area > [data-media-upload-cancel] { justify-self: end; margin: 0 15px 6px; padding: 9px 14px; border: 1px solid #dbb8b3; border-radius: 10px; background: #fff3f0; color: #8d3e35; font: inherit; font-weight: 700; cursor: pointer; }
.property-media-upload-area > [data-media-upload-cancel] + small { margin: 0 15px 15px; color: #718079; }
.property-media-upload-dropzone { display: flex; min-height: 92px; margin: 13px; padding: 14px; gap: 12px; align-items: center; justify-content: center; border: 2px dashed #cbd8c5; border-radius: 13px; background: #f8faf6; cursor: pointer; transition: border-color .18s, background .18s, transform .18s; }
.property-media-upload-dropzone.is-dragover { border-color: #83a85b; background: #f0f7e6; transform: scale(.992); }
.property-media-upload-dropzone.is-uploading { border-style: solid; border-color: #8eb769; background: linear-gradient(110deg,#f1f8e8,#fbfdf8); box-shadow: inset 0 0 0 1px rgba(126,166,84,.08); }
.property-media-upload-dropzone.is-uploading > span { color: #fff; background: #79a64e; animation: property-media-upload-pulse 1.15s ease-in-out infinite; }
.property-media-upload-dropzone.is-uploading strong { color: #4f7434; }
.property-media-upload-dropzone.is-processing { border-style: solid; border-color: #e3bc62; background: #fff9ea; }
.property-media-upload-dropzone.is-processing > span { color: #fff; background: #d7a52f; animation: property-media-processing-spin 1.1s linear infinite; }
.property-media-upload-dropzone.is-processing strong { color: #86651d; }
.property-media-upload-dropzone.is-complete { border-style: solid; border-color: #b8d39e; background: #f4f9ee; }
.property-media-upload-dropzone.is-complete > span { color: #fff; background: #79a64e; }
@keyframes property-media-upload-pulse { 0%,100% { transform: translateY(0); box-shadow: 0 0 0 0 rgba(121,166,78,.2); } 50% { transform: translateY(-3px); box-shadow: 0 0 0 7px rgba(121,166,78,0); } }
@keyframes property-media-processing-spin { to { transform: rotate(360deg); } }
.property-media-upload-dropzone > span { display: grid; width: 42px; height: 42px; flex: 0 0 auto; place-items: center; color: #567441; border-radius: 12px; background: #e5f0d5; font-size: 24px; }
.property-media-upload-dropzone p { display: grid; margin: 0; gap: 2px; }
.property-media-upload-dropzone strong { font-size: 12px; }
.property-media-upload-dropzone small { color: #859189; font-size: 10px; }
.property-media-upload-progress { display: flex; padding: 0 13px 12px; gap: 9px; align-items: center; }
.property-media-upload-progress progress { width: 100%; height: 8px; overflow: hidden; border: 0; border-radius: 10px; accent-color: #78a44c; }
.property-media-upload-progress span { width: 34px; color: #718079; text-align: right; font-size: 10px; font-weight: 800; }
.property-media-upload-list { display: grid; max-height: 150px; padding: 0 13px 13px; gap: 6px; overflow: auto; }
.property-media-upload-list article { display: flex; min-height: 48px; padding: 7px 9px; gap: 10px; align-items: center; border: 1px solid #e5eae6; border-radius: 11px; background: #fbfcfa; }
.property-media-upload-list article > span { display: grid; width: 34px; height: 34px; flex: 0 0 auto; place-items: center; color: #627853; border-radius: 9px; background: #edf3e6; font-size: 10px; font-weight: 900; }
.property-media-upload-list article p { display: grid; min-width: 0; flex: 1; margin: 0; gap: 2px; }
.property-media-upload-list article strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 13px; }
.property-media-upload-list article small { color: #88928d; font-size: 11px; }
.property-media-upload-list article button { min-width: 30px; height: 30px; padding: 0 8px; color: #92534c; border: 0; border-radius: 15px; background: #fff0ed; font-size: 11px; font-weight: 800; cursor: pointer; }
.property-media-upload-list article.is-complete > span { color: #4e7933; background: #e8f3dd; }
.property-media-upload-list article.is-failed { border-color: #efd3cf; background: #fff8f6; }
.property-media-upload-shell > footer { display: flex; min-height: 76px; padding: 14px 22px; gap: 16px; align-items: center; justify-content: space-between; border-top: 1px solid #e8ece8; background: #f8faf7; }
.property-media-upload-shell > footer p { max-width: 330px; margin: 0; color: #78857e; font-size: 12px; line-height: 1.4; }
.property-media-upload-shell > footer div { display: flex; gap: 8px; }
.property-media-upload-shell > footer button { min-height: 40px; padding: 0 14px; color: #5d6b63; border: 1px solid #dbe2dc; border-radius: 10px; background: #fff; font-weight: 800; cursor: pointer; }
.property-media-upload-shell > footer button.is-primary { color: #fff; border-color: #668b47; background: #668b47; }
.property-media-upload-shell button:disabled { opacity: .45; cursor: default; }
@media (max-width:720px) { .property-media-upload-areas { grid-template-columns: 1fr; } }

.property-video-add-dialog{width:min(820px,calc(100vw - 28px));max-width:none;padding:0;overflow:hidden;border:0;border-radius:22px;background:#fff;box-shadow:0 28px 90px rgba(18,32,24,.3)}
.property-video-add-dialog::backdrop{background:rgba(18,28,23,.58);backdrop-filter:blur(6px)}
.property-video-add-shell{display:grid;max-height:min(820px,calc(100vh - 28px));grid-template-rows:auto minmax(0,1fr) auto;color:#2d3c34}
.property-video-add-shell>header{display:flex;min-height:76px;padding:0 22px;gap:13px;align-items:center;border-bottom:1px solid #e8ece8}
.property-video-add-shell>header>span{display:grid;width:42px;height:42px;place-items:center;color:#486837;border-radius:13px;background:#edf5df;font-size:19px}
.property-video-add-shell>header p{display:grid;flex:1;margin:0;gap:2px}.property-video-add-shell>header small{color:#819087;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.property-video-add-shell>header strong{font-size:19px}
.property-video-add-shell>header button{width:38px;height:38px;padding:0;color:#6e7a73;border:1px solid #e1e6e2;border-radius:50%;background:#fff;font-size:24px;cursor:pointer}
.property-video-add-body{padding:22px;overflow:auto;background:#f6f8f5}
.property-video-source-choices{display:grid;grid-template-columns:1fr 1fr;gap:13px}
.property-video-source-choices>button{display:grid;min-height:142px;padding:17px;grid-template-columns:46px minmax(0,1fr);grid-template-rows:1fr auto;gap:8px 13px;text-align:left;color:#2f3e35;border:1px solid #dfe6df;border-radius:17px;background:#fff;box-shadow:0 5px 18px rgba(43,63,48,.05);cursor:pointer;transition:transform .16s,border-color .16s,box-shadow .16s}
.property-video-source-choices>button:hover,.property-video-source-choices>button:focus-visible{outline:0;border-color:#a9c58c;box-shadow:0 9px 22px rgba(43,63,48,.1);transform:translateY(-2px)}
.property-video-source-choices>button>span{display:grid;width:46px;height:46px;grid-row:1/-1;place-items:center;color:#55743e;border-radius:13px;background:#eaf3df;font-size:24px}.property-video-source-choices p{display:grid;margin:0;gap:5px}.property-video-source-choices strong{font-size:15px}.property-video-source-choices small{color:#7f8c84;font-size:11px;line-height:1.45}.property-video-source-choices b{color:#668b47;font-size:11px}
.property-video-link-form{display:grid;gap:16px}.property-video-add-back{width:max-content;padding:0;color:#64804e;border:0;background:transparent;font-size:11px;font-weight:850;cursor:pointer}
.property-video-link-intro{display:flex;padding:15px;gap:13px;align-items:center;border:1px solid #e0e7dd;border-radius:15px;background:#fff}.property-video-link-intro>span{display:grid;width:42px;height:42px;flex:0 0 auto;place-items:center;color:#567441;border-radius:12px;background:#e5f0d5;font-size:23px}.property-video-link-intro p{display:grid;margin:0;gap:3px}.property-video-link-intro strong{font-size:15px}.property-video-link-intro small{color:#7d8982;font-size:11px;line-height:1.4}
.property-video-link-form label{display:grid;gap:6px;color:#65736b;font-size:10px;font-weight:900;letter-spacing:.05em;text-transform:uppercase}.property-video-link-form input,.property-video-link-form select{width:100%;height:42px;padding:0 12px;color:#2f3d35;border:1px solid #d9e2da;border-radius:11px;background:#fff;font:700 13px Arial,sans-serif;text-transform:none;letter-spacing:normal}.property-video-link-form input:focus,.property-video-link-form select:focus{outline:3px solid rgba(130,169,87,.18);border-color:#88aa64}.property-video-link-url small{color:#86928b;font-size:10px;font-weight:600;letter-spacing:normal;text-transform:none}.property-video-link-fields{display:grid;grid-template-columns:1.3fr .7fr;gap:12px}.property-video-link-error{margin:0;padding:10px 12px;color:#964f46;border:1px solid #efd1cc;border-radius:10px;background:#fff3f0;font-size:11px;font-weight:750}
.property-video-slideshow-intro{display:grid;max-width:600px;margin:0 auto;padding:8px 4px 18px;justify-items:center;text-align:center}.property-video-slideshow-intro>.property-video-add-back{justify-self:start}.property-video-slideshow-intro>span{display:grid;width:70px;height:70px;margin:24px 0 13px;place-items:center;color:#567441;border-radius:22px;background:#e5f0d5;font-size:34px}.property-video-slideshow-intro h3{margin:0 0 8px;font-size:22px}.property-video-slideshow-intro p{max-width:500px;margin:0;color:#536159;font-size:14px;line-height:1.55}.property-video-slideshow-intro small{max-width:520px;margin-top:12px;color:#839087;font-size:11px;line-height:1.5}
.property-video-add-shell>footer{display:flex;min-height:76px;padding:14px 22px;gap:16px;align-items:center;justify-content:space-between;border-top:1px solid #e8ece8;background:#f8faf7}.property-video-add-shell>footer p{max-width:440px;margin:0;color:#78857e;font-size:12px;line-height:1.4}.property-video-add-shell>footer div{display:flex;gap:8px}.property-video-add-shell>footer button{min-height:40px;padding:0 15px;color:#5d6b63;border:1px solid #dbe2dc;border-radius:10px;background:#fff;font-weight:800;cursor:pointer}.property-video-add-shell>footer button.is-primary{color:#fff;border-color:#668b47;background:#668b47}
@media(max-width:650px){.property-video-source-choices{grid-template-columns:1fr}.property-video-source-choices>button{min-height:122px}.property-video-link-fields{grid-template-columns:1fr}.property-video-add-shell>footer{align-items:stretch;flex-direction:column}.property-video-add-shell>footer div{justify-content:flex-end}}

.property-media-preview-dialog {
    width: min(1180px, calc(100vw - 34px));
    height: min(860px, calc(100vh - 34px));
    max-width: none;
    max-height: none;
    padding: 0;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .25);
    border-radius: 22px;
    background: #101513;
    box-shadow: 0 30px 100px rgba(0, 0, 0, .48);
}

.property-media-preview-dialog::backdrop {
    background: rgba(8, 13, 11, .78);
    backdrop-filter: blur(8px);
}

.property-media-preview-shell {
    position: relative;
    display: grid;
    height: 100%;
    grid-template-rows: 62px minmax(0, 1fr);
    color: #fff;
}

.property-media-preview-shell > header {
    display: flex;
    padding: 0 20px;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid rgba(255, 255, 255, .1);
    background: rgba(20, 27, 24, .96);
}

.property-media-preview-shell > header p {
    display: grid;
    min-width: 0;
    margin: 0;
    gap: 3px;
}

.property-media-preview-shell > header strong {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
}

.property-media-preview-shell > header small {
    color: rgba(255, 255, 255, .58);
    font-size: 12px;
}

.property-media-preview-shell > header button {
    display: grid;
    width: 38px;
    height: 38px;
    padding: 0;
    place-items: center;
    color: #fff;
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 50%;
    background: rgba(255, 255, 255, .07);
    font-size: 26px;
    cursor: pointer;
}

.property-media-preview-shell figure {
    display: grid;
    min-height: 0;
    margin: 0;
    padding: 24px 80px;
    place-items: center;
    overflow: hidden;
    background: radial-gradient(circle at 50% 45%, #222a26, #0b0f0d 72%);
}

.property-media-preview-shell figure img {
    display: block;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    box-shadow: 0 20px 60px rgba(0, 0, 0, .42);
    pointer-events: none;
    -webkit-user-drag: none;
    user-select: none;
}

.property-media-preview-arrow {
    position: absolute;
    z-index: 2;
    width: 50px;
    height: 72px;
    top: 50%;
    padding: 0;
    color: #fff;
    border: 1px solid rgba(255, 255, 255, .13);
    border-radius: 25px;
    background: rgba(18, 25, 22, .62);
    font-size: 50px;
    line-height: 1;
    cursor: pointer;
    backdrop-filter: blur(10px);
    transform: translateY(-30%);
    transition: .18s;
}

.property-media-preview-arrow:hover {
    background: rgba(111, 145, 75, .85);
    transform: translateY(-30%) scale(1.06);
}

.property-media-preview-arrow.is-previous { left: 18px; }
.property-media-preview-arrow.is-next { right: 18px; }

.property-video-section-tools {
    display: flex;
    padding: 16px 0;
    gap: 18px;
    align-items: center;
    justify-content: space-between;
}

.property-video-section-tools > div { display: grid; gap: 4px; }
.property-video-section-tools strong { color: #35443c; font-size: 15px; }
.property-video-section-tools span { color: #7b8781; font-size: 12px; line-height: 1.4; }
.property-video-section-tools .property-media-add { flex: 0 0 auto; }
.property-video-assets { display: grid; gap: 14px; }

.property-video-card {
    display: grid;
    grid-template-columns: minmax(230px, 31%) minmax(0, 1fr);
    overflow: hidden;
    border: 1px solid rgba(67, 84, 75, .12);
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 8px 24px rgba(38, 55, 46, .07);
    align-items: start;
    cursor: default;
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.property-video-card.has-reorder { cursor: grab; }

.property-video-card:hover { transform: translateY(-2px); box-shadow: 0 14px 30px rgba(38, 55, 46, .11); }
.property-video-card.is-drop-target { border-color: #8db64b; box-shadow: 0 0 0 3px rgba(141, 182, 75, .24), 0 14px 30px rgba(38, 55, 46, .11); }
.property-video-card.is-failed { border-color: rgba(174, 82, 72, .28); }
.property-video-card-preview { position: relative; width: 100%; min-height: 0; aspect-ratio: 16/9; overflow: hidden; display: grid; place-items: center; color: #fff; background: linear-gradient(145deg,#33433b,#15201b); }
.property-video-card-preview > img { width: 100%; height: 100%; object-fit: cover; pointer-events: none; user-select: none; -webkit-user-drag: none; }
.property-video-card-preview > span { font-size: 14px; font-weight: 900; letter-spacing: .12em; opacity: .7; }
.property-video-card-preview > i { position: absolute; display: grid; width: 58px; height: 58px; place-items: center; border: 3px solid rgba(255,255,255,.9); border-radius: 50%; background: rgba(22,34,29,.52); box-shadow: 0 8px 20px rgba(0,0,0,.25); }
.property-video-card-preview > i::after { content: ''; margin-left: 5px; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 16px solid #fff; }
.property-video-card-preview > b { position: absolute; left: 10px; top: 10px; display: grid; width: 28px; height: 28px; place-items: center; color: #fff; border-radius: 9px; background: rgba(24,40,35,.72); font-size: 12px; }
.property-video-reposition { position: absolute; left: 10px; top: 50%; display: grid; width: 34px; height: 34px; place-items: center; border: 1px solid rgba(255,255,255,.58); border-radius: 50%; background: rgba(24,40,35,.7); transform: translateY(-50%); }
.property-video-reposition img { width: 17px; height: 17px; object-fit: contain; filter: brightness(0) invert(1); pointer-events: none; }
.property-video-card-body { display: grid; padding: 15px 17px; gap: 13px; }
.property-video-card-heading { display: flex; gap: 12px; align-items: start; justify-content: space-between; }
.property-video-card-heading p { display: grid; min-width: 0; margin: 0; gap: 4px; }
.property-video-card-heading strong { overflow: hidden; color: #2d3c34; font-size: 15px; text-overflow: ellipsis; white-space: nowrap; }
.property-video-card-heading small { color: #87928c; font-size: 11px; }
.property-video-status { flex: 0 0 auto; padding: 5px 9px; color: #5b733f; border: 0; border-radius: 999px; background: #edf5df; font: 900 10px Arial,sans-serif; }
button.property-video-status { cursor: pointer; }
button.property-video-status:hover { background: #dfeecb; }
.property-video-card.is-failed .property-video-status { color: #984f47; background: #fff0ed; }
.property-video-card-fields { display: grid; grid-template-columns: minmax(150px,.7fr) minmax(180px,1.3fr); gap: 10px; }
.property-video-card-fields label { display: grid; gap: 5px; color: #69766f; font-size: 10px; font-weight: 900; text-transform: uppercase; letter-spacing: .05em; }
.property-video-card-fields select,.property-video-card-fields input { width: 100%; height: 36px; padding: 0 10px; color: #2f3d35; border: 1px solid #dde4de; border-radius: 10px; background: #f9fbf8; font: 700 12px Arial,sans-serif; text-transform: none; letter-spacing: normal; }
.property-video-audiences { display: flex; margin: 0; padding: 0; gap: 8px; border: 0; }
.property-video-audiences legend { float: left; padding: 9px 9px 0 0; color: #637169; font-size: 11px; font-weight: 900; }
.property-video-audiences label { display: flex; min-width: 145px; padding: 8px 10px; gap: 8px; align-items: center; border: 1px solid #e1e7e1; border-radius: 11px; background: #fafcf9; cursor: pointer; }
.property-video-audiences input { width: 17px; height: 17px; accent-color: #87ad51; }
.property-video-audiences span { display: grid; gap: 1px; }
.property-video-audiences b { color: #3d4b43; font-size: 11px; }
.property-video-audiences small { color: #87918b; font-size: 9px; }
.property-video-card-actions { display: flex; gap: 7px; justify-content: flex-end; }
.property-video-card-actions button { min-height: 31px; padding: 0 11px; color: #52683d; border: 1px solid rgba(116,151,75,.2); border-radius: 16px; background: #f5f9ef; font-size: 11px; font-weight: 900; cursor: pointer; }
.property-video-card-actions button.is-danger { color: #984f47; border-color: rgba(152,79,71,.2); background: #fff7f5; }

.property-media-site-card > .property-media-site-links { display: grid; margin: 9px 0; grid-template-columns: 1fr 1fr; gap: 7px; }
.property-media-site-links > button { display: grid; min-height: 48px; padding: 7px 9px; gap: 2px; color: #fff; border: 0; border-radius: 12px; background: #31484d; text-align: left; cursor: pointer; }
.property-media-site-links > button:last-child { color: #30402c; background: #eaf3de; }
.property-media-site-links b { font-size: 11px; }
.property-media-site-links small { color: inherit; font-size: 9px; opacity: .75; }

@media (max-width: 700px) {
    .property-media-preview-dialog {
        width: calc(100vw - 16px);
        height: calc(100vh - 16px);
    }

    .property-media-preview-shell figure { padding: 18px 52px; }
    .property-media-preview-arrow { width: 40px; height: 60px; font-size: 40px; }
    .property-media-preview-arrow.is-previous { left: 8px; }
    .property-media-preview-arrow.is-next { right: 8px; }
}

@media (max-width: 980px) {
    .property-media-service-tools { grid-template-columns: 1fr; grid-template-areas: 'guidance' 'add' 'bulk'; }
    .property-media-upload-actions { width: max-content; }
    .property-media-bulk small { margin-right: auto; text-align: left; }
    .property-video-card { grid-template-columns: 210px minmax(0,1fr); }
    .property-media-service-tools.has-photo-size { grid-template-columns: 1fr auto; grid-template-areas: 'guidance add' 'size size' 'bulk bulk'; }
}

@media (max-width: 560px) {
    .property-media-stage .property-media-assets { grid-template-columns: 1fr; }
    .property-media-service-tools > .property-media-bulk { flex-wrap: wrap; }
    .property-media-service-tools > .property-media-bulk small { width: 100%; }
    .property-video-section-tools { align-items: start; flex-direction: column; }
    .property-video-card { grid-template-columns: 1fr; }
    .property-video-card-preview { aspect-ratio: 16/9; min-height: 0; }
    .property-video-card-fields { grid-template-columns: 1fr; }
    .property-video-audiences { display: grid; grid-template-columns: 1fr 1fr; }
    .property-video-audiences legend { grid-column: 1/-1; }
    .property-video-audiences label { min-width: 0; }
}

/* Compact video review: one 16:9 card with every control inside its lower edge. */
.property-media-service-title-row{display:flex;min-width:0;gap:14px;align-items:center}.property-media-service-title-row>.property-media-service-title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.property-video-summary-display{display:flex;gap:7px;align-items:center;color:#748078;font-size:9px;font-weight:850;white-space:nowrap}.property-video-summary-display>span{font-size:9px}.property-video-summary-display select{height:30px;padding:0 26px 0 9px;color:#34433b;border:1px solid #dce4de;border-radius:9px;background:#f8faf7;font:700 10px Arial,sans-serif;cursor:pointer}.property-video-section-tools{min-height:44px;padding:12px 0;justify-content:flex-end}.property-video-assets{grid-template-columns:repeat(auto-fit,minmax(min(100%,560px),720px));justify-content:start}.property-video-card{position:relative;display:block;width:100%;aspect-ratio:16/9;overflow:hidden}.property-video-card-preview{position:absolute;inset:0;aspect-ratio:auto}.property-video-card-body{position:absolute;z-index:4;right:0;bottom:0;left:0;display:grid;padding:12px 14px;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:end;background:rgba(255,255,255,.94);box-shadow:0 -8px 24px rgba(25,40,33,.12);backdrop-filter:blur(12px)}.property-video-card-fields{grid-template-columns:minmax(135px,.75fr) minmax(180px,1.25fr)}.property-video-card-fields select,.property-video-card-fields input{height:33px}.property-video-audiences{align-items:end;gap:5px}.property-video-audiences legend{display:flex;gap:6px;align-items:center;padding:0 4px 5px 0}.property-video-audiences legend small{color:#8a948e;font-size:8px;font-weight:650;white-space:nowrap}.property-video-audiences label{min-width:0;padding:7px 8px;gap:5px;border-radius:9px}.property-video-audiences input{width:15px;height:15px}.property-video-audiences b{font-size:10px}.property-video-card-actions{align-items:center}.property-video-card-actions button{min-height:30px;white-space:nowrap}.property-video-card-actions .trash-action-icon{width:30px!important;min-width:30px;height:30px!important;min-height:30px!important}.property-video-card-actions .trash-icon{transform:scale(.88)}
@media(max-width:900px){.property-video-card{min-height:500px;aspect-ratio:auto}.property-video-card-body{grid-template-columns:1fr 1fr}.property-video-card-fields{grid-column:1/-1}.property-video-card-actions{align-self:end}}
@media(max-width:560px){.property-media-service-title-row{align-items:flex-start;flex-direction:column;gap:7px}.property-video-summary-display{width:100%;justify-content:space-between}.property-video-card{min-height:610px}.property-video-card-body{grid-template-columns:1fr}.property-video-card-fields{grid-column:auto;grid-template-columns:1fr}.property-video-audiences{display:flex}.property-video-card-actions{justify-content:flex-start}}

/* Video deliverables follow the compact order-card layout and stack vertically. */
.property-media-service[data-media-service="video"]>summary{grid-template-columns:42px minmax(0,1fr) 18px}.property-media-service[data-media-service="video"]>summary>b,.property-media-service[data-media-service="video"]>summary>em{display:none}.property-video-assets{display:grid;grid-template-columns:1fr;gap:12px;padding:14px 0}.property-video-card{position:relative;display:grid;width:100%;min-height:0;aspect-ratio:auto;grid-template-columns:minmax(260px,32%) minmax(0,1fr);overflow:hidden;align-items:stretch}.property-video-card-preview{position:relative;inset:auto;width:100%;height:100%;min-height:230px;aspect-ratio:16/9}.property-video-card-body{position:static;display:grid;padding:14px 16px;grid-template-columns:minmax(0,1fr) auto;gap:11px 14px;align-items:center;background:#fff;box-shadow:none;backdrop-filter:none}.property-video-card-heading{grid-column:1/-1;align-items:center}.property-video-card-heading p{min-width:0}.property-video-card-fields{grid-column:1/-1;grid-template-columns:minmax(145px,.75fr) minmax(190px,1.25fr)}.property-video-audiences{align-items:center}.property-video-card-actions{align-items:center;justify-content:flex-end}.property-video-card-actions .property-video-reposition{position:static;display:grid;width:30px;height:30px;margin-left:3px;grid-template-columns:repeat(2,4px);grid-template-rows:repeat(3,4px);gap:3px;place-content:center;color:#718078;border:1px solid #dce4df;border-radius:9px;background:#f7f9f6;box-shadow:none;cursor:grab;transform:none}.property-video-reposition>span{width:4px;height:4px;border-radius:50%;background:currentColor}.property-video-card-actions .property-video-reposition:active{cursor:grabbing}.property-video-card-actions .property-video-status{min-height:30px;display:inline-flex;align-items:center}.property-video-card-actions>button:first-child{color:#52683d;border-color:rgba(116,151,75,.2);background:#edf4e2}.property-video-assets .property-media-empty .property-media-add{width:max-content;margin:10px auto 0}
@media(max-width:900px){.property-video-card{min-height:0;grid-template-columns:minmax(230px,38%) minmax(0,1fr)}.property-video-card-body{grid-template-columns:1fr}.property-video-card-fields{grid-column:auto;grid-template-columns:1fr}.property-video-card-heading{grid-column:auto}.property-video-card-actions{justify-content:flex-start}}
@media(max-width:650px){.property-video-card{min-height:0;grid-template-columns:1fr}.property-video-card-preview{height:auto;min-height:0;aspect-ratio:16/9}.property-video-card-body{grid-template-columns:1fr}.property-video-audiences{display:flex}.property-video-card-actions{flex-wrap:wrap}}

/* Final compact spacing and card-level poster control. */
.property-media-service[data-media-service="video"]>summary{grid-template-columns:42px minmax(0,1fr) auto 18px}.property-media-service[data-media-service="video"]>summary>b{display:block;justify-self:end}.property-media-service[data-media-service="video"]>summary>em{display:none}.property-video-section-tools{min-height:36px;padding:9px 0 7px}.property-video-section-tools .property-media-add{min-width:146px}.property-video-assets{padding:7px 0 10px}.property-video-card-preview{min-height:195px}.property-video-card-body{padding:10px 13px;gap:8px 12px}.property-video-card-fields label{gap:3px}.property-video-card-fields select,.property-video-card-fields input{height:31px}.property-video-audiences legend{padding-bottom:3px}.property-video-audiences label{padding:5px 7px}.property-video-card-actions button{min-height:28px}.property-video-poster-button{position:absolute;z-index:4;right:10px;bottom:10px;min-height:30px;padding:0 11px;color:#fff;border:1px solid rgba(255,255,255,.45);border-radius:16px;background:rgba(24,40,35,.72);box-shadow:0 5px 16px rgba(13,24,19,.2);font:850 10px Arial,sans-serif;cursor:pointer}.property-video-poster-button:hover,.property-video-poster-button:focus-visible{outline:0;background:rgba(65,91,53,.92)}
@media(max-width:900px){.property-video-card-preview{min-height:190px}.property-video-card-body{padding:10px 12px}}
@media(max-width:650px){.property-video-card-preview{min-height:0}.property-video-section-tools .property-media-add{width:max-content}}

/* Match the shared media action and align video-card utilities with audience controls. */
.property-video-section-tools .property-media-add{height:31px;padding:0 11px;color:#52683d;border:1px solid rgba(116,151,75,.18);border-radius:16px;background:#edf4e2;font-size:13px;font-weight:800;cursor:pointer}.property-video-card-actions{align-self:end}.property-video-card-actions .trash-action-icon{width:34px!important;min-width:34px;height:34px!important;min-height:34px!important}.property-video-card-actions .trash-icon{transform:scale(1.02)}

/* Independent video records: compact cards and handle-only reordering. */
.property-media-service[data-media-service="video"]>summary{grid-template-columns:42px minmax(0,1fr) auto 18px}
.property-media-service[data-media-service="video"]>summary .property-video-summary-add{align-self:center;justify-self:end;height:34px;padding:0 16px;color:#52683d;border:1px solid rgba(116,151,75,.2);border-radius:18px;background:#edf4e2;font-size:13px;font-weight:850;cursor:pointer}
.property-media-service[data-media-service="video"]>summary .property-video-summary-add:hover{background:#e4efd5}
.property-video-assets{padding:10px 0 12px 42px;gap:10px}
.property-video-card{grid-template-columns:minmax(230px,29%) minmax(0,1fr);min-height:180px;overflow:visible}
.property-video-card.has-reorder{cursor:default}
.property-video-card-preview{min-height:180px;overflow:hidden;border-radius:18px 0 0 18px}
.property-video-card-body{padding:10px 13px;grid-template-columns:minmax(0,1fr) auto;gap:7px 12px}
.property-video-card-heading{grid-column:1/-1}
.property-video-card-heading strong{font-size:16px}
.property-video-card-fields{grid-column:1/-1;grid-template-columns:minmax(130px,.75fr) minmax(175px,1.1fr) minmax(150px,.85fr);gap:8px}
.property-video-card-fields select,.property-video-card-fields input{height:32px}
.property-video-audiences{align-self:end}
.property-video-card-actions{align-self:end;gap:8px}
.property-video-card-actions .property-video-reupload{min-height:32px;padding:0 13px}
.property-video-card>.property-video-reposition{position:absolute;z-index:7;right:auto;left:-38px;top:50%;display:grid;width:30px;height:34px;padding:3px;place-items:center;border:0;border-radius:0;background:transparent;box-shadow:none;cursor:grab;transform:translateY(-50%)}
.property-video-card>.property-video-reposition:active{cursor:grabbing}
.property-video-card>.property-video-reposition img{display:block;width:24px;height:24px;object-fit:contain;filter:brightness(0) saturate(100%) invert(68%);opacity:1;pointer-events:none}
.property-video-card.is-dragging{opacity:.86;transform:none}
.property-video-card.is-drop-target{transform:none}
.property-video-card.is-poster-uploading .property-video-poster-button{display:inline-flex;gap:7px;align-items:center;cursor:wait}
.property-video-card.is-poster-uploading .property-video-poster-button:before{content:'';width:12px;height:12px;border:2px solid rgba(255,255,255,.45);border-top-color:#fff;border-radius:50%;animation:property-video-spin .7s linear infinite}
.property-video-card.is-video-reuploading .property-video-reupload{display:inline-flex;gap:7px;align-items:center;cursor:wait}
.property-video-card.is-video-reuploading .property-video-reupload:before{content:'';width:12px;height:12px;border:2px solid rgba(82,104,61,.25);border-top-color:#52683d;border-radius:50%;animation:property-video-spin .7s linear infinite}
.property-video-replacement-progress{grid-column:1/-1;display:grid;padding:9px 11px;grid-template-columns:minmax(0,1fr) minmax(130px,220px) 38px;gap:10px;align-items:center;border:1px solid #dce7d0;border-radius:11px;background:#f5f9ef}.property-video-replacement-progress p{display:grid;margin:0;gap:2px}.property-video-replacement-progress strong{color:#4f663b;font-size:11px}.property-video-replacement-progress small{color:#75816f;font-size:9px}.property-video-replacement-progress progress{width:100%;height:8px;accent-color:#7ba34a}.property-video-replacement-progress>span{color:#52683d;font-size:11px;font-weight:900;text-align:right}.property-video-replacement-progress.is-failed,.property-video-replacement-progress.is-interrupted{border-color:#efd2cc;background:#fff5f2}.property-video-replacement-progress.is-failed strong,.property-video-replacement-progress.is-interrupted strong,.property-video-replacement-progress.is-failed>span,.property-video-replacement-progress.is-interrupted>span{color:#9a4e46}.property-video-card-actions button:disabled{opacity:.66;cursor:wait}
.video-replacement-upload-indicator{position:fixed;z-index:120;right:22px;bottom:22px;display:flex;min-width:290px;max-width:min(420px,calc(100vw - 32px));padding:12px 15px;gap:11px;align-items:center;border:1px solid rgba(255,255,255,.9);border-radius:16px;background:rgba(248,251,245,.96);box-shadow:0 14px 38px rgba(28,43,34,.22);backdrop-filter:blur(14px)}.video-replacement-upload-indicator>span{width:18px;height:18px;border:3px solid rgba(111,145,67,.2);border-top-color:#6f9143;border-radius:50%;animation:property-video-spin .7s linear infinite}.video-replacement-upload-indicator p{display:grid;margin:0;gap:3px}.video-replacement-upload-indicator strong{color:#33432f;font-size:12px}.video-replacement-upload-indicator small{color:#6f7c6a;font-size:10px}
@keyframes property-video-spin{to{transform:rotate(360deg)}}
@media(max-width:1050px){.property-video-card{grid-template-columns:minmax(220px,34%) minmax(0,1fr)}.property-video-card-fields{grid-template-columns:1fr 1fr}.property-video-card-fields label:last-child{grid-column:1/-1}}
@media(max-width:700px){.property-media-service[data-media-service="video"]>summary{grid-template-columns:38px minmax(0,1fr) auto 16px}.property-media-service[data-media-service="video"]>summary .property-video-summary-add{height:31px;padding:0 10px;font-size:11px}.property-video-assets{padding-left:34px}.property-video-card{grid-template-columns:1fr}.property-video-card>.property-video-reposition{left:-32px}.property-video-card-preview{min-height:0;border-radius:18px 18px 0 0}.property-video-card-fields{grid-template-columns:1fr}.property-video-card-fields label:last-child{grid-column:auto}.property-video-card-actions{flex-wrap:wrap;justify-content:flex-start}}

.property-media-preview-status { position: absolute; bottom: 16px; left: 50%; transform: translateX(-50%); padding: 8px 14px; border-radius: 8px; color: white; background: rgba(0,0,0,.7); font-size: 14px; text-align: center; }

.order-card-actions .order-workflow-check.is-qc-performed { color: #fff; background: #8bc329; border-color: #8bc329; }