.media-workspace{display:grid;grid-template-columns:minmax(260px,.9fr) minmax(330px,1.3fr);gap:24px;align-items:start}.media-panel{border:1px solid var(--line,#e8e6e2);border-radius:18px;background:#fff;padding:24px}.media-panel h2,.media-panel h3{margin:0 0 12px}.media-note{font-size:13px;color:#77756f;line-height:1.65}.media-upload{display:grid;gap:10px;border:1px dashed #c9c5bd;border-radius:14px;padding:28px 18px;text-align:center;background:#faf9f6;cursor:pointer;margin:18px 0}.media-upload:focus-within{outline:2px solid #6561cf;outline-offset:3px}.media-upload input{max-width:100%;font-size:12px}.media-upload strong{font-size:15px}.media-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:16px 0}.media-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:9px 14px;border:1px solid #e3e0da;background:#fff;color:#22201d;border-radius:9px;font:inherit;font-size:13px;text-decoration:none;cursor:pointer}.media-btn:hover{background:#f4f2ed}.media-btn.primary{background:#252320;color:white;border-color:#252320}.media-btn:disabled{opacity:.45;cursor:not-allowed}.media-btn.danger{color:#ab3b31}.media-field{display:grid;gap:7px;font-size:12px;color:#636059}.media-field input,.media-field select,.media-field textarea,.media-workspace select{width:100%;box-sizing:border-box;border:1px solid #dedbd5;border-radius:9px;background:#fff;color:#252320;font:inherit;font-size:14px;padding:10px;min-width:0}.media-field input:focus,.media-field select:focus,.media-field textarea:focus{outline:2px solid #aaa5ea;outline-offset:2px}.media-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:18px 0}.media-check{display:flex;align-items:center;gap:8px;font-size:13px;margin:13px 0}.media-check input{accent-color:#5b558b}.media-asset{display:flex;gap:10px;padding:14px 0;border-bottom:1px solid #eeece7;align-items:center}.media-asset-info{flex:1;min-width:0}.media-asset-info strong{display:block;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.media-asset-info small{color:#827c73;display:block;font-size:11px;margin-top:5px}.media-asset.active{background:#f5f3fb;border-radius:10px;padding-left:10px;padding-right:10px}.media-wave{width:100%;height:100px;background:#f8f6f1;border-radius:12px;display:block;margin:16px 0}.media-wave path{stroke:#858077;stroke-width:2;stroke-linecap:round;fill:none}.media-wave .selected{stroke:#7064b5}.media-panel audio{width:100%;height:38px;margin-bottom:10px}.media-empty{padding:35px 10px;text-align:center;color:#827c73;font-size:14px;line-height:1.7}.media-jobs{margin-top:24px}.media-job{padding:12px 0;border-bottom:1px solid #efede9;font-size:12px}.media-job-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.media-job progress{width:100%;height:4px;accent-color:#8b80bd}.media-error{color:#a62d32;font-size:13px;line-height:1.6}.media-sequence{list-style:decimal;margin:16px 0;padding-left:24px}.media-sequence li{padding:8px 0;font-size:13px}.media-sequence button{border:0;background:#f0eeea;border-radius:6px;margin-left:7px;padding:5px 9px;cursor:pointer}.media-transcript{min-height:280px;resize:vertical;line-height:1.8}.media-status{padding:12px 15px;background:#f4f2fa;border-radius:9px;font-size:13px;line-height:1.6;margin:12px 0}.media-titleline{display:flex;justify-content:space-between;align-items:center;gap:12px}.media-titleline h2{margin:0}.media-storage{height:4px;background:#f0eeea;border-radius:4px;overflow:hidden;margin:12px 0}.media-storage span{display:block;height:100%;background:#a79acb}.media-wide{grid-column:1/-1}.media-panel .media-select-line{display:flex;gap:8px;align-items:center}.media-panel .media-select-line select{min-width:0}.media-inline-label{font-size:12px;color:#777}.media-stt-result{font-size:14px;white-space:pre-wrap;word-break:break-word}.media-pill{font-size:10px;letter-spacing:.07em;text-transform:uppercase;background:#f0eee8;border-radius:6px;padding:5px 8px;color:#716c64}.media-wave-description{font-size:11px;color:#8a8379;margin-top:-8px}.media-spinner{width:14px;height:14px;border:2px solid #d9d4e3;border-top-color:#6d6096;border-radius:50%;display:inline-block;animation:media-spin 1s linear infinite}@keyframes media-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.media-spinner{animation:none}}@media(max-width:900px){.media-workspace{grid-template-columns:1fr}.media-panel{padding:19px}}@media(max-width:480px){.media-grid{gap:10px}.media-titleline{align-items:flex-start}.media-btn{font-size:12px;padding:8px 11px}}