:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#1b1c1f;--bg-raised:#232428;--bg-sunken:#141517;--border:#35363b;--text:#e8e8ea;--text-dim:#9a9ba1;--accent:#4f8cff;--danger:#ff5c5c}*{box-sizing:border-box}html,body,#app{height:100%;margin:0}body{background:var(--bg-sunken);color:var(--text);font-family:-apple-system,Segoe UI,system-ui,sans-serif;font-size:13px}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none}input,select,textarea{font:inherit;color:inherit;background:var(--bg-sunken);border:1px solid var(--border);border-radius:4px}.app{width:100vw;height:100vh;display:flex;overflow:hidden}.app__player-column{background:var(--bg);flex-direction:column;flex:1;min-width:0;display:flex}.menu-bar{background:var(--bg-raised);border-bottom:1px solid var(--border);flex-shrink:0;gap:2px;padding:4px 8px;display:flex}.menu-bar__item-wrap{position:relative}.menu-bar__item{border-radius:4px;padding:5px 10px}.menu-bar__item:hover,.menu-bar__item.is-open{background:var(--bg-sunken)}.menu-bar__dropdown{z-index:30;background:var(--bg-raised);border:1px solid var(--border);border-radius:6px;min-width:180px;padding:4px;position:absolute;top:100%;left:0;box-shadow:0 8px 24px #00000073}.menu-bar__dropdown-item{cursor:pointer;border-radius:4px;align-items:center;gap:8px;padding:6px 8px;display:flex}.menu-bar__dropdown-item:hover{background:var(--bg-sunken)}.menu-bar__dropdown-item.is-disabled{color:var(--text-dim);cursor:default}.annotation-toolbar{background:var(--bg-raised);border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:2px;padding:6px 8px;display:flex;position:relative}.annotation-toolbar__spacer{flex:1}.toolbar-btn{color:var(--text-dim);border-radius:6px;align-items:center;gap:4px;padding:6px;display:flex}.toolbar-btn:hover:not(:disabled){background:var(--bg-sunken);color:var(--text)}.toolbar-btn.is-active{background:var(--accent);color:#fff}.toolbar-btn:disabled{opacity:.3;cursor:default}.toolbar-btn--transport{padding:8px}.popover{z-index:30;background:var(--bg-raised);border:1px solid var(--border);border-radius:8px;flex-direction:column;gap:8px;min-width:170px;margin-top:4px;padding:10px;display:flex;position:absolute;top:100%;right:8px;box-shadow:0 8px 24px #00000073}.popover--text{left:8px;right:auto}.popover--up{margin-top:0;margin-bottom:4px;top:auto;bottom:100%}.popover--display{min-width:220px;left:0;right:auto}.popover--channels{flex-flow:wrap;min-width:auto}.popover__slider-row{color:var(--text-dim);grid-template-columns:18px 1fr 22px;align-items:center;gap:8px;display:grid}.popover__slider-row input[type=range]{width:100%}.popover__reset{color:var(--text-dim);border-radius:4px;justify-content:center;align-items:center;padding:2px;display:flex}.popover__reset:hover{color:var(--text);background:var(--bg-sunken)}.popover--matte{min-width:160px}.popover__list{flex-direction:column;gap:3px;display:flex}.popover__choice--block{text-align:left;width:100%}.popover__row--opacity{border-top:1px solid var(--border);margin-top:8px;padding-top:8px}.popover--speed,.popover--volume{min-width:90px;left:0;right:auto}.popover__title{color:var(--text-dim);align-items:center;gap:6px;font-size:12px;display:flex}.popover__row{justify-content:space-between;align-items:center;gap:10px;display:flex}.popover__row--checkbox{justify-content:flex-start}.popover__choice{border:1px solid var(--border);border-radius:5px;padding:6px 10px}.popover__choice.is-active{background:var(--accent);border-color:var(--accent);color:#fff}.popover__hint{color:var(--text-dim);font-size:11px}.canvas-stage{background:#000;flex:1;justify-content:center;align-items:center;min-height:0;display:flex;position:relative}.canvas-stage__viewport{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.canvas-stage__wrapper{transform-origin:0 0;aspect-ratio:16/9;width:1280px;max-width:100%;height:720px;max-height:100%;position:relative}.stage-layer{width:100%;height:100%;position:absolute;inset:0}.stage-layer--media video{object-fit:fill;width:100%;height:100%}.stage-layer--annotations.tool-cursor{cursor:default}.stage-layer--annotations.tool-hand{cursor:grab}.stage-layer--annotations.tool-eraser{cursor:cell}.stage-layer--annotations.tool-pen,.stage-layer--annotations.tool-circle,.stage-layer--annotations.tool-rectangle,.stage-layer--annotations.tool-line,.stage-layer--annotations.tool-text,.stage-layer--annotations.tool-image{cursor:crosshair}.stage-text-editor{border:1px dashed var(--accent);resize:both;min-width:140px;min-height:28px;padding:4px 6px;position:absolute}.matte-bar{pointer-events:none;position:absolute}.matte-bar--top,.matte-bar--bottom{left:0;right:0}.matte-bar--top{top:0}.matte-bar--bottom{bottom:0}.matte-bar--left,.matte-bar--right{top:0;bottom:0}.matte-bar--left{left:0}.matte-bar--right{right:0}.canvas-stage__empty{color:var(--text-dim);pointer-events:none;z-index:5;justify-content:center;align-items:center;font-size:14px;display:flex;position:absolute;inset:0}.display-settings-anchor{position:absolute;bottom:12px;right:12px}.display-settings{position:relative}.display-settings__bar{border:1px solid var(--border);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#141517d9;border-radius:8px;gap:2px;padding:4px;display:flex}.transport{background:var(--bg-raised);border-top:1px solid var(--border);border-bottom:1px solid var(--border);flex-shrink:0;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:8px 14px;display:grid}.transport__left{align-items:center;gap:16px;min-width:0;display:flex}.transport__timecode{font-variant-numeric:tabular-nums;flex-direction:column;min-width:90px;display:flex}.transport__tc,.transport__frame{box-sizing:border-box;border:1px solid #0000;line-height:18px;display:block}.transport__tc{padding:1px 4px;font-size:14px;font-weight:600}.transport__frame{color:var(--text-dim);margin-top:2px;padding:1px 4px;font-size:11px}.transport__tc-input,.transport__frame-input{box-sizing:border-box;font-family:inherit;line-height:18px}.transport__tc-input{width:100px;padding:1px 4px;font-size:14px;font-weight:600}.transport__frame-input{width:50px;margin-top:2px;padding:1px 4px;font-size:11px}.transport__comment-nav{flex-shrink:0;align-items:center;gap:4px;display:flex}.transport__center{justify-self:center;align-items:center;gap:4px;display:flex}.toolbar-btn--playpause{border:2px solid var(--text-dim);border-radius:8px;padding:8px 10px}.toolbar-btn--playpause:hover:not(:disabled){border-color:var(--accent)}.toolbar-btn--playpause svg{width:22px;height:22px}.transport__settings{justify-content:flex-end;align-items:center;gap:6px;min-width:90px;display:flex;position:relative}.transport__settings-item{position:relative}.transport__speed-label{color:var(--text-dim);font-size:11px}.timeline{background:var(--bg);flex-shrink:0;padding:4px 14px 10px}.timeline__markers{min-height:26px;position:relative}.timeline__comment{align-items:center;display:flex;position:absolute}.timeline__comment-span{background:var(--text-dim);height:2px;position:absolute;top:50%;left:11px}.timeline__avatar{color:#fff;border:2px solid var(--bg);cursor:pointer;z-index:1;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:9px;font-weight:700;display:flex}.timeline__avatar.is-draggable{cursor:grab;box-shadow:0 0 0 1px var(--accent)}.timeline__avatar.is-draggable:active{cursor:grabbing}.timeline__track{background:var(--bg-sunken);border:1px solid var(--border);cursor:pointer;border-radius:4px;height:28px;position:relative}.timeline__ruler{position:absolute;inset:0}.timeline__playhead{background:var(--accent);pointer-events:none;width:2px;position:absolute;top:-4px;bottom:-4px}.timeline__playhead:before{content:"";background:var(--accent);border-radius:2px;width:10px;height:10px;position:absolute;top:-3px;left:-4px}.comments-column{background:var(--bg-raised);border-left:1px solid var(--border);flex-direction:column;flex-shrink:0;width:320px;display:flex}.comments-column__header{border-bottom:1px solid var(--border);padding:12px 14px;font-weight:600}.comments-column__list{flex-direction:column;flex:1;display:flex;overflow-y:auto}.comment-card{text-align:left;border-bottom:1px solid var(--border);cursor:pointer;gap:10px;padding:10px 14px;display:flex}.comment-card:hover{background:var(--bg-sunken)}.comment-card.is-active{background:var(--bg-sunken);box-shadow:inset 3px 0 0 var(--accent)}.comment-card__draft-input{resize:vertical;width:100%;min-height:44px;margin-top:2px}.comment-card__annotations-hint{color:var(--text-dim);margin-top:4px;font-size:11px}.comment-card__avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:10px;font-weight:700;display:flex}.comment-card__meta{color:var(--text-dim);justify-content:space-between;margin-bottom:2px;font-size:11px;display:flex}.comment-card__text{line-height:1.4}.comments-column__footer{color:var(--text-dim);border-top:1px solid var(--border);padding:10px 14px;font-size:11px}