@charset "UTF-8";

body.video-watermark-active {
    overflow: hidden;
    background: #0f1115;
    background-image: none;
}

body.light-mode.video-watermark-active {
    background: #f5f6f8;
}

body.video-watermark-active #main-container {
    min-height: 0;
    padding: 10px 12px 14px;
    overflow: hidden;
}

#video-watermark-page {
    --vw-surface: #17191f;
    --vw-surface-soft: #1e2128;
    --vw-surface-strong: #262a33;
    --vw-border: #30343e;
    --vw-border-strong: #424854;
    --vw-text: #f5f6f8;
    --vw-body: #c4c8d1;
    --vw-muted: #8f96a3;
    --vw-accent: #6f7df2;
    --vw-accent-hover: #5d6ce2;
    --vw-accent-soft: rgba(111, 125, 242, .14);
    --vw-green: #2fc486;
    --vw-green-soft: rgba(47, 196, 134, .12);
    --vw-yellow: #e2a23b;
    --vw-yellow-soft: rgba(226, 162, 59, .12);
    --vw-red: #e96565;
    min-height: 0;
    overflow: visible;
    color: var(--vw-text);
    font-family: Inter, "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;
    -webkit-font-smoothing: antialiased;
}

body.light-mode #video-watermark-page {
    --vw-surface: #fff;
    --vw-surface-soft: #f6f7f9;
    --vw-surface-strong: #edf0f4;
    --vw-border: #e1e4e9;
    --vw-border-strong: #ccd2da;
    --vw-text: #182033;
    --vw-body: #596579;
    --vw-muted: #8994a5;
    --vw-accent: #536df0;
    --vw-accent-hover: #435edb;
    --vw-accent-soft: #edf0ff;
    --vw-green: #1da76d;
    --vw-green-soft: #e9f8f1;
    --vw-yellow: #b87915;
    --vw-yellow-soft: #fff5df;
    --vw-red: #d84f4f;
}

#video-watermark-page.active-page {
    height: 100%;
    min-height: 0;
    overflow: hidden;
    gap: 0;
}

.video-watermark-page {
    width: 100%;
    max-width: none;
    height: 100%;
    min-height: 0;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    gap: 12px;
    margin: 0;
    overflow: hidden;
}

.video-watermark-intro,
.video-watermark-card {
    border: 1px solid var(--vw-border);
    background: var(--vw-surface);
}

.video-watermark-intro {
    width: 100%;
    height: auto;
    min-height: 112px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    margin: 0;
    padding: 18px 22px;
    border-radius: 18px;
    overflow: visible;
    backdrop-filter: none;
}

.video-watermark-intro-copy {
    min-width: 0;
    display: grid;
    gap: 7px;
}

.video-watermark-kicker {
    width: fit-content;
    min-height: 25px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 0 9px;
    border-radius: 999px;
    background: var(--vw-accent-soft);
    color: var(--vw-accent);
    font-size: 11px;
    font-weight: 700;
}

.video-watermark-kicker svg {
    width: 14px;
    height: 14px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.video-watermark-intro h1 {
    margin: 0;
    color: var(--vw-text);
    font-size: clamp(25px, 2.3vw, 34px);
    font-weight: 760;
    line-height: 1.18;
    letter-spacing: -.03em;
}

.video-watermark-intro p {
    max-width: 720px;
    margin: 0;
    color: var(--vw-body);
    font-size: 13px;
    line-height: 1.65;
}

.video-watermark-intro-note {
    min-width: 230px;
    display: grid;
    gap: 4px;
    padding: 12px 14px;
    border-radius: 12px;
    background: var(--vw-surface-soft);
}

.video-watermark-intro-note strong {
    color: var(--vw-text);
    font-size: 12px;
    font-weight: 700;
}

.video-watermark-intro-note span {
    color: var(--vw-muted);
    font-size: 10.5px;
    line-height: 1.5;
}

.video-watermark-shell {
    width: 100%;
    min-width: 0;
    min-height: 0;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    gap: 12px;
}

.video-watermark-card {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 17px;
    border-radius: 17px;
}

.video-watermark-card-head {
    min-height: 38px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
}

.video-watermark-card-head > div {
    min-width: 0;
    display: grid;
    gap: 4px;
}

.video-watermark-card-head strong {
    color: var(--vw-text);
    font-size: 15px;
    font-weight: 720;
}

.video-watermark-card-head span {
    color: var(--vw-muted);
    font-size: 11.5px;
    line-height: 1.5;
}

.video-watermark-card-head > i {
    min-width: 30px;
    min-height: 25px;
    display: grid;
    place-items: center;
    padding: 0 7px;
    border-radius: 8px;
    background: var(--vw-surface-soft);
    color: var(--vw-muted);
    font-size: 10.5px;
    font-style: normal;
    font-weight: 700;
}

.video-watermark-platform-card {
    gap: 11px;
}

.video-watermark-platforms {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(132px, 1fr));
    gap: 8px;
}

.video-watermark-platform-item {
    min-width: 0;
    min-height: 56px;
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 8px 10px;
    overflow: hidden;
    border: 1px solid var(--vw-border);
    border-radius: 11px;
    background: var(--vw-surface-soft);
    transition: border-color .16s ease, background-color .16s ease, transform .16s ease;
}

.video-watermark-platform-item:hover {
    transform: translateY(-1px);
    border-color: var(--vw-border-strong);
    background: var(--vw-surface-strong);
}

.video-watermark-platform-item.is-active {
    border-color: var(--vw-accent);
    background: var(--vw-accent-soft);
}

.video-watermark-platform-icon {
    width: 34px;
    height: 34px;
    flex: 0 0 auto;
    display: block;
}

.video-watermark-platform-icon > span {
    width: 100%;
    height: 100%;
    display: grid;
    place-items: center;
    overflow: hidden;
    border-radius: 9px;
    background: linear-gradient(135deg, #6573df, #9d6ce9);
    color: #fff;
    font-size: 13px;
    font-style: normal;
    font-weight: 780;
    line-height: 1;
}

.video-watermark-platform-icon.is-douyin > span { background: #08090d; text-shadow: -1px 0 #25f4ee, 1px 0 #fe2c55; }
.video-watermark-platform-icon.is-kuaishou > span { background: #ff4c0d; }
.video-watermark-platform-icon.is-instagram > span { background: linear-gradient(135deg, #7438f5, #d62976 50%, #f7a34b); }
.video-watermark-platform-icon.is-facebook > span { background: #1877f2; }
.video-watermark-platform-icon.is-youtube > span { background: #ff0033; }
.video-watermark-platform-icon.is-ixigua > span { background: #ff3b30; }
.video-watermark-platform-icon.is-toutiao > span { background: #f04142; }
.video-watermark-platform-icon.is-xiaohongshu > span { background: #ff2442; }
.video-watermark-platform-icon.is-weishi > span { background: linear-gradient(135deg, #14a8ff, #6b5cff); }
.video-watermark-platform-icon.is-huoshan > span { background: linear-gradient(135deg, #ff245c, #ff6637); }
.video-watermark-platform-icon.is-momo > span { background: #26a7ef; }
.video-watermark-platform-icon.is-inke > span { background: #ff7c32; }
.video-watermark-platform-icon.is-xiaokaxiu > span { background: #f5508d; }
.video-watermark-platform-icon.is-kaiyan > span { background: #15171c; }
.video-watermark-platform-icon.is-quanmin_video > span { background: #386ff5; }
.video-watermark-platform-icon.is-quanmin_kge > span { background: linear-gradient(135deg, #7257f5, #d14ac8); }
.video-watermark-platform-icon.is-zuiyou > span { background: #ff9f1a; }
.video-watermark-platform-icon.is-xiaoying > span { background: #ff5578; }
.video-watermark-platform-icon.is-weibo > span { background: #ff8200; }
.video-watermark-platform-icon.is-meipai > span { background: #fb4b85; }
.video-watermark-platform-icon.is-pipixia > span { background: #ff5b2d; }

.video-watermark-platform-copy {
    min-width: 0;
    display: grid;
    gap: 3px;
}

.video-watermark-platform-copy strong,
.video-watermark-platform-copy small {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.video-watermark-platform-copy strong {
    color: var(--vw-text);
    font-size: 12.5px;
    font-weight: 690;
}

.video-watermark-platform-copy small {
    color: var(--vw-muted);
    font-size: 9.5px;
    font-weight: 580;
}

.video-watermark-platform-item.is-available .video-watermark-platform-copy small { color: var(--vw-green); }
.video-watermark-platform-item.is-limited .video-watermark-platform-copy small { color: var(--vw-yellow); }
.video-watermark-platform-item.is-unavailable .video-watermark-platform-copy small,
.video-watermark-platform-item.is-disabled .video-watermark-platform-copy small { color: var(--vw-muted); }
.video-watermark-platform-item.is-disabled { opacity: .55; }

.video-watermark-platform-legend {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    color: var(--vw-muted);
    font-size: 10px;
}

.video-watermark-platform-legend span::before {
    content: "";
    width: 6px;
    height: 6px;
    display: inline-block;
    margin-right: 5px;
    border-radius: 50%;
    background: var(--vw-muted);
    vertical-align: 1px;
}

.video-watermark-platform-legend .is-available::before { background: var(--vw-green); }
.video-watermark-platform-legend .is-limited::before { background: var(--vw-yellow); }
.video-watermark-platform-legend .is-unavailable::before { background: var(--vw-muted); }

.video-watermark-workspace {
    width: 100%;
    min-width: 0;
    min-height: 0;
    display: grid;
    grid-template-columns: minmax(340px, .82fr) minmax(460px, 1.18fr);
    gap: 12px;
    align-items: stretch;
}

.video-watermark-link-box {
    position: relative;
    min-height: 176px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 13px;
    border: 1px solid var(--vw-border);
    border-radius: 13px;
    background: var(--vw-surface-soft);
    transition: border-color .16s ease, box-shadow .16s ease;
}

.video-watermark-link-box:focus-within {
    border-color: var(--vw-accent);
    box-shadow: 0 0 0 3px var(--vw-accent-soft);
}

.video-watermark-link-box > span {
    color: var(--vw-body);
    font-size: 12px;
    font-weight: 650;
}

.video-watermark-link-box textarea {
    width: 100%;
    min-height: 122px;
    flex: 1 1 auto;
    resize: vertical;
    padding: 0 0 18px;
    border: 0;
    outline: 0;
    background: transparent;
    color: var(--vw-text);
    font: inherit;
    font-size: 13.5px;
    line-height: 1.7;
}

.video-watermark-link-box textarea::placeholder {
    color: var(--vw-muted);
}

.video-watermark-link-box small {
    position: absolute;
    right: 12px;
    bottom: 9px;
    color: var(--vw-muted);
    font-size: 9.5px;
}

.video-watermark-link-actions {
    display: flex;
    gap: 8px;
}

.video-watermark-link-actions button,
.video-watermark-result-actions button,
.video-watermark-result-actions a {
    min-height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 0 12px;
    border: 1px solid var(--vw-border);
    border-radius: 9px;
    background: var(--vw-surface-soft);
    color: var(--vw-body);
    font: inherit;
    font-size: 11.5px;
    font-weight: 650;
    text-decoration: none;
    cursor: pointer;
}

.video-watermark-link-actions button:hover,
.video-watermark-result-actions button:hover,
.video-watermark-result-actions a:hover {
    border-color: var(--vw-border-strong);
    background: var(--vw-surface-strong);
    color: var(--vw-text);
}

.video-watermark-link-actions svg {
    width: 14px;
    height: 14px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.video-watermark-detected {
    min-height: 58px;
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
    padding: 8px 10px;
    border: 1px solid var(--vw-border);
    border-radius: 12px;
    background: var(--vw-surface-soft);
}

.video-watermark-detected.is-valid {
    border-color: rgba(47, 196, 134, .45);
    background: var(--vw-green-soft);
}

.video-watermark-detected.is-invalid {
    border-color: rgba(233, 101, 101, .38);
}

.video-watermark-detected-icon {
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    overflow: hidden;
    border-radius: 10px;
    color: var(--vw-muted);
}

.video-watermark-detected-icon.is-waiting {
    background: var(--vw-accent-soft);
    color: var(--vw-accent);
}

.video-watermark-detected-icon.is-waiting svg {
    width: 19px;
    height: 19px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.video-watermark-detected-icon.video-watermark-platform-icon,
.video-watermark-detected-icon.video-watermark-platform-icon > span {
    width: 38px;
    height: 38px;
}

.video-watermark-detected > div {
    min-width: 0;
    display: grid;
    gap: 3px;
}

.video-watermark-detected strong,
.video-watermark-detected small {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.video-watermark-detected strong { color: var(--vw-text); font-size: 12.5px; font-weight: 690; }
.video-watermark-detected small { color: var(--vw-muted); font-size: 10.5px; }
.video-watermark-detected em { color: var(--vw-accent); font-size: 11px; font-style: normal; font-weight: 700; white-space: nowrap; }

.video-watermark-task-panel {
    display: grid;
    gap: 8px;
    padding: 8px;
    border: 1px solid var(--vw-border);
    border-radius: 13px;
    background: var(--vw-surface-soft);
}

.video-watermark-submit-area {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 8px;
    border-radius: 10px;
    background: var(--vw-surface);
}

.video-watermark-submit-area > div {
    min-width: 0;
    display: grid;
    gap: 3px;
}

.video-watermark-submit-area strong { color: var(--vw-text); font-size: 12px; font-weight: 690; }
.video-watermark-submit-area span { color: var(--vw-muted); font-size: 10px; line-height: 1.45; }

.video-watermark-submit-area button {
    min-width: 108px;
    min-height: 37px;
    flex: 0 0 auto;
    padding: 0 16px;
    border: 0;
    border-radius: 9px;
    background: var(--vw-accent);
    color: #fff;
    font: inherit;
    font-size: 12px;
    font-weight: 720;
    cursor: pointer;
}

.video-watermark-submit-area button:hover { background: var(--vw-accent-hover); }
.video-watermark-submit-area button:disabled { opacity: .45; cursor: not-allowed; }

.video-watermark-status {
    display: grid;
    gap: 7px;
    padding: 8px;
    border-radius: 10px;
    background: var(--vw-surface);
}

.video-watermark-status > div:first-child {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    color: var(--vw-muted);
    font-size: 10.5px;
}

.video-watermark-status > div:first-child strong {
    color: var(--vw-text);
    font-weight: 700;
}

.video-watermark-status.is-error > div:first-child span { color: var(--vw-red); }
.video-watermark-progress { height: 5px; overflow: hidden; border-radius: 999px; background: var(--vw-border); }
.video-watermark-progress i { height: 100%; display: block; border-radius: inherit; background: var(--vw-accent); transition: width .3s ease; }

.video-watermark-safety-note {
    display: grid;
    grid-template-columns: 28px minmax(0, 1fr);
    align-items: center;
    gap: 9px;
    padding: 9px 10px;
    border-radius: 11px;
    background: var(--vw-green-soft);
}

.video-watermark-safety-note svg {
    width: 22px;
    height: 22px;
    fill: none;
    stroke: var(--vw-green);
    stroke-width: 1.7;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.video-watermark-safety-note > div {
    min-width: 0;
    display: grid;
    gap: 2px;
}

.video-watermark-safety-note strong { color: var(--vw-text); font-size: 10.5px; font-weight: 680; }
.video-watermark-safety-note span { color: var(--vw-muted); font-size: 9.5px; line-height: 1.45; }

.video-watermark-result-card {
    min-height: 100%;
}

.video-watermark-result-empty {
    min-height: 390px;
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 9px;
    padding: 30px;
    border: 1px dashed var(--vw-border-strong);
    border-radius: 14px;
    background: var(--vw-surface-soft);
    color: var(--vw-muted);
    text-align: center;
}

.video-watermark-result-empty > span {
    width: 54px;
    height: 54px;
    display: grid;
    place-items: center;
    border-radius: 16px;
    background: var(--vw-accent-soft);
    color: var(--vw-accent);
}

.video-watermark-result-empty svg {
    width: 25px;
    height: 25px;
    fill: none;
    stroke: currentColor;
}

.video-watermark-result-empty strong { color: var(--vw-text); font-size: 15px; font-weight: 710; }
.video-watermark-result-empty p { max-width: 440px; margin: 0; color: var(--vw-muted); font-size: 11.5px; line-height: 1.65; }

.video-watermark-result-empty-types {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 6px;
}

.video-watermark-result-empty-types span {
    min-height: 23px;
    display: inline-flex;
    align-items: center;
    padding: 0 8px;
    border: 1px solid var(--vw-border);
    border-radius: 999px;
    background: var(--vw-surface);
    color: var(--vw-body);
    font-size: 9.5px;
}

.video-watermark-result {
    min-width: 0;
    display: grid;
    gap: 11px;
}

.video-watermark-media-view {
    position: relative;
    min-width: 0;
    min-height: 320px;
    max-height: 58vh;
    overflow: auto;
    border: 1px solid var(--vw-border);
    border-radius: 14px;
    background: #050609;
}

.video-watermark-media-view > video,
.video-watermark-media-view > img {
    width: 100%;
    height: 100%;
    min-height: 320px;
    display: block;
    object-fit: contain;
    background: #050609;
}

.video-watermark-media-unavailable {
    min-height: 320px;
    display: grid;
    place-content: center;
    gap: 6px;
    padding: 24px;
    color: var(--vw-muted);
    text-align: center;
}

.video-watermark-media-unavailable strong { color: var(--vw-text); font-size: 14px; }
.video-watermark-media-unavailable span { max-width: 420px; font-size: 11px; line-height: 1.6; }

.video-watermark-gallery-grid,
.video-watermark-mixed-grid,
.video-watermark-live-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(135px, 1fr));
    gap: 8px;
    padding: 8px;
}

.video-watermark-gallery-item,
.video-watermark-mixed-item,
.video-watermark-audio-item,
.video-watermark-live-item {
    position: relative;
    min-width: 0;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 10px;
    background: #11141a;
    color: #fff;
    text-decoration: none;
}

.video-watermark-gallery-item {
    aspect-ratio: 4 / 5;
    display: block;
}

.video-watermark-gallery-item img,
.video-watermark-mixed-item video,
.video-watermark-live-item video {
    width: 100%;
    height: 100%;
    min-height: 150px;
    display: block;
    object-fit: cover;
    background: #050609;
}

.video-watermark-gallery-item > span,
.video-watermark-mixed-item > span,
.video-watermark-audio-item > span {
    position: absolute;
    right: 7px;
    bottom: 7px;
    left: 7px;
    overflow: hidden;
    padding: 5px 7px;
    border-radius: 7px;
    background: rgba(5,6,9,.76);
    color: #fff;
    font-size: 9.5px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.video-watermark-mixed-item { min-height: 180px; }

.video-watermark-audio-item,
.video-watermark-primary-audio {
    min-height: 160px;
    display: grid;
    place-content: center;
    gap: 16px;
    padding: 22px;
    background: radial-gradient(circle at top, rgba(111,125,242,.22), transparent 58%), #11141a;
}

.video-watermark-audio-item audio,
.video-watermark-primary-audio audio {
    width: min(100%, 420px);
}

.video-watermark-primary-audio > span {
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
}

.video-watermark-live-item {
    display: grid;
    gap: 7px;
    padding: 7px;
}

.video-watermark-live-item > strong {
    overflow: hidden;
    color: #fff;
    font-size: 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.video-watermark-result-copy {
    min-width: 0;
    display: grid;
    gap: 9px;
    padding: 11px;
    border: 1px solid var(--vw-border);
    border-radius: 13px;
    background: var(--vw-surface-soft);
}

.video-watermark-result-heading {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}

.video-watermark-result-heading > div {
    min-width: 0;
    display: grid;
    gap: 3px;
}

.video-watermark-result-heading strong,
.video-watermark-result-heading span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.video-watermark-result-heading strong { color: var(--vw-text); font-size: 14px; font-weight: 710; }
.video-watermark-result-heading span { color: var(--vw-body); font-size: 10.5px; }
.video-watermark-result-heading time { flex: 0 0 auto; color: var(--vw-muted); font-size: 9.5px; }

.video-watermark-result-specs {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 6px;
}

.video-watermark-result-specs > span {
    min-width: 0;
    min-height: 43px;
    display: grid;
    align-content: center;
    gap: 3px;
    padding: 6px 8px;
    border-radius: 8px;
    background: var(--vw-surface);
}

.video-watermark-result-specs small { color: var(--vw-muted); font-size: 9px; }
.video-watermark-result-specs strong { overflow: hidden; color: var(--vw-text); font-size: 10.5px; text-overflow: ellipsis; white-space: nowrap; }

.video-watermark-asset-list {
    max-height: 230px;
    display: grid;
    gap: 6px;
    overflow: auto;
}

.video-watermark-asset-row {
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 7px 8px;
    border: 1px solid var(--vw-border);
    border-radius: 9px;
    background: var(--vw-surface);
}

.video-watermark-asset-row > div {
    min-width: 0;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 2px 7px;
}

.video-watermark-asset-row span {
    grid-row: 1 / span 2;
    min-width: 48px;
    color: var(--vw-accent);
    font-size: 9px;
    font-weight: 700;
}

.video-watermark-asset-row strong,
.video-watermark-asset-row small {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.video-watermark-asset-row strong { color: var(--vw-text); font-size: 10.5px; }
.video-watermark-asset-row small { color: var(--vw-muted); font-size: 9px; }

.video-watermark-asset-row a,
.video-watermark-asset-row em {
    min-height: 28px;
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    padding: 0 10px;
    border-radius: 8px;
    font-size: 10px;
    font-style: normal;
    font-weight: 680;
    text-decoration: none;
}

.video-watermark-asset-row a { background: var(--vw-accent-soft); color: var(--vw-accent); }
.video-watermark-asset-row em { background: var(--vw-surface-strong); color: var(--vw-muted); }
.video-watermark-assets-empty { padding: 10px; color: var(--vw-muted); font-size: 10px; text-align: center; }

.video-watermark-result-source {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    color: var(--vw-muted);
    font-size: 10px;
}

.video-watermark-result-source a {
    max-width: 70%;
    overflow: hidden;
    color: var(--vw-accent);
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.video-watermark-result-actions {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
    gap: 7px;
}

.video-watermark-result-actions .is-primary {
    border-color: var(--vw-accent);
    background: var(--vw-accent);
    color: #fff;
}

.video-watermark-result-actions .is-primary:hover {
    border-color: var(--vw-accent-hover);
    background: var(--vw-accent-hover);
    color: #fff;
}

.video-watermark-expiry {
    color: var(--vw-muted);
    font-size: 9.5px;
    line-height: 1.5;
}

.generation-history-video-watermark-grid {
    width: 100%;
    aspect-ratio: 16 / 9;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: repeat(2, minmax(0, 1fr));
    gap: 3px;
    overflow: hidden;
    border-radius: 10px;
    background: #08090c;
}

.generation-history-video-watermark-grid.is-single { display: block; }

.generation-history-video-watermark-grid a {
    min-width: 0;
    min-height: 0;
    display: grid;
    place-items: center;
    overflow: hidden;
    background: #11141a;
    color: #fff;
    text-decoration: none;
}

.generation-history-video-watermark-grid img,
.generation-history-video-watermark-grid video {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.generation-history-video-watermark-grid a.is-audio span {
    font-size: 11px;
    font-weight: 700;
}

.generation-history-record-card.video-watermark-record .generation-history-source,
.generation-history-process-card.source-video-watermark .generation-history-source {
    color: var(--vw-accent);
}

@media (min-width: 681px) {
    .video-watermark-page {
        gap: 8px;
    }

    .video-watermark-intro {
        min-height: 64px;
        gap: 14px;
        padding: 6px 14px;
        border-radius: 14px;
    }

    .video-watermark-intro-copy {
        gap: 3px;
    }

    .video-watermark-kicker {
        min-height: 21px;
        padding-inline: 7px;
        font-size: 9.5px;
    }

    .video-watermark-intro h1 {
        font-size: clamp(21px, 1.8vw, 28px);
    }

    .video-watermark-intro p {
        font-size: 11px;
        line-height: 1.45;
    }

    .video-watermark-intro-note {
        min-width: 210px;
        gap: 2px;
        padding: 8px 10px;
    }

    .video-watermark-shell {
        gap: 8px;
        overflow: hidden;
    }

    .video-watermark-card {
        gap: 5px;
        padding: 8px;
        border-radius: 13px;
        overflow: hidden;
    }

    .video-watermark-card-head {
        min-height: 26px;
    }

    .video-watermark-card-head strong {
        font-size: 13px;
    }

    .video-watermark-card-head span {
        font-size: 9.5px;
        line-height: 1.35;
    }

    .video-watermark-card-head > i {
        min-height: 22px;
        font-size: 9px;
    }

    .video-watermark-platform-card {
        gap: 6px;
    }

    .video-watermark-platforms {
        grid-template-columns: repeat(7, minmax(0, 1fr));
        gap: 5px;
    }

    .video-watermark-platform-item {
        min-height: 38px;
        gap: 6px;
        padding: 4px 6px;
        border-radius: 9px;
    }

    .video-watermark-platform-icon,
    .video-watermark-platform-icon > span {
        width: 26px;
        height: 26px;
    }

    .video-watermark-platform-copy {
        gap: 1px;
    }

    .video-watermark-platform-copy strong {
        font-size: 10.5px;
    }

    .video-watermark-platform-copy small,
    .video-watermark-platform-legend {
        font-size: 8.5px;
    }

    .video-watermark-workspace {
        min-height: 0;
        gap: 8px;
        overflow: hidden;
    }

    .video-watermark-input-card,
    .video-watermark-result-card {
        min-height: 0;
    }

    .video-watermark-link-box {
        min-height: 60px;
        flex: 1 1 60px;
        gap: 3px;
        padding: 7px 8px;
    }

    .video-watermark-link-box > span {
        font-size: 10.5px;
    }

    .video-watermark-link-box textarea {
        min-height: 32px;
        resize: none;
        padding-bottom: 12px;
        font-size: 11.5px;
        line-height: 1.45;
    }

    .video-watermark-link-actions button,
    .video-watermark-result-actions button,
    .video-watermark-result-actions a {
        min-height: 29px;
        font-size: 10px;
    }

    .video-watermark-detected {
        min-height: 43px;
        grid-template-columns: 30px minmax(0, 1fr) auto;
        gap: 7px;
        padding: 5px 7px;
    }

    .video-watermark-detected-icon,
    .video-watermark-detected-icon.video-watermark-platform-icon,
    .video-watermark-detected-icon.video-watermark-platform-icon > span {
        width: 30px;
        height: 30px;
    }

    .video-watermark-task-panel {
        gap: 4px;
        padding: 4px;
    }

    .video-watermark-submit-area {
        gap: 8px;
        padding: 5px 6px;
    }

    .video-watermark-submit-area button {
        min-height: 31px;
    }

    .video-watermark-status {
        gap: 4px;
        padding: 5px 6px;
    }

    .video-watermark-safety-note {
        display: none;
    }

    .video-watermark-result-empty {
        min-height: 0;
        height: 100%;
        padding: 16px;
    }

    .video-watermark-result {
        min-height: 0;
        height: 100%;
        grid-template-rows: minmax(0, 1fr) auto;
        overflow: hidden;
    }

    .video-watermark-media-view,
    .video-watermark-media-view > video,
    .video-watermark-media-view > img,
    .video-watermark-media-unavailable {
        min-height: 0;
        height: 100%;
        max-height: none;
    }

    .video-watermark-result-copy {
        max-height: 46%;
        overflow: auto;
    }

    .video-watermark-asset-list {
        max-height: 100px;
    }
}

@media (max-width: 980px) {
    body.video-watermark-active #main-container {
        padding: 8px;
    }

    .video-watermark-workspace {
        grid-template-columns: minmax(260px, .82fr) minmax(320px, 1.18fr);
    }

    .video-watermark-result-empty {
        min-height: 0;
    }
}

@media (max-width: 680px) {
    body.video-watermark-active {
        overflow-x: hidden;
        overflow-y: auto;
    }

    body.video-watermark-active #main-container {
        height: auto;
        min-height: auto;
        padding: 9px 9px 78px;
        overflow: visible;
    }

    #video-watermark-page.active-page,
    .video-watermark-page {
        height: auto;
        min-height: auto;
        overflow: visible;
    }

    .video-watermark-page,
    .video-watermark-shell {
        grid-template-rows: auto;
    }

    .video-watermark-workspace {
        grid-template-columns: 1fr;
    }

    .video-watermark-page {
        gap: 10px;
    }

    .video-watermark-intro {
        height: auto;
        min-height: 0;
        align-items: flex-start;
        flex-direction: column;
        gap: 13px;
        margin: 0;
        padding: 17px 15px;
        border-radius: 14px;
    }

    .video-watermark-intro h1 {
        font-size: 24px;
    }

    .video-watermark-intro-note {
        width: 100%;
        min-width: 0;
    }

    .video-watermark-card {
        padding: 13px;
        border-radius: 14px;
    }

    .video-watermark-platforms {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 7px;
    }

    .video-watermark-platform-item {
        min-height: 54px;
        padding: 7px 8px;
    }

    .video-watermark-platform-icon {
        width: 32px;
        height: 32px;
    }

    .video-watermark-link-actions {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .video-watermark-submit-area {
        align-items: stretch;
        flex-direction: column;
    }

    .video-watermark-submit-area button {
        width: 100%;
    }

    .video-watermark-result-empty {
        min-height: 280px;
        padding: 24px 14px;
    }

    .video-watermark-media-view,
    .video-watermark-media-view > video,
    .video-watermark-media-view > img,
    .video-watermark-media-unavailable {
        min-height: 260px;
    }

    .video-watermark-result-specs {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .video-watermark-gallery-grid,
    .video-watermark-mixed-grid,
    .video-watermark-live-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 420px) {
    .video-watermark-intro h1 {
        font-size: 22px;
    }

    .video-watermark-platform-copy strong {
        font-size: 11.5px;
    }

    .video-watermark-detected {
        grid-template-columns: 34px minmax(0, 1fr);
    }

    .video-watermark-detected em {
        grid-column: 2;
    }

    .video-watermark-result-source {
        align-items: flex-start;
        flex-direction: column;
    }

    .video-watermark-result-source a {
        max-width: 100%;
    }
}