.creative-library{padding:8px!important;overflow:auto;min-height:0}.creative-tools{display:grid;gap:6px}.creative-tools select,.creative-tools input{width:100%;min-width:0}.creative-preview{margin:9px 0;background:#15171b;border:1px solid #3b3f47}.creative-preview canvas{width:100%;display:block;aspect-ratio:16/9}.creative-preview span{display:block;font-size:10px;padding:5px;color:#a9b6c8}.creative-item{display:flex;align-items:center;gap:3px;padding:5px 0;border-bottom:1px solid #34383d}.creative-item button{font-size:11px;padding:5px}.creative-name{flex:1;text-align:left!important;min-width:0}.creative-fav{color:#9db5d6}.creative-library-actions{display:flex;gap:4px;margin:8px 0;flex-wrap:wrap}.creative-note{font-size:10px!important;line-height:1.55;color:#a3aebd!important;padding:5px 0}.creative-controls{padding:6px 9px;display:grid;gap:5px}.creative-controls label{display:flex;align-items:center;gap:5px;font-size:11px;min-width:0;flex-wrap:wrap}.creative-controls label>input:not([type=checkbox]),.creative-controls label>select{margin-left:auto;max-width:145px;min-width:40px}.creative-controls button{font-size:11px;padding:6px}.creative-controls input[type=number]{width:75px}.creative-controls input[type=range]{width:100px}.match-previews{display:grid;grid-template-columns:1fr 1fr;gap:12px}.match-previews canvas{display:block;width:100%;background:#111;cursor:crosshair}.sequence-tabs{flex-wrap:wrap;min-height:29px;height:auto!important}.creative-library textarea,#modal textarea{width:100%;background:#16181d;color:#eee;border:1px solid #474c55;padding:8px}#keyList{white-space:pre-wrap;max-height:200px;overflow:auto}#creativeInspector{border-top:1px solid #454a52}#creativeInspector summary{padding:7px;color:#ced8e6}.project-panel{min-height:0}
/* Override legacy full-width library buttons without shrinking labels to zero. */
.effects-library .creative-item{display:flex;min-height:35px;gap:4px}
.effects-library .creative-item button{display:inline-flex;align-items:center;width:auto;max-width:100%;line-height:1.35;margin:0}
.effects-library .creative-item .creative-fav{flex:0 0 23px;justify-content:center;padding:4px}
.effects-library .creative-item .creative-name{flex:1 1 0;min-width:0;white-space:normal;overflow-wrap:break-word}
.effects-library .creative-item [data-apply]{flex:0 0 auto;font-size:10px;padding:5px 6px;border:1px solid #494d53;border-radius:2px}
.effects-library .creative-library-actions button{display:inline-block;width:auto;flex:1;min-width:70px}
.track-target{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.track-name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:92px}

/* CUTYRO identity: retain the workbench geometry; distinguish controls and creative media. */
:root{--cutyro-teal:#65dec6;--cutyro-violet:#aa98ef;--cutyro-border:#354253}
html,body,#app{background:#111820;color:#dce6ef}
.topbar,.menu-bar,.statusbar{background:#17212c;border-color:var(--cutyro-border)}
.native-wordmark{color:var(--cutyro-teal);letter-spacing:2.5px}
.panel,.timeline-panel,.project-panel,.monitor-panel,.inspector-panel{background:#19232e}
.panel-tabs,.sequence-tabs,.timeline-top,.timeline-footer,.track-header,.tools-rail,.meters-panel{background:#1c2835;border-color:var(--cutyro-border)}
.monitor-stage,.tracks-scroll,.track-lane,.ruler,.track-headers{background:#111a24}
.v-divider,.h-divider{background:#0c131b}
.panel.focused{border-color:#4b8f93}
button{border-radius:5px;transition:background-color .14s,color .14s,box-shadow .14s}
button:hover:not(:disabled){background:#31475b;color:#fff}
button:active:not(:disabled){box-shadow:inset 0 0 0 1px var(--cutyro-teal);background:#254b4d}
button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--cutyro-teal);outline-offset:2px}
button:disabled{opacity:.45;cursor:not-allowed}
.main-nav button.active,.panel-tabs button.active{color:var(--cutyro-teal);border-bottom-color:var(--cutyro-teal)}
.main-nav [data-action=export],.primary,.primary-button,#automateRun,#mixRun{background:#216e66!important;color:#effffb!important;border:1px solid #48a99a!important;border-radius:6px}
.main-nav [data-action=export]:hover,.primary:hover,.primary-button:hover{background:#298679!important}
.tool.active,.icon-button.active,.track-target{background:#305d67;color:#e8fffa;border-color:#63b6b1}
.blue,.timecode.blue{color:var(--cutyro-teal)}
.playhead,.playhead>b{background:var(--cutyro-teal)}
.clip.video,.clip.image{background:#31596b;border-color:#508da1;color:#e0f5ff}
.clip.title{background:#695182;border-color:#b392d1;color:#fff0ff}
.clip.audio{background:#386050;border-color:#71ac8b;color:#e1ffeb}
.clip.selected{outline-color:var(--cutyro-teal)}
input,select,textarea{background:#111b26;color:#e4edf5;border-color:#405064;border-radius:4px;accent-color:var(--cutyro-teal)}
.creative-preview{border-color:#41576c;border-radius:8px;overflow:hidden;background:#111b26}
.creative-preview span{color:#c8d6e4}
.creative-filters{display:flex;gap:5px;margin-top:6px;align-items:center}
.creative-filters select{flex:1;min-width:0;padding:5px}
.effects-library #creativeFavorites{width:auto;white-space:nowrap;font-size:10px;padding:6px}
#creativeFavorites[aria-pressed=true]{background:#57456a;color:#f4d6ff}
.creative-thumb{width:64px;height:36px;flex:0 0 64px;object-fit:contain;border-radius:4px;border:1px solid #455469}
.creative-item:hover{background:#263445;border-radius:6px}
.creative-item.is-preview{background:#223e46;border-left:2px solid var(--cutyro-teal);border-radius:5px}
.creative-item .creative-fav{color:#d5b37d}
.effects-library .creative-item [data-apply]{background:#264d48;border-color:#418c7e;color:#bcffef;border-radius:5px}
.project-panel:has(#effectsLibrary:not([hidden]))>.project-path,.project-panel:has(#effectsLibrary:not([hidden]))>.project-search,.project-panel:has(#effectsLibrary:not([hidden]))>.list-heading{display:none}
.creative-note summary{cursor:pointer;color:#aebfd0}
dialog,.dropdown{background:#1b2937;border-color:#4a6074;border-radius:8px}
.inspector-note{color:#afbdcb}
.toast{max-width:min(460px,75vw);padding:8px 12px;background:#193a39;border-color:#4f8d83;border-radius:7px;font-size:11px;bottom:27px}
.statusbar{color:#a9bdca}.status-dot{background:var(--cutyro-teal)}
@media(max-width:1100px){.creative-thumb{width:44px;height:25px;flex-basis:44px}.creative-item .creative-name{font-size:10px!important}}
@media(prefers-reduced-motion:reduce){button,.toast{transition:none}}