[data-tool=cue_sheet_inspector]{max-width:1360px}
[data-tool=cue_sheet_inspector] header{position:relative;padding:30px 34px 26px;border:1px solid #6f5686;border-radius:20px;background:radial-gradient(circle at 92% 0%,#f6cd6326,transparent 42%),radial-gradient(circle at 0% 100%,#8553d340,transparent 55%),linear-gradient(140deg,#2d2540,#242032 60%);box-shadow:0 18px 40px #0005}
[data-tool=cue_sheet_inspector] header h1{margin:6px 0 8px}[data-tool=cue_sheet_inspector] header p{margin:0}
[data-tool=cue_sheet_inspector] .cu-chips{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:16px 0 0;padding:0}[data-tool=cue_sheet_inspector] .cu-chips li{padding:6px 12px;border:1px solid #6f5686;border-radius:999px;background:#ffffff0a;font-size:13px;color:#e6dbf5}[data-tool=cue_sheet_inspector] .cu-chips li:first-child{border-color:#f6cd63;color:#f6cd63}
[data-tool=cue_sheet_inspector] .ux-workspace{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:18px;align-items:stretch}
[data-tool=cue_sheet_inspector] .ux-input,[data-tool=cue_sheet_inspector] .ux-result,[data-tool=cue_sheet_inspector] .cu-data{min-width:0;padding:22px;border:1px solid #4d3b67;border-radius:18px;background:#251c33}
[data-tool=cue_sheet_inspector] .ux-input{position:static;max-height:none;overflow:visible;display:flex;flex-direction:column}[data-tool=cue_sheet_inspector] .ux-input>label{flex:1;display:flex;flex-direction:column;margin-top:0}
[data-tool=cue_sheet_inspector] .ux-result{background:linear-gradient(180deg,#2a2040,#221a30)}
[data-tool=cue_sheet_inspector] .ux h2{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#b995ed;margin:0 0 14px}
[data-tool=cue_sheet_inspector] #uxInput{flex:1;width:100%;min-height:360px;font:14px/1.55 ui-monospace,Consolas,monospace;white-space:pre;overflow:auto;background:#141022}
[data-tool=cue_sheet_inspector] #uxSummary{margin:0 0 10px;font-size:22px;font-weight:700;color:#f6cd63}[data-tool=cue_sheet_inspector] #uxWarnings{overflow-wrap:anywhere}
[data-tool=cue_sheet_inspector] .cu-time{margin:12px 0 0}[data-tool=cue_sheet_inspector] .cu-line{display:flex;flex-wrap:wrap;gap:12px;align-items:end;padding:12px;border-radius:12px;background:#ffffff08}[data-tool=cue_sheet_inspector] .cu-line label{flex:0 1 210px;margin:0;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#c9bed8}[data-tool=cue_sheet_inspector] #cuLength{width:100%}[data-tool=cue_sheet_inspector] #cuTotal{font-size:13px;padding-bottom:12px;color:#c9bed8}
[data-tool=cue_sheet_inspector] .cu-bar{position:relative;height:46px;margin:14px 0 6px;background:#141022;border-radius:12px;overflow:hidden;box-shadow:inset 0 0 0 1px #4d3b67}[data-tool=cue_sheet_inspector] .cu-bar span{position:absolute;top:0;bottom:0;background:#7a3fd0;border-right:2px solid #141022;box-sizing:border-box}[data-tool=cue_sheet_inspector] .cu-bar span[data-odd="1"]{background:#f6cd63}[data-tool=cue_sheet_inspector] .cu-bar span[data-bad=true]{background:#ff7d86}
[data-tool=cue_sheet_inspector] .cu-tracks{list-style:none;margin:0;padding:0;counter-reset:cu}[data-tool=cue_sheet_inspector] .cu-tracks li{display:grid;grid-template-columns:70px minmax(0,1fr) auto;gap:12px;padding:10px 6px;border-bottom:1px solid #352d4d;align-items:baseline}[data-tool=cue_sheet_inspector] .cu-tracks strong{font-family:ui-monospace,Consolas,monospace;color:#f6cd63}[data-tool=cue_sheet_inspector] .cu-tracks span{overflow-wrap:anywhere}[data-tool=cue_sheet_inspector] .cu-tracks li span:last-child{font-family:ui-monospace,Consolas,monospace;color:#c9bed8}[data-tool=cue_sheet_inspector] .cu-tracks [data-bad=true]{color:#ff7d86!important}
[data-tool=cue_sheet_inspector] .cu-chapters{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}[data-tool=cue_sheet_inspector] #cuCopy{background:#f6cd63;color:#231a08;border:0;font-weight:700}[data-tool=cue_sheet_inspector] #cuCopy:disabled{opacity:.5}
[data-tool=cue_sheet_inspector] .cu-data{margin-top:18px}[data-tool=cue_sheet_inspector] .cu-data>.ux-command{margin:0 0 14px;padding:12px;border-radius:12px;background:#ffffff08}[data-tool=cue_sheet_inspector] .cu-data>.ux-command label{margin:0}[data-tool=cue_sheet_inspector] .cu-data details{margin:8px 0 0}[data-tool=cue_sheet_inspector] .ux-pager{margin:14px 0 4px}
[data-tool=cue_sheet_inspector] .ux-table{overflow-x:auto;border-radius:12px;border:1px solid #3d3052}[data-tool=cue_sheet_inspector] input,[data-tool=cue_sheet_inspector] select{font-size:16px;min-height:44px;box-sizing:border-box;max-width:100%}[data-tool=cue_sheet_inspector] button{min-height:44px}[data-tool=cue_sheet_inspector] summary{min-height:36px;cursor:pointer}
@media(max-width:900px){[data-tool=cue_sheet_inspector] .ux-workspace{grid-template-columns:minmax(0,1fr)}[data-tool=cue_sheet_inspector] #uxInput{min-height:220px}[data-tool=cue_sheet_inspector] .ux-result{order:-1}}
@media(max-width:700px){[data-tool=cue_sheet_inspector] header{padding:20px 16px}[data-tool=cue_sheet_inspector] header h1{font-size:28px}[data-tool=cue_sheet_inspector] .ux-eyebrow{display:none}[data-tool=cue_sheet_inspector] .ux-input,[data-tool=cue_sheet_inspector] .ux-result,[data-tool=cue_sheet_inspector] .cu-data{padding:16px}[data-tool=cue_sheet_inspector] .ux-command button,[data-tool=cue_sheet_inspector] .ux-command label{flex:1 1 40%;min-width:0}[data-tool=cue_sheet_inspector] input[type=file]{width:100%}[data-tool=cue_sheet_inspector] .cu-data>.ux-command label{flex:1 1 100%}}
