/* 独立剪辑工作区：依据用户提供的 1536×1024 结构图。 */
[data-view-panel="edit"] { --edit-bg:#0b0d0f; --edit-panel:#111315; --edit-panel-soft:#17191c; --edit-border:#292c30; --edit-text:#f2f3f5; --edit-muted:#9a9da3; --edit-accent:#00d8e8; font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif; }
.editor-view-open .content { background:var(--edit-bg); }
[data-view-panel="edit"] .edit-layout { position:relative; grid-template-columns:minmax(415px,39fr) minmax(345px,32fr) minmax(320px,29fr); grid-template-rows:56px minmax(0,54fr) minmax(330px,46fr); gap:6px; padding:0 6px 6px; background:var(--edit-bg); }
.edit-panel-resizer { position:absolute; z-index:12; width:8px; cursor:col-resize; background:transparent; }
.edit-panel-resizer:hover,.edit-panel-resizer.dragging { background:#00d8e855; }
.edit-panel-resizer[data-edit-resize="timeline"] { left:6px; right:6px; width:auto; height:8px; cursor:row-resize; }
[data-view-panel="edit"] .edit-layout .panel { border:1px solid var(--edit-border); border-radius:10px; background:var(--edit-panel); }
[data-view-panel="edit"] button,[data-view-panel="edit"] summary,[data-view-panel="edit"] label.file-button { cursor:pointer; }
[data-view-panel="edit"] button:disabled { cursor:not-allowed; opacity:.42; }
[data-view-panel="edit"] :is(button,summary,select,input,textarea):focus-visible { outline:2px solid var(--edit-accent); outline-offset:2px; }
[data-view-panel="edit"] [hidden] { display:none !important; }

/* 顶部工程栏 */
[data-view-panel="edit"] .edit-project-bar { z-index:20; gap:10px; margin:0 -6px; padding:0 17px; border-bottom:1px solid #25282d; border-radius:0; background:#0e1012; }
[data-view-panel="edit"] .edit-exit { width:29px; height:29px; flex-basis:29px; border-color:#34383d; border-radius:6px; background:#1d2024; font-size:17px; }
[data-view-panel="edit"] .edit-project-identity { min-width:0; gap:6px; }
[data-view-panel="edit"] .edit-project-mark { width:27px; height:27px; border:0; border-radius:5px; background:transparent; color:#fff; font-size:22px; }
[data-view-panel="edit"] .edit-project-identity strong { font-size:16px; letter-spacing:.02em; }
[data-view-panel="edit"] .edit-project-identity small { display:none; }
.edit-project-menu { position:relative; flex:0 0 auto; }
.edit-project-menu > summary { display:flex; align-items:center; gap:10px; min-height:29px; padding:4px 11px; border:1px solid #2b2e32; border-radius:5px; background:#222428; color:#e7e8e9; font-size:12px; list-style:none; }
.edit-project-menu > summary::-webkit-details-marker { display:none; }
[data-view-panel="edit"] .edit-project-actions { position:absolute; top:calc(100% + 8px); left:0; z-index:40; display:grid; width:240px; flex:none; gap:7px; padding:12px; border:1px solid #3a3d42; border-radius:8px; background:#1a1c1f; box-shadow:0 18px 40px #0009; }
[data-view-panel="edit"] .edit-project-actions label { display:grid; gap:5px; min-width:0; max-width:none; color:#aeb2b8; font-size:11px; }
[data-view-panel="edit"] .edit-project-actions select { width:100%; background:#111417; }
[data-view-panel="edit"] .edit-project-actions button { width:100%; justify-content:flex-start; text-align:left; }
.edit-current-project-name { position:absolute; left:50%; max-width:25vw; overflow:hidden; transform:translateX(-50%); color:#e9ecef; font-size:12px; font-weight:600; text-overflow:ellipsis; white-space:nowrap; }
.edit-project-right { display:flex; align-items:center; gap:13px; margin-left:auto; }
[data-view-panel="edit"] .edit-project-storage { color:#a4aaae; font-size:11px; }
.edit-chrome-button { display:grid; place-items:center; width:26px; height:26px; border:0; border-radius:5px; background:transparent; color:#d6dade; font-size:17px; }
.edit-chrome-button:hover { background:#2c3034; }
[data-view-panel="edit"] #edit-open-export { min-height:34px; min-width:91px; padding:5px 17px; border-radius:6px; border-color:#04bfcc; background:linear-gradient(110deg,#00bed0,#04d5e5); color:#073338; font-size:13px; font-weight:800; }

/* 素材库：上方九类工具，下面来源与素材网格。 */
[data-view-panel="edit"] .edit-sources { display:grid; grid-template-columns:minmax(0,1fr); grid-template-rows:68px minmax(0,1fr); overflow:hidden; background:#121416; }
[data-view-panel="edit"] .edit-library-nav { grid-column:1; grid-row:1; display:grid; grid-template-columns:repeat(9,minmax(0,1fr)); gap:0; width:100%; min-height:68px; margin:0; padding:4px 5px 0; border-right:0; border-bottom:1px solid #2d3035; overflow:hidden; background:linear-gradient(#202226,#1b1d20); }
[data-view-panel="edit"] .edit-library-nav button { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:5px; min-height:57px; height:57px; padding:3px 0; border:0; border-bottom:2px solid transparent; border-radius:0; background:transparent; color:#c7cbcf; font-size:11px; font-weight:500; white-space:nowrap; }
[data-view-panel="edit"] .edit-library-nav button span { font-size:22px; font-weight:400; line-height:1; }
[data-view-panel="edit"] .edit-library-nav button:hover { background:#2b2e32; color:#fff; }
[data-view-panel="edit"] .edit-library-nav button.active { border-color:var(--edit-accent); color:var(--edit-accent); background:#19282b; }
[data-view-panel="edit"] .edit-library-page { grid-column:1; grid-row:2; display:block; padding:13px; overflow:auto; background:#121416; color:var(--edit-text); }
[data-view-panel="edit"] #edit-media-library { display:grid; grid-template-columns:118px minmax(0,1fr); gap:0; padding:0; overflow:hidden; }
.edit-source-sidebar { display:flex; flex-direction:column; gap:5px; min-width:0; padding:12px 7px; border-right:1px solid #2d3034; overflow:auto; background:linear-gradient(90deg,#1c1e21,#191b1e); }
.edit-source-sidebar button { min-height:33px; padding:7px 8px; border:0; border-radius:5px; background:transparent; color:#c0c6cb; text-align:left; font-size:11px; white-space:nowrap; }
.edit-source-sidebar button:hover,.edit-source-sidebar button.active { background:#282c30; color:var(--edit-accent); }
.edit-source-main { min-width:0; min-height:0; padding:12px 11px; overflow:auto; scrollbar-width:thin; scrollbar-color:#555a60 transparent; }
.edit-media-toolbar { display:flex; align-items:center; gap:5px; min-width:0; margin:0 0 10px; }
.edit-media-import { display:inline-flex; justify-content:center; align-items:center; flex:0 0 auto; min-height:30px; padding:5px 9px; border:1px solid #34565b; border-radius:5px; background:#232b2d; color:#e9f2f3; font-size:11px; font-weight:700; white-space:nowrap; }
.edit-media-import:hover { border-color:var(--edit-accent); }
.edit-media-toolbar :is(select,button,summary) { min-width:0; min-height:28px; border:1px solid #34383b; border-radius:5px; background:#202326; color:#c4cbd0; font-size:10px; }
.edit-media-toolbar select { flex:1 1 87px; max-width:105px; padding:3px; }
.edit-media-toolbar > button { flex:0 0 27px; padding:2px; font-size:15px; }
.edit-media-toolbar > button.active { color:var(--edit-accent); border-color:#345e64; }
.edit-media-type { position:relative; flex:0 0 56px; }
.edit-media-type > summary { display:grid; place-items:center; min-height:28px; padding:3px; list-style:none; }
.edit-media-type > summary::-webkit-details-marker { display:none; }
.edit-media-type .edit-source-tabs { position:absolute; z-index:8; top:calc(100% + 5px); left:0; display:grid !important; gap:3px; width:86px; margin:0; padding:5px; border:1px solid #41474b; border-radius:6px; background:#24282b; box-shadow:0 12px 25px #0008; }
.edit-media-type:not([open]) .edit-source-tabs { display:none !important; }
[data-view-panel="edit"] .edit-media-type .edit-source-tabs button { width:100%; min-height:26px; }
[data-view-panel="edit"] .edit-source-search { margin-bottom:8px; }
.edit-media-organize { margin:0 0 9px; }
.edit-media-organize > summary { width:max-content; padding:2px 5px; color:#8d989e; font-size:10px; list-style:none; }
.edit-media-organize > summary::-webkit-details-marker { display:none; }
.edit-media-organize > summary::before { content:"▸ "; }
.edit-media-organize[open] > summary::before { content:"▾ "; }
.edit-media-organize > :not(summary) { margin-top:6px !important; }
[data-view-panel="edit"] .edit-media-organize .edit-work-tools > * { flex:1 1 calc(50% - 4px); min-height:29px; }
[data-view-panel="edit"] .edit-source-main[data-view="list"] .edit-source-list { grid-template-columns:1fr; gap:5px; }
[data-view-panel="edit"] .edit-source-main[data-view="list"] .edit-source-card { display:grid; grid-template-columns:70px minmax(0,1fr) auto; grid-template-rows:26px 24px; gap:0 8px; padding:3px; border:1px solid #32383d; background:#1c2023; }
[data-view-panel="edit"] .edit-source-main[data-view="list"] .edit-source-card :is(video,img,.edit-audio-icon) { grid-column:1; grid-row:1 / 3; width:70px; height:48px; }
[data-view-panel="edit"] .edit-source-main[data-view="list"] .edit-source-card .edit-source-name { grid-column:2; grid-row:1; align-self:end; }
[data-view-panel="edit"] .edit-source-main[data-view="list"] .edit-source-card small { grid-column:2; grid-row:2; }
[data-view-panel="edit"] .edit-source-main[data-view="list"] .edit-source-actions { position:static; display:flex; grid-column:3; grid-row:1; }
[data-view-panel="edit"] .edit-source-main[data-view="list"] .edit-source-organize { grid-column:3; grid-row:2; }
[data-view-panel="edit"] .edit-source-search { display:grid; gap:4px; margin:0 0 8px; color:#afb7be; font-size:10px; }
[data-view-panel="edit"] .edit-source-search input { min-height:29px; padding:4px 8px; border:1px solid #33373c; border-radius:5px; background:#1d2023; color:#e9f1f3; }
[data-view-panel="edit"] .edit-library-controls { display:flex; gap:5px; margin:0 0 8px; }
[data-view-panel="edit"] .edit-library-controls select { width:100%; min-width:0; min-height:29px; border-color:#33383d; border-radius:5px; background:#222529; }
[data-view-panel="edit"] .edit-library-controls button { min-width:27px; overflow:hidden; padding:4px 5px; text-overflow:ellipsis; white-space:nowrap; }
[data-view-panel="edit"] .edit-work-tools { display:flex; flex-wrap:wrap; gap:5px; margin:0 0 8px; }
[data-view-panel="edit"] .edit-work-tools > * { flex:1 1 calc(50% - 5px); min-height:29px; padding:5px 6px; border-radius:5px; font-size:10px; }
[data-view-panel="edit"] .edit-work-tools > :first-child { flex:1 1 100%; min-height:33px; background:#25292c; color:#f2f3f4; }
[data-view-panel="edit"] .edit-source-tabs { display:flex; gap:4px; margin:0 0 9px; }
[data-view-panel="edit"] .edit-source-tabs button { flex:1 1 0; min-height:25px; border-radius:4px; color:#aab2b8; background:#202326; font-size:10px; }
[data-view-panel="edit"] .edit-source-tabs button.active { border-color:#3e5a5f; background:#24363a; color:var(--edit-accent); }
[data-view-panel="edit"] .edit-source-list { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); align-content:start; gap:10px; max-height:none; overflow:visible; }
[data-view-panel="edit"] .edit-source-card { position:relative; display:flex; flex-direction:column; gap:4px; min-width:0; padding:0; border:0; border-radius:5px; background:transparent; box-shadow:none; }
[data-view-panel="edit"] .edit-source-card :is(video,img) { width:100%; height:72px; border:1px solid #33383d; border-radius:5px; object-fit:cover; background:#050607; }
[data-view-panel="edit"] .edit-source-card:hover :is(video,img) { border-color:var(--edit-accent); }
[data-view-panel="edit"] .edit-source-card .edit-source-name { width:100%; color:#d7dadd; font-size:11px; }
[data-view-panel="edit"] .edit-source-card small { color:#808a91; font-size:9px; }
[data-view-panel="edit"] .edit-source-actions { display:none; position:absolute; top:47px; left:3px; right:3px; gap:3px; }
[data-view-panel="edit"] .edit-source-card:hover .edit-source-actions,[data-view-panel="edit"] .edit-source-card:focus-within .edit-source-actions { display:flex; }
[data-view-panel="edit"] .edit-source-actions button { min-height:23px; border-radius:3px; font-size:9px; }
[data-view-panel="edit"] .edit-source-actions [data-source-overlay] { color:#dceef2; background:#273a43; border-color:#45616c; }
[data-view-panel="edit"] .edit-source-actions [data-source-add] { color:#10242a; background:#76dbe9; border-color:#76dbe9; }
[data-view-panel="edit"] .edit-source-organize { display:none; }
[data-view-panel="edit"] .edit-source-card:hover .edit-source-organize,[data-view-panel="edit"] .edit-source-card:focus-within .edit-source-organize { display:flex; }
[data-view-panel="edit"] .edit-source-organize button { font-size:9px; }
[data-view-panel="edit"] .edit-library-page h4 { margin:1px 0 9px; color:#eceef0; font-size:14px; }
[data-view-panel="edit"] .edit-library-page p { color:#9ca4aa; line-height:1.5; }
[data-view-panel="edit"] .edit-resource-types { gap:5px; }
[data-view-panel="edit"] .edit-resource-types button { background:#222528; }
[data-view-panel="edit"] .edit-resource-list { grid-template-columns:repeat(3,minmax(0,1fr)); }
[data-view-panel="edit"] .edit-resource-card { min-height:58px; border-color:#34383d; background:#202326; }
.edit-material-controls { border-bottom:1px solid #30353a; padding:8px 10px 5px; }
.edit-material-controls[hidden] { display:none !important; }
.edit-material-tabs { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:4px; }
.edit-material-tabs button { min-width:0; padding:6px 2px; border:1px solid #343b40; border-radius:5px; color:#b9c5ca; background:#23282c; font-size:11px; cursor:pointer; }
.edit-material-tabs button.active { color:#53dae5; border-color:#278991; background:#16333a; }
#edit-material-summary { margin:6px 0 2px; color:#a7b3bb; font-size:11px; line-height:1.4; }
.edit-material-card img { object-fit:cover; }
.edit-material-note { color:#b9c5ca; font-size:12px; line-height:1.5; }
#edit-resource-list .edit-material-note { grid-column:1/-1; margin:0 0 8px; padding:9px 11px; border:1px solid #35434a; border-radius:6px; background:#172127; }
.edit-native-resource { display:grid; gap:5px; align-content:start; }
.edit-native-resource img { width:100%; height:76px; object-fit:contain; border-radius:4px; background:#11191d; }
.edit-native-resource > span { display:grid; place-items:center; height:76px; color:#49c6cf; font-size:28px; }
.edit-material-audio-row { display:grid; grid-template-columns:minmax(0,1fr) auto auto; align-items:center; gap:5px; }
.edit-material-audio-row strong { grid-column:1/-1; }
.edit-material-audio-row button { padding:5px 9px; border:1px solid #397078; border-radius:4px; background:#183138; color:#d8f8fb; cursor:pointer; }
.edit-font-card strong { font-size:19px; }
.edit-font-card[data-material-font="0"] strong { font-family:JianyingFontModern,sans-serif; }
.edit-font-card[data-material-font="1"] strong { font-family:JianyingFontYouth,sans-serif; }
.edit-font-card[data-material-font="2"] strong { font-family:JianyingFontLeisure,sans-serif; }
#edit-material-more { grid-column:1/-1; width:100%; }
.edit-text-guidance { margin:12px 0; padding:13px; border:1px solid #35393e; border-radius:7px; background:#1b1e21; }
.edit-text-guidance strong { font-size:12px; }
.edit-text-guidance p { margin:5px 0 0 !important; }
[data-view-panel="edit"] .edit-sources[data-library-mode="stickers"] #edit-text-library > .edit-library-actions,[data-view-panel="edit"] .edit-sources[data-library-mode="stickers"] #edit-text-library > .edit-text-guidance { display:none; }
[data-view-panel="edit"] .edit-sources[data-library-mode="text"] #edit-text-library > h5,[data-view-panel="edit"] .edit-sources[data-library-mode="text"] #edit-sticker-list { display:none; }
.edit-template-choices { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; margin:14px 0; }
.edit-template-choices button { display:grid; gap:5px; min-height:72px; padding:10px; border:1px solid #394047; border-radius:7px; background:#20262a; color:#eaf0f2; font-size:12px; }
.edit-template-choices button.active,.edit-template-choices button:hover { border-color:var(--edit-accent); background:#1b383d; }
.edit-template-choices small { color:#9ba9b0; font-size:10px; }
.edit-feature-workbench { display:grid; grid-template-columns:112px minmax(0,1fr); width:100%; height:100%; min-height:0; margin:-13px; width:calc(100% + 26px); height:calc(100% + 26px); }
.edit-feature-side { display:flex; flex-direction:column; gap:4px; min-width:0; padding:12px 7px; overflow:auto; border-right:1px solid #2d3034; background:linear-gradient(90deg,#1c1e21,#191b1e); scrollbar-width:thin; }
.edit-feature-side button { min-height:32px; padding:6px 8px; border:0; border-radius:5px; background:transparent; color:#bec6ca; font-size:11px; text-align:left; white-space:nowrap; }
.edit-feature-side button:hover,.edit-feature-side button.active { background:#292e31; color:var(--edit-accent); }
.edit-feature-main { min-width:0; min-height:0; padding:12px 11px 18px; overflow:auto; scrollbar-width:thin; scrollbar-color:#53595d transparent; }
.edit-feature-main > p { font-size:10px; }
.edit-feature-main .edit-resource-types { margin:7px 0 10px; }
[data-view-panel="edit"] #edit-visual-library .edit-resource-types { display:none; }
.edit-feature-main .edit-resource-types button { font-size:10px; }
.edit-feature-main .edit-resource-list { grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; }
.edit-feature-main .edit-resource-card { min-width:0; padding:7px; text-align:left; }
.edit-feature-main .edit-resource-card strong,.edit-feature-main .edit-resource-card small { overflow:hidden; text-overflow:ellipsis; }
.edit-feature-main #edit-audio-sfx-group { width:100%; min-height:30px; margin:0 0 9px; border:1px solid #353a3e; border-radius:4px; background:#202326; color:#dce3e6; font-size:11px; }
.edit-feature-action { display:grid; gap:9px; padding:14px; border:1px solid #343c40; border-radius:7px; background:#202529; }
.edit-feature-action strong { color:#e8f0f1; font-size:12px; }
.edit-feature-action p { margin:0; font-size:10px; }
.edit-feature-action button { justify-self:start; }
.edit-cutout-note { margin:10px 0; padding:10px; border:1px solid #35545a; border-radius:5px; color:#a7c1c6; background:#1b292c; font-size:11px; line-height:1.5; }
.edit-source-preview-info { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px 14px; margin:12px 0; padding:10px; border:1px solid #343b40; border-radius:6px; background:#1b2024; }
.edit-source-preview-info div { min-width:0; }
.edit-source-preview-info dt { color:#8fa2aa; font-size:10px; }
.edit-source-preview-info dd { margin:3px 0 0; overflow:hidden; color:#dce6e9; font-size:11px; text-overflow:ellipsis; white-space:nowrap; }
[data-view-panel="edit"] .edit-sources[data-library-mode="stickers"] #edit-text-library .edit-library-actions,[data-view-panel="edit"] .edit-sources[data-library-mode="stickers"] #edit-text-library .edit-text-guidance { display:none; }
[data-view-panel="edit"] .edit-sources[data-library-mode="text"] #edit-text-library #edit-sticker-list { display:none; }

/* 中央播放器 */
[data-view-panel="edit"] .edit-preview { grid-template-rows:46px minmax(0,1fr) 58px; border-radius:10px; background:#111315 !important; }
[data-view-panel="edit"] .edit-preview-heading { padding:0 15px; border-color:#292c30; color:#e8ebed; font-size:13px; }
[data-view-panel="edit"] .edit-preview-heading span:last-child { color:#737d84; }
[data-view-panel="edit"] .edit-preview-stage { position:relative; padding:8px; background:#0b0d0f; }
[data-view-panel="edit"] .edit-preview-stage canvas { border:0; border-radius:2px; box-shadow:none; }
.edit-preview-safe { position:absolute; z-index:3; pointer-events:none; border:1px solid #fff8; box-shadow:inset 0 0 0 1px #0008; }
.edit-preview-safe::before { content:""; position:absolute; inset:8% 6%; border:1px dashed #ffffffe0; }
.edit-preview-safe span { position:absolute; inset:8% 6%; background:linear-gradient(90deg,transparent 33.2%,#ffffffa0 33.3%,transparent 33.5%,transparent 66.5%,#ffffffa0 66.7%,transparent 66.8%),linear-gradient(0deg,transparent 33.2%,#ffffffa0 33.3%,transparent 33.5%,transparent 66.5%,#ffffffa0 66.7%,transparent 66.8%); }
.edit-preview-empty { position:absolute; inset:8px; display:grid; place-content:center; justify-items:center; gap:9px; padding:30px; background:radial-gradient(circle at center,#1d292d,#0b0d0f 68%); text-align:center; }
.edit-preview-empty strong { color:#f0f4f5; font-size:16px; }
.edit-preview-empty p { max-width:270px; margin:0; color:#99a8af; font-size:11px; line-height:1.6; }
.edit-preview-empty button { padding:7px 15px; border:1px solid #2e7c85; border-radius:5px; background:#20383d; color:#b5edf1; font-size:11px; }
[data-view-panel="edit"] .edit-preview-stage:fullscreen { background:#050505; }
[data-view-panel="edit"] .edit-preview-bar { display:flex; gap:8px; min-height:58px; padding:6px 11px; border-color:#292c30; }
[data-view-panel="edit"] .edit-preview-bar #edit-play { order:2; min-width:32px; width:32px; padding:0; border:0; background:transparent; color:#eef4f6; font-size:0; }
[data-view-panel="edit"] .edit-preview-bar #edit-play::after { content:"▶"; font-size:18px; }
[data-view-panel="edit"] .edit-preview-bar #edit-stop { order:3; min-width:27px; width:27px; padding:0; border:0; background:transparent; color:#aeb4b8; font-size:0; }
[data-view-panel="edit"] .edit-preview-bar #edit-stop::after { content:"■"; font-size:12px; }
[data-view-panel="edit"] .edit-preview-bar #edit-prev-frame { order:2; }
[data-view-panel="edit"] .edit-preview-bar #edit-next-frame { order:3; }
[data-view-panel="edit"] .edit-preview-bar #edit-prev-frame,[data-view-panel="edit"] .edit-preview-bar #edit-next-frame { min-width:25px; padding:0; border:0; background:transparent; font-size:25px; }
[data-view-panel="edit"] .edit-preview-bar #edit-preview-safe-toggle.active { color:var(--edit-accent); }
[data-view-panel="edit"] .edit-preview-bar output { order:1; flex:1; min-width:0; justify-self:start; padding:0; border:0; background:transparent; color:var(--edit-accent); font-size:11px; white-space:nowrap; }
.edit-range-menu { position:relative; order:4; }
.edit-range-menu > summary { padding:5px 6px; border-radius:4px; color:#aeb6bb; font-size:10px; list-style:none; }
.edit-range-menu > summary::-webkit-details-marker { display:none; }
.edit-range-menu > div { position:absolute; z-index:15; right:0; bottom:calc(100% + 6px); display:grid; gap:5px; width:112px; padding:6px; border:1px solid #3a3d43; border-radius:6px; background:#222529; box-shadow:0 12px 26px #0009; }
.edit-preview-icon { order:5; min-height:27px; min-width:35px; padding:2px 6px; border:0; border-radius:4px; background:#24272a; color:#e2e5e7; font-size:11px; }
#edit-preview-fullscreen { order:6; min-width:27px; background:transparent; font-size:18px; }
[data-view-panel="edit"] .edit-status { display:none; }
[data-view-panel="edit"] .edit-status.visible { display:block; position:absolute; z-index:10; bottom:59px; left:8px; right:8px; width:auto; padding:3px 7px; border-radius:3px; background:#0d1113d9; color:#b5dce0; font-size:10px; pointer-events:none; }

/* 右侧属性与导出检查区 */
[data-view-panel="edit"] .edit-side { grid-template-rows:36px minmax(0,1fr); border:1px solid var(--edit-border); border-radius:10px; background:#111315; }
.edit-inspector-tabs { padding:3px; border-color:#2c3033; }
.edit-inspector-tabs button { border-radius:5px; font-size:11px; }
.edit-inspector-tabs button.active { background:#25292d; color:#e8edf0; }
[data-view-panel="edit"] .edit-side > .panel { border:0; border-radius:0 0 10px 10px; background:#111315; }
.edit-property-tabs { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:0; position:sticky; top:0; z-index:5; min-height:43px; border-bottom:1px solid #2e3135; background:#1c1e21; }
.edit-property-tabs button { min-width:0; padding:5px 1px; border:0; border-bottom:2px solid transparent; background:transparent; color:#c3c7cb; font-size:11px; white-space:nowrap; }
.edit-property-tabs button.active { border-color:var(--edit-accent); color:var(--edit-accent); }
.edit-property-subtabs { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:2px; margin:13px 12px 4px; padding:2px; border-bottom:1px solid #2f3337; }
.edit-property-subtabs button { min-height:29px; padding:4px 1px; border:0; border-radius:4px; background:transparent; color:#a3aaae; font-size:10px; }
.edit-property-subtabs button.active { background:#3b3e42; color:#eef0f2; }
.edit-property-subtabs button:disabled { color:#71777b; background:#191b1e; }
[data-view-panel="edit"] .edit-properties .panel-heading { min-height:39px; padding:6px 13px; border-bottom:1px solid #2b3033; }
[data-view-panel="edit"] .edit-properties .panel-heading h3 { font-size:11px; }
[data-view-panel="edit"] .edit-properties .panel-heading p { display:none; }
[data-view-panel="edit"] .edit-properties #edit-inspector-close { padding:4px 7px; font-size:10px; }
[data-view-panel="edit"] .edit-properties-content { padding:12px 13px 20px; }
.edit-property-title { color:#e9edef; font-size:12px; }
[data-view-panel="edit"] .edit-property-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:13px 10px; }
[data-view-panel="edit"] .edit-property-section { grid-column:1/-1; min-width:0; padding:0 0 14px; border-bottom:1px solid #2b3034; }
[data-view-panel="edit"] .edit-property-section[hidden] { display:none; }
[data-view-panel="edit"] .edit-property-section h5 { margin:0 0 12px; color:#e9edef; font-size:12px; font-weight:650; }
[data-view-panel="edit"] .edit-property-section-fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:11px 10px; }
[data-view-panel="edit"] .edit-property-section-fields .edit-property-wide { grid-column:1/-1; }
[data-view-panel="edit"] .edit-property-grid label { gap:6px; color:#b7bec3; font-size:10px; }
[data-view-panel="edit"] .edit-property-grid label[hidden] { display:none; }
[data-view-panel="edit"] .edit-property-grid :is(input,select,textarea) { min-height:30px; border-color:#33373b; border-radius:4px; background:#222529; color:#edf1f2; }
[data-view-panel="edit"] .edit-property-grid input[type="range"] { min-height:15px; padding:0; accent-color:#dde7e9; }
[data-view-panel="edit"] .edit-properties-content::before { display:block; margin-bottom:12px; padding-bottom:8px; border-bottom:1px solid #2d3034; color:#e2e6e8; font-size:11px; font-weight:700; content:"位置大小"; }
[data-view-panel="edit"] .edit-properties[data-inspector-tab="audio"] .edit-properties-content::before { content:"声音"; }
[data-view-panel="edit"] .edit-properties[data-inspector-tab="speed"] .edit-properties-content::before { content:"播放速度"; }
[data-view-panel="edit"] .edit-properties[data-inspector-tab="animation"] .edit-properties-content::before { content:"动画与关键帧"; }
[data-view-panel="edit"] .edit-properties[data-inspector-tab="adjust"] .edit-properties-content::before { content:"画面调节"; }
[data-view-panel="edit"] .edit-properties[data-inspector-subtab="mask"] .edit-properties-content::before { content:"蒙版"; }
.edit-inspector-tab-note { display:grid; gap:8px; margin-top:12px; padding:14px; border:1px solid #374248; border-radius:7px; background:#1d262a; }
.edit-inspector-tab-note strong { color:#e8f0f1; font-size:12px; }
.edit-inspector-tab-note p { margin:0; color:#9bacb3; font-size:11px; }
.edit-inspector-empty { min-height:220px; border-color:#30353a; }
[data-view-panel="edit"] .edit-export-panel .panel-heading { border-bottom:1px solid #2e3135 !important; }
[data-view-panel="edit"] .edit-export-toolbar { margin:0; padding:13px; }
[data-view-panel="edit"] .edit-export-toolbar #edit-export { background:var(--edit-accent); color:#0b2f33; }

/* 底部时间线 */
[data-view-panel="edit"] .edit-timeline { border-radius:10px; background:#111315; }
.edit-timeline-mainbar { display:flex; align-items:center; flex:0 0 44px; gap:12px; width:100%; min-width:0; padding:4px 10px; border-bottom:1px solid #2c3034; background:#1b1d20; }
.edit-timeline-tools,.edit-timeline-right { display:flex; align-items:center; gap:4px; min-width:0; }
.edit-timeline-tools button { display:grid; place-items:center; min-width:28px; height:29px; padding:0; border:0; border-radius:4px; background:transparent; color:#d6dbde; font-size:17px; }
.edit-timeline-tools button:hover:not(:disabled),.edit-timeline-tools button.recording { background:#333b40; color:var(--edit-accent); }
.edit-timeline-tools button.recording { color:#f45e62; }
.edit-timeline-summary { overflow:hidden; color:#7e8a91; font-size:10px; text-overflow:ellipsis; white-space:nowrap; }
.edit-timeline-right { margin-left:auto; }
.edit-snap-toggle,.edit-timeline-zoom { display:flex; align-items:center; gap:5px; color:#a8b0b5; font-size:10px; white-space:nowrap; }
.edit-snap-toggle input { accent-color:var(--edit-accent); }
.edit-timeline-zoom input { width:105px; accent-color:var(--edit-accent); }
.edit-timeline-more { position:relative; }
.edit-timeline-more > summary { padding:5px 7px; border:1px solid #34383b; border-radius:4px; color:#c7cccf; font-size:10px; list-style:none; }
.edit-timeline-more > summary::-webkit-details-marker { display:none; }
.edit-timeline-more > div { position:absolute; z-index:20; right:0; top:calc(100% + 6px); display:grid; gap:9px; width:210px; padding:12px; border:1px solid #444a50; border-radius:7px; background:#22262a; box-shadow:0 16px 32px #000b; }
.edit-timeline-more label { display:grid; gap:4px; color:#b7c0c5; font-size:10px; }
.edit-timeline-more select { min-height:28px; border:1px solid #3e454a; border-radius:4px; background:#151a1d; color:#e6ecef; }
[data-view-panel="edit"] .edit-timeline-scroll { background:#111315; }
[data-view-panel="edit"] .edit-ruler { min-height:30px; border-color:#30363a; background:#16191b; }
[data-view-panel="edit"] .edit-ruler-track { height:30px; }
[data-view-panel="edit"] .edit-ruler-track > span:not(.edit-ruler-head) { top:7px; border-color:#465057; color:#9ca6ac; font-size:10px; }
.edit-ruler-marker { position:absolute; z-index:4; top:4px; width:9px; height:9px; transform:translateX(-50%) rotate(45deg); border:1px solid #f5cf76; background:#a37729; pointer-events:none; }
[data-view-panel="edit"] .edit-ruler-head,[data-view-panel="edit"] .edit-lane-head { background:#f1f3f4; }
[data-view-panel="edit"] .edit-ruler-head::before { border-top-color:#f1f3f4; }
[data-view-panel="edit"] .edit-track-row { min-height:68px; border-color:#2e363b; }
[data-view-panel="edit"] .edit-track-head { gap:6px; background:#1b1e21; border-color:#30373b; }
[data-view-panel="edit"] .edit-track-head strong { color:#cbd4d9; font-size:11px; }
[data-view-panel="edit"] .edit-track-head > div { flex-wrap:wrap; }
[data-view-panel="edit"] .edit-track-head button { min-width:24px; min-height:23px; border-color:#363f45; background:#242a2f; color:#b8c3c9; }
[data-view-panel="edit"] .edit-track-head button:disabled { opacity:.32; cursor:default; }
[data-view-panel="edit"] .edit-track-head button.active { border-color:#21a8b4; background:#17383c; color:var(--edit-accent); }
[data-view-panel="edit"] .edit-track-lane { min-height:68px; background:repeating-linear-gradient(90deg,#11191c 0,#11191c 55px,#263035 56px); }
[data-view-panel="edit"] .edit-track-lane.drag-over { background-color:#23464b; }
[data-view-panel="edit"] .edit-track-lane.snap-active::after { content:""; position:absolute; z-index:7; top:0; bottom:0; left:var(--edit-snap-x); width:2px; background:#00d8e8; box-shadow:0 0 0 4px #00d8e82b,0 0 13px #00d8e8; pointer-events:none; }
.edit-drop-preview { position:absolute; z-index:8; top:9px; height:50px; overflow:hidden; padding:15px 7px 0; border:1px dashed #31d2e2; border-radius:5px; background:#1e88958c; color:#f4ffff; font-size:10px; font-weight:700; text-overflow:ellipsis; white-space:nowrap; pointer-events:none; }
.edit-drop-preview.mode-overwrite { border-color:#fb8d86; background:#b8484d91; }
.edit-drop-preview.mode-free { border-color:#d7c6ff; background:#65508da1; }
[data-view-panel="edit"] .edit-timeline-clip { top:9px; height:50px; border:1px solid #0b909a; border-radius:5px; background:#087f86; box-shadow:none; }
.edit-clip-filmstrip { position:absolute; inset:18px 0 0; background-repeat:repeat-x; background-position:left center; background-size:66px 32px; opacity:.88; pointer-events:none; }
[data-view-panel="edit"] .edit-timeline-clip.kind-image .edit-clip-filmstrip { opacity:.75; }
[data-view-panel="edit"] .edit-timeline-clip:has(.edit-clip-filmstrip) .edit-clip-label { position:absolute; z-index:1; top:0; left:7px; right:7px; height:18px; padding:1px 2px; background:#087f86; }
[data-view-panel="edit"] .edit-timeline-clip.kind-image:has(.edit-clip-filmstrip) .edit-clip-label { background:#256d78; }
[data-view-panel="edit"] .edit-timeline-clip.selected { border-color:#e5f2f4; box-shadow:0 0 0 2px #76dbe96b; }
[data-view-panel="edit"] .edit-timeline-clip.kind-image { border-color:#398d96; background:#256d78; }
[data-view-panel="edit"] .edit-timeline-clip.kind-audio { border-color:#2575af; background:#1464a0; }
[data-view-panel="edit"] .edit-timeline-clip.kind-subtitle,[data-view-panel="edit"] .edit-timeline-clip.kind-graphic { border-color:#8b5daa; background:#71439a; }
[data-view-panel="edit"] .edit-track-row.track-sticker .edit-timeline-clip.kind-image { border-color:#b76770; background:#713941; }
[data-view-panel="edit"] .edit-track-row.track-sticker .edit-timeline-clip.kind-image:has(.edit-clip-filmstrip) .edit-clip-label { background:#713941; }
[data-view-panel="edit"] .edit-clip-label { color:#eef6f7; font-size:11px; }
[data-view-panel="edit"] .edit-timeline-clip.kind-audio .edit-clip-label { color:#eef7fb; background:transparent; }
[data-view-panel="edit"] .edit-waveform { fill:#60bde9; }
[data-view-panel="edit"] .edit-trim { background:#d5f0f4b0; }
[data-view-panel="edit"] .edit-hint { max-height:22px; padding:3px 11px; border-color:#2c3034; color:#87959d; font-size:10px; }
.edit-help-dialog { width:min(470px,calc(100vw - 30px)); padding:18px; border:1px solid #465159; border-radius:9px; background:#1b2024; color:#e9f0f2; }
.edit-help-dialog::backdrop { background:#050809bd; }
.edit-help-dialog > div { display:flex; justify-content:space-between; align-items:center; gap:10px; }
.edit-help-dialog strong { font-size:15px; }
.edit-help-dialog button { border:0; background:transparent; color:#e6edef; font-size:22px; }
.edit-help-dialog p { color:#aebdc4; font-size:12px; line-height:1.7; }
.edit-multi-selection-note { display:grid; gap:7px; margin:8px 12px; padding:10px; border:1px solid #2f6971; border-radius:6px; background:#153037; color:#dffbff; font-size:11px; }
.edit-multi-selection-note span { color:#aacdd2; line-height:1.5; }
.edit-multi-selection-note button { justify-self:start; }

@media(max-width:1279px) and (min-width:801px) {
  .edit-panel-resizer { display:none; }
  [data-view-panel="edit"] .edit-layout { grid-template-columns:minmax(395px,52fr) minmax(355px,48fr); grid-template-rows:56px minmax(490px,56vh) minmax(300px,auto) minmax(340px,42vh); grid-template-areas:"header header" "sources preview" "inspector inspector" "timeline timeline"; }
  [data-view-panel="edit"] .edit-side { height:100%; }
  [data-view-panel="edit"] .edit-source-list { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media(max-width:800px) {
  .edit-panel-resizer { display:none; }
  [data-view-panel="edit"] .edit-layout { grid-template-columns:1fr; grid-template-rows:56px 42px minmax(0,1fr); gap:3px; padding:0 3px 3px; }
  [data-view-panel="edit"] .edit-project-bar { display:flex; margin:0 -3px; padding:0 7px; }
  [data-view-panel="edit"] .edit-project-identity strong { font-size:13px; }
  [data-view-panel="edit"] .edit-current-project-name { display:none; }
  [data-view-panel="edit"] .edit-project-right { gap:4px; }
  [data-view-panel="edit"] .edit-project-storage,[data-view-panel="edit"] #edit-fullscreen-workspace { display:none; }
  [data-view-panel="edit"] .edit-project-actions { left:auto; right:-90px; }
  [data-view-panel="edit"] .edit-sources { grid-template-rows:61px minmax(0,1fr); }
  [data-view-panel="edit"] .edit-library-nav { min-height:61px; overflow-x:auto; }
  [data-view-panel="edit"] .edit-library-nav button { min-width:47px; height:55px; min-height:55px; }
  [data-view-panel="edit"] #edit-media-library { grid-template-columns:93px minmax(0,1fr); }
  [data-view-panel="edit"] .edit-source-list { grid-template-columns:repeat(2,minmax(0,1fr)); }
  [data-view-panel="edit"] .edit-preview { grid-template-rows:39px minmax(0,1fr) 55px; }
  [data-view-panel="edit"] .edit-preview-bar { display:flex; padding:5px; }
  [data-view-panel="edit"] .edit-preview-bar #edit-mark-in,[data-view-panel="edit"] .edit-preview-bar #edit-mark-out,[data-view-panel="edit"] .edit-preview-bar #edit-clear-range { grid-row:auto; }
  [data-view-panel="edit"] .edit-timeline-mainbar { gap:5px; padding:3px; overflow-x:auto; }
  .edit-timeline-summary { display:none; }
  .edit-timeline-zoom input { width:65px; }
}