/**
 *                          ___                   _       _         _ 
 *                         / __)                 | |     | |       | |
 *     _ _ _ _ _ _ _ _ _ _| |__ _____  ____ _   _| |  _  | |__   __| |
 *    | | | | | | | | | (_   __|____ |/ ___) | | | |_/ ) |  _ \ / _  |
 *    | | | | | | | | | | | |  / ___ | |   | |_| |  _ ( _| |_) | (_| |
 *     \___/ \___/ \___(_)|_|  \_____|_|   |____/|_| \_|_)____/ \____|
 *                                                                    
 *
 * 	Author: MD OMAR FARUK
 * 	Author URI: www.faruk.bd
 * 	Author Contact: https://faruk.bd/#contact
 * 	Author Email: info@faruk.bd | farukmr@gmail.com
 * 	Copyright © 2026
 *                          ___                   _       _         _ 
 *                         / __)                 | |     | |       | |
 *     _ _ _ _ _ _ _ _ _ _| |__ _____  ____ _   _| |  _  | |__   __| |
 *    | | | | | | | | | (_   __|____ |/ ___) | | | |_/ ) |  _ \ / _  |
 *    | | | | | | | | | | | |  / ___ | |   | |_| |  _ ( _| |_) | (_| |
 *     \___/ \___/ \___(_)|_|  \_____|_|   |____/|_| \_|_)____/ \____|
 *                                                                    
 */
/*
 * Tools - the list of tools and "Merge video and audio". Built on the kit
 * (assets/css/kit.css): the same in every theme, light and dark,
 * left-to-right and right-to-left.
 */
.tl-intro{max-width:46rem;margin:0 0 1.3rem;color:var(--k-muted);font-size:1.02rem}
.tl-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(min(100%,19rem),1fr));margin:0;padding:0;list-style:none}
.tl-card{display:flex;align-items:center;gap:.9rem;height:100%;padding:1rem 1.1rem;border:1px solid var(--k-line);border-radius:var(--k-r);background:var(--k-surface);color:var(--k-ink)!important;text-decoration:none!important;transition:transform .15s,border-color .15s,box-shadow .15s}
.tl-card:hover{transform:translateY(-3px);border-color:var(--k-accent);box-shadow:0 14px 28px -20px var(--k-accent)}
.tl-card-icon{display:grid;place-items:center;flex:0 0 3rem;width:3rem;height:3rem;border-radius:14px;background:rgba(var(--k-accent-rgb),.12);color:var(--k-accent);font-size:1.4rem}
.tl-card-text{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:.15rem}
.tl-card-text b{font-size:1.02rem;line-height:1.3}
.tl-card-text small{color:var(--k-muted);font-size:.87rem;line-height:1.4}
.tl-card-go{color:var(--k-muted)}
[dir="rtl"] .tl-card-go,[dir="rtl"] .tl-back .bi-arrow-right{transform:scaleX(-1)}
.tl-back{margin:1.4rem 0 0!important;font-size:.93rem}
.tl-back a{font-weight:600;text-decoration:none}
.tl-locked{max-width:34rem;margin-inline:auto;text-align:center;padding:2rem 1.4rem}
.tl-locked-icon{display:inline-grid;place-items:center;width:3.4rem;height:3.4rem;margin-bottom:.8rem;border-radius:50%;background:rgba(var(--k-accent-rgb),.12);color:var(--k-accent);font-size:1.5rem}
.tl-locked-acts{display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem;margin:1rem 0 0!important}

/* ---- merge video and audio */
.mv-steps{display:grid;gap:.8rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));margin:0 0 1.2rem;padding:0;list-style:none}
.mv-steps li{display:flex;gap:.75rem;align-items:flex-start;padding:.85rem 1rem;border:1px solid var(--k-line);border-radius:var(--k-r);background:var(--k-surface)}
.mv-step-n{display:grid;place-items:center;flex:0 0 2rem;width:2rem;height:2rem;border-radius:50%;background:var(--k-accent);color:#fff;font-weight:800;font-size:.95rem}
.mv-steps b{display:block;font-size:.96rem;line-height:1.3}
.mv-steps small{display:block;margin-top:.15rem;color:var(--k-muted);font-size:.85rem;line-height:1.45}
.mv-box{padding:1.3rem}
.mv-drops{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:stretch;gap:.8rem}
.mv-drop{display:flex;align-items:center;justify-content:center;min-height:11rem;margin:0;padding:1.1rem;border:2px dashed var(--k-line);border-radius:var(--k-r);background:var(--k-soft);text-align:center;cursor:pointer;transition:border-color .15s,background .15s}
.mv-drop:hover,.mv-drop.is-over,.mv-drop:focus-within{border-color:var(--k-accent);background:rgba(var(--k-accent-rgb),.06)}
.mv-drop.has-file{border-style:solid;border-color:rgba(22,163,74,.55);background:rgba(22,163,74,.06)}
.mv-drop-empty,.mv-drop-full{display:flex;flex-direction:column;align-items:center;gap:.3rem;min-width:0;max-width:100%}
.mv-drop-empty[hidden],.mv-drop-full[hidden]{display:none}
.mv-drop i{font-size:2rem;color:var(--k-accent)}
.mv-drop.has-file i{color:var(--k-ok)}
.mv-drop b{font-size:.98rem;line-height:1.3;max-width:100%;overflow-wrap:anywhere}
.mv-drop small{color:var(--k-muted);font-size:.84rem}
.mv-drop .k-btn{margin-top:.35rem;pointer-events:none}
.mv-plus{display:grid;place-items:center;align-self:center;width:2.2rem;height:2.2rem;border-radius:50%;background:var(--k-surface);border:1px solid var(--k-line);color:var(--k-muted)}
.mv.is-busy .mv-drop{pointer-events:none;opacity:.65}
.mv-log{min-height:1.5rem;margin:.9rem 0 .4rem!important;font-size:.93rem;color:var(--k-muted);text-align:center;overflow-wrap:anywhere}
.mv-log[data-kind="bad"]{color:var(--k-bad);font-weight:600}
.mv-log[data-kind="ok"]{color:var(--k-ok);font-weight:600}
.mv-progress{display:flex;align-items:center;gap:.7rem;margin:0 0 .9rem}
.mv-progress[hidden]{display:none}
.mv-progress-track{flex:1 1 auto;height:.65rem;border-radius:999px;background:var(--k-soft);border:1px solid var(--k-line);overflow:hidden}
.mv-progress-track span{display:block;width:0;height:100%;background:var(--k-accent);transition:width .2s}
.mv-progress b{min-width:3rem;font-size:.88rem;font-variant-numeric:tabular-nums;text-align:end}
.mv-start{min-height:3.1rem;font-size:1.02rem}
.mv-result{margin-top:1.1rem;padding-top:1.1rem;border-top:1px solid var(--k-line)}
.mv-result video{display:block;width:100%;max-height:26rem;border-radius:12px;background:#000}
.mv-result-acts{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:.8rem}
.mv-result-acts .k-btn-primary{flex:1 1 14rem}
.mv-result-acts small{font-weight:500;opacity:.9}
.mv-note{display:flex;gap:.5rem;margin:1.1rem 0 .3rem!important;padding:.7rem .9rem;border-radius:12px;background:var(--k-soft);border:1px solid var(--k-line);color:var(--k-muted);font-size:.88rem;line-height:1.5}
.mv-note i{color:var(--k-ok);font-size:1.05rem}
.mv-powered{margin:0!important;color:var(--k-muted);font-size:.8rem;text-align:center}
.mv-faq{margin-top:1.8rem}
.mv-faq h2{margin-bottom:.8rem}
.mv-faq details{padding:0}
.mv-faq details + details{margin-top:.6rem}
.mv-faq summary{padding:.9rem 1.1rem;font-weight:600;cursor:pointer;list-style-position:inside}
.mv-faq details p{margin:0;padding:0 1.1rem 1rem;color:var(--k-muted)}
@media (max-width:640px){
    .mv-box{padding:1rem}
    .mv-drops{grid-template-columns:minmax(0,1fr)}
    .mv-drop{min-height:8.5rem}
    .mv-plus{justify-self:center}
}