.media-lab{border:1px solid var(--tool-line);border-radius:6px;overflow:hidden;background:rgba(255,255,255,.24)}.media-lab-head{min-height:58px;padding:0 16px;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--tool-line);background:#ece9e2}.direction{display:flex;gap:4px}.direction button{height:34px;padding:0 14px;color:#77736b;border:1px solid transparent;border-radius:4px;background:transparent;font:600 10px var(--sans)}.direction button.active{color:#fff;background:var(--tool-ink)}.engine-state{margin-left:auto;color:#858179;font:9px var(--mono)}.media-work{display:grid;grid-template-columns:minmax(0,1fr) 280px;min-height:540px}.media-preview{padding:22px;display:grid;place-items:center;border-right:1px solid var(--tool-line);background:#242424}.media-preview video,.media-preview img{max-width:100%;max-height:490px;object-fit:contain}.media-empty{text-align:center;color:#aaa69d}.media-empty .material-symbols-outlined{font-size:52px}.media-settings{padding:22px}.media-drop{min-height:128px;padding:18px;display:grid;place-items:center;text-align:center;border:1px dashed #aaa69d;border-radius:5px}.media-drop input{max-width:100%}.media-setting-grid{margin-top:20px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.media-setting-grid .field{margin:0}.convert-progress{height:4px;margin:18px 0 8px;overflow:hidden;background:#ddd9d0}.convert-progress i{width:0;height:100%;display:block;background:var(--tool-accent);transition:width .2s}.media-actions{display:grid;gap:8px;margin-top:14px}.media-actions .tool-button{width:100%}.engine-note{margin-top:14px;color:#8b877f;font-size:9px;line-height:1.6}.media-result{padding:12px;margin-top:12px;border-left:3px solid var(--stack-ready);background:#ece9e2;font:9px/1.6 var(--mono)}@media(max-width:900px){.media-work{grid-template-columns:1fr}.media-preview{min-height:360px;border-right:0;border-bottom:1px solid var(--tool-line)}}@media(max-width:520px){.media-lab-head{align-items:flex-start;flex-direction:column;padding:12px}.engine-state{margin-left:0}.media-preview{min-height:260px}.media-setting-grid{grid-template-columns:1fr}}