.media-page{background:#F8F9FC;color:#111827;font-family:'Header Inter',Inter,Arial,sans-serif;padding-bottom:50px}.media-page *{box-sizing:border-box}.media-page [hidden]{display:none!important}.md-hero{max-width:900px;margin:auto;text-align:center;padding:44px 24px 32px}.md-emblem{display:inline-flex;gap:12px;padding:15px;background:#f0e8ff;border:1px solid #e5d8fc;border-radius:20px;color:#7c3aed}.media-page svg{width:20px;height:20px;flex-shrink:0}.md-emblem svg{width:26px;height:26px}.md-hero h1{font-size:clamp(29px,3.2vw,44px);letter-spacing:-1.4px;margin:20px 0 12px;line-height:1.18;font-weight:750}.md-hero>p{color:#64748b;line-height:1.7;max-width:630px;margin:0 auto}.md-chips{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:20px}.md-chips span{font-size:11px;color:#74569e;background:#f1ecfa;padding:6px 10px;border-radius:20px}.md-tool{width:calc(100% - 40px);max-width:1100px;margin:0 auto;border:1px solid #e5e7eb;background:white;border-radius:22px;box-shadow:0 12px 40px #30204a07;overflow:hidden}.md-tabs{display:flex;border-bottom:1px solid #ede9f3;padding:8px;background:#fcfbfe;gap:8px}.md-tabs button{flex:1;display:flex;gap:9px;align-items:center;justify-content:center;min-height:52px;border:0;border-radius:12px;background:transparent;color:#64748b;font:600 14px 'Header Inter',sans-serif;cursor:pointer}.md-tabs button[aria-selected=true]{background:#7c3aed;color:white;box-shadow:0 4px 12px #7c3aed22}#mdPanel{padding:30px 36px}.md-source-head{display:flex;gap:14px;align-items:center;margin:0 0 23px}.md-step{display:grid;place-items:center;flex-shrink:0;width:36px;height:36px;border-radius:12px;background:#f3edff;color:#7c3aed;font-size:12px;font-weight:700}.md-source-head h2{font-size:17px;letter-spacing:-.3px;margin:0 0 5px}.md-source-head p{margin:0;font-size:12px;line-height:1.6;color:#64748b}.media-page label,.media-page legend{font-size:13px;font-weight:600}.md-url-row{display:flex;gap:10px;margin-top:9px}.md-url-row input{min-width:0;flex:1;border:1px solid #e5e7eb;border-radius:11px;min-height:46px;padding:12px 14px;background:#fdfcfe;color:#111827;font:13px 'Header Inter',sans-serif}.media-page .md-primary,.media-page .md-secondary{display:inline-flex;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:11px 17px;border-radius:11px;border:1px solid #e5e7eb;background:white;color:#475569;cursor:pointer;text-decoration:none;font:600 13px 'Header Inter',sans-serif;line-height:1.5;transition:background .2s,box-shadow .2s,transform .2s}.media-page .md-primary{background:#7c3aed;border-color:#7c3aed;color:white;box-shadow:0 4px 10px #7c3aed15}.media-page .md-primary:hover{background:#6d28d9;box-shadow:0 6px 15px #7c3aed26}.media-page .md-secondary:hover{background:#f6f1ff;border-color:#ddd0f5;color:#7c3aed}.media-page button:disabled{opacity:.5;cursor:not-allowed}.media-page :is(button,a,input):focus-visible{outline:3px solid #c4a4fb;outline-offset:3px}.md-hint{color:#64748b;font-size:11px;line-height:1.7;margin:10px 0}.md-divider{display:flex;align-items:center;gap:16px;color:#94a3b8;font-size:11px;margin:22px 0}.md-divider:before,.md-divider:after{content:'';flex:1;height:1px;background:#eef0f5}.md-drop{background:linear-gradient(135deg,#fcfaff,#fafaff);border:1.5px dashed #cdb8f4;border-radius:17px;text-align:center;padding:27px 20px;transition:background .2s,border-color .2s}.md-drop.dragging{background:#efe5ff;border-color:#7c3aed}.md-upload-icon{width:48px;height:48px;border-radius:14px;background:white;border:1px solid #eee5fc;display:grid;place-items:center;margin:0 auto 14px;color:#7c3aed;box-shadow:0 3px 8px #4f237509}.md-upload-icon svg{width:24px;height:24px}.md-drop h3{font-size:15px;margin:0 0 8px}.md-drop p{color:#64748b;font-size:11px;line-height:1.7;margin:0 0 16px}.md-drop small{display:block;margin-top:13px;color:#94a3b8;font-size:10px}.md-settings{margin-top:28px;padding-top:25px;border-top:1px solid #eeeaf4}.md-settings fieldset{padding:0;border:0;min-width:0}.md-rates{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}.md-rates label{cursor:pointer;position:relative}.md-rates input{position:absolute;opacity:0;width:1px;height:1px}.md-rates span{display:block;text-align:center;padding:14px;border:1px solid #e5e7eb;border-radius:12px;font-size:18px;color:#64748b}.md-rates small{font-size:11px;font-weight:500}.md-rates input:checked+span{background:#f5efff;border-color:#9e6bf0;color:#7c3aed;box-shadow:inset 0 0 0 1px #9e6bf0}.md-rates input:focus-visible+span{outline:3px solid #c4a4fb;outline-offset:3px}.md-limit{font-size:11px;line-height:1.8;color:#64748b;margin:13px 0 17px}.md-actions{display:flex;gap:10px;flex-wrap:wrap}.md-privacy{display:flex;gap:10px;margin-top:26px;padding-top:20px;border-top:1px solid #eef0f5;color:#94a3b8}.md-privacy p{font-size:10px;line-height:1.8;margin:0}.md-file-head{display:flex;align-items:center;gap:12px;padding:17px;border:1px solid #e5e7eb;border-radius:13px;background:#fdfcfe}.md-file-head>div{min-width:0;flex:1}.md-file-head strong{display:block;overflow-wrap:anywhere;font-size:13px}.md-file-head p{color:#64748b;font-size:11px;line-height:1.6;margin:5px 0 0}.md-file-icon{color:#7c3aed;background:#f2ebfe;padding:10px;border-radius:10px;display:flex}.md-player{margin:17px 0;display:flex;justify-content:center;background:#f5f3fa;border-radius:14px;overflow:hidden;min-width:0}.md-player video{width:100%;max-height:360px;background:#15131c;display:block}.md-player audio{width:100%;margin:18px 12px;min-width:0}.md-activity{margin-top:20px;display:grid;gap:8px}.md-activity progress{width:100%;height:8px;accent-color:#7c3aed}.md-activity span{font-size:11px;color:#64748b}#mdMessage:empty{display:none}#mdMessage{font-size:12px;line-height:1.7;padding:13px 16px;border-radius:10px;margin:18px 0 0}.md-notice{background:#f3f0ff;color:#65439c}.md-error{background:#fef2f2;color:#a33242;border:1px solid #fecdd3}.md-result{margin-top:24px;border:1px solid #dcd0f5;background:#fcfaff;border-radius:17px;padding:23px}.md-result-heading{display:flex;align-items:center;gap:12px}.md-result-heading>span{display:grid;place-items:center;width:38px;height:38px;background:#ece3fb;border-radius:12px;color:#7c3aed}.md-result h2{font-size:18px;margin:0}.md-result-heading p{font-size:11px;color:#64748b;margin:6px 0 0}.media-page .blogart svg{width:64px;height:64px}.md-guide{max-width:860px;margin:50px auto;padding:30px;line-height:1.9}.md-guide h1{line-height:1.25}.md-guide p{color:#64748b;margin:25px 0}@media(max-width:600px){.md-hero{padding:30px 20px 25px}.md-chips{gap:5px}.md-chips span{font-size:9px}.md-tool{width:calc(100% - 28px);border-radius:18px}#mdPanel{padding:23px 17px}.md-tabs{gap:4px;padding:6px}.md-tabs button{font-size:11px;min-height:47px;gap:6px}.md-tabs svg{width:17px}.md-url-row{flex-direction:column}.md-drop{padding:24px 12px}.md-file-head{padding:12px;flex-wrap:wrap}.md-file-head .md-secondary{width:100%}.md-rates{gap:7px}.md-rates span{padding:12px 7px}.md-actions>*{width:100%}.md-result{padding:17px}.md-source-head h2{font-size:15px}.md-player audio{margin:10px 0}.md-guide{margin:20px auto;padding:22px}.md-source-head{gap:10px}}@media(prefers-reduced-motion:reduce){.media-page *{animation:none!important;transition:none!important}}