.composition-toolbar{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.composition-modal{width:min(760px,calc(100vw - 40px))}.composition-workspace{min-height:200px}.composition-summary{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.composition-summary h3{font-size:22px;margin:6px 0 0}.composition-summary span,.composition-summary>strong{color:var(--muted,#9b9ba5);font-size:13px;font-weight:400}.composition-clips{list-style:none;margin:0;padding:0;border:1px solid var(--border,#34343b);border-radius:12px;overflow:hidden}.composition-clips li{display:flex;gap:14px;align-items:center;padding:14px 16px;border-bottom:1px solid var(--border,#34343b)}.composition-clips li:last-child{border-bottom:0}.composition-clips li>div{flex:1;min-width:0}.composition-clips strong{display:block;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.composition-clips small{display:block;margin-top:4px;color:var(--muted,#9b9ba5);font-size:12px}.composition-clips li>span:last-child{font-size:12px;color:var(--muted,#9b9ba5);white-space:nowrap}.composition-order{font-variant-numeric:tabular-nums;color:var(--muted,#9b9ba5);font-size:12px}.composition-note{font-size:13px;color:var(--muted,#9b9ba5);margin:16px 0 0}.composition-error,.composition-pending{padding:14px 16px;margin-bottom:18px;border:1px solid #774345;border-radius:10px;background:#42252755;font-size:13px;line-height:1.6;overflow-wrap:anywhere}.composition-pending{border-color:#655739;background:#55442333}.composition-pending .btn{margin:6px 8px 0 0}.composition-missing{margin-bottom:18px;border:1px solid #655739;border-radius:12px;padding:4px 16px 12px}.composition-missing p{font-size:13px;color:#d9c18c}.composition-missing>div{display:flex;align-items:center;gap:14px;justify-content:space-between;margin:12px 0}.composition-missing strong,.composition-missing small{display:block}.composition-missing small{color:var(--muted,#9b9ba5);font-size:12px;margin-top:3px}.composition-progress{display:flex;align-items:center;gap:15px;padding:24px 0 8px}.composition-progress progress{width:100%;height:7px;accent-color:#dcdce1}.composition-progress span{font-size:13px;font-variant-numeric:tabular-nums}.composition-preview{display:block;width:100%;max-height:430px;background:#080808;border-radius:12px}.composition-result-meta{display:flex;justify-content:space-between;font-size:12px;color:var(--muted,#9b9ba5);padding:12px 0}.composition-manifest{margin-top:24px}.composition-manifest summary{cursor:pointer;font-size:13px;color:var(--muted,#9b9ba5);margin-bottom:12px}.composition-empty{padding:55px 20px;text-align:center;color:var(--muted,#9b9ba5);font-size:14px}.composition-history{display:flex;flex-direction:column;gap:8px}.composition-history>button{display:flex;align-items:center;gap:14px;text-align:left;padding:16px;border-radius:12px;background:var(--panel,#222226);border:1px solid var(--border,#34343b);color:inherit;cursor:pointer;width:100%}.composition-history>button:hover{border-color:#73737d}.composition-history>button>span:nth-child(2){flex:1;min-width:0}.composition-history strong{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:14px}.composition-history small{display:block;color:var(--muted,#9b9ba5);font-size:12px;margin-top:5px}.composition-history-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:9px;background:#ffffff08}.composition-status{font-size:12px;white-space:nowrap;color:var(--muted,#9b9ba5)}.composition-status.completed{color:#9bc7aa}.composition-status.failed{color:#e3a2a2}@media(max-width:680px){.composition-summary{align-items:flex-start;flex-direction:column;gap:8px}.composition-clips li{padding:12px 10px;gap:8px}.composition-history>button{padding:12px;gap:8px}}