.alif-studio-timeline{background:var(--alif-color-surface);border-top:var(--alif-border-default) solid var(--studio-line);min-height:224px}.alif-studio-timeline-heading{border-bottom:var(--alif-border-default) solid var(--studio-line);height:46px;padding:0 var(--alif-space-three-three-quarter);justify-content:space-between;align-items:center;display:flex}.alif-studio-timeline-heading>div:first-child,.alif-studio-run-metrics>div,.alif-studio-output-card>div{display:grid}.alif-studio-timeline-heading>div:first-child{gap:var(--alif-space-half)}.alif-studio-timeline-heading strong{font-size:var(--alif-font-size-xs)}.alif-studio-timeline-heading span{color:var(--studio-muted);font-size:var(--alif-font-size-3xs)}.alif-studio-player,.alif-studio-modal-actions{align-items:center;display:flex}.alif-studio-player{gap:var(--alif-space-one-quarter)}.alif-studio-player button{color:var(--alif-color-subdued-foreground);font-size:var(--alif-font-size-4xs);background:0 0;border:0}.alif-studio-player button.is-play{background:var(--alif-color-primary);color:var(--alif-color-primary-foreground);border-radius:50%;justify-content:center;align-items:center;width:25px;height:25px;display:flex}.alif-studio-player span{font-family:var(--alif-font-mono);margin-left:var(--alif-space-one-half)}.alif-studio-timeline-body{grid-template-columns:42px minmax(0,1fr) 240px;min-height:177px;display:grid}.alif-studio-track-labels{border-right:var(--alif-border-default) solid var(--studio-line);grid-auto-rows:52px;padding-top:28px;display:grid}.alif-studio-track-labels span{color:var(--alif-color-subdued-foreground);font-size:var(--alif-font-size-3xs);padding:18px 0 0 var(--alif-space-three-half)}.alif-studio-tracks{padding-top:28px;position:relative;overflow:hidden}.alif-studio-ruler{border-bottom:var(--alif-border-default) solid var(--alif-color-border-subtle);height:28px;position:absolute;top:0;left:0;right:0}.alif-studio-ruler span{color:var(--alif-color-quiet-foreground);font-family:var(--alif-font-mono);font-size:var(--alif-font-size-2xs);top:var(--alif-space-2);position:absolute}.alif-studio-track{background:var(--alif-color-muted);border-bottom:var(--alif-border-default) solid var(--alif-color-border-subtle);height:52px;position:relative}.alif-studio-clip{background:linear-gradient(90deg, color-mix(in srgb, var(--clip-color) 28%, var(--alif-color-muted)), var(--alif-color-interactive));border:var(--alif-border-default) solid color-mix(in srgb, var(--clip-color) 55%, var(--alif-color-border));border-radius:var(--alif-radius-sm);color:var(--alif-color-foreground);font-size:var(--alif-font-size-3xs);align-items:center;gap:var(--alif-space-one-half);height:38px;padding:0 var(--alif-space-2);top:var(--alif-space-one-half);white-space:nowrap;display:flex;position:absolute;overflow:hidden}.alif-studio-clip.is-selected{box-shadow:0 0 0 var(--alif-border-focus) var(--clip-color)}.alif-studio-clip i{color:var(--clip-color);font-size:var(--alif-font-size-4xs);margin-left:auto;font-style:normal}.alif-studio-clip span{color:var(--clip-color)}.alif-studio-playhead{background:var(--alif-color-accent);pointer-events:none;bottom:0;top:var(--alif-size-20,20px);width:var(--alif-space-px);position:absolute}.alif-studio-playhead:before{background:var(--alif-color-accent);border-radius:var(--alif-radius-sm);content:"";height:var(--alif-space-2);left:calc(var(--alif-space-three-quarter) * -1);width:var(--alif-space-one-three-quarter);position:absolute;top:0}.alif-studio-clip-inspector{border-left:var(--alif-border-default) solid var(--alif-color-border);padding:var(--alif-space-2);overflow:auto}.alif-studio-clip-inspector>strong{font-size:var(--alif-font-size-xs);margin-bottom:var(--alif-space-2);display:block}.alif-studio-clip-inspector>div{gap:var(--alif-space-one-half);grid-template-columns:1fr 1fr;display:grid}.alif-studio-clip-inspector label{color:var(--alif-color-muted-foreground);font-size:var(--alif-font-size-4xs);gap:var(--alif-space-half);display:grid}.alif-studio-clip-inspector input,.alif-studio-clip-inspector select{background:var(--alif-color-input);border:var(--alif-border-default) solid var(--alif-color-border);border-radius:var(--alif-radius-xs);color:var(--alif-color-foreground);min-width:0;padding:var(--alif-space-1);width:100%}.alif-studio-modal-backdrop{backdrop-filter:blur(var(--alif-space-2));background:color-mix(in srgb, var(--alif-color-scrim) 82%, transparent);z-index:20;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.alif-studio-run-review{background:linear-gradient(145deg, var(--alif-color-surface), var(--alif-color-muted));border:var(--alif-border-default) solid var(--alif-color-border);border-radius:var(--alif-radius-sm);box-shadow:var(--alif-shadow-modal);text-align:center;width:calc(100% - 30px);max-width:440px;padding:28px}.alif-studio-run-orbit{background:radial-gradient(circle, color-mix(in srgb, var(--alif-color-focus) 30%, transparent), var(--alif-color-muted) 65%);border:var(--alif-border-default) solid var(--alif-color-focus);height:58px;margin:0 auto var(--alif-space-three-three-quarter);border-radius:50%;justify-content:center;align-items:center;width:58px;display:flex}.alif-studio-run-orbit span{color:var(--alif-color-focus);font-size:var(--alif-font-size-2xl)}.alif-studio-run-review>small{color:var(--alif-color-focus);font-size:var(--alif-font-size-3xs);letter-spacing:.14em}.alif-studio-run-review h2{font-family:var(--alif-font-serif);font-size:var(--alif-font-size-3xl);margin:var(--alif-space-one-three-quarter) 0 var(--alif-space-2);font-weight:500}.alif-studio-run-review>p{color:var(--alif-color-subdued-foreground);font-size:var(--alif-font-size-xs);max-width:330px;margin:0 auto 18px;line-height:1.6}.alif-studio-run-metrics{background:var(--alif-color-muted);border:var(--alif-border-default) solid var(--alif-color-border);border-radius:var(--alif-radius-sm);margin-bottom:var(--alif-space-three-half);padding:var(--alif-space-3) var(--alif-space-1);grid-template-columns:repeat(3,1fr);display:grid}.alif-studio-run-metrics>div{gap:var(--alif-space-one-quarter)}.alif-studio-run-metrics>div+div{border-left:var(--alif-border-default) solid var(--alif-color-border)}.alif-studio-run-metrics span{color:var(--alif-color-muted-foreground);font-size:var(--alif-font-size-3xs)}.alif-studio-run-metrics strong{font-size:var(--alif-font-size-sm)}.alif-studio-output-card{background:color-mix(in srgb, var(--alif-color-status-done) 10%, var(--alif-color-surface));border:var(--alif-border-default) solid color-mix(in srgb, var(--alif-color-status-done) 45%, var(--alif-color-border));border-radius:var(--alif-radius-sm);align-items:center;gap:var(--alif-space-two-half);margin-bottom:var(--alif-space-three-half);padding:var(--alif-space-two-half);text-align:left;display:flex}.alif-studio-output-card>span{background:var(--alif-color-status-done);border-radius:var(--alif-radius-sm);color:var(--alif-color-primary-foreground);font-size:var(--alif-font-size-2xs);padding:var(--alif-space-two-quarter) var(--alif-space-one-quarter);font-weight:800}.alif-studio-output-card>div{gap:var(--alif-space-three-quarter)}.alif-studio-output-card strong{font-size:var(--alif-font-size-4xs)}.alif-studio-output-card small{color:var(--alif-color-status-done);font-size:var(--alif-font-size-3xs)}.alif-studio-modal-actions{gap:var(--alif-space-2);justify-content:flex-end}.alif-studio-modal-actions button{background:var(--alif-color-interactive);border:var(--alif-border-default) solid var(--alif-color-border);border-radius:var(--alif-radius-sm);font-size:var(--alif-font-size-xs);padding:var(--alif-space-2) var(--alif-space-3)}.alif-studio-modal-actions button.is-primary{background:var(--alif-color-primary);border-color:var(--alif-color-primary);color:var(--alif-color-primary-foreground)}