.media-layout{display:grid;grid-template-columns:minmax(260px,.85fr) minmax(0,1.15fr);gap:28px;align-items:start}.media-layout>*{min-width:0}.media-tool textarea{width:100%;min-height:170px;resize:vertical}.media-options{display:flex;flex-direction:column;gap:10px;font-size:13px;margin-top:18px}.media-tool .workspace-status{overflow-wrap:anywhere}.media-output{min-width:0}.media-empty{padding:65px 18px;border:1px dashed #c9d3df;border-radius:5px;text-align:center;background:#f8fafc;color:var(--muted)}.media-empty>span{display:block;font-size:42px;color:#2271b1}.media-empty h2{font-size:19px;color:var(--text)}.media-platforms{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:15px}.media-platforms a{display:flex;align-items:center;gap:8px;padding:7px;color:var(--text);font-size:13px;min-width:0;border:1px solid transparent;border-radius:4px}.media-platforms a:hover,.media-platforms [aria-current]{background:#f0f6fc;border-color:#c8dcee}.media-platforms span{background:#eef3f9;color:#2271b1;display:inline-flex;align-items:center;justify-content:center;width:34px;height:32px;flex-shrink:0;font-size:11px;border:1px solid #dee6ee;border-radius:5px;font-weight:600}.media-result{border:1px solid var(--border);border-radius:5px;padding:20px;margin-bottom:18px;background:#fff;overflow-wrap:anywhere}.media-result h2{font-size:18px;line-height:1.6;margin:0 0 8px}.media-result h3{font-size:15px;margin:0 0 10px}.media-result p{white-space:pre-wrap;font-size:13px}.media-result .media-tag{color:#2271b1;background:#eef5fb;border-radius:3px;padding:3px 8px;font-size:12px;display:inline-block;margin-bottom:10px}.media-item{border-top:1px solid #e5e9ed;margin-top:18px;padding-top:18px}.media-cover{display:block;max-width:100%;max-height:260px;margin:12px auto;object-fit:contain}.media-player video{display:block;width:100%;max-height:430px;background:#101419;margin:12px 0}.media-player audio{width:100%;margin:12px 0}.media-images{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.media-image{min-width:0;background:#f7f9fb;border:1px solid #e5e9ed;padding:8px;border-radius:4px}.media-image img{width:100%;height:160px;object-fit:contain;display:block}.media-image .workspace-buttons{margin-top:8px}.media-tool .button{font-size:13px}.media-tool [hidden]{display:none!important}.media-warning{padding:10px 12px;background:#fff7e9;color:#77521b;border-radius:4px}.media-tool .button:disabled{opacity:.55;cursor:wait}.media-error{color:#b32d2e}.media-progress{font-size:13px;color:var(--muted);overflow-wrap:anywhere}
@media(max-width:850px){.media-layout{grid-template-columns:1fr;gap:22px}.media-platforms{grid-template-columns:repeat(3,minmax(0,1fr))}.media-empty{padding:30px 15px}}
@media(max-width:500px){.media-platforms{grid-template-columns:repeat(2,minmax(0,1fr))}.media-result{padding:14px}.media-images{grid-template-columns:1fr}.media-tool .workspace-buttons{gap:7px}}