/* V3 interaction refinements */
.optional-import { border:1px solid var(--line); border-radius:9px; background:#faf9f4; margin-top:14px; overflow:hidden; }
.optional-import summary { cursor:pointer; padding:12px 14px; display:flex; align-items:center; justify-content:space-between; font-size:10px; font-weight:800; list-style:none; }
.optional-import summary span { display:flex; flex-direction:column; gap:3px; }.optional-import summary small { color:var(--muted); font-size:8px; font-weight:500; }.optional-import summary em { font-size:8px; color:var(--accent-dark); font-style:normal; margin-right:36px; }
.optional-import[open] .source-choice-grid { padding:12px 12px 0; border-top:1px solid var(--line); }.optional-import[open] .archive-note { margin:10px 12px 12px; }
.optional-import summary::-webkit-details-marker { display:none; }
.optional-import summary::after { content:'展开'; font-size:9px; color:var(--accent-dark); }
.optional-import[open] summary::after { content:'收起'; }
.optional-import-body { border-top:1px solid var(--line); padding:12px; }
.strategy-cards { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; }
.strategy-card { min-height:82px; border:1px solid var(--line); border-radius:8px; background:white; padding:11px; text-align:left; cursor:pointer; }
.strategy-card.active { border-color:var(--accent); background:var(--accent-soft); box-shadow:0 0 0 1px var(--accent); }
.strategy-card { display:grid; grid-template-columns:20px auto; gap:4px; }.strategy-card > span { color:var(--accent); font-weight:900; }.strategy-card strong { display:block; font-size:10px; margin-bottom:5px; }.strategy-card small { display:block; color:var(--muted); font-size:8px; line-height:1.5; }.strategy-note { display:flex; gap:10px; padding:9px 11px; margin-top:8px; background:#faf9f4; border-radius:7px; font-size:9px; }.strategy-note span { color:var(--muted); }
.single-character { display:grid; grid-template-columns:220px minmax(0,1fr); gap:16px; align-items:start; }
.character-preview { border:1px solid var(--line); border-radius:9px; background:#faf9f4; padding:10px; display:grid; grid-template-columns:86px auto; gap:10px; align-items:center; }.character-preview .reference-card { position:relative; background:linear-gradient(145deg,#d8d0c0,#56665f); }.character-preview .reference-card span { position:absolute; inset:auto 4px 4px; background:rgba(0,0,0,.65); color:white; padding:4px; font-size:8px; border-radius:4px; }.character-preview > div:last-child { display:flex; flex-direction:column; gap:5px; }.character-preview small { color:var(--muted); font-size:8px; }
.character-source-actions { display:grid; gap:9px; }.character-source-actions button { min-height:44px; text-align:left; }.character-source-actions p { margin:0 0 13px; color:var(--muted); font-size:9px; line-height:1.6; }
.segment-script { min-width:0; }.segment-script-input { display:block; width:100%; min-height:62px; border:1px solid var(--line); border-radius:6px; padding:8px; resize:vertical; font-size:9px; line-height:1.65; background:#fbfaf5; margin-top:6px; }.segment-script small { display:block; margin-top:4px; color:var(--muted); }
.segment-row.editable { grid-template-columns:58px minmax(0,1fr) 72px auto; align-items:start; }
.library-select { min-width:215px; border:1px solid var(--line); border-radius:6px; background:white; padding:7px 9px; text-align:left; cursor:pointer; }.library-select span,.library-select b { display:block; }.library-select span { font-size:9px; color:var(--ink); }.library-select b { margin-top:3px; font-size:8px; color:var(--accent-dark); }
.related-assets > label { display:block; font-size:9px; font-weight:800; margin-bottom:6px; }
.indexed-assets { display:flex; flex-wrap:wrap; gap:8px; margin:0 0 12px; padding:11px; border:1px solid var(--line); border-radius:8px; background:white; }
.indexed-asset { display:grid; grid-template-columns:34px auto; gap:8px; align-items:center; min-width:145px; padding:7px; border:1px solid var(--line); border-radius:7px; background:#faf9f4; }.indexed-asset .element-thumb { width:34px; height:34px; }
.indexed-asset b { font-size:9px; display:block; color:var(--accent-dark); }.indexed-asset small { display:block; color:var(--muted); font-size:8px; margin-top:2px; }
.structured-prompt { min-height:520px!important; font-family:"SFMono-Regular",Consolas,monospace; font-size:9px!important; line-height:1.72!important; }.prompt-check { padding:8px 10px; background:#edf5ef; border-radius:6px; color:var(--green); font-size:8px; font-weight:700; }
.picker-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:9px; }.picker-item { border:1px solid var(--line); border-radius:8px; background:white; padding:7px; cursor:pointer; text-align:left; }.picker-item:hover { border-color:var(--accent); }.picker-thumb { aspect-ratio:4/3; border-radius:6px; background:linear-gradient(145deg,#ddd3c3,#65736c); margin-bottom:7px; }.picker-item strong { display:block; font-size:9px; }.picker-item small { color:var(--muted); font-size:8px; }
.generation-overview { display:grid; grid-template-columns:minmax(0,1fr) auto auto; gap:20px; align-items:center; padding:18px; border:1px solid var(--line); border-radius:10px; background:linear-gradient(135deg,#fff,#f6f1e8); margin-bottom:12px; }.generation-overview h2 { margin:4px 0; }.generation-overview p { margin:0; color:var(--muted); font-size:9px; }.generation-summary { display:flex; flex-direction:column; text-align:right; }.generation-summary strong { font-size:24px; }.generation-summary span { font-size:8px; color:var(--muted); }.generation-status-list { display:grid; grid-template-columns:repeat(2,1fr); gap:10px; }.generation-status-card { display:grid; grid-template-columns:138px 1fr; gap:10px; border:1px solid var(--line); border-radius:9px; overflow:hidden; background:white; }.generation-status-card.running { border-color:var(--accent); box-shadow:0 0 0 1px var(--accent-soft); }.shot-status-line { display:flex; justify-content:space-between; gap:8px; align-items:center; }.spinner { font-style:normal; animation:spin 1.2s linear infinite; }@keyframes spin{to{transform:rotate(360deg)}}.version-actions { display:flex; gap:6px; justify-content:flex-end; }
.script-source-tabs { display:grid; grid-template-columns:1fr 1fr; border:1px solid var(--line); border-radius:7px; overflow:hidden; margin-bottom:8px; }.script-source-tabs button { border:0; padding:8px; background:white; font-size:9px; cursor:pointer; }.script-source-tabs button.active { background:var(--ink); color:white; }.mix-script-input { min-height:140px!important; }.plan-selector { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; padding:12px; border-bottom:1px solid var(--line); }.plan-selector button { display:grid; grid-template-columns:28px auto; gap:7px; align-items:center; border:1px solid var(--line); border-radius:7px; background:white; padding:8px; text-align:left; cursor:pointer; }.plan-selector button.active { border-color:var(--accent); background:var(--accent-soft); }.plan-selector button > span { display:grid; place-items:center; width:26px; height:26px; border-radius:50%; background:var(--ink); color:white; font-weight:900; }.plan-selector strong,.plan-selector small { display:block; font-size:9px; }.plan-selector small { color:var(--muted); font-size:8px; margin-top:2px; }
.tag-toolbar { display:flex; flex-wrap:wrap; align-items:center; gap:6px; margin:0 0 12px; padding:9px; border:1px solid var(--line); border-radius:8px; background:#faf9f4; }.tag-toolbar > span { font-size:8px; font-weight:800; margin-right:3px; }.tag-filter { border:1px solid var(--line); border-radius:20px; background:white; padding:5px 8px; color:var(--muted); font-size:8px; cursor:pointer; }.tag-filter.active { border-color:var(--accent); background:var(--accent-soft); color:var(--accent-dark); font-weight:800; }.asset-tags { display:flex; flex-wrap:wrap; gap:4px; margin-top:7px; }.asset-tags span { padding:3px 5px; background:#f3f0e8; border-radius:4px; font-size:7px; color:var(--muted); }.tag-editor { display:flex; flex-wrap:wrap; gap:6px; padding:12px; background:#faf9f4; border:1px solid var(--line); border-radius:8px; }.tag-editor span { padding:5px 8px; border-radius:20px; background:var(--accent-soft); color:var(--accent-dark); font-size:8px; }
.prompt-format-note { margin-bottom:7px; display:flex; align-items:center; justify-content:space-between; }
@media(max-width:900px){.strategy-cards,.generation-status-list,.plan-selector{grid-template-columns:1fr}.single-character,.generation-overview{grid-template-columns:1fr}.picker-grid{grid-template-columns:repeat(2,1fr)}.segment-row.editable{grid-template-columns:50px 1fr}.segment-row.editable>.status-pill,.segment-row.editable>.button-row{grid-column:2}.library-select{min-width:160px}.structured-prompt{min-height:620px!important}}
.structured-prompt { min-height:430px!important; font-family:Consolas,"Microsoft YaHei UI",monospace; font-size:9px!important; line-height:1.65!important; }
.picker-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:9px; margin-top:12px; }
.picker-item { border:1px solid var(--line); border-radius:8px; padding:7px; cursor:pointer; background:white; text-align:left; }
.picker-item.selected { border-color:var(--accent); box-shadow:0 0 0 2px var(--accent-soft); }.picker-thumb{aspect-ratio:1;border-radius:5px;background:linear-gradient(145deg,#d6ccba,#53655e);margin-bottom:7px}.picker-item strong{font-size:9px}.picker-item small{display:block;color:var(--muted);font-size:8px;margin-top:3px}
.generation-overview { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:15px; align-items:center; border:1px solid var(--line); border-radius:9px; padding:14px; background:#faf9f4; margin-bottom:14px; }
.generation-overview h3{font-size:12px;margin:0 0 4px}.generation-overview p{font-size:9px;color:var(--muted);margin:0}.overall-progress{height:7px;background:#e5e6e0;border-radius:99px;overflow:hidden;margin-top:10px}.overall-progress i{display:block;height:100%;background:var(--accent);width:58%;transition:width .3s ease}.generation-shot .task-status{position:absolute;right:7px;top:7px}.generation-thumb.queued{filter:saturate(.35);opacity:.75}.generation-thumb.running::after{content:'';width:26px;height:26px;border:3px solid rgba(255,255,255,.4);border-top-color:white;border-radius:50%;animation:spin .8s linear infinite}.generation-thumb.failed{background:linear-gradient(145deg,#c79991,#6b403b)}@keyframes spin{to{transform:rotate(360deg)}}
.plan-selector { display:flex; gap:7px; padding:10px 16px; border-bottom:1px solid var(--line); background:#faf9f4; overflow-x:auto; }.plan-selector button{min-width:112px;height:39px;border:1px solid var(--line);border-radius:7px;background:white;text-align:left;padding:0 10px;cursor:pointer;font-size:9px}.plan-selector button.active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-dark);font-weight:800}
.script-source-tabs { display:flex; gap:5px; margin-bottom:8px; }.script-source-tabs button{flex:1;height:34px;border:1px solid var(--line);border-radius:6px;background:white;font-size:9px;cursor:pointer}.script-source-tabs button.active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-dark);font-weight:800}.mix-script-textarea{min-height:155px!important}
.tag-toolbar { display:flex; align-items:center; gap:7px; flex-wrap:wrap; margin:9px 0 12px; }.tag-chip{height:28px;border:1px solid var(--line);border-radius:999px;background:white;padding:0 10px;font-size:8px;cursor:pointer}.tag-chip.active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-dark);font-weight:800}.asset-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.asset-tags span{padding:3px 5px;border-radius:4px;background:var(--panel-2);font-size:7px;color:var(--ink-2)}
.tag-editor { display:flex; flex-wrap:wrap; gap:6px; padding:9px; border:1px solid var(--line); border-radius:7px; min-height:42px; }.tag-editor span{padding:5px 7px;border-radius:5px;background:var(--accent-soft);color:var(--accent-dark);font-size:8px}.tag-editor span button{border:0;background:transparent;color:inherit;cursor:pointer;padding:0 0 0 5px}
.version-actions{display:flex;gap:6px;justify-content:flex-end}
@media(max-width:860px){.strategy-cards{grid-template-columns:1fr}.single-character{grid-template-columns:130px 1fr}.picker-grid{grid-template-columns:repeat(2,1fr)}.generation-overview{grid-template-columns:1fr}.segment-row.editable{grid-template-columns:50px 1fr}.segment-row.editable>*:nth-child(n+3){grid-column:2}}
@media(max-width:560px){.single-character{grid-template-columns:1fr}.character-preview{width:150px}.picker-grid{grid-template-columns:1fr 1fr}.indexed-asset{min-width:calc(50% - 4px)}.structured-prompt{min-height:520px!important}.generation-overview .button-row{width:100%}.generation-overview .button-row button{flex:1}}