.ve-modes { display:flex; gap:8px; margin:22px 0; }
.ve-modes button,.ve button,.ve-file { font:inherit; font-size:13px; border:1px solid #d9d5e3; background:#fff; color:#332d46; border-radius:8px; padding:9px 12px; min-height:40px; cursor:pointer; }
.ve-modes button[aria-pressed=true],.ve .ve-primary { background:#69539a; color:white; border-color:#69539a; }
.ve { border:1px solid #dcd7e7; border-radius:16px; background:#faf9fd; padding:20px; margin-bottom:30px; }
.ve [hidden] { display:none!important; }
.ve-heading {display:flex; justify-content:space-between; gap:16px; align-items:center; }
.ve h2 { font-size:22px; margin:0 0 7px; }.ve h3 {font-size:12px; color:#686078; margin:0 0 12px; text-transform:uppercase;letter-spacing:.04em;}
.ve-heading p,.ve-limits,.ve-help {font-size:12px;line-height:1.7;color:#706780;}.ve-heading span {font-size:10px;letter-spacing:.18em;color:#78619f;white-space:nowrap;}
.ve fieldset {border:0;padding:0;min-width:0;}.ve button:disabled,.ve fieldset:disabled .ve-file {opacity:.4;cursor:default;}
.ve-toolbar {display:flex;gap:8px;flex-wrap:wrap;margin:18px 0;}.ve-file {position:relative;display:inline-flex;align-items:center;gap:5px;text-decoration:none;overflow:hidden;}.ve-file input {position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;}
.ve-file:focus-within {outline:2px solid #69539a;outline-offset:2px;}
.ve-workspace {display:grid;grid-template-columns:150px minmax(0,1fr) 190px;gap:14px;align-items:start;}
.ve-library,.ve-inspector {background:white;border:1px solid #e6e1ed;border-radius:10px;padding:12px;max-height:430px;overflow:auto;min-width:0;}
.ve-library button {display:block;width:100%;text-align:left;margin-bottom:8px;overflow-wrap:anywhere;font-size:11px;}.ve-library small {display:block;color:#8b7aa9;margin-top:5px;}
.ve-stage {position:relative;display:flex;align-items:center;justify-content:center;background:#15121d;border-radius:10px;overflow:hidden;min-height:230px;}
.ve-view {min-width:0;}
main:has(.ve) .related-card {min-width:0;}
.ve-stage canvas {display:block;max-width:100%;max-height:390px;width:100%;object-fit:contain;}.ve-stage p {position:absolute;color:#cbc4dc;font-size:13px;text-align:center;padding:20px;pointer-events:none;}
.ve-transport {display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:10px;font-size:12px;}.ve-transport output {font-variant-numeric:tabular-nums;}.ve-transport label {margin-left:auto;}
.ve select,.ve input:not([type=file]),.ve textarea {font:inherit;font-size:12px;max-width:100%;border:1px solid #ddd6e8;border-radius:5px;padding:6px;background:white;color:#30283e;}
.ve-inspector label {display:flex;flex-direction:column;gap:5px;margin:10px 0;font-size:11px;color:#685b7c;}.ve-inspector input,.ve-inspector select,.ve-inspector textarea {width:100%;box-sizing:border-box;}.ve-inspector textarea {min-height:65px;resize:vertical;}.ve-inspector button {font-size:11px;margin:3px 2px;padding:7px;}
.ve-timeline-head {display:flex;gap:8px;align-items:center;margin:24px 0 12px;flex-wrap:wrap;}.ve-timeline-head h3 {margin:0 auto 0 0;}
.ve-scrub {display:flex;gap:12px;font-size:12px;align-items:center;font-variant-numeric:tabular-nums;}.ve-scrub input {flex:1;accent-color:#7959ae;min-width:0;}
.ve-timeline-scroll {overflow-x:auto;margin-top:12px;}.ve-tracks {min-width:560px;}.ve-track-label {font-size:10px;color:#80718e;margin:10px 0 4px;}
.ve-clips {display:flex;height:64px;gap:3px;background:#ede8f4;border-radius:6px;}.ve-clip {position:relative;min-width:0;overflow:hidden;background:#b9a4d8;border:2px solid transparent;border-radius:6px;display:flex;align-items:center;}.ve-clip.selected {border-color:#654396;}.ve-clip button {background:transparent;border:0;font-size:11px;width:100%;height:100%;padding:8px 12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left;}.ve-clip .ve-edge {position:absolute;top:0;bottom:0;width:9px;background:#76599f;cursor:ew-resize;touch-action:none;z-index:1;padding:0;border-radius:0;min-height:0;}.ve-edge[data-edge=start] {left:0;}.ve-edge[data-edge=end] {right:0;}
.ve-overlay-track {position:relative;background:#eeebf3;border-radius:6px;min-height:32px;}.ve-overlay-track button {position:absolute;min-height:26px;height:26px;padding:3px 6px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:10px;background:#dfd0b3;border-color:#b59a6c;}.ve-overlay-track button.selected {outline:2px solid #654396;outline-offset:-2px;}#ve-music button {background:#bddbd4;border-color:#79b3a4;}
.ve-export {display:flex;gap:14px;align-items:center;justify-content:flex-end;font-size:12px;}.ve-export select {margin-left:8px;}.ve-status {font-size:13px;color:#68547f;}.ve-status progress {width:100%;accent-color:#7959ae;}#ve-result video {display:block;max-width:100%;max-height:360px;margin:15px auto;}#ve-result {text-align:center;}
@media(min-width:1050px) {main:has(.ve:not([hidden])) {max-width:1280px;}}
@media(max-width:800px) {.ve-workspace {grid-template-columns:1fr 170px;}.ve-library {grid-column:1/-1;max-height:130px;}#ve-library {display:flex;gap:8px;}.ve-library button {min-width:120px;width:150px;}.ve-heading span{display:none;}}
@media(max-width:560px) {.ve {padding:12px;}.ve-workspace {grid-template-columns:1fr;}.ve-inspector {max-height:none;}.ve-inspector label {display:inline-flex;width:calc(50% - 12px);margin:6px;vertical-align:top;}.ve-stage {min-height:190px;}.ve-heading h2 {font-size:19px;}.ve-toolbar {gap:5px;}.ve-toolbar button,.ve-file {font-size:11px;padding:8px;}.ve-inspector h3{margin-bottom:5px;}}