.time-help,.time-settings p{font-size:12px;color:#706a80;margin:8px 0;line-height:1.5}.time-scroll{overflow:auto;max-height:290px;padding:0 0 8px}.time-ruler{height:25px;position:relative;color:#776c89;font:11px Arial}.time-ruler span{position:absolute;border-left:1px solid #dbd4e7;padding-left:4px}.time-row{display:flex;min-width:max-content;align-items:center;min-height:43px;border-top:1px solid #f0edf5}.time-name{position:sticky;left:0;z-index:2;width:130px;flex:0 0 130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:white;border:0;padding:10px;text-align:left;color:#3c354b;font:12px Arial;cursor:pointer}.time-lane{position:relative;height:42px;flex-shrink:0;background:repeating-linear-gradient(90deg,transparent 0,transparent 89px,#eeeaf3 89px,#eeeaf3 90px)}.time-clip{position:absolute;top:5px;height:32px;display:flex;justify-content:space-between;align-items:center;overflow:hidden;touch-action:none;border:1px solid #bb9fea;border-radius:7px;background:#eee6fc;color:#55398b;padding:0 0 0 8px;cursor:grab;min-width:40px;font:11px Arial}.time-clip.selected{background:#7847db;color:white;border-color:#7847db}.time-clip [data-time-edge]{padding:8px 4px;cursor:ew-resize;touch-action:none;border-left:1px solid #a38bbf}.time-settings{border-top:1px solid #e7e1ef;padding:12px 0;font:12px Arial}.time-settings>b{display:block;margin-bottom:8px}.time-fields{display:flex;gap:12px;flex-wrap:wrap}.time-fields label{display:grid;gap:5px;min-width:110px;flex:0 1 150px;color:#514b60}.time-fields input{width:100%;box-sizing:border-box;min-height:40px;border:1px solid #ded6eb;border-radius:8px;padding:8px;font:14px Arial}.time-settings button,.timeline-head button{min-height:36px;border:1px solid #ded6eb;border-radius:8px;background:white;color:#5a3c88;padding:6px 12px;font:12px Arial;cursor:pointer}.time-name:focus-visible,.time-clip:focus-visible{outline:2px solid #7847db;outline-offset:2px}@media(max-width:760px){.time-name{width:110px;flex-basis:110px}.time-fields label{flex:1 1 100px}.timeline-head>div{gap:5px;flex-wrap:wrap}.time-ruler{margin-left:110px!important}.time-scroll{max-height:210px}}

.editor-shell.timeline-expanded{grid-template-rows:minmax(0,1fr) minmax(280px,46vh)}.timeline-head{position:sticky;top:-9px;z-index:4;background:white;padding:6px 0;gap:10px}.timeline-head [data-time-close]{display:none}.time-scroll{max-height:180px}.timeline-expanded .time-scroll{max-height:150px}@media(max-width:760px){.cs-app.timeline-open .timeline{display:block;position:fixed;left:8px;right:8px;bottom:120px;z-index:124;max-height:44dvh;border:1px solid #ded6eb;border-radius:16px;box-shadow:0 12px 50px #24203b38;padding:12px}.timeline-head{top:-12px}.timeline-head [data-time-close]{display:block}.timeline-head [data-time-size]{display:none}.time-scroll{max-height:160px}.timeline-head{align-items:flex-start}.timeline-head>div{justify-content:flex-end}.time-fields input{min-height:44px}}

@media(max-width:760px){.time-fields{gap:6px}.time-fields label{flex:1 1 80px;min-width:80px;font-size:11px}.time-settings{padding:8px 0}.time-settings input{padding:7px}.time-settings>button{margin-top:8px}.timeline-head>div{font-size:11px}.timeline-head button{padding:5px 8px;font-size:11px}.time-settings>b{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}
@media(min-width:761px){.time-settings{display:grid;grid-template-columns:minmax(300px,1fr) auto auto;gap:7px;align-items:end;padding:8px 0}.time-settings>b{grid-column:1/-1;margin:0}.time-fields{grid-column:1;grid-row:2}.time-fields label{flex:1}.time-settings [data-time-apply]{grid-column:2;grid-row:2;min-height:40px}.time-settings [data-time-edit]{grid-column:3;grid-row:2;min-height:40px}.time-settings p{grid-column:1/-1;grid-row:3;margin:0}.time-help{margin:4px 0}.timeline-head{padding:3px 0;margin-bottom:2px}}
