.tvb-ic-app [hidden]{display:none!important}

.tvb-ic-app{font-family:inherit;color:#10233f}
.tvb-ic-app *{box-sizing:border-box}
.tvb-ic-drop{border:2px dashed #cdd9e7;border-radius:22px;background:linear-gradient(180deg,#fbfdff,#f6f9fc);padding:38px 24px;text-align:center;cursor:pointer;transition:.2s ease;outline:none}
.tvb-ic-drop:hover,.tvb-ic-drop.is-drag,.tvb-ic-drop:focus{border-color:#4f85da;background:#f4f8ff;box-shadow:0 0 0 5px rgba(37,99,235,.06)}
.tvb-ic-drop-icon{font-size:44px;line-height:1;margin-bottom:14px}
.tvb-ic-drop-title{font-size:24px;font-weight:900;letter-spacing:-.02em}
.tvb-ic-drop-sub{margin-top:7px;color:#6f7e91;font-size:15px}
.tvb-ic-pick{margin-top:20px;min-width:210px;border:0;border-radius:14px;background:linear-gradient(135deg,#17385f,#2563eb);color:#fff;padding:15px 24px;font:inherit;font-size:15px;font-weight:900;cursor:pointer;box-shadow:0 12px 26px rgba(37,99,235,.22);transition:.2s ease}.tvb-ic-pick:hover{transform:translateY(-1px);box-shadow:0 16px 30px rgba(37,99,235,.28)}
.tvb-ic-private{margin-top:18px;color:#66778b;font-size:12px}
.tvb-ic-workspace{display:grid;grid-template-columns:.95fr 1.05fr;gap:22px}
.tvb-ic-preview-card,.tvb-ic-controls{border:1px solid #e1e8f0;border-radius:20px;background:#fff;padding:22px}
.tvb-ic-preview-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}
.tvb-ic-change{border:0;background:#eef3f8;color:#23425f;border-radius:10px;padding:8px 11px;font:inherit;font-size:12px;font-weight:800;cursor:pointer}
.tvb-ic-preview-wrap{height:340px;border-radius:15px;background:
 linear-gradient(45deg,#eef2f6 25%,transparent 25%),
 linear-gradient(-45deg,#eef2f6 25%,transparent 25%),
 linear-gradient(45deg,transparent 75%,#eef2f6 75%),
 linear-gradient(-45deg,transparent 75%,#eef2f6 75%);
background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0px;
display:grid;place-items:center;overflow:hidden}
.tvb-ic-preview{display:block;max-width:100%;max-height:100%;object-fit:contain}
.tvb-ic-filemeta{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}
.tvb-ic-filemeta>div{border:1px solid #e7edf3;border-radius:12px;background:#f9fbfd;padding:12px}
.tvb-ic-filemeta span{display:block;color:#7a8898;font-size:11px;margin-bottom:4px}
.tvb-ic-filemeta strong{display:block;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tvb-ic-controls{display:flex;flex-direction:column;gap:20px}
.tvb-ic-control>label,.tvb-ic-label-row>label{display:block;font-weight:800;font-size:14px;margin-bottom:9px}
.tvb-ic-label-row{display:flex;align-items:center;justify-content:space-between;gap:12px}
.tvb-ic-format-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.tvb-ic-format-grid button{min-height:46px;border:1px solid #dce4ed;background:#fff;border-radius:12px;font:inherit;font-weight:800;color:#42556b;cursor:pointer}
.tvb-ic-format-grid button.is-active{background:#10233f;border-color:#10233f;color:#fff;box-shadow:0 8px 20px rgba(16,35,63,.14)}
.tvb-ic-quality{width:100%;accent-color:#2563eb}
.tvb-ic-scale{display:flex;justify-content:space-between;color:#8794a4;font-size:11px;margin-top:5px}
.tvb-ic-switch{margin:0!important}.tvb-ic-switch input{display:none}
.tvb-ic-switch span{display:block;width:44px;height:24px;border-radius:999px;background:#d7dee7;position:relative;cursor:pointer;transition:.2s}
.tvb-ic-switch span:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;background:#fff;border-radius:50%;box-shadow:0 2px 6px rgba(0,0,0,.18);transition:.2s}
.tvb-ic-switch input:checked+span{background:#2563eb}.tvb-ic-switch input:checked+span:after{transform:translateX(20px)}
.tvb-ic-resize-grid{display:grid;grid-template-columns:1fr 70px 1fr;gap:10px;align-items:end}
.tvb-ic-resize-grid label{display:block;font-size:12px;font-weight:700;color:#607086;margin-bottom:6px}
.tvb-ic-resize-grid input{width:100%;height:44px;border:1px solid #dbe4ed;border-radius:11px;padding:0 11px;font:inherit}
.tvb-ic-lock{height:44px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#7e8b9b;font-size:16px}.tvb-ic-lock span{font-size:9px}
.tvb-ic-bg-row{display:flex;align-items:center;gap:11px;color:#6d7b8c;font-size:12px}
.tvb-ic-bgcolor{width:48px;height:38px;border:1px solid #dbe4ed;border-radius:9px;padding:3px;background:#fff}

.tvb-ic-recommended{border:1px solid #bfd3ee;border-radius:13px;background:#f3f8ff;color:#1f5da8;min-height:46px;font:inherit;font-weight:900;cursor:pointer;transition:.2s ease}
.tvb-ic-recommended:hover{background:#eaf3ff;border-color:#92b9e8}

.tvb-ic-convert{border:0;border-radius:14px;background:linear-gradient(135deg,#1d4ed8,#0ea5e9);color:#fff;min-height:54px;font:inherit;font-weight:900;cursor:pointer;box-shadow:0 12px 26px rgba(37,99,235,.22)}
.tvb-ic-convert:disabled{opacity:.65;cursor:wait}
.tvb-ic-error{padding:12px 14px;border-radius:11px;background:#fff1f1;border:1px solid #ffd5d5;color:#a62d2d;font-weight:700;font-size:13px}
.tvb-ic-result{margin-top:24px;border:1px solid #bfe0d0;border-radius:22px;background:linear-gradient(180deg,#fbfffd,#f2fbf6);padding:24px;box-shadow:0 18px 44px rgba(23,92,57,.10)}
.tvb-ic-success{display:inline-flex;padding:7px 10px;border-radius:999px;background:#ecf8ef;color:#22753d;font-size:12px;font-weight:900;margin-bottom:18px}
.tvb-ic-result-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:22px;align-items:center}
.tvb-ic-result-preview{height:300px;border-radius:15px;background:#f3f6fa;display:grid;place-items:center;overflow:hidden}
.tvb-ic-output-preview{max-width:100%;max-height:100%;object-fit:contain}
.tvb-ic-result-title{font-size:28px;font-weight:900;letter-spacing:-.02em;margin-bottom:16px}
.tvb-ic-result-stats{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:14px}
.tvb-ic-result-stats>div{padding:12px;border:1px solid #e6ecf2;border-radius:11px;background:#f9fbfd}
.tvb-ic-result-stats span{display:block;color:#7d8b9b;font-size:11px;margin-bottom:3px}
.tvb-ic-result-stats strong{font-size:15px}
.tvb-ic-saving{padding:12px 14px;border-radius:11px;background:#eef8ff;color:#315d82;font-size:13px;font-weight:700;margin-bottom:13px}
.tvb-ic-download,.tvb-ic-another{width:100%;min-height:48px;border-radius:12px;font:inherit;font-weight:900;cursor:pointer}
.tvb-ic-download{border:0;background:#10233f;color:#fff}
.tvb-ic-another{margin-top:9px;border:1px solid #dbe4ed;background:#fff;color:#304962}
@media(max-width:900px){.tvb-ic-workspace,.tvb-ic-result-grid{grid-template-columns:1fr}}
@media(max-width:620px){
 .tvb-ic-drop{padding:30px 16px}
 .tvb-ic-filemeta,.tvb-ic-result-stats{grid-template-columns:1fr}
 .tvb-ic-format-grid{grid-template-columns:1fr}
 .tvb-ic-resize-grid{grid-template-columns:1fr}
 .tvb-ic-lock{display:none}
 .tvb-ic-preview-wrap{height:260px}
}


.tvb-ic-mode-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px;padding:6px;border-radius:15px;background:#eef3f8}
.tvb-ic-mode{min-height:46px;border:0;border-radius:11px;background:transparent;color:#53677f;font:inherit;font-weight:900;cursor:pointer;transition:.2s}
.tvb-ic-mode.is-active{background:#fff;color:#123253;box-shadow:0 6px 18px rgba(24,48,78,.10)}
.tvb-ic-mode-note{text-align:center;color:#6f7f92;font-size:13px;margin-bottom:18px}
.tvb-ic-ai-card{display:flex;gap:14px;padding:16px;border-radius:14px;background:linear-gradient(135deg,#f3f8ff,#f4fbf8);border:1px solid #dce8f3}
.tvb-ic-ai-icon{font-size:30px;line-height:1}
.tvb-ic-ai-card strong{display:block;font-size:16px;margin-bottom:5px}
.tvb-ic-ai-card p{margin:0;color:#6e7d8f;font-size:12px;line-height:1.55}
.tvb-ic-bg-result-options{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.tvb-ic-bg-result-options button{min-height:44px;border:1px solid #dce4ed;background:#fff;border-radius:11px;font:inherit;font-weight:800;color:#42556b;cursor:pointer}
.tvb-ic-bg-result-options button.is-active{background:#10233f;border-color:#10233f;color:#fff}
.tvb-ic-ai-progress{padding:15px;border:1px solid #e1e8ef;border-radius:13px;background:#f9fbfd}
.tvb-ic-ai-progress-top{display:flex;justify-content:space-between;gap:10px;margin-bottom:10px;font-size:12px}
.tvb-ic-ai-bar{height:9px;border-radius:999px;background:#e4ebf3;overflow:hidden}
.tvb-ic-ai-bar span{display:block;width:0;height:100%;background:linear-gradient(90deg,#2563eb,#22c55e);border-radius:inherit;transition:width .2s}
.tvb-ic-remove-bg{border:0;border-radius:14px;background:linear-gradient(135deg,#6d28d9,#2563eb);color:#fff;min-height:54px;font:inherit;font-weight:900;cursor:pointer;box-shadow:0 12px 26px rgba(78,70,229,.20)}
.tvb-ic-remove-bg:disabled{opacity:.65;cursor:wait}
.tvb-ic-ai-error{padding:12px 14px;border-radius:11px;background:#fff1f1;border:1px solid #ffd5d5;color:#a62d2d;font-weight:700;font-size:13px}
.tvb-ic-bg-result{margin-top:24px;border:1px solid #cdddf4;border-radius:22px;background:linear-gradient(180deg,#fbfdff,#f4f8ff);padding:24px;box-shadow:0 18px 44px rgba(37,99,235,.09)}
.tvb-ic-checker{background:
 linear-gradient(45deg,#e7ebef 25%,transparent 25%),
 linear-gradient(-45deg,#e7ebef 25%,transparent 25%),
 linear-gradient(45deg,transparent 75%,#e7ebef 75%),
 linear-gradient(-45deg,transparent 75%,#e7ebef 75%);
background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0px}
.tvb-ic-bg-output-preview{max-width:100%;max-height:100%;object-fit:contain}
.tvb-ic-bg-result-copy{color:#69798b;line-height:1.6;margin:0 0 15px}
.tvb-ic-bg-download,.tvb-ic-bg-use-converter,.tvb-ic-bg-another{width:100%;min-height:48px;border-radius:12px;font:inherit;font-weight:900;cursor:pointer}
.tvb-ic-bg-download{border:0;background:#10233f;color:#fff}
.tvb-ic-bg-use-converter{margin-top:9px;border:0;background:#eaf2ff;color:#1f5ca8}
.tvb-ic-bg-another{margin-top:9px;border:1px solid #dbe4ed;background:#fff;color:#304962}
@media(max-width:620px){.tvb-ic-mode-tabs{grid-template-columns:1fr}.tvb-ic-bg-result-options{grid-template-columns:1fr}}