* { box-sizing: border-box; }
:root { font-family: Arial, sans-serif; color: #283632; background: #eef1f0; font-size: 14px; }
body { margin: 0; }
button, input, select, textarea { font: inherit; }
button { min-height: 36px; padding: 7px 12px; border: 1px solid #cbd4d0; border-radius: 5px; background: white; color: inherit; cursor: pointer; }
button:hover { background: #eaf5f0; border-color: #568c77; }
button:disabled { opacity: .4; cursor: default; }
button.active, .primary { background: #167653; border-color: #167653; color: white; }
button:focus-visible, input:focus-visible, select:focus-visible { outline: 3px solid #e9ae36; outline-offset: 2px; }
header { height: 76px; background: #fff; border-bottom: 1px solid #cbd4d0; display: flex; align-items: center; justify-content: space-between; padding: 0 24px; gap: 14px; }
.brand { display: flex; flex: 0 0 auto; align-items: center; gap: 10px; }
.brand-logo { display: block; width: 154px; height: 52px; object-fit: contain; }
.brand span { margin: 0; color: #66746e; font-size: 12px; white-space: nowrap; }
.actions { display: flex; gap: 8px; flex-wrap: wrap; }
.icon-button { width: 38px; padding: 0; font-size: 20px; }
.actions #autosaveStatus { align-self: center; margin: 0 4px 0 0; color: #607169; font-size: 12px; }
.project-name { display: flex; align-items: center; gap: 8px; min-width: 0; }
.project-name input { max-width: 240px; }
dialog { width: min(520px, calc(100vw - 28px)); padding: 0; border: 1px solid #9baba4; border-radius: 6px; color: inherit; background: white; box-shadow: 0 12px 36px #172a2240; }dialog::backdrop { background: #1d2c2766; }.dialog-heading { display: flex; align-items: center; justify-content: space-between; padding: 14px 16px; border-bottom: 1px solid #cbd4d0; }.dialog-heading h2 { margin: 0; font-size: 18px; }.dialog-heading button { width: 36px; padding: 0; font-size: 22px; }.export-options { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; padding: 18px 16px; }.export-options label { display: flex; flex-direction: column; gap: 6px; }.export-options .export-audio { flex-direction: row; align-items: center; align-self: end; min-height: 36px; }.export-options #ttsExportNote { grid-column: 1 / -1; margin: 0; padding: 9px; border-left: 3px solid #5486a4; color: #52665b; background: #eef5f8; }.dialog-actions { display: flex; justify-content: flex-end; gap: 8px; padding: 12px 16px; border-top: 1px solid #cbd4d0; }
dialog{max-height:calc(100vh - 28px);overflow:auto}.custom-transition-editor{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:16px}.custom-transition-editor canvas{grid-column:1/-1;width:100%;aspect-ratio:1.6;background:#fff}.custom-transition-editor label{display:flex;flex-direction:column;gap:5px}.custom-transition-editor .custom-transition-name{grid-column:1/-1}.custom-transition-editor .check-label{flex-direction:row;align-items:center}.custom-iris-controls{display:contents}.custom-transition-actions{flex-wrap:wrap}
.help-dialog { width: min(760px, calc(100vw - 28px)); }
.help-dialog .dialog-heading { position: sticky; z-index: 2; top: 0; background: white; }
.help-dialog .dialog-heading p { margin: 4px 0 0; color: #607169; }
.help-controls { position: sticky; z-index: 2; top: 69px; border-bottom: 1px solid #cbd4d0; background: #f9fbfa; }
.help-mode-tabs { display: grid; grid-template-columns: 1fr 1fr; padding: 10px 16px 0; }
.help-mode-tabs button { border-radius: 5px 5px 0 0; }
.help-search { display: flex; align-items: end; gap: 8px; padding: 10px 16px 12px; }
.help-search label { display: flex; flex: 1; flex-direction: column; gap: 5px; }
.help-topics { display: grid; gap: 8px; padding: 14px 16px 20px; }
.help-topics details { border: 1px solid #cbd4d0; border-radius: 5px; background: #f9fbfa; }
.help-topics summary { padding: 12px; color: #36594a; font-weight: bold; cursor: pointer; }
.help-topics details[open] summary { border-bottom: 1px solid #d8dfdc; }
.help-topics details > :not(summary) { margin-right: 16px; margin-left: 34px; line-height: 1.55; }
.help-topics .help-visual { display: block; width: calc(100% - 32px); max-width: none; margin: 14px 16px 6px; aspect-ratio: 36 / 11; border: 1px solid #d8dfdc; border-radius: 4px; background: #eef3f1; background-image: none; box-shadow: none; cursor: default; touch-action: auto; }
.help-topics li { margin-bottom: 6px; }
.help-no-results { padding: 30px; color: #607169; text-align: center; }
@media(max-width: 1000px) { header { height: auto; min-height: 76px; padding: 12px; flex-wrap: wrap; } }
main { display: grid; grid-template-columns: 174px minmax(0, 1fr) 220px; max-width: 1500px; margin: auto; min-height: calc(100vh - 76px); }
main.lab-open { grid-template-columns: 1fr; }
main.lab-open .workspace { grid-column: 1 / -1; }
aside { padding: 20px 14px; background: #f9fbfa; } h2 { font-size: 14px; margin: 0 0 16px; }
.costumes { border-right: 1px solid #cbd4d0; } .costumes > button { width: 100%; margin-top: 8px; }
#costumeList { display: grid; gap: 10px; max-height: 60vh; overflow-y: auto; }
.costume { width: 100%; padding: 6px; text-align: left; overflow-wrap: anywhere; }
.costume canvas { display: block; width: 100%; aspect-ratio: 1.6; background: #fff; margin-bottom: 6px; border-radius: 2px; box-shadow: none; cursor: pointer; touch-action: auto; }
.workspace { min-width: 0; padding: 20px; } nav { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 14px; }
.tabs { display: flex; flex-wrap: wrap; gap: 5px; } #canvasLabel { font-size: 12px; color: #607169; }
.toolbar { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; min-height: 48px; margin-bottom: 12px; }
.toolbar label { display: flex; align-items: center; gap: 6px; } input[type=color] { width: 34px; height: 32px; padding: 2px; border: 1px solid #cbd4d0; background: white; }
.toolbar .selection-angle input { width: 64px; }
.canvas-view-controls { margin-bottom: 8px; }.canvas-view-controls input[type=range] { width: 130px; }.canvas-view-controls output { min-width: 42px; font-variant-numeric: tabular-nums; }.canvas-view-controls > button:first-child, .canvas-view-controls > button:nth-of-type(2) { width: 36px; padding: 0; font-size: 20px; }
#onionLegend { display: flex; align-items: center; gap: 5px; color: #607169; font-size: 12px; }#onionLegend i { width: 10px; height: 10px; border-radius: 50%; }.onion-previous { background: #19a7ce; }.onion-next { background: #e04d8b; margin-left: 5px; }
#introStatus { max-width: 220px; overflow-wrap: anywhere; color: #607169; font-size: 12px; }
input[type=range] { accent-color: #167653; }.brush-size input[type=range], .drawing-opacity input[type=range] { width: 90px; }.brush-size input[type=number], .drawing-opacity input[type=number] { width: 58px; }
.custom-brush-settings summary { min-height: 36px; padding: 8px 10px; border: 1px solid #cbd4d0; border-radius: 5px; background: white; cursor: pointer; }.custom-brush-settings[open] { flex: 1 0 100%; }.custom-brush-options { display: grid; width: 100%; grid-template-columns: repeat(4, minmax(120px, 1fr)); gap: 10px; margin-top: 6px; padding: 10px 0; border-top: 1px solid #cbd4d0; }.custom-brush-options label { display: flex; flex-wrap: wrap; }.custom-brush-options input[type=range] { width: 100px; }.custom-brush-options input[type=number] { width: 62px; }.custom-brush-options input[type=text] { width: 100%; }.custom-brush-actions { display: flex; flex-wrap: wrap; gap: 6px; align-items: end; }
.canvasWrap { padding: 22px; background: #dee5e2; display: flex; justify-content: center; align-items: center; border: 1px solid #cbd4d0; }.canvas-viewport { overflow: hidden; }
canvas { display: block; width: 100%; max-width: 800px; aspect-ratio: 1.6; background-color: white; background-image: conic-gradient(#edf0ef 25%, white 0 50%, #edf0ef 0 75%, white 0); background-size: 20px 20px; box-shadow: 0 3px 12px #1f3b3020; touch-action: none; cursor: crosshair; }
.status { display: flex; justify-content: space-between; gap: 10px; color: #607169; font-size: 12px; padding: 12px 0 20px; min-height: 48px; }
.timeline { border-top: 1px solid #cbd4d0; padding-top: 16px; }.transport { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; } .transport output { font-variant-numeric: tabular-nums; min-width: 60px; }
.duration { margin-left: auto; } #duration { width: 62px; }#previousFrame,#nextFrame { width: 36px; padding: 0; font-size: 20px; } #keyTrack { position: relative; height: 38px; margin: 16px 10px 0; border-bottom: 2px solid #b8c9c1; }
.timeline-warning { flex: 1 1 100%; padding: 8px 10px; border-left: 4px solid #b36a19; background: #fff2d9; color: #69420f; }
.timeline-zoom { display: flex; align-items: center; gap: 7px; white-space: nowrap; }.timeline-zoom input { width: 110px; }.timeline-zoom output { min-width: 28px; font-variant-numeric: tabular-nums; }
.marker-controls label { display: flex; align-items: center; gap: 6px; }.marker-controls select { width: min(220px, 38vw); }.marker-controls .marker-label { flex: 1 1 180px; }.marker-controls input[type=number] { width: 72px; }
#timelineViewport { overflow-x: auto; padding-bottom: 5px; scrollbar-gutter: stable; }
#timelineContent { width: 100%; min-width: 100%; }
.key, .camera-key { position: absolute; top: 7px; transform: translateX(-50%); min-height: 26px; padding: 0; width: 26px; color: #167653; border: 0; background: transparent; font-size: 23px; cursor: ew-resize; touch-action: none; } .key.active, .camera-key.active { background: #e6b240; color: #283632; }
#markerTrack { position: relative; height: 34px; margin: 5px 10px 0; border-bottom: 1px solid #c8a24c; }.timeline-marker { position: absolute; bottom: 0; min-height: 28px; max-width: 150px; padding: 4px 8px 4px 10px; overflow: hidden; transform: translateX(-5px); border: 0; border-left: 4px solid #8c6413; border-radius: 2px; background: #f4c95d; color: #3b301b; text-overflow: ellipsis; white-space: nowrap; cursor: ew-resize; touch-action: none; }.timeline-marker.active { background: #e79a3b; border-left-color: #713544; }
#scrubber { width: 100%; margin: 8px 0; } .ruler { display: flex; justify-content: space-between; color: #607169; font-size: 12px; padding: 0 2px; }
.properties { border-left: 1px solid #cbd4d0; }.properties label { display: flex; flex-direction: column; gap: 7px; margin-bottom: 16px; color: #52665b; }
input[type=number], input[type=text], #costumeName, select { min-width: 0; width: 100%; padding: 8px; border: 1px solid #cbd4d0; border-radius: 4px; background: white; color: #283632; }
.text-costume-controls { display: grid; grid-template-columns: 2fr repeat(4, minmax(90px, 1fr)); gap: 10px; align-items: end; margin-bottom: 12px; }.text-costume-controls label { display: flex; flex-direction: column; gap: 5px; }.text-costume-controls label:has(input[type=checkbox]) { flex-direction: row; align-items: center; min-height: 36px; }.text-content { grid-row: span 2; }.text-costume-controls textarea { min-width: 0; width: 100%; box-sizing: border-box; resize: vertical; padding: 8px; border: 1px solid #cbd4d0; border-radius: 4px; color: inherit; }
.fields { display: grid; grid-template-columns: 1fr 1fr; gap: 0 12px; } #animationProperties h2 { margin-top: 26px; } #animationProperties button { width: 100%; margin-bottom: 8px; } #keyStatus { display: block; font-size: 12px; margin-top: 10px; color: #607169; }
.camera-properties { border-top: 1px solid #cbd4d0; margin-top: 18px; }.camera-properties h2 { color: #8a3f55; }.camera-properties #cameraKeyStatus { display: block; min-height: 18px; color: #607169; font-size: 12px; }.camera-row { background: #f7edf0; border-bottom: 1px solid #d9bdc6; padding-top: 6px; }.camera-label { display: inline-block; color: #8a3f55; padding: 8px 12px; }.camera-key { color: #c14467; }
.key-clipboard { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }.key-clipboard button { min-width: 0; }
[hidden] { display: none !important; }
#keyTrack { height: auto; border: 0; margin-top: 0; }
.track-row { border-bottom: 1px solid #b8c9c1; padding-top: 6px; }
.track-row.selected { background: #e0eee7; }
.track-name { max-width: 100%; overflow-wrap: anywhere; text-align: left; }
.track-keys { position: relative; height: 38px; }
#sceneStrip { display: flex; gap: 10px; overflow-x: auto; padding: 2px 2px 14px; }
.scene-controls label{display:flex;align-items:center;gap:5px}.scene-controls select{max-width:180px}.scene-controls input{width:62px}
.scene-card { flex: 0 0 250px; padding: 7px; text-align: left; }
.scene-card.active { background: #167653; color: white; border-color: #167653; }
.scene-title { display: block; margin-bottom: 6px; }
.scene-frames { display: grid; grid-template-columns: 1fr 1fr; gap: 5px; }
.scene-frames canvas { display: block; width: 100%; aspect-ratio: 1.6; background: white; box-shadow: none; cursor: pointer; touch-action: auto; }
.sound-controls { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; padding: 8px 0; }
.sound-controls input[type=text] { width: 160px; }
.sound-controls input[type=number] { width: 72px; }
.sound-controls .sound-volume-slider { width: 90px; }
.sound-controls .sound-volume-number { width: 58px; }
.sound-controls label { display: flex; gap: 5px; align-items: center; }
.sound-lane { position: relative; height: 46px; background: #e0e6e3; overflow: hidden; margin-bottom: 10px; }
.sound-clip { position: absolute; height: 100%; overflow: hidden; background: #bd8540; border: 1px solid #855820; }
.sound-envelope { position: absolute; z-index: 0; inset: 0; background: #fff5; pointer-events: none; }.sound-waveform { position: absolute; z-index: 1; inset: 0; display: block; width: 100%; height: 100%; max-width: none; aspect-ratio: auto; background: transparent; background-image: none; box-shadow: none; cursor: default; pointer-events: none; touch-action: auto; }
.trim-handle { position: absolute; z-index: 2; top: 0; bottom: 0; width: 10px; min-height: 0; padding: 0; border: 0; border-radius: 0; background: #fff9; cursor: ew-resize; touch-action: none; }.trim-handle:hover { background: #fff; }.trim-start { left: 0; border-right: 2px solid #633d13; }.trim-end { right: 0; border-left: 2px solid #633d13; }
#ttsPanel { border-top: 1px solid #cbd4d0; border-bottom: 1px solid #cbd4d0; padding: 10px 0; margin-bottom: 10px; }#ttsPanel summary { cursor: pointer; font-weight: bold; color: #52665b; }.tts-controls { display: grid; grid-template-columns: 2fr 2fr 1fr 1fr auto auto; gap: 10px; align-items: end; padding-top: 12px; }.tts-controls label { display: flex; flex-direction: column; gap: 5px; }.tts-controls textarea { width: 100%; box-sizing: border-box; resize: vertical; padding: 8px; border: 1px solid #cbd4d0; border-radius: 4px; color: inherit; }.tts-controls output { font-variant-numeric: tabular-nums; }.sound-clip.tts-clip { background: #5486a4; border-color: #315e78; }
#characterLab { border-top: 1px solid #cbd4d0; }
#particleLab { border-top: 1px solid #cbd4d0; }
#assetLibrary { border-top: 1px solid #cbd4d0; padding: 0 14px 18px; }
.asset-library-header, .asset-save-row { display: flex; gap: 10px; align-items: end; flex-wrap: wrap; padding: 12px 0; }
.asset-library-header label, .asset-save-row label { display: flex; flex-direction: column; gap: 5px; }
.asset-library-header label:first-child { flex: 1 1 220px; }
.asset-save-row { border-top: 1px solid #cbd4d0; border-bottom: 1px solid #cbd4d0; }
.asset-save-row strong { align-self: center; margin-right: 6px; color: #52665b; }
.asset-save-row label { flex: 1 1 150px; }
.asset-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 12px; padding: 14px 0; }
.asset-card { min-width: 0; display: grid; grid-template-rows: auto auto minmax(2.5em, auto) auto; gap: 7px; padding: 10px; border: 1px solid #cbd4d0; border-radius: 6px; background: #f9fbfa; }
.asset-card > strong { overflow-wrap: anywhere; }
.asset-card > small { color: #607169; text-transform: uppercase; }
.asset-preview { display: grid; place-items: center; width: 100%; aspect-ratio: 1.6; overflow: hidden; border: 1px solid #d5ddda; background: white; color: #607169; }
.asset-preview img { display: block; width: 100%; height: 100%; object-fit: contain; }
.asset-preview.sound { background: repeating-linear-gradient(90deg, #5d8ba5 0 3px, #d7e8ef 3px 8px); color: #253c49; font-weight: bold; }
.asset-preview.sound span { padding: 5px 9px; background: #f8fcfe; border: 1px solid #547b91; }
.asset-card-actions { display: flex; gap: 7px; }
.asset-card-actions button { min-width: 0; flex: 1; }
.asset-empty { grid-column: 1 / -1; color: #607169; text-align: center; padding: 30px; }
.lab-header, .lab-save-row { display: flex; gap: 10px; align-items: end; flex-wrap: wrap; padding: 12px 0; }
.lab-header label, .lab-save-row label { display: flex; flex-direction: column; gap: 5px; }
.lab-layout { display: grid; grid-template-columns: 150px minmax(0, 1fr); border: 1px solid #cbd4d0; }
.lab-parts { border-right: 1px solid #cbd4d0; padding: 12px; }
.lab-parts button { width: 100%; margin-bottom: 7px; overflow-wrap: anywhere; }
.part-list-row { display: grid; grid-template-columns: minmax(0, 1fr) 36px; gap: 5px; }.part-list-row .part-delete { width: 36px; padding: 0; font-size: 20px; color: #9b3043; }.part-list-row .part-delete:disabled { color: inherit; }
.lab-work { min-width: 0; padding: 12px; }
.lab-work > .tabs { margin-bottom: 10px; }
.assembly-controls { display: grid; grid-template-columns: 2fr 2fr repeat(4, 1fr); gap: 10px; padding-top: 12px; }
.assembly-controls label { display: flex; flex-direction: column; gap: 5px; }
.pivot-controls { padding-top: 10px; margin-bottom: 0; }.pivot-controls label { display: flex; align-items: center; gap: 5px; }.pivot-controls input { width: 70px; }
.clip-editor{margin-top:12px;border-top:1px solid #cbd4d0;padding-top:12px}.character-animation-timeline{display:grid;gap:6px;margin-top:8px}.character-animation-timeline>input{width:100%}.character-animation-timeline>div:last-child{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.duration-input{display:flex;align-items:center;gap:5px;white-space:nowrap}#animationKeyTrack{position:relative;height:28px;border:1px solid #cbd4d0;border-radius:5px;background:#f9fbfa}#animationKeyTrack button{position:absolute;top:3px;width:22px;min-height:20px;height:20px;padding:0;transform:translateX(-50%);color:#167653}.clip-editor input[type=number]{width:70px}
.lab-status { min-height: 24px; color: #607169; }
#partCanvas, #assemblyCanvas { max-width: 700px; }
.particle-layout { display: grid; grid-template-columns: minmax(0, 2fr) minmax(240px, 1fr); gap: 14px; align-items: start; }.particle-layout .canvasWrap { min-width: 0; }.particle-controls { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; padding: 14px; border: 1px solid #cbd4d0; background: #f9fbfa; }.particle-controls label { display: flex; flex-direction: column; gap: 6px; min-width: 0; }.particle-controls label:has(input[type=checkbox]) { flex-direction: row; align-items: center; align-self: end; min-height: 36px; }.particle-controls input[type=color] { width: 100%; }
@media(max-width: 1000px) { main { grid-template-columns: 130px minmax(0, 1fr) 180px; }.workspace { padding: 12px; }.canvasWrap { padding: 10px; } #canvasLabel { display: none; } }
@media(max-width: 720px) { header { padding: 12px; height: auto; flex-wrap: wrap; } .brand span { display: none; } .brand-logo { width: 132px; height: 44px; } main { grid-template-columns: 1fr; }.workspace { grid-row: 1; }.costumes { border: 0; border-top: 1px solid #cbd4d0; } #costumeList { grid-template-columns: repeat(auto-fill, minmax(100px, 1fr)); max-height: 220px; }.costumes > button { width: auto; }.properties { border: 0; }.fields { grid-template-columns: repeat(2, 1fr); }.canvasWrap { padding: 6px; }.lab-layout, .particle-layout { grid-template-columns: 1fr; }.lab-parts { border: 0; border-bottom: 1px solid #cbd4d0; }.assembly-controls, .export-options, .text-costume-controls, .tts-controls, .custom-brush-options, .custom-transition-editor { grid-template-columns: repeat(2, 1fr); }.text-content, .tts-text { grid-column: 1 / -1; grid-row: auto; } }
@media(max-width: 520px) { .help-controls { top: 85px; }.help-search { flex-wrap: wrap; }.help-search label { flex-basis: 100%; }.help-search button { flex: 1; }.help-topics details > :not(summary) { margin-left: 24px; } }

:root[data-theme="dark"] { color-scheme: dark; color: #e2eae6; background: #151a18; }
:root[data-theme="dark"] header,
:root[data-theme="dark"] aside,
:root[data-theme="dark"] dialog,
:root[data-theme="dark"] .particle-controls { background: #1d2421; }
:root[data-theme="dark"] .help-dialog .dialog-heading,
:root[data-theme="dark"] .help-controls,
:root[data-theme="dark"] .help-search,
:root[data-theme="dark"] .help-topics details { background: #1d2421; }
:root[data-theme="dark"] button,
:root[data-theme="dark"] input,
:root[data-theme="dark"] select,
:root[data-theme="dark"] textarea { color: #e2eae6; background: #252e2a; border-color: #46534d; }
:root[data-theme="dark"] button:hover { background: #303c37; border-color: #75ad95; }
:root[data-theme="dark"] button.active,
:root[data-theme="dark"] .primary,
:root[data-theme="dark"] .scene-card.active { color: white; background: #23805d; border-color: #36a477; }
:root[data-theme="dark"] .brand span,
:root[data-theme="dark"] .actions #autosaveStatus,
:root[data-theme="dark"] #canvasLabel,
:root[data-theme="dark"] .status,
:root[data-theme="dark"] .ruler,
:root[data-theme="dark"] .properties label,
:root[data-theme="dark"] #keyStatus,
:root[data-theme="dark"] .camera-properties #cameraKeyStatus,
:root[data-theme="dark"] #ttsPanel summary,
:root[data-theme="dark"] #introStatus,
:root[data-theme="dark"] .lab-status { color: #aebdb6; }
:root[data-theme="dark"] header,
:root[data-theme="dark"] .costumes,
:root[data-theme="dark"] .properties,
:root[data-theme="dark"] .timeline,
:root[data-theme="dark"] #ttsPanel,
:root[data-theme="dark"] #characterLab,
:root[data-theme="dark"] #particleLab,
:root[data-theme="dark"] #assetLibrary,
:root[data-theme="dark"] .lab-layout,
:root[data-theme="dark"] .lab-parts,
:root[data-theme="dark"] .particle-controls,
:root[data-theme="dark"] .track-row { border-color: #3d4944; }
:root[data-theme="dark"] .help-search,
:root[data-theme="dark"] .help-topics details,
:root[data-theme="dark"] .help-topics details[open] summary { border-color: #3d4944; }
:root[data-theme="dark"] .help-topics .help-visual { border-color: #46534d; background: #18201d; }
:root[data-theme="dark"] .help-topics summary { color: #91cdb3; }
:root[data-theme="dark"] .help-dialog .dialog-heading p,
:root[data-theme="dark"] .help-no-results { color: #aebdb6; }
:root[data-theme="dark"] .asset-save-row,
:root[data-theme="dark"] .asset-card,
:root[data-theme="dark"] .asset-preview { border-color: #3d4944; }
:root[data-theme="dark"] .asset-card { background: #1d2421; }
:root[data-theme="dark"] .asset-preview { background: #252e2a; }
:root[data-theme="dark"] .asset-card > small,
:root[data-theme="dark"] .asset-empty,
:root[data-theme="dark"] .asset-save-row strong { color: #aebdb6; }
:root[data-theme="dark"] .canvasWrap { background: #252d2a; border-color: #46534d; }
:root[data-theme="dark"] .track-row.selected { background: #243c32; }
:root[data-theme="dark"] .camera-row { background: #38282e; border-color: #61434d; }
:root[data-theme="dark"] .camera-label,
:root[data-theme="dark"] .camera-properties h2 { color: #e28da6; }
:root[data-theme="dark"] .sound-lane { background: #303936; }
:root[data-theme="dark"] .timeline-warning { color: #f3d69b; background: #3b2d18; border-color: #d99036; }
:root[data-theme="dark"] .export-options #ttsExportNote { color: #c3d5dd; background: #23343b; }
:root[data-theme="dark"] input[type="color"] { background: #252e2a; }
:root[data-theme="dark"] .custom-brush-settings summary,
:root[data-theme="dark"] .custom-brush-options { color: #e2eae6; background: #252e2a; border-color: #46534d; }
:root[data-theme="dark"] .part-list-row .part-delete { color: #f08ca0; }
:root[data-theme="dark"] .clip-editor,:root[data-theme="dark"] #animationKeyTrack{border-color:#3d4944}:root[data-theme="dark"] #animationKeyTrack{background:#252e2a}