.media{max-width: 1100px;margin: 0 auto;padding: 0 20px 64px}.media__back{margin: 18px 0 12px;font-size: 13.5px}.media__back a{display: inline-flex;align-items: center;gap: 4px;color: var(--c-muted);text-decoration: none}.media__back a:hover{color: var(--c-accent)}.media__panel{padding: 16px 18px;margin-bottom: 14px}.media__drop{display: flex;flex-wrap: wrap;align-items: center;gap: 14px;padding: 22px 18px;border: 1.5px dashed var(--c-border-strong);border-radius: 12px;background: var(--c-panel-alt);transition: border-color .15s,background .15s}.media__drop.is-over{border-color: var(--c-accent);background: var(--c-accent-soft)}.media__input{display: none}.media__droptext{font-size: 13px;line-height: 1.7;color: var(--c-muted)}.media__droptext b{color: var(--c-text-soft);font-weight: 650}.media__note{margin: 10px 0 0;font-size: 12.5px;line-height: 1.75;color: var(--c-muted);overflow-wrap: anywhere}.media__grid{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 14px;margin-bottom: 14px}.media__pane{padding: 14px 16px 16px;display: flex;flex-direction: column}.media__pane-head{display: flex;align-items: baseline;gap: 8px;flex-wrap: wrap;margin-bottom: 10px}.media__pane-title{margin: 0;font-size: 14px;font-weight: 650}.media__meta{flex: 1 1 auto;min-width: 0;font-size: 11.5px;color: var(--c-muted);font-variant-numeric: tabular-nums;overflow-wrap: anywhere}.media__actions{display: inline-flex;gap: 6px;flex: none;margin-left: auto}.media__posterbox{margin-bottom: 4px}.media__poster{display: block;width: 100%;max-width: 340px;height: auto;border: 1px solid var(--c-border);border-radius: 10px;background: var(--c-panel-alt)}.media__canvas{display: none}.media__probe{display: none}.media__rows{margin: 10px 0 0;display: grid;gap: 6px}.media__row{display: grid;grid-template-columns: 80px minmax(0,1fr);gap: 10px;font-size: 12.5px;line-height: 1.7}.media__row dt{color: var(--c-muted)}.media__row dd{margin: 0;color: var(--c-text);overflow-wrap: anywhere;font-variant-numeric: tabular-nums}.media__caps{display: flex;flex-wrap: wrap;align-items: center;gap: 6px;margin-top: 12px}.media__caplabel{font-size: 11.5px;color: var(--c-muted)}.media__cap{font-size: 11.5px;line-height: 1.6;padding: 3px 9px;border-radius: 999px;border: 1px solid var(--c-border-strong);background: var(--c-panel-alt);color: var(--c-text-soft)}.media__cap.is-ok{border-color: var(--c-ok);background: var(--c-ok-soft);color: var(--c-ok)}.media__cap.is-no{opacity: .5}.media__field{display: flex;flex-direction: column;gap: 5px;font-size: 12.5px;color: var(--c-muted)}.media__select{width: 100%;padding: 9px 10px;font-size: 13.5px;min-height: 40px;border: 1px solid var(--c-border-strong);border-radius: 9px;background: var(--c-input-bg);color: var(--c-text)}.media__select:focus{outline: none;border-color: var(--c-accent);box-shadow: 0 0 0 3px var(--c-accent-ring)}.media__args{margin-top: 12px;padding: 9px 11px;border: 1px solid var(--c-border);border-radius: 10px;background: var(--c-panel-alt)}.media__args summary{cursor: pointer;font-size: 12.5px;color: var(--c-text-soft)}.media__argsline{display: block;margin-top: 8px;font-family: ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size: 12px;line-height: 1.7;color: var(--c-code-text);white-space: pre-wrap;overflow-wrap: anywhere}.media__logbox{margin-top: 10px;padding: 9px 11px;border: 1px solid var(--c-border);border-radius: 10px;background: var(--c-panel-alt)}.media__logbox summary{cursor: pointer;font-size: 12.5px;color: var(--c-text-soft)}.media__log{margin: 8px 0 0;max-height: 240px;overflow: auto;font-family: ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size: 11.5px;line-height: 1.6;color: var(--c-code-text);white-space: pre-wrap;overflow-wrap: anywhere}.media__busy{display: flex;align-items: center;gap: 8px;margin: 12px 0 0;font-size: 13px;color: var(--c-text-soft)}.media__progress{display: flex;align-items: center;gap: 10px;margin-top: 12px}.media__bar{flex: 1 1 auto;height: 8px;border-radius: 999px;overflow: hidden;background: var(--c-panel-alt);border: 1px solid var(--c-border)}.media__fill{display: block;height: 100%;width: 0;border-radius: 999px;background: linear-gradient(90deg,var(--c-accent),var(--c-accent-line,var(--c-accent)));transition: width .18s linear}.media__pct{font-size: 12.5px;font-weight: 600;min-width: 40px;text-align: right;color: var(--c-accent);font-variant-numeric: tabular-nums}.media__phase{font-size: 12.5px;color: var(--c-text-soft);overflow-wrap: anywhere}.media__error{margin: 12px 0 0;padding: 9px 12px;font-size: 13.5px;border-radius: 9px;background: var(--c-err-soft);color: var(--c-err);border: 1px solid currentColor;white-space: pre-wrap;overflow-wrap: anywhere}.media__warn{margin: 12px 0 0;padding: 9px 12px;font-size: 13px;border-radius: 9px;background: var(--c-warn-soft);color: var(--c-warn);border: 1px solid currentColor;overflow-wrap: anywhere}@media (max-width: 900px){.media__grid{grid-template-columns: 1fr}.media__drop{flex-direction: column;align-items: stretch;padding: 18px 14px}.media__drop .btn{justify-content: center}.media__poster{max-width: 100%}body.page .media__select{font-size: 16px}}@media (max-width: 640px){.media{padding: 0 14px 48px}.media__panel{padding: 14px}.media__row{grid-template-columns: 68px minmax(0,1fr);gap: 8px}.media__actions{width: 100%}.media__actions .btn{flex: 1 1 auto;justify-content: center}.media__pct{min-width: 36px}}