/*
 * Studio v2（提示词优先改版第一期，2026-10-11）样式。
 * 每条规则都挂在 html[data-studio-v2="1"] 下（作品区再加 html[data-studio-works="1"]），
 * 开关关掉时本文件不起任何作用。开关见 js/studio-flags.js，逻辑见 js/studio-v2.js。
 */

/* ---------- 旧版骨架：隐藏（元素本身已被 studio-v2.js 搬走的不受影响） ---------- */
html[data-studio-v2="1"] #workflow > .workflow-step,
html[data-studio-v2="1"] #workspace-container,
html[data-studio-v2="1"] #result-area > h2,
html[data-studio-v2="1"] #result-area > .action-buttons,
html[data-studio-v2="1"] #video-color-prompt,
html[data-studio-v2="1"] #video-image-toolbar,
html[data-studio-v2="1"] #image-toolbar,
html[data-studio-v2="1"] .vertical-text {
    display: none !important;
}
html[data-studio-v2="1"] #workflow {
    display: block;
}
html[data-studio-v2="1"] .studio-layout:not(.v2-ready) main .container,
html[data-studio-v2="1"] .studio-layout:not(.v2-ready) main#workspace-container {
    visibility: hidden;
}

/* ---------- 卡片 ---------- */
html[data-studio-v2="1"] .v2-card {
    width: min(880px, 100%);
    margin: 22px auto 0;
    padding: 28px 30px 24px;
    background: #fff;
    border: 1px solid var(--mf-border, #ECE4D7);
    border-radius: 16px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
    position: relative;
    box-sizing: border-box;
    text-align: left;
    color: var(--mf-text, #1C1814);
}
html[data-studio-v2="1"] .v2-card .v2-grid { display: none; }
html[data-studio-v2="1"] .v2-card.has-src .v2-grid { display: grid; }
html[data-studio-v2="1"] .v2-card.has-src .v2-empty { display: none; }
html[data-studio-v2="1"] .v2-grid {
    grid-template-columns: 132px minmax(0, 1fr);
    gap: 26px;
    align-items: start;
}
html[data-studio-v2="1"] .v2-main {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
}
html[data-studio-v2="1"] .v2-h2 {
    font-family: 'Noto Serif SC', 'Songti SC', Georgia, serif;
    font-weight: 600;
    font-size: 21px;
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0 0 16px;
}
html[data-studio-v2="1"] .v2-h2 i {
    font-style: normal;
    font-family: inherit;
    width: 24px; height: 24px;
    border-radius: 50%;
    background: var(--mf-accent, #0F7B66);
    color: #fff;
    font-size: 13px;
    display: grid;
    place-items: center;
}

/* 空状态里的上传框：不要 1:1 大方块 */
html[data-studio-v2="1"] .v2-empty .upload-zone {
    aspect-ratio: auto;
    width: 100%;
    max-width: none;
    height: 220px;
    max-height: none;
    margin: 0;
    border: 1.5px dashed var(--mf-border-strong, #D9CFBE);
    background: #FFFDF8;
    box-shadow: none;
}
html[data-studio-v2="1"] .v2-empty .upload-zone:hover { border-color: var(--mf-accent, #0F7B66); }
html[data-studio-v2="1"] .v2-slot-extra:empty { display: none; }
html[data-studio-v2="1"] .v2-slot-extra { margin-top: 12px; }
html[data-studio-v2="1"] .v2-slot-extra .source-actions { margin: 0; }
html[data-studio-v2="1"] .v2-ihint { margin: 12px 0 0; font-size: 13px; color: var(--mf-text-secondary, #5C544B); }

/* ---------- 缩略图 ---------- */
html[data-studio-v2="1"] .v2-thumb { position: relative; text-align: center; }
html[data-studio-v2="1"] .v2-thumb-btn {
    display: block; padding: 0; border: 0; background: none; cursor: zoom-in; width: 100%;
}
html[data-studio-v2="1"] .v2-thumb-img {
    width: 132px; height: 132px;
    border-radius: 14px;
    background: var(--mf-surface-warm, #FFF8E8);
    border: 1px solid var(--mf-border, #ECE4D7);
    object-fit: contain;
    display: block;
}
html[data-studio-v2="1"] .v2-srcctl { display: flex; flex-direction: column; align-items: center; }
html[data-studio-v2="1"] .v2-thumb-btn { position: relative; }
html[data-studio-v2="1"] .v2-zoom-badge { display: none; }
html[data-studio-v2="1"] .v2-thumb-acts { display: flex; gap: 6px; justify-content: center; margin-top: 8px; }
html[data-studio-v2="1"] .v2-ta {
    height: 28px; min-width: 28px; padding: 0 8px;
    border: 1px solid var(--mf-border-strong, #D9CFBE);
    border-radius: 999px;
    display: inline-flex; align-items: center; gap: 4px;
    font-size: 12px; color: var(--mf-text-secondary, #5C544B);
    background: #fff; cursor: pointer; white-space: nowrap;
}
html[data-studio-v2="1"] .v2-ta:hover { border-color: var(--mf-accent, #0F7B66); color: var(--mf-accent-hover, #0A5D4D); }
html[data-studio-v2="1"] .v2-card:not(.is-local) .v2-local-only { display: none; }
html[data-studio-v2="1"] .v2-vchip {
    display: inline-flex; background: #F3F1EC; border-radius: 999px; padding: 3px; gap: 2px; margin-top: 8px;
}
html[data-studio-v2="1"] .v2-vchip[hidden] { display: none; }
html[data-studio-v2="1"] .v2-vchip button,
html[data-studio-v2="1"] .v2-compare button {
    font-size: 12px; padding: 3px 9px; border-radius: 999px; border: 0; background: none;
    color: var(--mf-text-secondary, #5C544B); cursor: pointer;
}
html[data-studio-v2="1"] .v2-vchip button.on,
html[data-studio-v2="1"] .v2-compare button.on {
    background: #fff; color: var(--mf-accent-hover, #0A5D4D); font-weight: 700; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
}

/* ---------- 主输入框 ---------- */
html[data-studio-v2="1"] .v2-mtitle { display: flex; flex-direction: column; gap: 4px; }
html[data-studio-v2="1"] .v2-title { font-weight: 800; font-size: 22px; letter-spacing: 0.2px; color: var(--mf-text, #1C1814); }
html[data-studio-v2="1"] .v2-mzoom { display: none; font-size: 12px; color: var(--mf-text-muted, #9A8E83); }
html[data-studio-v2="1"] .v2-sub { font-size: 13px; color: var(--mf-text-secondary, #5C544B); }
html[data-studio-v2="1"] .v2-vcard #custom-prompt {
    width: 100%;
    min-height: 118px;
    max-height: 220px;
    border: 2px solid var(--mf-border-strong, #D9CFBE);
    border-radius: 14px;
    padding: 13px 15px;
    font-size: 16px;
    line-height: 1.6;
    background: #fff;
    color: var(--mf-text, #1C1814);
}
html[data-studio-v2="1"] .v2-vcard #custom-prompt:focus {
    outline: none;
    border-color: var(--mf-accent, #0F7B66);
    box-shadow: 0 0 0 4px rgba(15, 123, 102, 0.12);
}
html[data-studio-v2="1"] .v2-meta { display: flex; justify-content: space-between; gap: 12px; font-size: 12px; color: var(--mf-text-muted, #9A8E83); margin-top: -4px; }
html[data-studio-v2="1"] .v2-meta .custom-prompt-count { margin: 0; font-size: 12px; }

/* ---------- 灵感点子 ----------
 * 点子区 = AI 区（founder 10-12）：和下面的设置条拉开 —— 浅紫→青底板 + 「✨AI」渐变标签 + 淡紫描边的点子；
 * 加载中用视频进度卡「AI 正在构思你的视频」同款流动彩虹边框 + 光晕（style.css .status-card-script-body）。
 * 色板沿用进度卡：#c084fc 紫 / #60a5fa 蓝 / #4ECDC4 青 / #34d399 薄荷 / #fb7185 粉。 */
html[data-studio-v2="1"] .v2-ideas:empty { display: none; }
html[data-studio-v2="1"] .v2-ideas { display: flex; flex-direction: column; gap: 10px; }
html[data-studio-v2="1"] .v2-ideas.is-panel {
    padding: 14px 16px 16px;
    border-radius: 16px;
    border: 1px solid rgba(192, 132, 252, 0.28);
    background: linear-gradient(135deg, #F8F4FF 0%, #F1F6FF 50%, #EDFAF7 100%);
}
html[data-studio-v2="1"] .v2-ideas.is-panel.is-loading {
    border: 2px solid transparent;
    padding: 13px 15px 15px;
    background:
        linear-gradient(135deg, #F8F4FF 0%, #F1F6FF 50%, #EDFAF7 100%) padding-box,
        linear-gradient(90deg, #c084fc 0%, #60a5fa 20%, #4ECDC4 40%, #34d399 60%, #fb7185 80%, #c084fc 100%) border-box;
    background-size: 100% 100%, 200% 100%;
    box-shadow: 0 0 0 1px rgba(192, 132, 252, 0.18), 0 0 22px rgba(96, 165, 250, 0.24), 0 0 36px rgba(192, 132, 252, 0.14);
    animation: v2-ai-border 2.6s linear infinite;
}
@keyframes v2-ai-border {
    0% { background-position: 0 0, 0% 0; }
    100% { background-position: 0 0, -200% 0; }
}
html[data-studio-v2="1"] .v2-ai-tag {
    display: inline-flex; align-items: center; gap: 3px; flex: none;
    padding: 2px 8px 2px 6px; border-radius: 999px;
    background: linear-gradient(90deg, #A855F7 0%, #6366F1 50%, #14B8A6 100%);
    color: #fff; font-size: 11px; font-weight: 800; letter-spacing: 0.04em; line-height: 16px;
    box-shadow: 0 2px 8px rgba(124, 58, 237, 0.25);
}
html[data-studio-v2="1"] .v2-ai-tag svg { width: 12px; height: 12px; color: #fff; }
/* .v2-ih / .v2-ih-r 也用在上色卡「推荐风格 | 全部 30 种」，AI 配色只挂在 .v2-ideas 里 */
html[data-studio-v2="1"] .v2-ih { display: flex; justify-content: space-between; align-items: center; gap: 10px; font-size: 13px; color: var(--mf-text-secondary, #5C544B); }
html[data-studio-v2="1"] .v2-ih-l { display: inline-flex; gap: 6px; align-items: center; }
html[data-studio-v2="1"] .v2-ih-r,
html[data-studio-v2="1"] .v2-ih-more {
    display: inline-flex; gap: 5px; align-items: center;
    color: var(--mf-accent-hover, #0A5D4D); font-weight: 700; font-size: 13px;
    background: none; border: 0; padding: 2px 4px; cursor: pointer;
}
html[data-studio-v2="1"] .v2-ideas .v2-ih { color: #4C3D66; }
html[data-studio-v2="1"] .v2-ideas .v2-ih-l { gap: 8px; font-weight: 600; }
html[data-studio-v2="1"] .v2-ideas .v2-ih-r,
html[data-studio-v2="1"] .v2-ideas .v2-ih-more { color: #6D28D9; }
html[data-studio-v2="1"] .v2-ideas .v2-ih-r { white-space: nowrap; flex: none; }
html[data-studio-v2="1"] .v2-ideas .v2-ih-r:hover,
html[data-studio-v2="1"] .v2-ideas .v2-ih-more:hover { color: #5B21B6; }
html[data-studio-v2="1"] .v2-ih-more { align-self: flex-start; gap: 8px; padding: 6px 0; }
html[data-studio-v2="1"] .v2-ideas-list { display: flex; flex-wrap: wrap; gap: 8px; }
html[data-studio-v2="1"] .v2-idea {
    border: 1px solid rgba(167, 139, 250, 0.45);
    background: #fff;
    border-radius: 999px;
    padding: 8px 15px;
    font-size: 14px;
    text-align: left;
    line-height: 1.45;
    color: var(--mf-text, #1C1814);
    cursor: pointer;
    box-shadow: 0 1px 2px rgba(76, 29, 149, 0.06);
    transition: background 0.12s, border-color 0.12s, box-shadow 0.12s;
}
html[data-studio-v2="1"] .v2-idea:not(.sk):hover {
    border-color: transparent;
    background:
        linear-gradient(#fff, #fff) padding-box,
        linear-gradient(90deg, #c084fc, #60a5fa, #4ECDC4) border-box;
    box-shadow: 0 4px 14px rgba(124, 58, 237, 0.14);
}
html[data-studio-v2="1"] .v2-idea.on,
html[data-studio-v2="1"] .v2-idea.on:hover {
    border-color: #A78BFA; background: #EFE7FF;
    color: #5B21B6; font-weight: 600; box-shadow: none;
}
/* 加载中：AI 标签星星闪 + 标题文字紫→青流光；占位条白底淡紫边、扫光、条内五色跳点（同进度卡） */
html[data-studio-v2="1"] .v2-ih.is-loading .v2-ai-tag svg { animation: v2-twinkle 1.1s ease-in-out infinite; }
html[data-studio-v2="1"] .v2-ih.is-loading .v2-ih-t {
    background: linear-gradient(90deg, #4C3D66 0%, #4C3D66 30%, #A855F7 42%, #14B8A6 58%, #4C3D66 70%, #4C3D66 100%);
    background-size: 250% 100%;
    -webkit-background-clip: text; background-clip: text;
    -webkit-text-fill-color: transparent; color: transparent;
    animation: v2-textflow 1.8s linear infinite;
}
@keyframes v2-twinkle {
    0%, 100% { transform: scale(0.85) rotate(0deg); opacity: 0.7; }
    50% { transform: scale(1.25) rotate(18deg); opacity: 1; }
}
@keyframes v2-textflow { from { background-position: 100% 0; } to { background-position: -150% 0; } }
html[data-studio-v2="1"] .v2-idea.sk {
    position: relative; overflow: hidden;
    box-sizing: border-box;   /* span, not button: width:100% must include the 16px padding + border (stuck 34px out of the panel on phones) */
    height: 38px; cursor: default;
    display: flex; align-items: center; padding: 0 16px;
    border: 1px solid rgba(167, 139, 250, 0.35);
    background: rgba(255, 255, 255, 0.75);
    box-shadow: none;
    animation: v2-skin 0.35s ease-out both;
}
html[data-studio-v2="1"] .v2-idea.sk::after {
    content: ''; position: absolute; inset: 0;
    background: linear-gradient(100deg, transparent 0%, rgba(192, 132, 252, 0) 28%, rgba(192, 132, 252, 0.22) 42%, rgba(255, 255, 255, 0.9) 50%, rgba(78, 205, 196, 0.22) 58%, transparent 72%);
    transform: translateX(-100%);
    animation: v2-sweep 1.5s ease-in-out infinite;
}
html[data-studio-v2="1"] .v2-idea.sk:nth-child(2) { animation-delay: 0.08s; }
html[data-studio-v2="1"] .v2-idea.sk:nth-child(3) { animation-delay: 0.16s; }
html[data-studio-v2="1"] .v2-idea.sk:nth-child(2)::after { animation-delay: 0.2s; }
html[data-studio-v2="1"] .v2-idea.sk:nth-child(3)::after { animation-delay: 0.4s; }
html[data-studio-v2="1"] .v2-sk-dots { display: inline-flex; gap: 5px; position: relative; z-index: 1; }
html[data-studio-v2="1"] .v2-sk-dots i {
    width: 7px; height: 7px; border-radius: 50%;
    background: #c084fc; opacity: 0.4;
    animation: v2-dot 1.2s ease-in-out infinite;
}
html[data-studio-v2="1"] .v2-sk-dots i:nth-child(2) { background: #60a5fa; animation-delay: 0.12s; }
html[data-studio-v2="1"] .v2-sk-dots i:nth-child(3) { background: #4ECDC4; animation-delay: 0.24s; }
html[data-studio-v2="1"] .v2-sk-dots i:nth-child(4) { background: #34d399; animation-delay: 0.36s; }
html[data-studio-v2="1"] .v2-sk-dots i:nth-child(5) { background: #fb7185; animation-delay: 0.48s; }
@keyframes v2-sweep { to { transform: translateX(100%); } }
@keyframes v2-dot {
    0%, 60%, 100% { transform: translateY(0); opacity: 0.4; }
    30% { transform: translateY(-5px); opacity: 1; }
}
@keyframes v2-skin { from { opacity: 0; transform: translateY(4px); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) {
    html[data-studio-v2="1"] .v2-ideas.is-panel.is-loading,
    html[data-studio-v2="1"] .v2-ih.is-loading .v2-ai-tag svg,
    html[data-studio-v2="1"] .v2-ih.is-loading .v2-ih-t,
    html[data-studio-v2="1"] .v2-idea.sk,
    html[data-studio-v2="1"] .v2-idea.sk::after,
    html[data-studio-v2="1"] .v2-sk-dots i { animation: none; }
    html[data-studio-v2="1"] .v2-ih.is-loading .v2-ih-t { -webkit-text-fill-color: currentColor; background: none; color: #4C3D66; }
    html[data-studio-v2="1"] .v2-idea.sk::after { display: none; }
    html[data-studio-v2="1"] .v2-sk-dots i { opacity: 0.7; }
}
html[data-studio-v2="1"] .v2-undo { font-size: 12px; color: var(--mf-text-secondary, #5C544B); }
html[data-studio-v2="1"] .v2-undo button {
    color: #6D28D9; font-weight: 700; text-decoration: underline;
    background: none; border: 0; padding: 0; cursor: pointer; font-size: 12px;
}

/* ---------- 线稿提示行 ---------- */
html[data-studio-v2="1"] .v2-lineart[hidden] { display: none; }
html[data-studio-v2="1"] .v2-lineart {
    background: var(--mf-highlight-soft, #FDF1D8);
    border: 1px solid #F3DDAE;
    border-radius: 14px;
    padding: 12px 14px;
    display: flex; flex-direction: column; gap: 10px;
}
html[data-studio-v2="1"] .v2-la-t { display: flex; gap: 8px; align-items: flex-start; font-size: 14px; line-height: 1.45; }
html[data-studio-v2="1"] .v2-la-t svg { color: var(--mf-highlight, #E89A1A); flex: none; margin-top: 2px; }
html[data-studio-v2="1"] .v2-la-t small { color: var(--mf-text-secondary, #5C544B); font-size: 12px; white-space: nowrap; }
html[data-studio-v2="1"] .v2-la-row { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
html[data-studio-v2="1"] .v2-la-chip {
    display: inline-flex; align-items: center; gap: 6px;
    background: #fff; border: 1px solid var(--mf-border-strong, #D9CFBE); border-radius: 999px;
    padding: 4px 12px 4px 4px; font-size: 13px; font-weight: 600; cursor: pointer; color: var(--mf-text, #1C1814);
}
html[data-studio-v2="1"] .v2-la-chip:hover { border-color: var(--mf-accent, #0F7B66); }
html[data-studio-v2="1"] .v2-la-chip img { width: 26px; height: 26px; border-radius: 50%; object-fit: cover; }
html[data-studio-v2="1"] .v2-la-more,
html[data-studio-v2="1"] .v2-la-skip { background: none; border: 0; font-size: 13px; cursor: pointer; padding: 4px 6px; }
html[data-studio-v2="1"] .v2-la-more { color: var(--mf-accent-hover, #0A5D4D); font-weight: 700; }
html[data-studio-v2="1"] .v2-la-skip { color: var(--mf-text-secondary, #5C544B); margin-left: auto; text-decoration: underline; }

/* ---------- 设置条 + 生成按钮 ---------- */
html[data-studio-v2="1"] .v2-bar {
    position: relative;
    display: flex; align-items: center; gap: 10px;
    border-top: 1px solid var(--mf-border, #ECE4D7);
    margin-top: 22px; padding-top: 18px;
}
html[data-studio-v2="1"] .v2-card:not(.has-src) .v2-bar .v2-pills,
html[data-studio-v2="1"] .v2-card:not(.has-src) .v2-sumpill { opacity: 0.45; pointer-events: none; }
html[data-studio-v2="1"] .v2-pills { display: flex; flex-wrap: wrap; gap: 8px; flex: 1; min-width: 0; }
/* 视频卡：药丸放不下时让生成按钮换到下一行靠右，而不是把药丸挤成两行（英 / 德 / 法等较长语言） */
html[data-studio-v2="1"] .v2-vcard .v2-bar { flex-wrap: wrap; row-gap: 12px; }
html[data-studio-v2="1"] .v2-vcard .v2-pills { flex: 0 1 auto; }
html[data-studio-v2="1"] .v2-vcard .v2-go { margin-left: auto; }
html[data-studio-v2="1"] .v2-pill-w { position: relative; }
html[data-studio-v2="1"] .v2-pill {
    display: inline-flex; gap: 6px; align-items: center;
    border: 1px solid var(--mf-border-strong, #D9CFBE); border-radius: 999px;
    padding: 7px 12px; font-size: 13px; background: #fff;
    color: var(--mf-text-secondary, #5C544B); white-space: nowrap; cursor: pointer;
}
html[data-studio-v2="1"] .v2-pill b { color: var(--mf-text, #1C1814); font-weight: 700; }
html[data-studio-v2="1"] .v2-pill:hover,
html[data-studio-v2="1"] .v2-pill.open { border-color: var(--mf-accent, #0F7B66); }
html[data-studio-v2="1"] .v2-pill.open { background: #F2FAF7; }
html[data-studio-v2="1"] .v2-pop {
    position: absolute; top: calc(100% + 8px); left: 0; z-index: 40;
    background: #fff; border: 1px solid var(--mf-border, #ECE4D7); border-radius: 14px;
    box-shadow: 0 14px 34px rgba(28, 24, 20, 0.16);
    padding: 6px; width: 260px; display: flex; flex-direction: column;
}
html[data-studio-v2="1"] .v2-opt {
    display: flex; justify-content: space-between; align-items: center; gap: 12px;
    padding: 9px 12px; border-radius: 10px; text-align: left; font-size: 14px;
    background: none; border: 0; cursor: pointer; color: var(--mf-text, #1C1814);
}
html[data-studio-v2="1"] .v2-opt small { color: var(--mf-text-muted, #9A8E83); font-size: 12px; text-align: right; }
html[data-studio-v2="1"] .v2-opt:hover { background: #F3F1EC; }
html[data-studio-v2="1"] .v2-opt.on { background: var(--mf-accent-soft, #CFEEE4); color: var(--mf-accent-hover, #0A5D4D); font-weight: 700; }
html[data-studio-v2="1"] .v2-pop-foot { font-size: 12px; color: var(--mf-text-muted, #9A8E83); padding: 6px 12px 4px; }
html[data-studio-v2="1"] .v2-sumpill { display: none; }
html[data-studio-v2="1"] .v2-go { display: flex; align-items: center; gap: 14px; flex: none; }
html[data-studio-v2="1"] .v2-go .btn-generate,
html[data-studio-v2="1"] .v2-go #generate-btn {
    display: inline-flex; align-items: center; gap: 0;
    border-radius: 999px; padding: 14px 28px; font-size: 15px; font-weight: 700;
    box-shadow: 0 6px 16px rgba(15, 123, 102, 0.25);
    width: auto; min-width: 0; margin: 0;
}
html[data-studio-v2="1"] .v2-go .btn-generate:disabled,
html[data-studio-v2="1"] .v2-go #generate-btn:disabled { box-shadow: none; }
html[data-studio-v2="1"] .v2-cost {
    font-weight: 500; font-size: 13px; opacity: 0.88;
    padding-left: 10px; margin-left: 10px; border-left: 1px solid rgba(255, 255, 255, 0.4);
}
html[data-studio-v2="1"] .v2-cost:empty { display: none; }
html[data-studio-v2="1"] .v2-ibar { justify-content: flex-end; }
html[data-studio-v2="1"] .v2-imeta { flex: 1; font-size: 13px; color: var(--mf-text-secondary, #5C544B); }
html[data-studio-v2="1"] .v2-ibar .skip-coloring-link { display: inline-block !important; margin: 0; font-size: 13px; }
html[data-studio-v2="1"] .v2-icard:not(.has-src) .v2-ibar { display: none; }

/* ---------- 上色：推荐风格 ---------- */
html[data-studio-v2="1"] .v2-reco { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 10px; }
html[data-studio-v2="1"] .v2-sc {
    display: flex; flex-direction: column; align-items: center; gap: 6px;
    background: none; border: 0; padding: 0; cursor: pointer; min-width: 0;
}
html[data-studio-v2="1"] .v2-sc-img {
    position: relative; display: block; width: 100%; aspect-ratio: 1;
    border-radius: 12px; overflow: hidden; border: 2px solid transparent;
    background: #F3F1EC; box-shadow: 0 0 0 1px var(--mf-border, #ECE4D7);
}
html[data-studio-v2="1"] .v2-sc-img img { width: 100%; height: 100%; object-fit: cover; display: block; }
html[data-studio-v2="1"] .v2-sc:hover .v2-sc-img { box-shadow: 0 0 0 1px var(--mf-accent, #0F7B66); }
html[data-studio-v2="1"] .v2-sc.on .v2-sc-img { border-color: var(--mf-accent, #0F7B66); box-shadow: 0 0 0 3px rgba(15, 123, 102, 0.15); }
html[data-studio-v2="1"] .v2-sc-img em {
    position: absolute; top: 5px; right: 5px; font-style: normal; font-size: 9.5px; font-weight: 800;
    background: #E8553D; color: #fff; border-radius: 6px; padding: 1px 5px; letter-spacing: 0.04em;
}
html[data-studio-v2="1"] .v2-sc-ok {
    position: absolute; left: 5px; bottom: 5px; font-style: normal; width: 22px; height: 22px; border-radius: 50%;
    background: var(--mf-accent, #0F7B66); color: #fff; font-size: 12px; display: grid; place-items: center;
}
html[data-studio-v2="1"] .v2-sc-n { font-size: 12.5px; color: var(--mf-text, #1C1814); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; }
html[data-studio-v2="1"] .v2-sc.on .v2-sc-n { font-weight: 700; color: var(--mf-accent-hover, #0A5D4D); }

/* 全部风格弹层：原 #style-grid 放在这里 */
html[data-studio-v2="1"] .v2-styles-overlay,
html[data-studio-v2="1"] .v2-stage-overlay,
html[data-studio-v2="1"] .v2-sheet-overlay {
    position: fixed; inset: 0; z-index: 2600;
    background: rgba(28, 24, 20, 0.5);
    display: flex; align-items: center; justify-content: center;
    padding: 24px;
    box-sizing: border-box;
}
html[data-studio-v2="1"] .v2-styles-overlay[hidden],
html[data-studio-v2="1"] .v2-stage-overlay[hidden],
html[data-studio-v2="1"] .v2-sheet-overlay[hidden] { display: none; }
html[data-studio-v2="1"] .v2-styles-box {
    background: #fff; border-radius: 18px; width: min(860px, 100%); max-height: min(720px, 100%);
    display: flex; flex-direction: column; overflow: hidden; box-shadow: 0 24px 60px rgba(0, 0, 0, 0.25);
}
html[data-studio-v2="1"] .v2-styles-h {
    display: flex; justify-content: space-between; align-items: center;
    padding: 16px 20px; border-bottom: 1px solid var(--mf-border, #ECE4D7); font-size: 17px;
}
html[data-studio-v2="1"] .v2-styles-slot { overflow-y: auto; padding: 16px 20px 20px; }
html[data-studio-v2="1"] .v2-styles-slot .style-grid {
    display: grid; grid-template-columns: repeat(auto-fill, minmax(118px, 1fr));
    max-height: none; overflow: visible; gap: 12px; padding: 0; margin: 0; opacity: 1; pointer-events: auto;
}
html[data-studio-v2="1"] .v2-stage-x {
    width: 34px; height: 34px; border-radius: 50%; border: 0; background: #F3F1EC; cursor: pointer;
    display: grid; place-items: center; color: var(--mf-text, #1C1814); flex: none;
}

/* 看大图 / 裁剪浮层：原上传框临时放这里 */
html[data-studio-v2="1"] .v2-stage-box { position: relative; width: min(560px, 100%); }
html[data-studio-v2="1"] .v2-stage-box > .v2-stage-x { position: absolute; top: -14px; right: -14px; z-index: 5; background: #fff; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2); }
html[data-studio-v2="1"] .v2-stage-slot .upload-zone {
    width: 100%; max-width: none; aspect-ratio: 1; max-height: 78vh; margin: 0; cursor: default; background: #fff;
}
html[data-studio-v2="1"] .v2-stage-slot .remove-btn { display: none !important; }
html[data-studio-v2="1"] .v2-stage-slot .crop-actions { justify-content: center; margin-top: 12px; }
html.v2-stage-open, html.v2-sheet-open { overflow: hidden; }

/* ---------- 上色结果 ---------- */
html[data-studio-v2="1"] .studio-layout.v2-img-result .v2-icard { display: none; }
html[data-studio-v2="1"] #result-area {
    width: min(880px, 100%);
    margin: 22px auto 0;
    padding: 24px;
    background: #fff;
    border: 1px solid var(--mf-border, #ECE4D7);
    border-radius: 16px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
    box-sizing: border-box;
}
html[data-studio-v2="1"] #result-area.hidden { display: none; }
html[data-studio-v2="1"] #result-area { scroll-margin-top: 92px; }
html[data-studio-v2="1"] #animate-this-btn[hidden] { display: none !important; }
html[data-studio-v2="1"] .v2-res-wait:empty { display: none; }
html[data-studio-v2="1"] .v2-res-wait { font-weight: 700; font-size: 15px; color: var(--mf-text, #1C1814); }
html[data-studio-v2="1"] .v2-res.is-loading .v2-res-side > :not(.v2-res-wait) { display: none !important; }
html[data-studio-v2="1"] .v2-res { display: grid; grid-template-columns: minmax(0, 1fr) 280px; gap: 26px; align-items: start; }
html[data-studio-v2="1"] .v2-res .result-container {
    width: 100%; max-width: none; min-width: 0; margin: 0; padding: 0; position: relative;
    background: #F7F5F0; box-shadow: none; border-radius: 12px; min-height: 280px; box-sizing: border-box;
}
html[data-studio-v2="1"] .v2-res #result-image { box-shadow: none; }
html[data-studio-v2="1"] .v2-res #result-image { max-height: 520px; width: 100%; object-fit: contain; border-radius: 12px; }
html[data-studio-v2="1"] .v2-compare {
    position: absolute; left: 12px; bottom: 12px; display: inline-flex;
    background: rgba(243, 241, 236, 0.95); border-radius: 999px; padding: 3px; gap: 2px;
}
html[data-studio-v2="1"] .v2-compare[hidden] { display: none; }
html[data-studio-v2="1"] .v2-compare button { font-size: 13px; padding: 5px 14px; }
html[data-studio-v2="1"] .v2-res-side { display: flex; flex-direction: column; gap: 14px; text-align: left; }
html[data-studio-v2="1"] .v2-res-ok { font-weight: 700; color: var(--mf-accent-hover, #0A5D4D); font-size: 15px; }
html[data-studio-v2="1"] .v2-res-ok:empty { display: none; }
/* 「让它动起来」按钮 = 动效方案 F + 箭头（founder 10-12）：绿色底 + 流动彩虹边 + 光晕（同视频进度卡「AI 正在构思」），→ 一直往前推 */
html[data-studio-v2="1"] .v2-res-cta #animate-this-btn {
    width: 100%; max-width: none; margin: 0; justify-content: center; gap: 8px;
    border-radius: 999px; padding: 13px 17px; font-size: 17px; font-weight: 800;
    border: 3px solid transparent;
    background:
        linear-gradient(var(--mf-accent, #0F7B66), var(--mf-accent, #0F7B66)) padding-box,
        linear-gradient(90deg, #c084fc 0%, #60a5fa 20%, #4ECDC4 40%, #34d399 60%, #fb7185 80%, #c084fc 100%) border-box;
    background-size: 100% 100%, 200% 100%;
    box-shadow: 0 0 22px rgba(96, 165, 250, 0.35), 0 8px 20px rgba(15, 123, 102, 0.25);
    animation: animate-cta-pop 0.55s cubic-bezier(0.34, 1.56, 0.64, 1) both, v2-cta-rainbow 2.6s linear infinite;
}
html[data-studio-v2="1"] .v2-res-cta #animate-this-btn:hover:not(:disabled) {
    background:
        linear-gradient(var(--mf-accent-hover, #0A5D4D), var(--mf-accent-hover, #0A5D4D)) padding-box,
        linear-gradient(90deg, #c084fc 0%, #60a5fa 20%, #4ECDC4 40%, #34d399 60%, #fb7185 80%, #c084fc 100%) border-box;
    background-size: 100% 100%, 200% 100%;
    box-shadow: 0 0 28px rgba(96, 165, 250, 0.45), 0 10px 24px rgba(15, 123, 102, 0.3);
}
@keyframes v2-cta-rainbow { from { background-position: 0 0, 0% 0; } to { background-position: 0 0, -200% 0; } }
@keyframes v2-cta-nudge { 0%, 100% { transform: translateX(0); } 50% { transform: translateX(6px); } }
html[data-studio-v2="1"] .v2-res-cta #animate-this-btn .animate-cta-text { display: inline; text-align: center; }
html[data-studio-v2="1"] .v2-res-cta #animate-this-btn .animate-cta-title { font-size: 17px; }
html[data-studio-v2="1"] .v2-res-cta #animate-this-btn .animate-cta-title::after,
html[data-studio-v2="1"] .v2-mbar-btn.is-animate .animate-cta-title::after {
    content: '→'; display: inline-block; margin-left: 6px;
    animation: v2-cta-nudge 1.2s ease-in-out infinite;
}
html[data-studio-v2="1"] .v2-res-cta #animate-this-btn .animate-cta-step,
html[data-studio-v2="1"] .v2-res-cta #animate-this-btn .animate-cta-sub { display: none; }
html[data-studio-v2="1"] .v2-res-note { display: flex; gap: 6px; align-items: flex-start; font-size: 13px; color: var(--mf-text-secondary, #5C544B); margin: 0; }
html[data-studio-v2="1"] .v2-res-note svg { color: var(--mf-highlight, #E89A1A); flex: none; margin-top: 2px; }
html[data-studio-v2="1"] .v2-res-acts,
html[data-studio-v2="1"] .v2-res-tert { display: flex; flex-wrap: wrap; gap: 8px; }
html[data-studio-v2="1"] .v2-res-acts > *,
html[data-studio-v2="1"] .v2-res-acts .btn {
    margin: 0 !important; width: auto; min-width: 0; max-width: none;
    border: 1px solid var(--mf-border-strong, #D9CFBE); border-radius: 999px; padding: 9px 16px;
    font-size: 14px; font-weight: 600; background: #fff; color: var(--mf-text, #1C1814);
    box-shadow: none; letter-spacing: 0; line-height: 1.3; text-transform: none;
}
html[data-studio-v2="1"] .v2-res-acts .btn:hover { border-color: var(--mf-accent, #0F7B66); color: var(--mf-accent-hover, #0A5D4D); background: #fff; transform: none; }
html[data-studio-v2="1"] .v2-res-tert .btn {
    margin: 0; padding: 2px 0; border: 0; background: none; box-shadow: none; width: auto; min-width: 0;
    font-size: 13px; font-weight: 500; color: var(--mf-text-secondary, #5C544B); text-decoration: underline; letter-spacing: 0;
}
html[data-studio-v2="1"] .v2-res-tert { gap: 16px; }
html[data-studio-v2="1"] .v2-res-b {
    border: 1px solid var(--mf-border-strong, #D9CFBE); border-radius: 999px; padding: 9px 16px;
    font-size: 14px; font-weight: 600; background: #fff; cursor: pointer; color: var(--mf-text, #1C1814);
}
html[data-studio-v2="1"] .v2-res-side .ai-output-label { margin: 0; text-align: left; }

/* ---------- 进度 / 结果卡（视频） ---------- */
html[data-studio-v2="1"] .video-studio-main .container { max-width: 880px; }
html[data-studio-v2="1"] #status-card { width: min(880px, 100%); margin: 22px auto 0; box-sizing: border-box; }

/* ---------- 手机底部固定按钮 ---------- */
html[data-studio-v2="1"] .v2-mbar-overlay {
    position: fixed; left: 0; right: 0; bottom: 0; z-index: 1500;
    padding: 10px 16px calc(10px + env(safe-area-inset-bottom, 0px));
    background: rgba(255, 255, 255, 0.96);
    border-top: 1px solid var(--mf-border, #ECE4D7);
    box-shadow: 0 -8px 20px rgba(0, 0, 0, 0.05);
    box-sizing: border-box;
}
html[data-studio-v2="1"] .v2-mbar-overlay[hidden] { display: none; }
html[data-studio-v2="1"] .v2-mbar-btn {
    width: 100%; border: 0; border-radius: 999px; padding: 14px 0; font-size: 16px; font-weight: 700;
    background: var(--mf-accent, #0F7B66); color: #fff; display: flex; justify-content: center; align-items: center; gap: 6px;
    box-shadow: 0 6px 16px rgba(15, 123, 102, 0.25); cursor: pointer;
}
html[data-studio-v2="1"] .v2-mbar-btn:disabled { background: #d8d3cb; color: #8a857d; box-shadow: none; }
html[data-studio-v2="1"] .v2-mbar-btn .animate-cta-step,
html[data-studio-v2="1"] .v2-mbar-btn .animate-cta-sub { display: none; }
html[data-studio-v2="1"] .v2-mbar-btn .animate-cta-text,
html[data-studio-v2="1"] .v2-mbar-btn .animate-cta-title { display: inline; }
html[data-studio-v2="1"] .v2-mbar-btn.is-animate {
    border: 3px solid transparent; padding: 11px 0; font-weight: 800;
    background:
        linear-gradient(var(--mf-accent, #0F7B66), var(--mf-accent, #0F7B66)) padding-box,
        linear-gradient(90deg, #c084fc 0%, #60a5fa 20%, #4ECDC4 40%, #34d399 60%, #fb7185 80%, #c084fc 100%) border-box;
    background-size: 100% 100%, 200% 100%;
    box-shadow: 0 0 20px rgba(96, 165, 250, 0.35), 0 6px 16px rgba(15, 123, 102, 0.22);
    animation: v2-cta-rainbow 2.6s linear infinite;
}
html[data-studio-v2="1"] .v2-mbar-btn.is-animate:disabled { background: #d8d3cb; color: #8a857d; box-shadow: none; animation: none; }
@media (prefers-reduced-motion: reduce) {
    html[data-studio-v2="1"] .v2-res-cta #animate-this-btn,
    html[data-studio-v2="1"] .v2-mbar-btn.is-animate,
    html[data-studio-v2="1"] .v2-res-cta #animate-this-btn .animate-cta-title::after,
    html[data-studio-v2="1"] .v2-mbar-btn.is-animate .animate-cta-title::after { animation: none; }
}
html[data-studio-v2="1"] body.v2-has-mbar { padding-bottom: 84px; }

/* ---------- 手机底部设置抽屉 / 风格抽屉 ---------- */
html[data-studio-v2="1"] .v2-sheet-overlay { align-items: flex-end; padding: 0; }
html[data-studio-v2="1"] .v2-sheet {
    background: #fff; width: 100%; max-height: 88vh; overflow-y: auto;
    border-radius: 20px 20px 0 0; padding: 8px 16px calc(16px + env(safe-area-inset-bottom, 0px));
    display: flex; flex-direction: column; gap: 12px; box-sizing: border-box;
}
html[data-studio-v2="1"] .v2-sh-grab { width: 40px; height: 4px; border-radius: 4px; background: #E2DCD2; margin: 4px auto 2px; }
html[data-studio-v2="1"] .v2-sh-h { font-weight: 800; font-size: 17px; }
html[data-studio-v2="1"] .v2-sh-row { display: flex; flex-direction: column; gap: 6px; }
html[data-studio-v2="1"] .v2-sh-l { font-size: 12px; font-weight: 700; color: var(--mf-text-secondary, #5C544B); }
html[data-studio-v2="1"] .v2-sh-opts { display: flex; flex-wrap: wrap; gap: 6px; }
html[data-studio-v2="1"] .v2-sh-o {
    border: 1px solid var(--mf-border-strong, #D9CFBE); border-radius: 999px; padding: 7px 12px;
    font-size: 13.5px; background: #fff; cursor: pointer; color: var(--mf-text, #1C1814);
}
html[data-studio-v2="1"] .v2-sh-o small { color: var(--mf-text-muted, #9A8E83); }
html[data-studio-v2="1"] .v2-sh-o.on { background: var(--mf-accent-soft, #CFEEE4); border-color: var(--mf-accent, #0F7B66); color: var(--mf-accent-hover, #0A5D4D); font-weight: 700; }
html[data-studio-v2="1"] .v2-sh-d { font-size: 12px; color: var(--mf-text-muted, #9A8E83); }
html[data-studio-v2="1"] .v2-sh-done {
    margin-top: 6px; border: 0; border-radius: 999px; padding: 13px 0; font-size: 16px; font-weight: 700;
    background: var(--mf-accent, #0F7B66); color: #fff; cursor: pointer;
}

/* ---------- 页头：积分 + 头像菜单（作品区开） ---------- */
html[data-studio-works="1"] .v2-cr-wrap { position: relative; display: inline-flex; }
html[data-studio-works="1"] .v2-cr {
    display: inline-flex; align-items: center; gap: 5px; height: 32px;
    border: 1px solid #F0D9A8; border-radius: 999px; padding: 0 12px 0 9px;
    background: #FFF8E8; color: #8A5A00; font-size: 13px; cursor: pointer;
}
html[data-studio-works="1"] .v2-cr[hidden] { display: none; }
html[data-studio-works="1"] .v2-cr b { font-size: 14px; color: #6B4400; font-variant-numeric: tabular-nums; }
html[data-studio-works="1"] .v2-cr:hover,
html[data-studio-works="1"] .v2-cr.open { border-color: var(--mf-highlight, #E89A1A); }
html[data-studio-works="1"] .v2-cr.is-low { background: #FDE7DF; border-color: #F2B8A3; color: #9A3412; }
html[data-studio-works="1"] .v2-cr.is-low b { color: #9A3412; }
html[data-studio-works="1"] .v2-hpop {
    position: absolute; top: calc(100% + 8px); right: 0; z-index: 1200;
    background: #fff; border: 1px solid var(--mf-border, #ECE4D7); border-radius: 14px;
    box-shadow: 0 14px 34px rgba(28, 24, 20, 0.16);
    padding: 14px; width: 260px; display: flex; flex-direction: column; gap: 8px;
    text-align: left; color: var(--mf-text, #1C1814);
}
html[data-studio-works="1"] .v2-hpop[hidden] { display: none; }
html[data-studio-works="1"] .v2-hpop p { margin: 0; font-size: 13px; color: var(--mf-text-secondary, #5C544B); line-height: 1.5; }
html[data-studio-works="1"] .v2-hp-big { font-size: 14px; color: var(--mf-text-secondary, #5C544B); }
html[data-studio-works="1"] .v2-hp-big b { font-size: 26px; color: var(--mf-text, #1C1814); }
html[data-studio-works="1"] .v2-hp-btn {
    display: block; text-align: center; border-radius: 999px; padding: 10px 0; font-weight: 700; font-size: 14px;
    background: var(--mf-accent, #0F7B66); color: #fff !important; text-decoration: none;
}
html[data-studio-works="1"] .v2-acct-pop { padding: 8px; gap: 2px; }
html[data-studio-works="1"] .v2-acct-pop > button,
html[data-studio-works="1"] .v2-acct-pop > a {
    display: block; text-align: left; padding: 9px 10px; border-radius: 8px; font-size: 14px;
    background: none; border: 0; cursor: pointer; color: var(--mf-text, #1C1814); text-decoration: none;
}
html[data-studio-works="1"] .v2-acct-pop > button:hover,
html[data-studio-works="1"] .v2-acct-pop > a:hover { background: #F3F1EC; }
html[data-studio-works="1"] .v2-hp-u {
    display: flex; flex-direction: column; gap: 2px; padding: 6px 10px 10px; margin-bottom: 4px;
    border-bottom: 1px solid var(--mf-border, #ECE4D7); min-width: 0;
}
html[data-studio-works="1"] .v2-hp-u b { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
html[data-studio-works="1"] .v2-hp-u small { color: var(--mf-text-muted, #9A8E83); font-size: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
html[data-studio-works="1"] .v2-hp-plan { align-self: flex-start; margin-top: 4px; }
html[data-studio-works="1"] .v2-hp-pend { color: var(--mf-text-secondary, #5C544B); font-size: 12px; margin-top: 2px; }
html[data-studio-works="1"] header .user-dropdown { position: relative; }
html[data-studio-works="1"] #user-menu { display: none !important; }

/* ---------- 作品区：去掉右侧栏 ---------- */
html[data-studio-works="1"] #user-drawer,
html[data-studio-works="1"] #drawer-handle { display: none !important; }
html[data-studio-works="1"] .mode-switcher-row,
html[data-studio-works="1"] .credits-ribbon-row { padding-right: 20px !important; }
@media (min-width: 900px) {
    html[data-studio-works="1"] .studio-layout { display: block; }
    html[data-studio-works="1"] .studio-layout .main-content { max-width: none; padding-right: 20px; }
}
html[data-studio-works="1"] .v2-works {
    width: min(880px, calc(100% - 32px));
    margin: 30px auto 64px;
    text-align: left;
    color: var(--mf-text, #1C1814);
}
html[data-studio-works="1"] .v2-wh { display: flex; align-items: center; flex-wrap: wrap; gap: 10px 14px; margin-bottom: 12px; }
html[data-studio-works="1"] .v2-wh h3 { font-size: 17px; font-weight: 800; margin: 0; }
html[data-studio-works="1"] .v2-wtabs { display: inline-flex; background: #EFEBE3; border-radius: 999px; padding: 3px; gap: 2px; }
html[data-studio-works="1"] .v2-wtabs button {
    padding: 4px 12px; border-radius: 999px; font-size: 12.5px; color: var(--mf-text-secondary, #5C544B);
    background: none; border: 0; cursor: pointer;
}
html[data-studio-works="1"] .v2-wtabs button.on { background: #fff; color: var(--mf-text, #1C1814); font-weight: 700; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08); }
html[data-studio-works="1"] .v2-wmore { margin-left: auto; display: flex; gap: 12px; }
html[data-studio-works="1"] .v2-wall { background: none; border: 0; color: var(--mf-accent-hover, #0A5D4D); font-weight: 700; font-size: 13px; cursor: pointer; padding: 0; }
html[data-studio-works="1"] .v2-wgrid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 12px; }
html[data-studio-works="1"] .v2-wskel span { position: relative; overflow: hidden; aspect-ratio: 1; border-radius: 12px; border: 1px solid #EADFCB; background: #F6F0E5; }
html[data-studio-works="1"] .v2-wskel span::after {
    content: ''; position: absolute; inset: 0;
    background: linear-gradient(100deg, transparent 0%, rgba(253, 241, 216, 0) 30%, rgba(255, 255, 255, 0.95) 45%, rgba(248, 214, 150, 0.55) 55%, transparent 70%);
    transform: translateX(-100%); animation: v2-sweep 1.5s ease-in-out infinite;
}
html[data-studio-works="1"] .v2-wskel span:nth-child(2)::after { animation-delay: 0.15s; }
html[data-studio-works="1"] .v2-wskel span:nth-child(3)::after { animation-delay: 0.3s; }
html[data-studio-works="1"] .v2-wskel span:nth-child(4)::after { animation-delay: 0.45s; }
html[data-studio-works="1"] .v2-wskel span:nth-child(5)::after { animation-delay: 0.6s; }
@media (prefers-reduced-motion: reduce) { html[data-studio-works="1"] .v2-wskel span::after { animation: none; display: none; } }
html[data-studio-works="1"] .v2-wc {
    position: relative; aspect-ratio: 1; border-radius: 12px; overflow: hidden;
    background: var(--mf-surface-warm, #FFF8E8); border: 1px solid var(--mf-border, #ECE4D7);
    cursor: pointer; outline: none;
}
html[data-studio-works="1"] .v2-wc > img { width: 100%; height: 100%; object-fit: cover; display: block; }
html[data-studio-works="1"] .v2-wc:focus-visible { box-shadow: 0 0 0 3px rgba(15, 123, 102, 0.35); }
html[data-studio-works="1"] .v2-wc-b {
    position: absolute; left: 8px; bottom: 8px; display: inline-flex; gap: 4px; align-items: center;
    background: rgba(28, 24, 20, 0.66); color: #fff; font-size: 11.5px; font-weight: 700;
    border-radius: 999px; padding: 3px 8px; transition: opacity 0.15s;
}
html[data-studio-works="1"] .v2-wc-b.is-img { background: rgba(255, 255, 255, 0.94); color: var(--mf-accent-hover, #0A5D4D); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12); }
html[data-studio-works="1"] .v2-wc-left {
    position: absolute; left: 8px; top: 8px; background: #FFF1D6; color: #8A5A00;
    font-size: 11px; font-weight: 700; border-radius: 999px; padding: 2px 8px;
}
html[data-studio-works="1"] .v2-wc-play {
    position: absolute; left: 50%; top: 50%; width: 44px; height: 44px; margin: -22px 0 0 -22px;
    border-radius: 50%; background: rgba(28, 24, 20, 0.55); color: #fff; display: grid; place-items: center;
    opacity: 0; transition: opacity 0.15s; pointer-events: none;
}
html[data-studio-works="1"] .v2-wc-play.on { opacity: 1; }
html[data-studio-works="1"] .v2-wc-acts {
    position: absolute; left: 0; right: 0; bottom: 0; padding: 26px 8px 8px; display: flex; justify-content: flex-end;
    background: linear-gradient(transparent, rgba(28, 24, 20, 0.5)); opacity: 0; transition: opacity 0.15s;
}
html[data-studio-works="1"] .v2-wc-acts button {
    display: inline-flex; align-items: center; gap: 4px; border: 0; cursor: pointer;
    background: rgba(255, 255, 255, 0.96); color: var(--mf-text, #1C1814);
    border-radius: 999px; padding: 5px 10px; font-size: 12px; font-weight: 700;
}
html[data-studio-works="1"] .v2-wc-acts button.pri { background: var(--mf-accent, #0F7B66); color: #fff; }
@media (hover: hover) {
    html[data-studio-works="1"] .v2-wc:hover .v2-wc-acts,
    html[data-studio-works="1"] .v2-wc:hover .v2-wc-play { opacity: 1; }
    html[data-studio-works="1"] .v2-wc:hover .v2-wc-b { opacity: 0; }
}
html[data-studio-works="1"] .v2-wc:focus-within .v2-wc-acts { opacity: 1; }
html[data-studio-works="1"] .v2-wc.is-run { border-color: var(--mf-accent, #0F7B66); }
html[data-studio-works="1"] .v2-wc.is-run > img { filter: blur(1.5px) saturate(0.5); opacity: 0.45; }
html[data-studio-works="1"] .v2-wc-run { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px; font-size: 13px; }
html[data-studio-works="1"] .v2-wbar { display: block; width: 70%; height: 5px; border-radius: 99px; background: rgba(0, 0, 0, 0.08); overflow: hidden; margin-top: 6px; }
html[data-studio-works="1"] .v2-wbar i { display: block; height: 100%; width: 40%; background: var(--mf-accent, #0F7B66); border-radius: 99px; animation: v2-wb 1.8s ease-in-out infinite; }
@keyframes v2-wb { 0% { transform: translateX(-110%); } 100% { transform: translateX(260%); } }
@media (prefers-reduced-motion: reduce) { html[data-studio-works="1"] .v2-wbar i { animation: none; width: 45%; } }
html[data-studio-works="1"] .v2-wc.is-expired > img { filter: grayscale(1); opacity: 0.6; }
html[data-studio-works="1"] .v2-wc-exp { position: absolute; left: 8px; bottom: 8px; background: rgba(28, 24, 20, 0.7); color: #fff; font-size: 11px; font-weight: 700; border-radius: 999px; padding: 2px 8px; }
html[data-studio-works="1"] .v2-wempty {
    display: flex; align-items: center; justify-content: space-between; gap: 16px;
    border: 1.5px dashed var(--mf-border-strong, #D9CFBE); border-radius: 14px; padding: 18px 20px; background: #FFFDF8;
}
html[data-studio-works="1"] .v2-wempty.slim { padding: 12px 16px; }
html[data-studio-works="1"] .v2-wempty p { margin: 0; display: flex; flex-direction: column; gap: 2px; }
html[data-studio-works="1"] .v2-wempty b { font-size: 15px; }
html[data-studio-works="1"] .v2-wempty span { font-size: 13px; color: var(--mf-text-secondary, #5C544B); }
html[data-studio-works="1"] .v2-wlogin {
    flex: none; border: 0; border-radius: 999px; padding: 9px 20px; font-weight: 700; font-size: 14px;
    background: var(--mf-accent, #0F7B66); color: #fff; cursor: pointer;
}
html[data-studio-works="1"] .v2-wex-h { font-size: 13px; color: var(--mf-text-secondary, #5C544B); font-weight: 700; margin: 18px 0 10px; display: flex; gap: 6px; align-items: center; }
html[data-studio-works="1"] .v2-wex-h svg { color: var(--mf-highlight, #E89A1A); }
html[data-studio-works="1"] .v2-wgrid.is-ex .v2-wc { border-style: dashed; }
html[data-studio-works="1"] .v2-ex-tag { position: absolute; left: 8px; top: 8px; background: rgba(255, 255, 255, 0.94); color: var(--mf-text-secondary, #5C544B); font-size: 10.5px; font-weight: 700; border-radius: 6px; padding: 1px 6px; }
html[data-studio-works="1"] .v2-ex-cap { position: absolute; left: 0; right: 0; bottom: 0; padding: 20px 9px 7px; background: linear-gradient(transparent, rgba(28, 24, 20, 0.62)); color: #fff; font-size: 12px; font-weight: 600; line-height: 1.35; }
html[data-studio-works="1"] .v2-wc.is-ex .v2-wc-play { width: 38px; height: 38px; margin: -19px 0 0 -19px; }

/* ---------- 窄屏 ---------- */
@media (max-width: 767px) {
    html[data-studio-v2="1"] .v2-card { padding: 16px 16px 18px; margin-top: 14px; border-radius: 14px; }
    html[data-studio-v2="1"] .v2-grid { grid-template-columns: 72px minmax(0, 1fr); gap: 10px 12px; }
    html[data-studio-v2="1"] .v2-vcard .v2-main { display: contents; }
    html[data-studio-v2="1"] .v2-vcard .v2-mtitle { grid-column: 2; grid-row: 1; align-self: start; padding-top: 2px; }
    html[data-studio-v2="1"] .v2-vcard .v2-lineart,
    html[data-studio-v2="1"] .v2-vcard .v2-slot-ta,
    html[data-studio-v2="1"] .v2-vcard .v2-meta,
    html[data-studio-v2="1"] .v2-vcard .v2-ideas { grid-column: 1 / -1; }
    html[data-studio-v2="1"] .v2-icard .v2-main { display: contents; }
    html[data-studio-v2="1"] .v2-icard .v2-mtitle { grid-column: 2; grid-row: 1; }
    html[data-studio-v2="1"] .v2-icard .v2-ih,
    html[data-studio-v2="1"] .v2-icard .v2-reco { grid-column: 1 / -1; }
    html[data-studio-v2="1"] .v2-thumb-img { width: 72px; height: 72px; border-radius: 12px; }
    /* 手机：左列只放缩略图（角上放大镜代替「点缩略图看大图」文字）；原画/上色后 + 换图 / 裁剪 / 旋转挪到标题下面一行（founder 10-12：72px 列放不下，挤到文字上 / 换图按钮孤零零） */
    html[data-studio-v2="1"] .v2-card .v2-thumb { display: contents; }
    html[data-studio-v2="1"] .v2-thumb-btn { grid-column: 1; grid-row: 1 / span 2; align-self: start; width: 72px; }
    html[data-studio-v2="1"] .v2-zoom-badge {
        display: flex; align-items: center; justify-content: center; position: absolute; right: 4px; bottom: 4px;
        width: 20px; height: 20px; border-radius: 50%; background: rgba(28, 24, 20, 0.62); color: #fff; pointer-events: none;
    }
    html[data-studio-v2="1"] .v2-srcctl { grid-column: 2; grid-row: 2; flex-direction: row; flex-wrap: wrap; align-items: center; gap: 6px; align-self: start; }
    html[data-studio-v2="1"] .v2-srcctl .v2-vchip,
    html[data-studio-v2="1"] .v2-srcctl .v2-thumb-acts { margin-top: 0; }
    html[data-studio-v2="1"] .v2-vchip button { white-space: nowrap; }
    html[data-studio-v2="1"] .v2-thumb-acts { gap: 6px; justify-content: flex-start; }
    html[data-studio-v2="1"] .v2-ta { height: 28px; min-width: 28px; padding: 0 8px; }
    html[data-studio-v2="1"] .v2-title { font-size: 19px; }
    html[data-studio-v2="1"] .v2-vcard #custom-prompt { min-height: 96px; }
    html[data-studio-v2="1"] .v2-ideas-list { flex-direction: column; gap: 7px; }
    html[data-studio-v2="1"] .v2-idea { border-radius: 14px; padding: 9px 13px; }
    html[data-studio-v2="1"] .v2-idea.sk { width: 100% !important; }
    html[data-studio-v2="1"] .v2-ideas.is-panel { padding: 12px 12px 13px; border-radius: 14px; }
    html[data-studio-v2="1"] .v2-ideas.is-panel.is-loading { padding: 11px 11px 12px; }
    html[data-studio-v2="1"] .v2-ideas .v2-ih { align-items: flex-start; }
    html[data-studio-v2="1"] .v2-ideas .v2-ih-l { gap: 6px; min-width: 0; align-items: flex-start; }
    html[data-studio-v2="1"] .v2-ideas .v2-ai-tag { margin-top: 1px; }
    html[data-studio-v2="1"] .v2-bar { flex-wrap: wrap; margin-top: 16px; padding-top: 14px; }
    html[data-studio-v2="1"] .v2-vcard .v2-pills,
    html[data-studio-v2="1"] .v2-go { display: none; }
    html[data-studio-v2="1"] .v2-vcard .v2-sumpill {
        width: 100%; display: flex; align-items: center; gap: 10px;
        border: 1px solid var(--mf-border-strong, #D9CFBE); border-radius: 12px; padding: 10px 12px;
        background: #fff; text-align: left; cursor: pointer; color: var(--mf-text, #1C1814);
    }
    html[data-studio-v2="1"] .v2-sp-k { font-weight: 700; font-size: 13px; flex: none; }
    html[data-studio-v2="1"] .v2-sp-v { flex: 1; min-width: 0; font-size: 13px; color: var(--mf-text-secondary, #5C544B); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
    html[data-studio-v2="1"] .v2-icard .v2-ibar { border-top: 0; margin-top: 10px; padding-top: 0; }
    html[data-studio-v2="1"] .v2-reco { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
    html[data-studio-v2="1"] .v2-empty .upload-zone { height: 200px; }
    html[data-studio-v2="1"] .v2-styles-overlay { align-items: flex-end; padding: 0; }
    html[data-studio-v2="1"] .v2-styles-box { border-radius: 20px 20px 0 0; max-height: 86vh; }
    html[data-studio-v2="1"] .v2-styles-slot .style-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
    html[data-studio-v2="1"] .v2-stage-overlay { padding: 16px; }
    html[data-studio-v2="1"] .v2-res { grid-template-columns: 1fr; gap: 16px; }
    html[data-studio-v2="1"] #result-area { padding: 14px; margin-top: 14px; }
    html[data-studio-v2="1"] .v2-res-cta #animate-this-btn { display: none; }
    html[data-studio-v2="1"] #status-card { margin-top: 14px; }
    html[data-studio-works="1"] .v2-works { width: calc(100% - 32px); margin: 22px auto 40px; }
    html[data-studio-works="1"] .v2-wgrid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
    html[data-studio-works="1"] .v2-wc { border-radius: 10px; }
    html[data-studio-works="1"] .v2-wc-b { left: 5px; bottom: 5px; font-size: 10.5px; padding: 2px 6px; }
    html[data-studio-works="1"] .v2-wc-left { left: 5px; top: 5px; font-size: 10px; padding: 1px 6px; }
    html[data-studio-works="1"] .v2-wc-acts { display: none; }
    html[data-studio-works="1"] .v2-wempty { flex-direction: column; align-items: flex-start; padding: 14px 16px; }
    html[data-studio-works="1"] .v2-ex-cap { font-size: 10.5px; padding: 16px 6px 5px; }
    html[data-studio-works="1"] .v2-ex-tag { left: 5px; top: 5px; }
    html[data-studio-works="1"] .v2-wmore { margin-left: 0; width: 100%; }
    html[data-studio-works="1"] .v2-cr { padding: 0 9px 0 7px; }
    html[data-studio-works="1"] .v2-cr .v2-cr-u { display: none; }
}
@media (min-width: 768px) and (max-width: 899px) {
    html[data-studio-v2="1"] .v2-reco { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    html[data-studio-works="1"] .v2-wgrid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}