.media-workflow [hidden]{display:none!important}.media-workflow .tool-form-grid-aligned{grid-template-columns:repeat(3,minmax(0,1fr))}.media-workflow .tool-select{appearance:none;min-height:46px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%2364748b' stroke-width='2'%3E%3Cpath d='m4 6 4 4 4-4'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:36px}.media-workflow details{margin-top:18px}.media-workflow summary{cursor:pointer;display:inline-flex;min-height:46px;align-items:center;padding:10px 16px;border:1px solid var(--site-border);border-radius:10px}.media-workflow textarea{min-height:120px;resize:vertical}.mw-result{border-top:1px solid var(--site-border);padding-top:18px;margin-top:18px}.mw-result h3{overflow-wrap:anywhere}.mw-result-player,.mw-source{width:100%;margin:14px 0}.mw-source video,video.mw-source{max-height:480px;background:#000}.mw-report{white-space:pre-wrap;overflow-wrap:anywhere;font:14px/1.7 ui-monospace,monospace;max-height:400px;overflow:auto;background:var(--site-surface-muted);padding:12px;border-radius:10px}.mw-error{color:#c62828}.mw-progress{width:100%;height:12px;accent-color:#2563eb;margin:18px 0}.mw-range-control{display:flex;align-items:center;gap:12px;min-height:46px;padding:8px 12px;border:1px solid var(--site-border);border-radius:8px}.mw-range-control input[type=range]{min-width:0;flex:1}.mw-range-control output{min-width:52px;text-align:right}.mw-list{display:grid;gap:10px;margin-top:14px}.mw-list-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.mw-list-row input{flex:1;min-width:90px}.mw-preview-canvas{width:100%;max-height:480px;object-fit:contain;background:#111;touch-action:none;display:block}.mw-visual{position:relative;max-width:100%;margin-top:14px}.mw-visual video{width:100%;display:block;max-height:480px;background:#000}.mw-visual canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none}.mw-metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px}.mw-metric{padding:14px;border:1px solid var(--site-border);border-radius:10px;overflow-wrap:anywhere}.mw-metric strong{display:block;font-size:24px}.mw-tuner-note{text-align:center;font-size:64px;font-weight:700}.mw-tuner-meter{width:100%;height:30px}.mw-lyrics span{padding:2px 4px;border-radius:4px;cursor:pointer}.mw-lyrics .is-current{background:#2563eb;color:#fff}.mw-lyrics{line-height:2.1;white-space:pre-wrap}.media-workflow .tool-actions{flex-wrap:wrap}.media-workflow .tool-help{overflow-wrap:anywhere}@media(max-width:1000px){.media-workflow .tool-form-grid-aligned{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.media-workflow .tool-form-grid-aligned,.mw-metric-grid{grid-template-columns:1fr}.mw-list-row input{width:100%}}
.mw-visual{margin-left:auto;margin-right:auto}.mw-visual video{height:auto;max-height:none}
:root[data-theme="dark"] .media-workflow .mw-error{color:#fca5a5}
.media-workflow .tool-drop-zone{display:block}.media-workflow .tool-drop-zone>.tool-label{display:block;margin-bottom:10px}.media-workflow .tool-drop-zone>.tool-input{display:block;width:100%;min-width:0}.media-workflow .tool-drop-zone>.tool-help{margin-top:8px;text-align:left}.mw-list-row input[type=range]{flex-basis:180px}.mw-list-row input[type=number]{max-width:180px}@media(max-width:640px){.mw-list-row input[type=number]{max-width:none}.mw-list-row input[type=range]{flex-basis:100%}}
.media-workflow input[type=file]{min-height:46px;height:46px;box-sizing:border-box;padding:6px 10px;color:var(--site-text);background-color:var(--site-surface);border-color:var(--site-border)}.media-workflow input[type=file]::file-selector-button{margin-right:10px;padding:4px 8px;border:1px solid var(--site-border);border-radius:5px;color:var(--site-text);background-color:var(--site-surface-muted);font:inherit;cursor:pointer}.media-workflow input[type=file]::-webkit-file-upload-button{margin-right:10px;padding:4px 8px;border:1px solid var(--site-border);border-radius:5px;color:var(--site-text);background-color:var(--site-surface-muted);font:inherit;cursor:pointer}