.skm-vid{background:var(--skm-white);width:100%;font-family:var(--skm-font-body);color:var(--skm-text-primary);text-align:left;display:grid;container-type:inline-size}.skm-vid__layout{grid-template-columns:minmax(0,.62fr) minmax(0,1.38fr);display:grid}.skm-vid__rail{border-right:1px solid var(--skm-neutral-100);background:var(--skm-neutral-25);flex-direction:column;gap:16px;min-width:0;padding:16px;display:flex}.skm-vid__tools{background:var(--skm-white);border:1px solid var(--skm-neutral-100);border-radius:var(--skm-radius-pill);align-items:center;gap:3px;padding:3px;display:inline-flex}.skm-vid__tool{text-align:center;color:var(--skm-neutral-700);border-radius:var(--skm-radius-pill);white-space:nowrap;flex:1;padding:6px;font-size:10.5px;font-weight:700}.skm-vid__tool--active{color:var(--skm-white);background:var(--skm-ui-primary)}.skm-vid__group{flex-direction:column;gap:8px;display:flex}.skm-vid__group-label{letter-spacing:.04em;text-transform:uppercase;color:var(--skm-neutral-400);font-size:10px;font-weight:700}.skm-vid__presets{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.skm-vid__preset{background:var(--skm-white);border:1px solid var(--skm-neutral-100);border-radius:var(--skm-radius-sm);justify-content:space-between;align-items:baseline;gap:8px;padding:8px 11px;display:flex}.skm-vid__preset--active{border-color:var(--skm-ui-primary);background:var(--skm-ui-primary-soft)}.skm-vid__preset-ratio{color:var(--skm-text-primary);font-size:13px;font-weight:700}.skm-vid__preset--active .skm-vid__preset-ratio{color:var(--skm-ui-primary)}.skm-vid__preset-sub{color:var(--skm-text-secondary);font-size:10.5px;font-weight:600}.skm-vid__main{flex-direction:column;gap:14px;min-width:0;padding:16px;display:flex}.skm-vid__preview{aspect-ratio:9/16;border-radius:var(--skm-radius-lg);background-color:var(--skm-ink-dark);width:100%;max-width:232px;box-shadow:var(--skm-shadow-lg);align-self:center;position:relative;overflow:hidden}.skm-vid__play{width:44px;height:44px;color:var(--skm-ink-dark);background:var(--skm-white);border-radius:var(--skm-radius-pill);box-shadow:var(--skm-shadow-md);opacity:.94;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.skm-vid__play .skm-cal-glyph{width:20px;height:20px;margin-left:2px}.skm-vid__scrub{align-items:center;gap:10px;display:flex}.skm-vid__time{font-variant-numeric:tabular-nums;color:var(--skm-text-secondary);white-space:nowrap;font-size:11px;font-weight:700}.skm-vid__scrub-track{border-radius:var(--skm-radius-pill);background:var(--skm-neutral-100);flex:1;height:4px;position:relative}.skm-vid__scrub-fill{width:var(--skm-fill,40%);border-radius:var(--skm-radius-pill);background:var(--skm-ui-primary);position:absolute;inset:0 auto 0 0}.skm-vid__scrub-knob{top:50%;left:var(--skm-fill,40%);border-radius:var(--skm-radius-pill);background:var(--skm-white);border:2px solid var(--skm-ui-primary);width:12px;height:12px;box-shadow:var(--skm-shadow-card);position:absolute;transform:translate(-50%,-50%)}.skm-vid__timeline{background:var(--skm-neutral-25);border:1px solid var(--skm-neutral-100);border-radius:var(--skm-radius-md);grid-template-columns:52px minmax(0,1fr);gap:10px;padding:12px;display:grid}.skm-vid__gutter{flex-direction:column;gap:8px;display:flex}.skm-vid__lane-label{letter-spacing:.02em;text-transform:uppercase;height:46px;color:var(--skm-neutral-400);align-items:center;gap:4px;font-size:10px;font-weight:700;display:inline-flex}.skm-vid__lane-label .skm-cal-glyph{width:12px;height:12px}.skm-vid__lanes{flex-direction:column;gap:8px;display:flex;position:relative}.skm-vid__lane{border-radius:var(--skm-radius-sm);background:var(--skm-white);border:1px solid var(--skm-neutral-100);height:46px;position:relative}.skm-vid__lane--video{background:var(--skm-neutral-50);border:none;gap:3px;padding:3px;display:flex}.skm-vid__clip{width:var(--skm-w,25%);border-radius:var(--skm-radius-xs);background-color:var(--skm-neutral-200);position:relative;overflow:hidden}.skm-vid__clip--active{outline:2px solid var(--skm-ui-primary);outline-offset:-2px;overflow:visible}.skm-vid__trim{background:var(--skm-ui-primary);border-radius:var(--skm-radius-xs);width:6px;height:26px;box-shadow:var(--skm-shadow-card);position:absolute;top:50%;transform:translateY(-50%)}.skm-vid__trim--l{left:-3px}.skm-vid__trim--r{right:-3px}.skm-vid__lane--text{background:var(--skm-purple-25)}.skm-vid__text-block{top:50%;left:var(--skm-start,8%);width:var(--skm-w,34%);height:30px;color:var(--skm-white);background:var(--skm-ui-primary);border-radius:var(--skm-radius-sm);white-space:nowrap;align-items:center;gap:5px;padding:0 10px;font-size:11px;font-weight:700;display:inline-flex;position:absolute;overflow:hidden;transform:translateY(-50%)}.skm-vid__text-block .skm-cal-glyph{flex-shrink:0;width:12px;height:12px}.skm-vid__text-label{text-overflow:ellipsis;min-width:0;overflow:hidden}.skm-vid__lane--audio{overflow:hidden}.skm-vid__wave{align-items:center;gap:4px;padding:0 10px;display:flex;position:absolute;inset:0}.skm-vid__wave-bar{height:var(--skm-h,40%);border-radius:var(--skm-radius-pill);background:var(--skm-lime-500);flex:1;min-width:3px}.skm-vid__playhead{top:-2px;bottom:-2px;left:var(--skm-fill,38%);background:var(--skm-ui-primary);border-radius:var(--skm-radius-pill);width:2px;position:absolute;transform:translate(-50%)}.skm-vid__playhead:before{content:"";background:var(--skm-ui-primary);border-radius:var(--skm-radius-pill);width:10px;height:10px;box-shadow:var(--skm-shadow-card);position:absolute;top:-3px;left:50%;transform:translate(-50%)}.skm-vid__foot{border-top:1px solid var(--skm-neutral-100);justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding-top:12px;display:flex}.skm-vid__foot-meta{font-variant-numeric:tabular-nums;color:var(--skm-text-secondary);font-size:11.5px;font-weight:600}.skm-vid__export{color:var(--skm-white);background:var(--skm-ui-primary);border-radius:var(--skm-radius-pill);box-shadow:var(--skm-shadow-card);align-items:center;padding:8px 16px;font-size:12px;font-weight:700;display:inline-flex}@container (width<=560px){.skm-vid__layout{grid-template-columns:minmax(0,1fr)}.skm-vid__rail{display:none}}