:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:#1d2535;background:#f6f8fc;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}button,select,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.42}button:focus-visible,input:focus-visible,select:focus-visible,.drop-zone:focus-visible{outline:3px solid #a6baff;outline-offset:3px}a{color:inherit}.shell{max-width:1470px;margin:auto;padding:0 36px}.masthead{height:96px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e6eaf2}.identity{display:flex;align-items:center;gap:12px}.logo{background:#426bff;color:#fff;border-radius:13px;width:44px;height:44px;font-weight:900;font-size:27px;display:grid;place-items:center;letter-spacing:-.09em;padding-right:5px}.product{font-size:22px;font-weight:800;letter-spacing:-.07em;line-height:1}.product-dot{color:#426bff}.eyebrow,.overline{letter-spacing:.18em;font-size:10px;font-weight:800;color:#8290a6}.eyebrow{margin-top:7px}.vmark{margin-left:6px;color:#486cff}.header-right{display:flex;align-items:center;gap:28px;font-size:12px}.privacy{font-weight:650;color:#45536a;display:flex;align-items:center;gap:8px}.privacy-dot{width:7px;height:7px;background:#18bf83;border-radius:50%;box-shadow:0 0 0 4px #d6f8e9}.small-link{color:#64748b;text-decoration:none}.hero{padding:40px 0 30px}.hero-head{display:flex;justify-content:space-between;align-items:center;gap:30px}.hero h1{font-size:clamp(29px,3vw,45px);line-height:1.2;letter-spacing:-.055em;margin:15px 0 13px}.hero h1 em{font-style:normal;color:#416aff}.hero p{font-size:14px;color:#708096;line-height:1.7;margin:0;max-width:685px}.codec-panel{border:1px solid #e4e9f1;background:white;padding:15px 18px;border-radius:15px;min-width:245px;box-shadow:0 4px 18px rgba(24,49,91,.025)}.codec-title{font-weight:750;color:#253148;font-size:12px;margin-bottom:9px}.codec-row{display:flex;align-items:center;justify-content:space-between;font-size:12px;padding:4px 0}.codec-row b{font-size:11px}.codec-ok{color:#098f64}.codec-bad{color:#b97825}.codec-pending{color:#91a0b7}.codec-caption{margin-top:7px;font-size:10px;line-height:1.45;color:#98a2b1}.workspace{display:grid;grid-template-columns:290px minmax(0,1fr);gap:19px;align-items:start}.card{background:#fff;border:1px solid #e7ecf3;border-radius:16px;box-shadow:0 4px 15px rgba(24,49,91,.022)}.settings{padding:23px 22px}.card-title{display:flex;align-items:center;gap:11px}.card-title h2{font-size:16px;letter-spacing:-.025em;margin:0;font-weight:750}.section-index{font-size:10px;font-weight:850;letter-spacing:.07em;color:#4772ff;background:#eaf0ff;border-radius:6px;padding:6px 7px}.form-group{margin-top:25px}.form-label{font-size:12px;font-weight:750;color:#3e4a5d}.select-wrap{margin-top:10px;position:relative}.select-wrap:after{content:"⌄";position:absolute;right:14px;top:10px;color:#7c8ba0;font-size:17px;pointer-events:none}.select-wrap select{appearance:none;width:100%;height:42px;padding:0 35px 0 13px;border-radius:9px;border:1px solid #e2e8f0;color:#354258;background:#f8faff;font-weight:600;font-size:12px}.hint{font-size:11px;line-height:1.55;color:#91a0af;margin:9px 0 0}.form-inline{display:flex;justify-content:space-between;align-items:center}.form-inline output{color:#436fff;font-size:13px;font-weight:800}.settings input[type=range]{width:100%;margin:17px 0 0;accent-color:#446cff}.range-ends{display:flex;justify-content:space-between;color:#a6b0be;font-size:10px}.options-group{padding-top:15px;border-top:1px solid #e9edf4}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:14px 0;cursor:pointer}.toggle-row>span:first-child{min-width:0}.toggle-row strong{display:block;font-size:12px}.toggle-row small{display:block;color:#98a3b4;font-size:10px;margin-top:4px}.toggle-row input{position:absolute;opacity:0}.toggle-ui{width:36px;height:21px;background:#dfe4ec;border-radius:50px;position:relative;transition:background .2s;flex:0 0 auto}.toggle-ui:after{content:"";position:absolute;width:15px;height:15px;background:white;border-radius:50%;top:3px;left:3px;box-shadow:0 1px 2px #0002;transition:transform .2s}.toggle-row input:checked+.toggle-ui{background:#4772ff}.toggle-row input:checked+.toggle-ui:after{transform:translateX(15px)}.toggle-row input:focus-visible+.toggle-ui{outline:2px solid #728aff;outline-offset:2px}.nested{margin:14px 0}.settings-note{display:flex;align-items:start;gap:10px;padding:13px;border-radius:10px;background:#f3f6ff;color:#7b88a1;font-size:11px;line-height:1.55;margin-top:24px}.info-icon{display:grid;place-items:center;border-radius:50%;font-weight:700;font-style:italic;color:#6485ff;border:1px solid #9bb2ff;width:16px;height:16px;flex:0 0 auto}.main-column{min-width:0;display:flex;flex-direction:column;gap:18px}.drop-zone{text-align:center;background:#fff;border:2px dashed #bfcdf4;border-radius:15px;min-height:213px;padding:26px 18px;cursor:pointer;transition:border-color .2s,background .2s}.drop-zone:hover,.drop-zone.drag-active{border-color:#4676ff;background:#f3f6ff}.drop-halo{width:55px;height:55px;display:grid;place-items:center;background:#edf2ff;color:#4672fb;border-radius:14px;margin:0 auto 14px}.drop-zone h2{font-size:17px;margin:0 0 6px;letter-spacing:-.02em}.drop-zone p{font-size:12px;color:#8491a6;margin:0 0 13px}.drop-link{color:#3d6df9;font-weight:750;text-decoration:underline;text-underline-offset:3px}.drop-formats{display:flex;justify-content:center;gap:6px;margin:0 0 9px}.drop-formats span{background:#f1f4f9;color:#8591a5;border-radius:5px;font-weight:700;font-size:9px;padding:4px 7px}.drop-zone small{font-size:10px;color:#a3acba}.stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.stat{padding:19px 21px}.stat-label{font-size:11px;color:#7b899d}.stat-value{font-size:29px;font-weight:850;letter-spacing:-.05em;margin:7px 0}.stat-foot{font-size:10px;color:#a2acba}.saved-stat{background:#eef5ff;border-color:#d7e5ff}.saved-stat .stat-value{color:#376afb}.saved-stat .stat-foot{color:#6489c8}.list-panel{overflow:hidden}.list-head{padding:22px 23px;display:flex;align-items:center;justify-content:space-between;gap:10px}.file-count{border-radius:5px;padding:4px 8px;background:#f1f4f8;font-size:11px;font-weight:750;color:#768399}.subcaption{color:#9da7b4;font-size:11px;margin:8px 0 0}.head-actions,.footer-actions{display:flex;gap:8px;flex-wrap:wrap}.button{border:1px solid transparent;background:transparent;font-size:11px;font-weight:750;white-space:nowrap;padding:10px 13px;border-radius:9px;transition:filter .15s}.button:hover:not(:disabled){filter:brightness(.96)}.button.ghost{background:#f3f5f8;color:#68778b}.button.dark{background:#223146;color:#fff}.button.blue{background:#466fff;color:#fff}.button.outline{background:white;border-color:#dfe7f0;color:#526078}.overall{padding:0 23px 17px}.overall-line{display:flex;justify-content:space-between;font-size:11px;color:#687890}.overall-line strong{color:#436dff}.progress-track{height:6px;border-radius:50px;background:#ebeff7;overflow:hidden;margin-top:10px}.progress-fill{height:100%;border-radius:50px;background:#496eff;width:0;transition:width .2s}.overall-note{color:#96a1b2;font-size:10px;margin:9px 0 0}.rows{border-top:1px solid #edf0f5;min-height:145px}.empty{text-align:center;padding:30px 12px 29px}.empty-symbol{font-size:36px;color:#c3d0ee;margin-bottom:4px}.empty strong{font-size:12px}.empty p{font-size:11px;color:#a0adbb}.file-row{display:grid;grid-template-columns:52px minmax(0,1fr) minmax(95px,125px) 105px;gap:13px;align-items:center;padding:14px 22px;border-bottom:1px solid #f0f2f7}.file-row:last-child{border-bottom:0}.file-thumb{width:52px;height:52px;border-radius:8px;background:#f1f4f9;object-fit:cover}.file-info{min-width:0}.file-name{font-size:12px;font-weight:750;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:6px}.file-details{font-size:10px;color:#9ba6b4;line-height:1.6}.stage{display:inline-flex;align-items:center;gap:5px;font-size:10px;color:#8795a9;margin-top:4px}.spinner{display:inline-block;width:11px;height:11px;border:2px solid #d7e2ff;border-top-color:#406afa;border-radius:50%;animation:spin 1s linear infinite}.row-metric{text-align:right}.row-metric .sizes{font-size:12px;font-weight:760}.row-metric .diff{font-size:10px;color:#96a3b2;margin-top:6px}.row-out{text-align:right}.tag{display:inline-flex;padding:5px 8px;border-radius:6px;font-weight:750;font-size:10px;white-space:nowrap}.tag.saving{color:#14956c;background:#e8f9f1}.tag.original{color:#8490a0;background:#f2f4f8}.row-buttons{display:flex;justify-content:flex-end;gap:7px;margin-top:8px}.link-button{background:transparent;border:0;font-size:10px;font-weight:760;color:#4771fd;padding:2px 0}.link-button:disabled{opacity:.3}.row-action{border:0;background:none;font-size:15px;color:#a7b1be;padding:0 3px}.list-footer{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:15px 22px;background:#fafbfe;border-top:1px solid #edf0f6}.list-footer>span{font-size:11px;color:#94a2b4}.compare-panel{padding:23px;margin-top:19px}.compare-header{display:flex;justify-content:space-between;align-items:center;gap:12px}.compare-control{display:flex;align-items:center;gap:8px;font-size:11px;color:#8190a2}.compare-control select{background:#f7f9fd;border:1px solid #e3e8f0;padding:8px;border-radius:7px;font-size:11px}.compare-summary{display:flex;align-items:baseline;gap:10px;margin:17px 0;color:#8590a2;font-size:12px;flex-wrap:wrap}.compare-summary strong{color:#263449}.comparison{height:min(560px,50vw);min-height:300px;position:relative;overflow:hidden;border-radius:12px;background:repeating-conic-gradient(#e9ecf1 0% 25%, #f9fafc 0% 50%) 50% / 22px 22px}.image-layer{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;pointer-events:none}.image-layer img{width:100%;height:100%;object-fit:contain;transform:scale(var(--zoom,1));transform-origin:center}.image-optimized{clip-path:inset(0 calc(100% - var(--split,50%)) 0 0)}.split-line{position:absolute;left:var(--split,50%);width:2px;background:#fff;box-shadow:0 0 8px #0007;top:0;bottom:0;transform:translateX(-50%);pointer-events:none}.split-handle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:38px;height:38px;background:#fff;border:3px solid #4673ff;border-radius:50%;display:grid;place-items:center;font-size:17px;color:#3768fc;font-weight:bold;box-shadow:0 2px 8px #0003}.compare-tag{position:absolute;top:15px;padding:6px 10px;color:white;background:#17283ebf;border-radius:6px;font-weight:700;font-size:11px;pointer-events:none}.original-tag{right:15px}.after-tag{left:15px}.comparison input[type=range]{position:absolute;inset:0;height:100%;width:100%;opacity:0;cursor:ew-resize;margin:0}.compare-hint{margin:12px 0 0;color:#95a0af;font-size:11px}.bottom-note{display:grid;grid-template-columns:1fr 1fr;gap:35px;padding:33px 0}.bottom-note h3{font-size:13px;margin:0 0 9px;letter-spacing:-.015em}.bottom-note p{color:#8a99ac;font-size:11px;line-height:1.75;margin:0}.site-footer{display:flex;justify-content:space-between;border-top:1px solid #e4e9f1;padding:22px 0 28px;font-size:10px;color:#9aa6b6;letter-spacing:.06em}.site-footer span:first-child{font-weight:850;letter-spacing:.15em}.notice{padding:10px 13px;margin:0 22px 14px;background:#fff8e9;border:1px solid #ffecbd;border-radius:8px;color:#98641b;font-size:11px;line-height:1.5}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1080px){.shell{padding:0 20px}.workspace{grid-template-columns:260px minmax(0,1fr)}.file-row{grid-template-columns:40px minmax(0,1fr) 95px;gap:8px;padding:13px}.file-thumb{width:40px;height:40px}.row-metric{display:none}.list-head{padding:18px}.list-footer{padding:14px}}@media(max-width:760px){.masthead{height:72px}.header-right .small-link{display:none}.hero{padding:25px 0}.hero-head{display:block}.codec-panel{margin-top:18px;width:100%}.workspace{grid-template-columns:1fr}.settings{padding:18px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:20px}.settings .card-title,.settings .settings-note{grid-column:1/-1}.settings-note{margin-top:15px}.stats-grid{gap:8px}.stat{padding:14px}.stat-value{font-size:22px}.list-head,.list-footer{align-items:start;flex-direction:column}.head-actions,.footer-actions{width:100%}.file-row{grid-template-columns:44px minmax(0,1fr) 115px}.comparison{height:400px}.bottom-note{gap:20px}}@media(max-width:490px){.shell{padding:0 12px}.privacy{font-size:0}.privacy-dot{font-size:10px}.hero h1{font-size:31px}.settings{display:block}.drop-zone h2{font-size:15px}.stat-value{font-size:18px}.stat-label{font-size:10px}.stat-foot{font-size:9px}.file-row{grid-template-columns:39px minmax(0,1fr) 86px;padding:11px 10px;gap:8px}.file-thumb{width:39px;height:39px}.file-name{font-size:11px}.row-out .tag{font-size:9px}.list-footer{padding:12px}.bottom-note{grid-template-columns:1fr;padding:26px 0}.comparison{min-height:270px;height:320px}.stat{padding:13px 9px}}

/* 2.3: metadata controls and measured cleanup */
.metadata-settings{margin-top:23px;border-top:1px solid #e9edf4;padding-top:19px}
.metadata-heading{font-size:12px;font-weight:800;color:#354763;margin-bottom:8px}
.metadata-settings .toggle-row{margin:14px 0}
.metadata-settings .hint{line-height:1.6}
.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.metadata-stat{background:#f6fbf9;border-color:#e2f1e9}
.metadata-stat .stat-value{color:#178562}
.file-metadata{font-size:10px;color:#168661;margin-top:4px;line-height:1.45}
.meta-warning{font-size:10px;color:#b37722;line-height:1.45;margin-top:4px}
@media(max-width:1160px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:490px){.stats-grid{gap:8px}.stat{min-width:0}.stat-value{font-size:18px}}

/* v2.6: visible SSIM metric and expandable per-candidate measurements */
.file-ssim{display:inline-flex;margin-top:5px;padding:3px 7px;border-radius:5px;background:#eef4ff;color:#2e5dd6;font-size:11px;font-weight:800;letter-spacing:.01em}
.file-ssim:empty{display:none}.file-ssim.score-high{background:#e5f9ec;color:#0c8155}.file-ssim.score-low{background:#fff1e8;color:#b66a26}
.candidate-details{margin-top:5px;max-width:100%;font-size:10px;color:#526785}
.candidate-details summary{cursor:pointer;font-weight:650;line-height:1.6}.candidate-details summary:hover{color:#295bd5}
.attempts-scroll{max-width:100%;overflow-x:auto;margin-top:5px}
.attempts-table{border-collapse:collapse;min-width:270px;width:100%;font-size:10px}
.attempts-table td,.attempts-table th{padding:5px 8px;text-align:left;border-bottom:1px solid #e9eff8;white-space:nowrap}
.attempts-table th{color:#8292a7;font-size:9px}

/* v2.7 · quality-matched WebP/AVIF */
.codec-compare-summary{font-size:10px;color:#365a86;background:#f0f5ff;border-radius:5px;padding:5px 7px;margin-top:5px;line-height:1.6;white-space:normal}
#searchPassesGroup[hidden],#legacyAvifSearchGroup[hidden]{display:none}

/* v2.11 · original-file analysis, independent of transcoding */
.source-panel { padding:22px; margin:18px 0 18px; }
.source-head { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:10px; margin-bottom:9px; }
.source-label { padding:6px 10px; background:#edf6fb; border-radius:50px; font-size:11px; color:#226188; font-weight:600; }
.source-explain { margin:0 0 14px; color:#64748b; font-size:12px; line-height:1.6; }
.source-empty { padding:18px; color:#64748b; font-size:13px; text-align:center; background:#f8fafc; border-radius:10px; }
.source-rows { display:flex; flex-direction:column; gap:9px; }
.source-row { padding:12px; border:1px solid #e2e8f0; border-radius:11px; background:#fcfdff; }
.source-row-title { font-size:13px; font-weight:650; overflow-wrap:anywhere; margin-bottom:7px; }
.source-metrics { display:flex; flex-wrap:wrap; gap:7px; }
.source-metric { display:inline-flex; gap:5px; align-items:center; padding:7px 9px; background:#f1f5f9; border-radius:8px; font-size:12px; color:#334155; }
.source-metric b { color:#0f172a; font-variant-numeric:tabular-nums; }
.source-status { font-size:12px; color:#64748b; }

/* v2.12 · independent two-image SSIM comparator */
.pair-section { margin:20px 0 23px; padding:24px; }
.pair-top { display:flex; justify-content:space-between; align-items:flex-start; flex-wrap:wrap; gap:13px; margin-bottom:15px; }
.pair-top .card-title { margin:0 0 7px; }
.pair-description { margin:0; font-size:12px; line-height:1.55; color:#64748b; }
.pair-actions { display:flex; align-items:center; gap:9px; flex-wrap:wrap; }
.pair-drop-zone { display:flex; align-items:center; justify-content:center; flex-direction:column; text-align:center; gap:5px; min-height:150px; padding:24px 16px; border:2px dashed #b9cbed; border-radius:15px; background:#f7faff; cursor:pointer; transition:background .18s,border-color .18s; }
.pair-drop-zone:hover,.pair-drop-zone.drag-active,.pair-drop-zone:focus-visible { background:#edf4ff; border-color:#4569ed; outline:none; }
.pair-drop-symbol { color:#4e73e8; font-size:31px; line-height:1; margin-bottom:3px; }
.pair-drop-head { color:#1d2d49; font-size:16px; font-weight:800; }
.pair-drop-sub { color:#64748b; font-size:12px; line-height:1.5; }
.pair-drop-link { color:#2e60dc; font-size:11px; margin-top:5px; font-weight:750; }
.pair-status { margin:12px 0; border-radius:9px; background:#f1f5f9; color:#475569; padding:11px 13px; font-size:12px; font-weight:600; }
.pair-status[data-state="success"] { background:#eaf9f1; color:#16805a; }
.pair-status[data-state="error"] { background:#fff1e9; color:#a04c22; }
.pair-status[data-state="busy"] { background:#edf4ff; color:#295dd6; }
.pair-images { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.pair-image-card { background:#fcfdff; border:1px solid #e0e8f5; border-radius:12px; min-width:0; padding:11px; }
.pair-image-head { display:flex; justify-content:space-between; align-items:center; gap:7px; min-height:27px; margin-bottom:8px; font-size:12px; color:#273854; }
.pair-remove { border:0; background:#f1f5f9; color:#65748d; cursor:pointer; height:25px; width:25px; border-radius:6px; font-size:19px; line-height:20px; }
.pair-remove:hover { background:#fee2e2; color:#c24141; }
.pair-image-thumb { display:block; width:100%; height:190px; object-fit:contain; background:#f5f7fb; border-radius:8px; }
.pair-file-name { font-size:12px; color:#243753; font-weight:700; margin-top:9px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.pair-file-detail { font-size:11px; color:#64748b; margin-top:4px; }
.pair-empty-card { text-align:center; }
.pair-empty-icon { display:grid; place-items:center; margin:15px auto 10px; height:62px; width:62px; background:#f0f4fa; color:#9baac0; border-radius:50%; font-weight:800; font-size:23px; }
.pair-empty-message { min-height:51px; display:grid; place-items:center; color:#94a3b8; font-size:12px; }
.pair-result { display:flex; flex-direction:column; gap:7px; margin-top:13px; background:#f0f6ff; border:1px solid #d7e7ff; border-radius:12px; padding:15px; }
.pair-result[hidden] { display:none; }
.pair-result-main { display:flex; justify-content:space-between; align-items:center; gap:10px; flex-wrap:wrap; }
.pair-result-main>div { display:flex; gap:10px; align-items:center; flex-wrap:wrap; }
.pair-result-label { font-size:12px; color:#526881; font-weight:700; }
.pair-result strong { color:#1c5ece; font-size:32px; font-weight:850; font-variant-numeric:tabular-nums; }
.pair-result-caption { font-size:11px; color:#607991; }
#pairDetails { margin:0; color:#546781; font-size:11px; line-height:1.6; }
@media(max-width:650px) { .pair-section {padding:15px;} .pair-images {grid-template-columns:1fr;} .pair-image-thumb {height:170px;} .pair-result strong {font-size:27px;} }

/* v2.13: replace large side-by-side SSIM previews with compact file badges. */
.pair-images{display:flex;flex-direction:column;gap:6px;margin:8px 0 12px;}
.pair-file-chip{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:10px;background:#f6f8fc;border:1px solid #e5eaf3;border-radius:9px;padding:6px 9px;font-size:12px;color:#283b55;}
.pair-file-chip-name{display:block;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.pair-file-chip .pair-remove{flex-shrink:0;}

/* v2.19: selected attempt highlights */
.attempts-table tr.candidate-chosen td{background:#eaf5ff;font-weight:700;color:#153d6f}

.tag.expanded{color:#9b5a21;background:#fff0de}

/* v2.20: произвольный предел длинной стороны */
.pixel-field{position:relative;margin-top:10px;}
.pixel-field input{width:100%;height:42px;border:1px solid #e2e8f0;background:#f8faff;color:#354258;border-radius:9px;padding:0 48px 0 13px;font-size:13px;font-weight:650;font-variant-numeric:tabular-nums;}
.pixel-field input[aria-invalid="true"]{border-color:#d14c51;background:#fff8f8;}
.pixel-unit{position:absolute;right:15px;top:50%;transform:translateY(-50%);pointer-events:none;color:#8391a3;font-size:12px;font-weight:700;}
.pixel-error{margin:7px 0 0;color:#be3a46;font-size:11px;line-height:1.5;}

/* v2.21: batch folder/ZIP import */
.import-buttons{display:flex;flex-wrap:wrap;gap:9px;justify-content:center;margin:15px 0 10px}
.import-buttons .button{position:relative;z-index:2;cursor:pointer}
.import-status{font-size:12px;line-height:1.5;color:#64748b;margin:9px 0 14px;padding:11px 14px;border:1px solid #dce4ef;background:#f8fafc;border-radius:10px}
.import-status[data-busy="true"]{color:#1752bb;background:#edf4ff;border-color:#bcd5fe}
.import-status[data-error="true"]{color:#a62a2a;background:#fff4f4;border-color:#ffcccc}
.file-path{overflow-wrap:anywhere;color:#677b9b;font-size:11px;margin-top:3px}
@media(max-width:720px){.import-buttons{flex-direction:column;align-items:stretch}.import-buttons .button{width:100%}}

/* Worktap Image Lab 3.0 · unified public application */
.wt-tabs{display:flex;gap:9px;flex-wrap:wrap;margin-top:22px}
.wt-tab{border:1px solid #dce5f3;background:white;color:#556784;border-radius:10px;padding:12px 16px;font-size:13px;font-weight:750}
.wt-tab.active{background:#335eea;border-color:#335eea;color:#fff}
.wt-tab-page[hidden],.wt-tab[hidden]{display:none!important}
.wt-settings-status{padding:12px 14px;margin:12px 0;border-radius:10px;background:#ecf6f1;color:#257958;font-size:12px}
.wt-settings-status[data-error=true]{background:#fff1f1;color:#a32e3d}
.wt-simple-panel{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;margin-bottom:17px}
.wt-simple-panel strong{font-size:14px}.wt-simple-panel p{font-size:12px;color:#708097;margin:5px 0 0}
.wt-simple-panel select{padding:11px 12px;border:1px solid #dce4f2;border-radius:9px;background:#fff;min-width:215px}
#wtTabCompress .workspace{display:block}
#wtTabCompress .settings{display:none!important}
#wtTabSSIM .pair-section{max-width:950px;margin:32px auto}
.wt-folder-header{padding:32px 0 20px}.wt-folder-header h2{font-size:27px;margin:0 0 8px}.wt-folder-header p{color:#65748c;line-height:1.6;margin:0}
@media(max-width:650px){.wt-simple-panel{display:block}.wt-simple-panel select{width:100%;margin-top:12px}.wt-tab{flex-grow:1}}

.wtfolder{color:#24324a;font-size:14px}
.wtfolder .lf-workspace{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}
.wtfolder .lf-panel{background:#fff;border:1px solid #e4eaf4;border-radius:16px;padding:24px;min-width:0}
.wtfolder .lf-section-title{display:flex;gap:10px;align-items:center;border-bottom:1px solid #edf1f5;padding-bottom:14px;margin-bottom:20px}
.wtfolder .lf-section-title h2{font-size:18px;margin:0}.wtfolder .lf-number{font-size:11px;font-weight:800;color:#335cef}
.wtfolder .lf-picker{text-align:center;padding:34px 12px;border:2px dashed #c3d4f4;background:#f7faff;border-radius:14px}
.wtfolder .lf-big-icon{color:#416aff;margin-bottom:12px}.wtfolder .lf-picker h3{font-size:19px;margin:5px 0}
.wtfolder .lf-picker p{color:#708096;font-size:13px;line-height:1.5}
.wtfolder .lf-button-primary{background:#3766f1;color:#fff;border:0;border-radius:10px;padding:12px 19px;font-weight:700}
.wtfolder .lf-button-outline{background:#eef3fd;color:#2d57b8;border:0;border-radius:10px;padding:12px 19px;font-weight:700}
.wtfolder button:disabled{opacity:.45;cursor:not-allowed}.wtfolder .lf-support-tip{font-size:12px}
.wtfolder .lf-safety{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:17px;font-size:12px;color:#667790}
.wtfolder .lf-dot-icon{color:#138b64;font-weight:800}
.wtfolder .lf-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.wtfolder .lf-stat{background:#f5f8ff;border-radius:11px;padding:14px}
.wtfolder .lf-stat span{display:block;font-size:11px;color:#687c96}.wtfolder .lf-stat strong{display:block;font-size:22px;margin-top:8px}
.wtfolder .lf-progress-info{margin:23px 0}.wtfolder .lf-progress-header{display:flex;justify-content:space-between;gap:10px;font-size:12px;margin-bottom:10px;color:#60718b}
.wtfolder .lf-progress-track{height:9px;background:#e7eefc;border-radius:8px;overflow:hidden}.wtfolder .lf-progress-fill{height:100%;background:#4772ff;width:0;transition:width .2s}
.wtfolder .lf-run-options{margin:23px 0 15px}.wtfolder .lf-confirm{display:flex;gap:9px;align-items:start;font-weight:650;font-size:13px;line-height:1.6}
.wtfolder .lf-confirm input{margin-top:4px;accent-color:#345fee}.wtfolder .lf-run-options p{font-size:12px;line-height:1.6;color:#7c889b;margin-left:22px}
.wtfolder .lf-buttons{display:flex;gap:8px;flex-wrap:wrap}.wtfolder .lf-files-panel{margin-top:18px}
.wtfolder .lf-toolbar{display:flex;justify-content:space-between;gap:9px;align-items:center;padding:13px 0;color:#667a94;font-size:12px}
.wtfolder .lf-small{padding:8px 11px;font-size:12px}.wtfolder .lf-file-list{max-height:430px;overflow:auto}
.wtfolder .lf-file-item{display:grid;grid-template-columns:minmax(0,1fr) 150px 110px;gap:10px;padding:11px 3px;border-bottom:1px solid #eef1f7;font-size:12px;align-items:center}
.wtfolder .lf-path{overflow-wrap:anywhere}.wtfolder .lf-sizes{color:#73839a;font-size:11px;overflow-wrap:anywhere}
.wtfolder .lf-flag{background:#eef3fa;color:#62738d;padding:5px 8px;border-radius:7px;font-size:11px}.wtfolder .lf-flag.good{background:#dff7ed;color:#116d4d}.wtfolder .lf-flag.bad{background:#fdebef;color:#a93248}
.wtfolder .lf-placeholder{padding:40px 10px;text-align:center;color:#8897a9}
.wtfolder .lf-footnote{margin-top:26px;color:#6d7e96;font-size:12px;line-height:1.6}.wtfolder .lf-footnote h3{font-size:16px;color:#243550}
@media(max-width:950px){.wtfolder .lf-workspace{grid-template-columns:1fr}}
@media(max-width:550px){.wtfolder .lf-file-item{grid-template-columns:1fr 110px}.wtfolder .lf-file-item .lf-flag{grid-column:1/-1}}

/* Worktap Image Lab v3.1 — independent original-photo analysis with previews */
.wt-source-tool{padding:25px;margin:25px 0 40px;}
.wt-source-tool .source-head{margin-bottom:12px}
.source-dropzone{display:flex;align-items:center;flex-direction:column;justify-content:center;gap:9px;text-align:center;background:#f7faff;border:2px dashed #bfcdf4;border-radius:14px;min-height:178px;padding:22px;cursor:pointer;transition:.15s ease}
.source-dropzone:hover,.source-dropzone.drag-active,.source-dropzone:focus-visible{border-color:#4772ff;background:#eef4ff;outline:none}
.source-drop-icon{font-size:30px;line-height:1;color:#4772ff}
.source-dropzone strong{font-size:15px;color:#283753}
.source-dropzone span:not(.source-drop-icon){font-size:12px;color:#74869e}
.source-dropzone .button{margin-top:2px}
.source-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:16px 0 12px;color:#74869e;font-size:12px}
.wt-source-tool .source-rows{gap:16px}
.source-card{padding:16px;border:1px solid #e2e8f0;background:#fff;border-radius:13px;min-width:0}
.source-card-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}
.source-card-name{font-weight:750;font-size:14px;color:#203047;overflow-wrap:anywhere;min-width:0}
.source-card .source-metrics{margin-bottom:14px}
.source-preview{background:#f2f5fa;border:1px solid #edf1f6;border-radius:11px;display:flex;justify-content:center;align-items:center;overflow:hidden;min-height:110px}
.source-preview img{display:block;width:auto;max-width:100%;height:auto;max-height:640px;object-fit:contain}
.source-preview-error{min-height:120px}
.source-preview-caption{color:#8a98aa;font-size:11px;text-align:center;margin:9px 0 0}
.wt-settings-status a{color:#3266d9;text-decoration:underline;font-weight:700;margin-left:4px}
.wt-settings-status[data-mode="defaults"]{background:#f5f9ff;color:#526580}
@media(max-width:680px){.wt-source-tool{padding:15px}.source-toolbar{flex-wrap:wrap}.source-card{padding:10px}.source-preview img{max-height:450px}}
.source-preview-error{color:#738299;font-size:12px;padding:18px}

/* v3.4: user controls above upload, dynamic relevant fields only */
#wtTabCompress .workspace{display:block}
.wt-controls{margin:0 0 17px;padding:20px 22px}
.wt-controls-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:15px}
.wt-controls-head h2{font-size:17px;margin:0 0 4px}
.wt-controls-head p{margin:0;color:#7c8da6;font-size:12px}
.wt-settings-chip{background:#eef4ff;color:#375edf;padding:7px 12px;border-radius:20px;font-size:11px;font-weight:760;white-space:nowrap}
.wt-controls-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:20px;row-gap:15px}
.wt-field{min-width:0;padding:1px 0}
.wt-field .form-label{display:block;font-size:12px;font-weight:750;margin-bottom:8px;color:#32415a}
.wt-field select{width:100%;max-width:100%;padding:10px 33px 10px 12px;min-height:40px;background:#fff;border:1px solid #dee6f3;border-radius:9px;color:#283850;font-size:12px}
.wt-field input[type=range]{width:100%;accent-color:#466fff}
.wt-field .hint{margin:6px 0 0;font-size:10px;line-height:1.55;color:#8695aa}
.wt-field .toggle-row{margin:0;padding:4px 0;gap:10px;display:flex;align-items:center;justify-content:space-between}
.wt-field .toggle-row strong{font-size:12px}.wt-field .toggle-row small{font-size:10px;line-height:1.5}
.wt-advanced{margin-top:14px;border-top:1px solid #e9eef6;padding-top:13px}
.wt-advanced summary{cursor:pointer;color:#4b689d;font-size:12px;font-weight:750;margin-bottom:10px}
.wt-advanced:not([open]) .wt-controls-grid{display:none}
.wt-controls [hidden],.wt-controls-grid [hidden]{display:none!important}
.wt-controls #maxSide{width:100%;padding:10px 36px 10px 10px;border:1px solid #dee6f3;border-radius:9px}
@media(max-width:950px){.wt-controls-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:580px){.wt-controls-grid{grid-template-columns:1fr}.wt-controls{padding:15px}.wt-controls-head{align-items:start;flex-wrap:wrap}.wt-settings-chip{white-space:normal}}

/* v3.5: постоянные основные параметры и контекстные тонкие настройки */
.wt-primary-grid{padding-bottom:4px}
.wt-primary-toggle{display:flex;align-items:center;min-height:58px}
.wt-primary-toggle .toggle-row{width:100%}
.wt-fine-settings{border-top:1px solid #e5ebf5;margin-top:16px;padding-top:13px}
.wt-fine-settings>summary{list-style:none;display:flex;align-items:center;gap:10px;padding:8px 2px;user-select:none}
.wt-fine-settings>summary::-webkit-details-marker{display:none}
.wt-fine-settings>summary:before{content:'›';display:inline-block;font-size:22px;line-height:10px;transition:transform .15s}
.wt-fine-settings[open]>summary:before{transform:rotate(90deg)}
.wt-details-hint{font-weight:400;color:#8995a9;font-size:10px}
.wt-fine-grid{padding-top:10px}
.wt-controls [hidden],.wt-fine-settings[hidden]{display:none!important}
@media(max-width:580px){.wt-fine-settings>summary{align-items:flex-start;flex-wrap:wrap}.wt-details-hint{display:block;width:100%;padding-left:20px}}

/* v3.6: метаданные и ICC в основных настройках; поле размера видно, но недоступно без resize. */
.wt-controls .wt-option-inactive{opacity:.48;}
.wt-controls .wt-option-inactive .toggle-row{cursor:not-allowed;}
.wt-controls .wt-option-inactive .toggle-row .toggle-ui{filter:grayscale(.6);}
.wt-controls #sizeGroup.wt-dimension-inactive .form-label{color:#99a5b8;}
.wt-controls #sizeGroup.wt-dimension-inactive .pixel-field{opacity:.65;}
.wt-controls #maxSide:disabled{color:#9da6b5;background:#eff2f6;border-color:#e2e6ed;cursor:not-allowed;}
.wt-controls #maxSide:enabled{background:white;color:#24344c;}
.wt-controls .wt-metadata-sub .toggle-row{margin:0;}

/* v3.8: per-tab folder optimization controls */
.lf-settings-panel {margin: 0 0 18px}
.lf-settings-panel .wt-controls-grid {grid-template-columns:repeat(3,minmax(0,1fr))}
.lf-settings-panel .wt-metadata-sub[data-disabled="true"] {opacity:.48}
.lf-settings-panel .wt-dimension-inactive {opacity:.55}
.lf-settings-panel .wt-dimension-inactive:not(.is-active) input {background:#eef1f5;color:#a0acc0}
.lf-settings-panel .wt-dimension-inactive.is-active {opacity:1}
.lf-settings-panel .wt-fine-settings[hidden],.lf-settings-panel [hidden] {display:none!important}
.lf-settings-status {font-size:12px;color:#637795;margin-top:14px;padding:10px 12px;background:#f5f8ff;border-radius:8px}
.lf-settings-status[data-error="true"] {background:#fff0ef;color:#b43e30}
.lf-settings-panel select:disabled,.lf-settings-panel input:disabled {cursor:not-allowed}
.lf-settings-panel select:disabled {background:#f2f4f8;color:#8996aa}
@media(max-width:960px){.lf-settings-panel .wt-controls-grid {grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.lf-settings-panel .wt-controls-grid {grid-template-columns:minmax(0,1fr)}}

/* v3.9: supplied Worktap logo and secondary tools */
.brand-logo{display:block;width:64px;height:48px;object-fit:contain;flex-shrink:0}
.identity{gap:8px}
.wt-tabs{margin-bottom:12px}
.wt-extra-tools{border-top:1px solid #e2e8f1;margin-top:32px;padding:24px 0 30px}
.wt-extra-title{font-size:11px;color:#8390a7;font-weight:800;letter-spacing:.1em;text-transform:uppercase;margin-bottom:12px}
.wt-extra-actions{display:flex;align-items:stretch;flex-wrap:wrap;gap:12px}
.wt-tool-link{background:transparent;border:1px solid #dbe4f1;display:flex;align-items:center;text-align:left;gap:12px;border-radius:11px;padding:12px 15px;min-width:min(100%,310px);max-width:410px;color:#364660;transition:background .15s,border-color .15s}
.wt-tool-link:hover,.wt-tool-link.active{background:#eff4ff;border-color:#97aeec}
.wt-tool-link strong{display:block;font-size:12px;color:#29415f}
.wt-tool-link small{display:block;font-size:10px;color:#8390a7;margin-top:3px}
.wt-tool-symbol{width:31px;height:31px;flex-shrink:0;border-radius:9px;background:#e8efff;color:#446aff;font-size:19px;display:grid;place-items:center}
.wt-tool-arrow{margin-left:auto;font-size:16px;color:#7890b2}
.lf-run-options code{font-size:11px;overflow-wrap:anywhere}
@media(max-width:680px){.brand-logo{width:51px;height:39px}.wt-extra-actions{display:grid;grid-template-columns:1fr}.wt-tool-link{width:100%;max-width:none}.wt-extra-tools{margin-top:22px}}

/* v3.10: explicit format conversion in the local-folder tool */
.wtfolder .lf-conversion-warning{padding:11px 13px;margin:10px 0 16px;background:#fff8e8;color:#795b23;border:1px solid #f1ddab;border-radius:10px;font-size:12px;line-height:1.55;}
.wtfolder .lf-conversion-warning[hidden]{display:none;}
.wtfolder .lf-confirm:has(input:disabled){opacity:.55;}

/* v3.11: зоны выбора файлов располагаются перед настройками; служебные сообщения скрыты. */
.wt-settings-status[hidden],.import-status[hidden]{display:none!important}
#wtTabCompress .main-column > .wt-controls{margin-top:16px;margin-bottom:18px}
.wtfolder .lf-workspace > .lf-pick-card,
.wtfolder .lf-workspace > .lf-settings-panel,
.wtfolder .lf-workspace > .lf-result-card{grid-column:1/-1}
.wtfolder .lf-workspace > .lf-settings-panel{width:100%;box-sizing:border-box;margin:0}
.wtfolder .lf-workspace > .lf-result-card{width:100%;box-sizing:border-box}

.lf-settings-status[hidden]{display:none!important}
/* v3.12 — local-folder setup, genuine before/after accounting and finalization */
.lf-settings-collapse{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;border:1px solid #dae4f4;background:#f5f8ff;border-radius:10px;padding:12px 15px;color:#395378;font-weight:740;font-size:13px;margin:5px 0 0}
.lf-settings-collapse:hover{background:#edf4ff}.lf-settings-collapse[aria-expanded="true"]{margin-bottom:17px}
#lfSettingsArrow{font-size:20px;transition:transform .15s} .lf-settings-collapse[aria-expanded="true"] #lfSettingsArrow{transform:rotate(180deg)}
#lfSettingsBody[hidden]{display:none!important}.lf-settings-panel .wt-controls-head{margin-bottom:12px}
.lf-stats-new{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:10px}
.lf-stats-new .lf-stat{min-width:0;border:1px solid #e8edf6}
.lf-stats-new .lf-stat strong{font-size:clamp(16px,1.8vw,23px);overflow-wrap:anywhere}
.lf-stats-new .lf-stat small{display:block;margin-top:8px;font-size:10px;line-height:1.5;color:#8895a6}
.lf-stats-new .lf-stat-saving{background:#e9f2ff;border-color:#d6e7ff}
.lf-stats-new .lf-stat-saving strong{color:#2b62dc}
.lf-run-options .lf-confirm span small{display:block;font-weight:400;font-size:11px;color:#71829b;margin-top:3px}
.lf-finalize{background:#fffaf0;border:1px solid #f1daaa;border-radius:12px;padding:15px;margin-top:16px;display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.lf-finalize[hidden]{display:none!important}.lf-finalize label{font-size:12px;font-weight:760}.lf-finalize select{min-height:39px;min-width:230px;max-width:100%;background:white;border:1px solid #e2d0a6;border-radius:8px;padding:8px}
.lf-finalize small{flex-basis:100%;line-height:1.5;color:#7b6742}
.wtfolder .lf-button-danger{border:0;border-radius:10px;background:#a83538;color:white;font-size:12px;font-weight:730;padding:12px 15px}
.lf-table-scroll{overflow:auto;max-height:520px;border:1px solid #e7edf5;border-radius:10px}
.lf-results-table{width:100%;min-width:760px;border-collapse:collapse;table-layout:fixed;font-size:12px}
.lf-results-table th,.lf-results-table td{padding:12px 10px;border-bottom:1px solid #e8edf4;vertical-align:middle;text-align:left}
.lf-results-table thead th{position:sticky;top:0;background:#f3f6fc;color:#586b86;font-weight:800;z-index:1}
.lf-results-table th:first-child{width:36%}.lf-results-table th:nth-child(2),.lf-results-table th:nth-child(3){width:13%}.lf-results-table th:nth-child(4){width:18%}.lf-results-table th:nth-child(5){width:20%}
.lf-results-table .lf-path{font-weight:700;color:#2c3e59}.lf-results-table .lf-target{font-size:10px;color:#7588a3;margin-top:5px;overflow-wrap:anywhere}
.lf-results-table td.lf-advantage{font-weight:760;color:#14745a}.lf-results-table td.lf-advantage.negative{color:#b25338}
.lf-results-table tfoot th{position:sticky;bottom:0;background:#edf3ff;border-top:2px solid #a9bee8;border-bottom:0;font-weight:800;color:#2c456d}
.lf-results-table td.lf-placeholder{text-align:center;padding:45px}
@media(max-width:1250px){.lf-stats-new{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:720px){.lf-stats-new{grid-template-columns:repeat(2,minmax(0,1fr))!important}.lf-stats-new .lf-stat{padding:11px}.lf-finalize{align-items:stretch;flex-direction:column}.lf-finalize select{width:100%;min-width:0}.lf-results-table{min-width:700px}}
/* Table rows must override the former card/grid styling. */
.wtfolder .lf-results-table tr.lf-file-item{display:table-row!important;padding:0;grid-template-columns:none}
.wtfolder .lf-results-table tr.lf-file-item td{display:table-cell;min-width:0}
@media(max-width:550px){.wtfolder .lf-results-table tr.lf-file-item .lf-flag{grid-column:auto}}

/* v3.13: user-initiated optimization runs; mobile progress is visible without horizontal table scroll */
.lf-file-progress{display:block;margin-top:7px;min-width:140px;max-width:340px}
.lf-file-progress[hidden],.lf-live-file[hidden]{display:none!important}
.lf-file-progress-text{font-size:11px;font-weight:700;color:#4263a2;margin-bottom:5px}
.lf-file-progress-track{height:6px;background:#e4eaf7;overflow:hidden;border-radius:12px}
.lf-file-progress-fill{height:100%;width:0;background:#476dff;transition:width .2s}
.lf-live-file{margin-top:10px;padding:11px;border:1px solid #dbe4ff;background:#f3f6ff;border-radius:10px;font-size:12px;color:#34517d}
.lf-live-file strong{display:block;margin-bottom:8px;overflow-wrap:anywhere}
.lf-variant-row{background:#f7faff}.lf-variant-name{overflow-wrap:anywhere}.lf-variant-name small{display:block;margin-top:4px;font-size:10px;color:#8190a5;overflow-wrap:anywhere}
.lf-variant-name input{accent-color:#426cff}
@media(max-width:720px){.lf-live-file{display:block}.lf-results-table .lf-file-progress{min-width:130px}}

.lf-run-summary{margin-top:20px}.lf-run-summary[hidden]{display:none!important}
.lf-run-summary h3{font-size:14px;margin:0 0 6px;color:#293d62}
.lf-run-summary p{font-size:11px;color:#7f8fa8;margin:0 0 10px;line-height:1.5}
.lf-run-summary-table{min-width:720px}.lf-run-summary-table th:first-child{width:19%}
.lf-run-summary-table th:nth-child(2){width:11%}
.lf-run-summary-table th:nth-child(3),.lf-run-summary-table th:nth-child(4){width:16%}
.lf-run-summary-table th:nth-child(5),.lf-run-summary-table th:nth-child(6){width:19%}

/* v3.14 — visible result directory and progress for final apply */
.lf-folder-location{font-size:12px;line-height:1.6;color:#385b92;background:#f2f7ff;border:1px solid #d7e5fd;border-radius:9px;padding:9px 12px;margin:10px 0 0;overflow-wrap:anywhere}
.lf-folder-location:empty{display:none}
.lf-apply-progress{width:100%;flex-basis:100%;background:#eff5ff;border:1px solid #d3e2ff;border-radius:10px;padding:12px;margin-top:10px}
.lf-apply-progress[hidden]{display:none!important}
.lf-apply-progress .lf-progress-header{display:flex;justify-content:space-between;gap:12px;font-size:12px;line-height:1.5;margin-bottom:8px;overflow-wrap:anywhere}
.lf-apply-progress .lf-progress-track{height:9px;background:#dbe5f8;border-radius:20px;overflow:hidden}
.lf-apply-progress .lf-progress-fill{height:100%;width:0;background:#416dff;transition:width .2s}
@media(max-width:720px){.lf-apply-progress{padding:11px 9px}.lf-apply-progress .lf-progress-header{align-items:flex-start}.lf-apply-progress .lf-progress-header strong:first-child{min-width:0}}

/* v3.15 — compact responsive folder UI, no sideways table scroll */
@media (max-width: 720px) {
  body {overflow-x:hidden}
  .shell{padding:0 12px;max-width:100%}
  .masthead{height:auto;min-height:68px;padding:10px 0}
  .hero{padding:19px 0 16px}
  .hero h1{font-size:clamp(25px,6vw,32px)}
  .wt-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
  .wt-tabs .wt-tab{width:100%;min-width:0;padding:10px 7px;font-size:11px;line-height:1.4;white-space:normal}
  .wt-folder-header{padding:18px 0 10px}
  .wt-folder-header h2{font-size:20px}
  .wt-folder-header > p{display:none}
  .wtfolder .lf-workspace{gap:11px}
  .wtfolder .lf-panel,.wtfolder .lf-settings-panel{padding:14px 12px;border-radius:12px}
  .wtfolder .lf-section-title{margin-bottom:12px;padding-bottom:11px}
  .wtfolder .lf-section-title h2{font-size:16px}
  .wtfolder .lf-picker{padding:17px 12px;border-radius:11px}
  .wtfolder .lf-picker h3{font-size:16px;overflow-wrap:anywhere}
  .wtfolder .lf-picker p{font-size:11px;margin:7px 0}
  .wtfolder .lf-big-icon{margin-bottom:4px}
  .wtfolder .lf-big-icon svg{width:28px;height:28px}
  .wtfolder .lf-button-primary,.wtfolder .lf-button-outline,.wtfolder .lf-button-danger{font-size:12px;line-height:1.4;padding:11px 12px;min-height:40px}
  .wtfolder .lf-safety,.wtfolder .lf-support-tip,.wtfolder .lf-footnote {display:none}
  .wtfolder .lf-stats-new{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px}
  .wtfolder .lf-stat{padding:11px 10px;min-height:91px}
  .wtfolder .lf-stat span{font-size:11px;line-height:1.25}
  .wtfolder .lf-stat strong{font-size:clamp(16px,4vw,21px);line-height:1.2;letter-spacing:-.02em;margin-top:8px;overflow-wrap:anywhere}
  .wtfolder .lf-stat small{font-size:10px;line-height:1.3;margin-top:5px}
  .wtfolder .lf-progress-info{margin:15px 0}
  .wtfolder .lf-progress-header{font-size:11px;line-height:1.45;align-items:start}
  .wtfolder .lf-run-options{margin:13px 0 10px}
  .wtfolder .lf-run-options > p,.wtfolder .lf-conversion-warning,.wtfolder .lf-finalize > small{display:none!important}
  .wtfolder .lf-confirm{font-size:12px;line-height:1.45;gap:8px}
  .wtfolder .lf-confirm input{width:17px;height:17px;flex:none}
  .wtfolder .lf-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .wtfolder .lf-buttons button{min-width:0;width:100%;white-space:normal;overflow-wrap:anywhere}
  .wtfolder .lf-finalize{padding:12px;gap:8px}
  .wtfolder .lf-finalize select,.wtfolder .lf-finalize button{width:100%}
  .wtfolder .lf-folder-location{font-size:11px;padding:8px;line-height:1.45}
  .wtfolder .lf-toolbar{font-size:11px;padding:6px 0 10px}
  .wtfolder .lf-table-scroll{max-height:none;overflow:visible;border:none}
  .wtfolder .lf-results-table{display:block;width:100%;min-width:0!important;table-layout:auto;border-collapse:separate}
  .wtfolder .lf-results-table thead{display:none}
  .wtfolder .lf-results-table tbody{display:grid;gap:9px;width:100%}
  .wtfolder .lf-results-table tr.lf-file-item,
  .wtfolder .lf-results-table tr.lf-variant-row{
    display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));
    width:100%;padding:11px 10px;gap:7px 12px;
    border:1px solid #e2e9f4;border-radius:11px;background:#fff;
    box-shadow:0 1px 4px rgba(20,45,90,.03);min-width:0
  }
  .wtfolder .lf-results-table tr.lf-variant-row{border-color:#dce6ff;background:#f7faff;margin-left:0}
  .wtfolder .lf-results-table tr.lf-file-item td,
  .wtfolder .lf-results-table tr.lf-variant-row td{
    display:block!important;min-width:0!important;border:0;padding:0;
    white-space:normal;overflow-wrap:anywhere;vertical-align:top;font-size:12px
  }
  .wtfolder .lf-results-table tr.lf-file-item td:first-child,
  .wtfolder .lf-results-table tr.lf-variant-row td:first-child{grid-column:1/-1;padding-bottom:4px;border-bottom:1px solid #ebeff6}
  .wtfolder .lf-results-table tbody td[data-label]::before{
    content:attr(data-label);display:block;font-size:10px;color:#8392a7;
    font-weight:600;margin-bottom:3px
  }
  .wtfolder .lf-results-table tbody td[data-label="Статус"],
  .wtfolder .lf-results-table tbody td[data-label="Выбор"]{grid-column:1/-1}
  .wtfolder .lf-results-table .lf-path{font-size:12px;line-height:1.45}
  .wtfolder .lf-results-table .lf-target{font-size:11px;line-height:1.35;margin-top:3px}
  .wtfolder .lf-results-table .lf-file-progress{max-width:none;min-width:0;width:100%;margin-top:8px}
  .wtfolder .lf-results-table .lf-file-progress-track{height:7px}
  .wtfolder .lf-results-table .lf-file-progress-text{font-size:11px;line-height:1.35}
  .wtfolder .lf-results-table tfoot{display:block;margin-top:12px;padding:12px;border:1px solid #bfd3ff;border-radius:10px;background:#eaf1ff}
  .wtfolder .lf-results-table tfoot tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .wtfolder .lf-results-table tfoot th{display:block;position:static;border:0;padding:0;background:transparent;color:#264469;font-size:12px;overflow-wrap:anywhere}
  .wtfolder .lf-results-table tfoot th:first-child{grid-column:1/-1;font-size:14px}
  .wtfolder .lf-run-summary h3{font-size:13px}
  .wtfolder .lf-run-summary > p{display:none}
  .wtfolder .lf-run-summary-table{min-width:0}
  .wtfolder .lf-run-summary-table tbody tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;border:1px solid #e2e9f4;border-radius:10px;padding:10px;background:#fff}
  .wtfolder .lf-run-summary-table tbody td{display:block;border:0;padding:0!important;min-width:0;font-size:12px}
  .wtfolder .lf-run-summary-table tbody td:first-child{grid-column:1/-1;font-weight:750}
  .wtfolder .lf-run-summary-table tbody td[data-label]::before{content:attr(data-label);display:block;color:#8392a7;font-size:10px;margin-bottom:4px}
  .wtfolder .lf-apply-progress{padding:10px}
  .wtfolder .lf-apply-progress .lf-progress-header{font-size:11px}
}
@media (max-width:390px){
  .wtfolder .lf-panel,.wtfolder .lf-settings-panel{padding:11px 9px}
  .wtfolder .lf-stats-new{gap:6px}
  .wtfolder .lf-stat{padding:9px 8px;min-height:84px}
  .wtfolder .lf-stat strong{font-size:16px}
  .wtfolder .lf-results-table tr.lf-file-item,
  .wtfolder .lf-results-table tr.lf-variant-row{padding:10px 8px}
}
