body.studio-mode .wrap{max-width:1480px}
.studio-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:10px 4px 18px}.studio-heading h2{margin:0;font-size:25px}.studio-heading p{margin:6px 0;color:var(--muted)}
.studio-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:18px;align-items:start}.studio-main,.studio-side{min-width:0}.studio-grid h3{font-size:16px;margin:0 0 10px}
.studio-toolbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-block:8px}.studio-toolbar .btn{width:auto}.studio-toolbar input[type=text]{flex:1;min-width:150px;width:auto}.studio-toolbar input[type=range]{min-width:80px;flex:1}
.studio-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;margin-block:12px}.studio-fields label{font-size:12px;color:var(--muted)}.studio-fields label span{display:block;margin-bottom:5px}
#screen-editor input[type=number]{width:100%;padding:10px;border:1px solid var(--line);border-radius:9px;background:var(--bg2);color:var(--txt);font:inherit;direction:ltr;text-align:start}#screen-editor select{font-size:13px}#screen-editor input:focus-visible,#screen-editor button:focus-visible,#screen-editor select:focus-visible,#waveC:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.studio-wave-wrap{position:relative;margin-block:12px;direction:ltr;overflow:hidden;border:1px solid var(--line);border-radius:12px;background:var(--bg2)}.studio-wave{display:block;width:100%;height:190px;touch-action:none}.studio-cursor{position:absolute;top:0;bottom:24px;width:2px;background:var(--red);pointer-events:none;box-shadow:0 0 7px var(--red)}.studio-numeric{font-variant-numeric:tabular-nums}
.studio-timeline{position:relative;direction:ltr;height:78px;overflow:hidden;margin-top:12px;border-radius:10px;background:var(--bg2);border:1px solid var(--line)}.studio-block{position:absolute;height:31px;background:var(--card2);color:var(--txt);border:1px solid var(--line);border-radius:5px;padding:3px 6px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:start;cursor:pointer}.studio-block.selected{background:var(--goldsoft);border-color:var(--gold);color:var(--gold)}
.studio-clip{display:flex;gap:4px;align-items:center;padding:7px;margin-block:6px;border:1px solid var(--line);border-radius:9px}.studio-clip.selected{border-color:var(--gold);background:var(--goldsoft)}.studio-clip-name{flex:1;min-width:0;background:none;border:0;color:var(--txt);text-align:start;cursor:pointer;overflow-wrap:anywhere;line-height:1.5}.studio-clip .mini{flex:0 0 27px;width:27px;height:30px}
.studio-meter{height:8px;background:var(--bg2);border-radius:8px;overflow:hidden}.studio-meter>span{display:block;width:0;height:100%;background:var(--green)}.studio-meter.over>span{background:var(--red)}#spOutputInfo,#spStatus,#spSaveStatus{font-size:12px;overflow-wrap:anywhere}#spSaveStatus{color:var(--muted)}#edExport{margin-top:14px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#screen-editor summary{cursor:pointer;font-weight:700}#screen-editor .hint{line-height:1.7}#screen-editor [aria-pressed=true]{border-color:var(--gold);color:var(--gold)}
@media(max-width:1050px){.studio-grid{grid-template-columns:minmax(0,1fr)}.studio-side{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.studio-side>.card{margin:0}.studio-side>details{grid-column:1/-1}}
@media(max-width:600px){.studio-side{display:block}.studio-side>.card{margin-bottom:12px}.studio-heading h2{font-size:22px}.studio-heading p{font-size:13px}.studio-toolbar .btn{flex-grow:1}.studio-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-main .card{padding:12px}.studio-heading{align-items:start}.studio-grid{gap:0}}