.segue-dialog{--segue-out:#6ee7b5;--segue-in:#9fc8ff;--segue-panel:#171f2a;max-width:820px;width:calc(100% - 24px);max-height:calc(100dvh - 24px)}
[data-theme="light"] .segue-dialog{--segue-out:#086647;--segue-in:#245d9e;--segue-panel:#f1f5fa}
.segue-dialog [hidden]{display:none}
.segue-dialog .dialog-head{padding:13px 21px}
.segue-dialog .dialog-head h2{font-size:calc(19px * var(--admin-font-factor,1));margin:2px 0 0}
.segue-kicker{color:var(--muted);letter-spacing:.12em;font-size:calc(10px * var(--admin-font-factor,1));font-weight:700}
.segue-body{display:grid;gap:12px;padding:16px 21px;max-height:calc(100dvh - 110px)}
.segue-tracks,.segue-controls{display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}
.segue-tracks>div,.segue-control{padding:8px 11px;background:var(--segue-panel);border:1px solid var(--line);border-radius:7px;min-width:0}
.segue-tracks>div:first-child{border-inline-start:3px solid var(--segue-out)}
.segue-tracks>div:last-child{border-inline-start:3px solid var(--segue-in)}
.segue-tracks small,.segue-tracks b,.segue-tracks span{display:block;overflow-wrap:anywhere}
.segue-tracks small{font-weight:700;letter-spacing:.09em;color:var(--segue-out)}
.segue-tracks>div:last-child small{color:var(--segue-in)}
.segue-tracks b{font-size:calc(14px * var(--admin-font-factor,1));line-height:1.35}
.segue-tracks span,.segue-help,.segue-figure figcaption{color:var(--muted);font-size:calc(11px * var(--admin-font-factor,1))}
.segue-figure{margin:0;min-width:0}
.segue-ruler{height:20px;position:relative;color:var(--muted);font:11px ui-monospace,monospace}
.segue-ruler span{position:absolute;transform:translateX(-50%);white-space:nowrap}
.segue-ruler span:last-child{transform:translateX(-100%)}
.segue-graph{width:100%;height:clamp(110px,22vh,164px);border:1px solid var(--line);border-radius:7px;background:var(--segue-panel);overflow:hidden}
.segue-graph :is(path,rect){vector-effect:non-scaling-stroke}
.segue-grid{stroke:var(--line);stroke-width:1}
.segue-overlap{fill:var(--segue-in);fill-opacity:.09;stroke:none}
.segue-graph .out{stroke:var(--segue-out)}.segue-graph .in{stroke:var(--segue-in)}
.segue-wave{stroke-width:1;opacity:.58}
.segue-curve{stroke-width:2.5}
.segue-end{stroke:var(--segue-out);stroke-dasharray:3 3;stroke-width:1.2}
.segue-start{stroke:var(--segue-in);stroke-width:2}
.segue-playhead{stroke:var(--text);stroke-width:1.5}
[data-segue-handle]{cursor:ew-resize;touch-action:none}
.segue-figure figcaption{display:flex;justify-content:space-between;gap:4px 15px;flex-wrap:wrap;margin-top:5px}
.segue-control{display:grid;align-items:center;gap:4px 6px;grid-template-columns:1fr auto;font-weight:600}
.segue-control input{grid-column:1/-1;width:100%;margin:2px 0;min-height:20px;accent-color:var(--mint)}
.segue-control output{color:var(--muted);font-variant-numeric:tabular-nums}
.segue-curve-choice select{grid-column:1/-1;width:100%;min-height:29px;border-radius:5px;border:1px solid var(--line);background:var(--card);color:var(--text);padding-inline:7px}
.segue-audition{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;border-block-start:1px solid var(--line);padding-top:10px}
.segue-audition b,.segue-audition small{display:block}
.segue-audition small{color:var(--muted)}
.segue-audition [role="status"]:not(:empty){color:var(--text)}
.segue-actions{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:6px}
.playlist-segue-hint svg{width:13px;height:13px;color:var(--mint)}
.playlist-builder .playlist-custom-mix,.playlist-order-item [data-playlist-action="segue"]{color:var(--mint)}
.playlist-order-item [data-playlist-action="segue"] svg{width:15px;height:15px}
@media(max-width:460px){
 .segue-dialog .dialog-head,.segue-body{padding-inline:11px}
 .segue-body{gap:9px}
 .segue-control,.segue-tracks>div{padding-inline:7px}
 .segue-actions .btn{font-size:calc(11px * var(--admin-font-factor,1));padding-inline:8px}
 .playlist-order-item:has([data-playlist-action="segue"]){grid-template-columns:18px minmax(0,1fr) 34px auto}
}