.sequence-icon{color:#ddd;width:19px;height:19px;flex-basis:19px}
.browser-view-switch{display:flex;gap:2px;flex-shrink:0}.browser-view-switch button{color:#ccc;background:#333;border:1px solid #505050;padding:5px 9px;font-size:12px;border-radius:2px}.browser-view-switch button[aria-pressed=true]{background:#16578a;color:white}
.sequence-tile-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(125px,1fr));gap:10px;padding:12px}.sequence-tile-grid[hidden],.sequence-assets[hidden]{display:none}
.sequence-asset-tile{border:2px solid transparent;background:#333;color:#ddd;border-radius:2px;min-width:0;padding:3px;text-align:left;align-self:start}.sequence-asset-tile:hover{background:#444}.sequence-asset-tile.selected{border-color:#efa91b;background:#4a4a4a}.asset-thumbnail{display:flex;aspect-ratio:1;align-items:center;justify-content:center;background:linear-gradient(145deg,#452c30,#2c1c1e);border-bottom:4px solid #9c303f}.asset-thumbnail .sequence-icon{width:65%;height:auto;flex-basis:65%;max-width:88px}.asset-thumbnail svg{display:block;height:auto}.tile-name{display:block;font-size:12px;line-height:1.3;overflow-wrap:anywhere;height:4em;overflow:hidden;margin:5px 2px}.sequence-asset-tile small{display:block;color:#b9b9b9;font-size:11px;padding:1px 2px 4px}
.open-sequencer{--playhead:0;background:#282828;border-top:4px solid #111;min-width:0}.open-sequencer>.slate-tab{justify-content:flex-start;gap:8px}.open-sequencer>.slate-tab>span:last-child{margin-left:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:75%;font-size:12px}.open-sequencer>.slate-tab>.sequence-icon{max-width:20px}
.sequencer-toolbar{display:flex;gap:18px;align-items:center;padding:7px 12px;background:#303030;border-bottom:1px solid #151515;color:#ddd;font-size:12px;overflow:auto;white-space:nowrap}.snap-enabled{background:#77632d;padding:3px 6px;border-radius:2px}.sequencer-scroll{overflow:auto}.sequencer-canvas{display:grid;grid-template-columns:260px 1fr;position:relative;min-width:800px;isolation:isolate}.track-header{display:flex;gap:12px;align-items:center;background:#303030;padding:7px 8px;color:#aaa;font-size:11px;border-right:3px solid #151515}.track-header b{color:#eee;background:#416541;padding:2px 5px;font-weight:500}.time-ruler{display:flex;justify-content:space-between;align-items:center;padding:0 10px 0 0;background:#242424;color:#aaa;font:11px monospace;border-bottom:1px solid #111;height:35px}.time-ruler span{border-left:1px solid #777;padding:0 0 7px 3px}.track-label{display:flex;align-items:center;height:29px;padding:0 12px;background:#292929;border-bottom:1px solid #151515;border-right:3px solid #151515;font-size:12px}.track-label.binding{color:#c6daf2;background:#242424}.track-label.child{padding-left:35px;color:#bfbfbf}.track-label.grandchild{padding-left:52px}.track-lane{height:29px;background-color:#323232;background-image:linear-gradient(to right,#161616 1px,transparent 1px);background-size:12.5% 100%;border-bottom:1px solid #232323;padding-top:2px;border-left:2px solid #4e9860;border-right:2px solid #a85252}.seq-section{height:24px;margin-right:1px;font-size:11px;line-height:22px;padding:0 8px;border:1px solid #b0b0b033;border-radius:2px;overflow:hidden}.camera-section{background:#536371;color:#eee}.transform-section{background:#64553d88}.property-section{background:#444}.cache-section{background:#327363;color:#e4efec}.seq-section i{font-style:normal;font-size:10px;color:#ddd}.timeline-playhead{position:absolute;top:26px;bottom:0;left:calc(260px + (100% - 260px) * var(--playhead));border-left:1px solid #df5858;pointer-events:none;z-index:2}.timeline-playhead:before{content:'';position:absolute;top:0;left:-5px;width:9px;height:10px;background:#df5858;clip-path:polygon(0 0,100% 0,100% 65%,50% 100%,0 65%)}.sequencer-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:9px 12px;font-size:11px;color:#aaa;background:#262626}.sequencer-footer label{display:flex;align-items:center;gap:10px}.sequencer-footer input{width:130px;accent-color:#a9a9a9}.sequencer-footer output{font-family:monospace;color:#eee}.sequence-workspace .sequence-table-scroll{max-height:450px}.browser-toolbar label{min-width:130px}
@media(max-width:600px){.sequence-tile-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:6px;padding:7px}.sequencer-footer{align-items:flex-start;flex-direction:column;gap:5px}.browser-view-switch{align-self:flex-start}.open-sequencer>.slate-tab>span:last-child{max-width:60%}.sequence-workspace .browser-layout{grid-template-columns:100px minmax(0,1fr)}}