:root{--ft-ink:#203348;--ft-purple:#6857dc;--ft-border:#dfe7f2}
body .mast,body .mw-hero{background:linear-gradient(135deg,#fbfaff,#f3fcff)}
body .content,body .mw-wrap{max-width:1160px}
.tool-seo-explain{max-width:1050px;margin:42px auto;padding:20px 24px;border-radius:20px;background:#f8fafc;border:1px solid #e3e9f2;line-height:1.7;color:#253a50}
.tool-seo-explain h2{font-size:clamp(19px,2vw,24px);margin:20px 0 9px;color:#263651}.tool-seo-explain ol{padding-left:24px}
.dedicated-tool-intro{max-width:1160px;margin:24px auto 15px;padding:clamp(22px,4vw,42px);border:1px solid #dbe3f4;border-radius:24px;background:linear-gradient(120deg,#fbfaff,#edf9ff)}
.dedicated-tool-intro .tool-category{font-size:12px;letter-spacing:.1em;color:#604ec0;font-weight:750}.dedicated-tool-intro h1{font-size:clamp(26px,5vw,48px);margin:8px 0 14px;line-height:1.16;color:#182f4e}.dedicated-tool-intro p{font-size:15px;line-height:1.65;max-width:750px}.dedicated-steps{font-size:13px;color:#51647b;background:#fff;padding:12px;border-radius:10px;max-width:620px;margin:18px 0}
.reopen-tool{border:0;background:#654cc6;color:white;border-radius:14px;padding:14px 18px;font-weight:750;cursor:pointer}.back-link{display:inline-block;color:#614ac3;text-decoration:none;margin-bottom:10px}
body[data-focused-tool] .mw-hero,body[data-focused-tool] .mw-body{display:none!important}
body[data-focused-tool] .mw-main,body[data-focused-tool] .mw-body{min-width:0}
.tool-ad-zone{max-width:1050px;margin:45px auto 20px!important}.tool-ad-zone[hidden]{display:none!important}
body[data-focused-tool] #mw-tool-workflow{margin-top:20px!important}body[data-focused-tool] #mw-tool-workflow .mw-tool-card{max-width:1060px;margin:0 auto}
/* Drag-and-drop on PDF classic tool. Uses existing native file input and tool engine. */
body[data-fixed-operation] .drop{position:relative;display:flex;flex-direction:column;gap:8px;align-items:center;justify-content:center;min-height:160px;padding:23px;background:#f6faff;border:2px dashed #8a91dd;border-radius:20px;cursor:pointer;text-align:center;color:#25354c}
body[data-fixed-operation] .drop input[type=file]{max-width:100%;width:100%;min-height:35px;color:#36516b}
body[data-fixed-operation] .drop.dragover,.tool-drop-active{outline:4px solid #d8ceff;background:#f0ecff!important}
body[data-fixed-operation] .processing-panel{overflow:hidden;max-width:100%}body[data-fixed-operation] .processing-panel button{min-height:44px}
body.dark .tool-seo-explain,body.dark .dedicated-tool-intro{background:#17283a;color:#e9f0fb;border-color:#34526f}body.dark .dedicated-tool-intro h1,body.dark .tool-seo-explain h2{color:#f7faff}
@media(max-width:720px){body .processing-panel{padding:16px!important}.tool-seo-explain{margin:24px 12px;padding:16px}.dedicated-tool-intro{margin:12px;padding:19px}.tool-ad-zone{margin:24px 12px!important}body[data-fixed-operation] .mast{flex-wrap:wrap;gap:8px}body[data-fixed-operation] .mast nav{display:flex;flex-wrap:wrap;gap:12px}body[data-fixed-operation] .hero{display:block!important}body[data-fixed-operation] .hero-note{max-width:100%}body[data-fixed-operation] .actions{display:flex;flex-wrap:wrap}}

.mallow-native-drop.dragover{outline:3px dashed #6457db!important;outline-offset:3px;background:#eef0ff!important}