.itl-card{min-width:0;scroll-margin-top:90px}.itl-shell{--itl-accent: #cd6697;--itl-line: #dedcd5;--itl-label-width: 94px;--itl-row-sizes: 29px repeat(3, minmax(0, 1fr)) minmax(0, 1.55fr) repeat(2, minmax(0, 1fr));position:relative;display:flex;flex-direction:column;gap:0;height:430px;padding:0;background:#fbfaf7;border:1px solid #dedbd4;overflow:hidden;box-shadow:0 2px 5px #3b302106;border-radius:16px;color:#34352e;font:11px/1.3 var(--font-sans, Arial, sans-serif);outline:none;isolation:isolate}.itl-shell *{box-sizing:border-box}.itl-shell button{font:inherit;color:inherit;cursor:pointer}.itl-shell button:focus-visible,.itl-shell [tabindex]:focus-visible{outline:2px solid var(--itl-accent);outline-offset:3px}.itl-shell svg{flex:none}.itl-editor{flex:1;display:flex;flex-direction:column;min-height:0;background:#faf9f5;overflow:hidden}.itl-toolbar{display:flex;flex:none;align-items:center;gap:4px;height:44px;padding:6px 10px;background:#fbfaf7;border-bottom:1px solid var(--itl-line);z-index:3}.itl-toolbar button{display:flex;align-items:center;justify-content:center;gap:5px;min-width:28px;height:28px;padding:0 6px;border:0;border-radius:5px;background:transparent;font-size:10px;white-space:nowrap}.itl-toolbar button:hover:not(:disabled){background:#eeeae3}.itl-toolbar button:active:not(:disabled){transform:translateY(1px)}.itl-toolbar button[data-active=true]{background:#eadfe6;color:#874d6e}.itl-toolbar button:disabled{opacity:.28;cursor:default}.itl-toolbar>span{width:1px;height:14px;margin:0 4px;background:var(--itl-line)}.itl-timecode{margin-left:auto;padding-left:6px;font:10px ui-monospace,SFMono-Regular,monospace;color:#8a8578;white-space:nowrap}.itl-board{position:relative;flex:1;min-height:0;overflow:hidden}.itl-viewport{position:absolute;inset:0 0 0 var(--itl-label-width);overflow:auto;scrollbar-width:none;overscroll-behavior:contain}.itl-viewport::-webkit-scrollbar{display:none}.itl-rows{position:relative;display:grid;grid-template-rows:var(--itl-row-sizes);height:100%;min-width:100%}.itl-track-labels{position:absolute;inset:0 auto 0 0;width:var(--itl-label-width);display:grid;grid-template-rows:var(--itl-row-sizes);border-right:1px solid var(--itl-line);background:#fbfaf7;z-index:8}.itl-track-labels>div{display:flex;align-items:center;gap:6px;padding:0 7px;border-bottom:1px solid #e5e3db9e;min-width:0}.itl-track-labels b{flex:none;border-radius:3px;padding:3px 4px;font:9px ui-monospace,SFMono-Regular,monospace;color:#555546}.itl-track-labels span{font-size:9px;line-height:1.25;color:#847f73;overflow-wrap:normal}.itl-track-labels .itl-label-cap{justify-content:flex-end;color:#a29a8b;font:9px ui-monospace,SFMono-Regular,monospace;background:#f4f3ef}.itl-ruler{position:relative;touch-action:none;background:#f4f3ef;border-bottom:1px solid #dedbd3;cursor:col-resize;overflow:hidden}.itl-ruler>span{position:absolute;top:5px;padding-left:5px;font:9px ui-monospace,SFMono-Regular,monospace;color:#999489;white-space:nowrap}.itl-ruler small{font:inherit;font-size:8px;margin-left:1px}.itl-ruler>span:after{content:"";position:absolute;left:0;top:16px;height:7px;border-left:1px solid #cfcabe}.itl-track{position:relative;min-height:0;border-bottom:1px solid #e5e3db9e;background-image:linear-gradient(90deg,#e4e0d647 1px,transparent 1px);touch-action:none;cursor:crosshair}.itl-track:last-of-type{border-bottom:0}.itl-track[data-target=true]{background-color:#e9e7dd}.itl-clip,.itl-demo-clip{position:absolute;top:4px;bottom:4px;min-width:4px;border-radius:5px;border:1px solid #71664d22;cursor:crosshair;touch-action:none;overflow:hidden;user-select:none;outline:none;z-index:1}.itl-clip[data-selected=true]{z-index:4;outline:1.5px solid var(--itl-accent);outline-offset:1px}.itl-clip:hover{filter:brightness(1.025)}.itl-clip-art{position:absolute;inset:0;pointer-events:none;overflow:hidden}.itl-filmstrip{position:relative;height:100%;width:100%;background-size:auto 100%;background-repeat:repeat-x;opacity:.92;overflow:hidden}.itl-filmstrip>img{position:absolute;inset:0 auto 0 0;display:block;width:auto;max-width:none;height:100%;user-select:none}.itl-wave{position:absolute;inset:0;width:100%;height:100%;fill:#687b37;opacity:.9}.itl-track[data-timeline-track=sound] .itl-wave,.itl-source[data-timeline-source=sound] .itl-wave{fill:#9d603a}.itl-trim{position:absolute;top:0;bottom:0;width:min(7px,20%);min-width:2px;border:0;background:#cd6697;opacity:0;z-index:6;cursor:ew-resize!important;padding:0;touch-action:none}.itl-trim-left{left:0}.itl-trim-right{right:0}.itl-trim:after{content:"";position:absolute;left:50%;top:30%;bottom:30%;width:1px;background:#fff}.itl-clip[data-selected=true] .itl-trim,.itl-clip:hover .itl-trim{opacity:1}.itl-shell[data-automatic=true] .itl-trim{opacity:0}.itl-shell[data-demo-trimming=true] .itl-clip[data-selected=true] .itl-trim-left{opacity:1}.itl-shell[data-razor=true] .itl-clip{cursor:crosshair}.itl-shell[data-razor=true] .itl-trim{pointer-events:none;opacity:0}.itl-shell[data-dragging=true] .itl-clip{cursor:move}.itl-drop-preview{opacity:.7;outline:1.5px dashed var(--itl-accent);pointer-events:none}.itl-demo-clip{z-index:10;bottom:auto;outline:1.5px solid var(--itl-accent);box-shadow:0 8px 13px #30332126;pointer-events:none}.itl-playhead{position:absolute;top:0;bottom:0;z-index:7;width:1px;background:#494b41;pointer-events:none}.itl-playhead>button{position:absolute;left:-5px;top:0;width:11px;height:20px;padding:0;border:0;background:#494b41;clip-path:polygon(0 0,100% 0,100% 68%,50% 100%,0 68%);cursor:ew-resize;touch-action:none;pointer-events:auto}.itl-snap-line{position:absolute;top:29px;bottom:0;border-left:1px dashed var(--itl-accent);z-index:6;pointer-events:none}.itl-cut-flash{position:absolute;top:0;bottom:0;width:2px;background:var(--itl-accent);box-shadow:0 0 0 4px #cd669725;z-index:9;pointer-events:none}.itl-library{flex:none;padding:11px 13px 9px;border-top:1px solid var(--itl-line);background:#fbfaf7}.itl-library-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:9px}.itl-library-heading strong{font-size:11px;font-weight:600}.itl-library-heading>span{font-size:9px;color:#a29a8b}.itl-library-caption{margin:9px 0 0;font-size:9px;color:#a29a8b}.itl-sources{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;min-width:0}.itl-source{display:flex;flex-direction:column;align-items:stretch;text-align:left;gap:5px;min-width:0;border:0;padding:0;background:none;touch-action:none;user-select:none}.itl-source-art{position:relative;display:block;width:100%;height:34px;border-radius:5px;border:1px solid #7c6d5026;overflow:hidden;transition:transform .16s,box-shadow .16s}.itl-source[data-demo-active=true] .itl-source-art{outline:1.5px solid var(--itl-accent);outline-offset:2px}.itl-source:hover .itl-source-art{transform:translateY(-2px);box-shadow:0 4px 10px #4e462718}.itl-source-art .itl-filmstrip{opacity:1;background-size:cover;background-position:center!important;background-repeat:no-repeat}.itl-source-label{font-size:9px;line-height:1.25;min-height:23px;text-align:left;color:#59564d}.itl-source-plus{position:absolute;top:4px;right:4px;width:16px;height:16px;padding:2px;border-radius:50%;background:#fbfaf7df;color:#6f7264;opacity:0;transition:opacity .15s}.itl-source:hover .itl-source-plus,.itl-source:focus-visible .itl-source-plus{opacity:1}.itl-demo-cursor{position:absolute;left:0;top:0;z-index:20;pointer-events:none;filter:drop-shadow(0 2px 2px #1b201c25);will-change:transform}.itl-demo-cursor svg{overflow:visible;transform-origin:3px 2px}.itl-cursor-press{position:absolute;left:3px;top:2px;width:28px;height:28px;border:1.5px solid #a6879688;border-radius:50%;background:#e0d5df40}.itl-floating{position:fixed;width:95px;height:35px;z-index:2000;pointer-events:none;border-radius:5px;box-shadow:0 8px 20px #0002;overflow:hidden}.itl-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:767px){.itl-shell{height:430px;padding:0;gap:0}.itl-shell{--itl-label-width: 78px}.itl-track-labels>div{padding-inline:5px;gap:4px}.itl-track-labels b{font-size:8px;padding:2px 3px}.itl-track-labels span{font-size:8px}.itl-sources{grid-template-columns:repeat(6,minmax(0,1fr));gap:5px}.itl-source{gap:4px}.itl-library{padding:9px 11px 8px}.itl-library-heading{margin-bottom:8px}.itl-library-caption{margin-top:7px}.itl-source-art{height:25px}.itl-source-label{font-size:8px;min-height:30px;overflow-wrap:anywhere}.itl-toolbar{gap:2px;padding-inline:6px}.itl-toolbar>span{margin-inline:2px}.itl-toolbar button{padding-inline:4px}.itl-timecode{font-size:9px;padding-left:4px}}@media(prefers-reduced-motion:reduce){.itl-source-art{transition:none}.itl-source:hover .itl-source-art{transform:none}}.itl-zoom{display:flex;align-items:center;margin-left:auto;gap:0}.itl-toolbar .itl-zoom button{min-width:22px;padding:0 3px}.itl-toolbar .itl-zoom-value{font:9px ui-monospace,monospace;min-width:38px;font-variant-numeric:tabular-nums}.itl-timecode{margin-left:5px}.itl-preview-position{position:absolute;z-index:30;inset:31% 12px 18px;display:grid;place-items:center;pointer-events:none}.itl-preview-panel{position:relative;overflow:hidden;border-radius:12px;background:#171715;pointer-events:auto;cursor:pointer}.itl-preview-panel:focus-visible{outline:2px solid #cd6697;outline-offset:3px}.itl-preview-canvas{position:absolute;inset:0;background:#171715;overflow:hidden;pointer-events:none}.itl-preview-media{position:absolute;display:block;transition:none}.itl-preview-media-video,.itl-preview-media-generated{inset:0;width:100%;height:100%;object-fit:cover}.itl-preview-media-motion{left:2%;bottom:4%;width:55%;height:auto;object-fit:contain}.itl-preview-media-image{left:6%;bottom:10%;width:24%;height:auto;border-radius:3px;box-shadow:0 5px 14px #0005}@keyframes itl-preview-enter{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@media(max-width:767px){.itl-toolbar>button>span{display:none}.itl-toolbar .itl-zoom button{min-width:24px}.itl-preview-position{inset:31% 10px 16px}}@media(prefers-reduced-motion:reduce){.itl-preview-panel{animation:none}}.itl-preview-sound{position:absolute;right:8px;bottom:8px;pointer-events:auto;border:1px solid #ddd9cf;border-radius:50%;width:32px;height:32px;background:#fbfaf7;color:#34352e}.itl-preview-position[data-preview-visible=true] .itl-preview-panel{animation:itl-preview-enter .24s ease-out}@media(prefers-reduced-motion:reduce){.itl-preview-position[data-preview-visible=true] .itl-preview-panel{animation:none}}.itl-play-label{display:inline-grid}.itl-play-label>span{grid-area:1/1;text-align:left}.itl-play-label>span[data-shown=false]{visibility:hidden}
