/* Scoped compressor styles; works with Toolinet Theme or standalone. */
.toolora-app.tic{--tic-bg:var(--bg,#f7f8fb);--tic-surface:var(--surface,#fff);--tic-ink:var(--ink,#202c40);--tic-muted:var(--muted,#626e82);--tic-line:var(--line,#e5e9f0);--tic-action:var(--action,#c9323a);--tic-green:#236b49;--tic-tint:#eef7f1;--tic-soft:#fff2f0;padding:0;border:1px solid var(--tic-line);border-radius:24px;background:var(--tic-surface);color:var(--tic-ink);font:15px/1.55 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;box-shadow:0 12px 36px #202c4008;overflow:clip;min-width:0;position:relative}
:root[data-theme=dark] .tic{--tic-green:#9bdab5;--tic-tint:#233d33;--tic-soft:#392830}
.tic *{box-sizing:border-box}.tic [hidden]{display:none!important}.tic svg{width:20px;height:20px;flex:0 0 auto}.tic h2,.tic h3,.tic p{margin:0;overflow-wrap:anywhere}.tic button,.tic a,.tic input,.tic select,.tic summary{font:inherit;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.tic button:focus-visible,.tic a:focus-visible,.tic input:focus-visible,.tic select:focus-visible,.tic summary:focus-visible{outline:3px solid #4285f4;outline-offset:3px}.tic button:disabled,.tic fieldset:disabled{opacity:.5;cursor:default}
.tic-trust{display:flex;align-items:center;gap:9px;padding:15px 24px;border-bottom:1px solid var(--tic-line);font-size:12px;background:var(--tic-tint);color:var(--tic-green)}.tic-trust svg{width:16px;height:16px}.tic-trust strong{font-weight:700}.tic-trust>span{margin-inline-start:auto}
.tic-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px}.tic-workspace{min-width:0;padding:24px;display:flex;flex-direction:column}.tic-drop{flex:1;border:2px dashed var(--tic-line);border-radius:18px;min-height:370px;text-align:center;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:28px 18px;background:radial-gradient(ellipse at top,var(--tic-soft),transparent 75%);transition:border-color .2s,background .2s}.tic.is-dragging .tic-workspace{background:var(--tic-soft);outline:2px dashed var(--tic-action);outline-offset:-8px}.tic.is-dragging .tic-drop{border-color:var(--tic-action)}.tic-upload-art{width:72px;height:72px;border-radius:22px;background:var(--tic-surface);box-shadow:0 8px 24px #202c400c;display:grid;place-items:center;color:var(--tic-action);position:relative;margin-bottom:20px;transform:rotate(-6deg)}.tic-upload-art>svg{width:35px;height:35px}.tic-upload-art>span{width:27px;height:27px;display:grid;place-items:center;position:absolute;bottom:-5px;right:-7px;background:var(--tic-action);border:3px solid var(--tic-surface);border-radius:50%;color:#fff}.tic-upload-art>span svg{width:16px;height:16px}.tic-drop h2{font-size:24px;letter-spacing:-.65px;line-height:1.2;margin-bottom:9px}.tic-drop>p{font-size:13px;color:var(--tic-muted);max-width:330px;margin-bottom:22px}.tic-drop>small{font-size:11px;color:var(--tic-muted);margin-top:17px;max-width:310px}.tic .tic-file-input{position:absolute;width:1px;height:1px;min-height:1px;opacity:0;overflow:hidden;clip-path:inset(50%);padding:0;border:0}
.tic .tic-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;min-width:44px;padding:11px 17px;border:1px solid var(--tic-line);background:var(--tic-surface);color:var(--tic-ink);border-radius:11px;line-height:1.3;font-size:13px;font-weight:650;text-decoration:none;cursor:pointer;text-align:center;transition:background .2s,transform .15s;overflow-wrap:anywhere}.tic .tic-primary{background:var(--tic-action);border-color:var(--tic-action);color:#fff}.tic .tic-drop>.tic-primary{font-size:15px;min-width:190px;padding:15px 24px;box-shadow:0 6px 16px #c9323a18}.tic .tic-text-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;min-width:44px;border:0;padding:8px;background:transparent;color:var(--tic-muted);font-size:12px;font-weight:650;cursor:pointer;border-radius:9px;line-height:1.4}.tic .tic-text-btn svg{width:15px;height:15px}.tic .tic-small{min-height:44px;padding:8px 11px;font-size:12px}.tic .tic-icon-btn{padding:0;width:44px;height:44px;min-height:44px;min-width:44px;display:inline-grid;place-items:center;background:transparent;border:1px solid transparent;color:var(--tic-muted);border-radius:9px;cursor:pointer}.tic .tic-icon-btn svg{width:18px;height:18px}
.tic-settings{min-width:0;background:var(--tic-bg);border-inline-start:1px solid var(--tic-line);padding:25px 22px}.tic-settings>h2{font-size:15px;display:flex;gap:9px;align-items:center;margin-bottom:22px;letter-spacing:-.2px}.tic-settings>h2 svg{width:18px;height:18px}.tic-options{margin:0;padding:0;border:0;min-width:0}.tic-options>legend{font-size:12px;color:var(--tic-muted);margin-bottom:9px;padding:0}.tic-presets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:4px;border:1px solid var(--tic-line);border-radius:11px;background:var(--tic-surface);margin-bottom:22px}.tic .tic-presets button{font-size:11px;font-weight:650;line-height:1.3;min-height:44px;min-width:0;padding:5px 3px;border-radius:7px;border:0;background:transparent;color:var(--tic-muted)}.tic .tic-presets button[aria-pressed=true]{background:var(--tic-ink);color:var(--tic-surface)}
.tic .tic-field{display:block;font-size:12px;font-weight:650;margin-bottom:19px;min-width:0}.tic-field>span{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.tic-field small,.tic-check small{display:block;color:var(--tic-muted);font-weight:400;font-size:11px;line-height:1.6;margin-top:7px}.tic .tic-field input,.tic .tic-field select{width:100%;min-height:46px;border:1px solid var(--tic-line);background:var(--tic-surface);color:var(--tic-ink);border-radius:10px;padding:10px 11px;font-size:16px;box-shadow:none}.tic .tic-field select{padding-inline-end:26px;cursor:pointer}.tic-quality output{font-weight:750;font-size:13px;color:var(--tic-action);background:var(--tic-soft);padding:2px 7px;border-radius:6px;direction:ltr}.tic .tic-field input[type=range],.tic .tic-compare-control input{width:100%;height:44px;min-height:44px;border:0;border-radius:0;background:transparent;padding:0;accent-color:var(--tic-action);cursor:pointer;font-size:16px}.tic .tic-field input[type=range]{margin:-5px 0 -4px}.tic-advanced{border-top:1px solid var(--tic-line);padding-top:3px}.tic-advanced>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;min-height:48px;cursor:pointer;font-size:12px;font-weight:650}.tic-advanced>summary::-webkit-details-marker{display:none}.tic-advanced>summary>span{font-size:18px;font-weight:400}.tic-advanced[open]>summary>span{transform:rotate(45deg)}.tic-advanced>div{padding-top:11px}.tic-label{font-size:12px;font-weight:650;margin-bottom:10px!important}.tic-dimensions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.tic-dimensions .tic-field>span{font-size:11px;line-height:1.4;min-height:30px;align-items:start}.toolora-app.tic label.tic-check{display:flex;align-items:flex-start;gap:10px;font-size:12px;font-weight:650;min-height:44px;margin:0 0 20px;cursor:pointer}.tic .tic-check input{appearance:auto;width:20px;height:20px;min-height:20px;min-width:20px;flex-shrink:0;margin:2px 0 0;padding:0;accent-color:var(--tic-action)}.tic-check small{margin-top:4px}
.tic-queue-head{display:flex;align-items:center;gap:12px;justify-content:space-between;margin-bottom:17px;flex-wrap:wrap}.tic-queue-head h2{font-size:15px;font-weight:750;display:flex;gap:8px;align-items:center}.tic-count{font-size:11px;padding:1px 6px;background:var(--tic-bg);color:var(--tic-muted);border:1px solid var(--tic-line);border-radius:6px}.tic-queue-head>div{display:flex;gap:5px;align-items:center}.tic-items{display:flex;flex-direction:column;gap:10px}.tic-item{display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:14px;align-items:center;border:1px solid var(--tic-line);border-radius:14px;padding:14px 12px;min-width:0;background:var(--tic-surface);transition:border-color .2s}.tic-item.is-processing{border-color:var(--tic-action)}.tic-thumb{height:64px;border-radius:9px;overflow:hidden;background:repeating-conic-gradient(var(--tic-line) 0% 25%,var(--tic-surface) 0% 50%) 50%/12px 12px;display:grid;place-items:center}.tic-thumb img{width:100%;height:100%;object-fit:cover;display:block}.tic-file-info{min-width:0}.tic-file-info h3{font-size:13px;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:650}.tic-file-meta{display:flex;gap:6px 10px;flex-wrap:wrap;align-items:center;margin-top:5px;font-size:11px;color:var(--tic-muted)}.tic-file-meta>span{display:flex;align-items:center;gap:5px}.tic-file-meta svg{width:11px;height:11px}.tic-file-meta strong{font-weight:700;color:var(--tic-ink)}.tic-status{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--tic-muted);margin-top:6px!important;flex-wrap:wrap;line-height:1.6}.is-done .tic-status{color:var(--tic-green)}.tic-status svg{width:13px;height:13px}.tic-saving{display:inline-block;font-weight:700;padding:1px 5px;border-radius:4px;background:var(--tic-tint);color:var(--tic-green)}.tic-failed,.tic-target.is-missed{color:var(--tic-action)!important}.tic-target{display:block;font-size:10px;margin-top:3px;color:var(--tic-green)}.tic-file-actions{display:flex;align-items:center;gap:2px}.tic .tic-download{padding:9px 10px;min-height:44px;color:var(--tic-green);background:var(--tic-tint);border-color:transparent;font-size:11px}.tic-download svg{width:16px;height:16px}.tic-spinner{display:inline-block;width:12px;height:12px;border:2px solid var(--tic-line);border-top-color:var(--tic-action);border-radius:50%;animation:tic-spin .7s linear infinite}.tic-summary{margin-top:20px;padding:18px 0 0;border-top:1px solid var(--tic-line);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.tic-summary span{font-size:11px;color:var(--tic-muted);display:block}.tic-summary strong{display:block;font-size:18px;letter-spacing:-.4px;margin-top:2px;line-height:1.4;overflow-wrap:anywhere}.tic-summary strong small{font-size:11px;letter-spacing:0}.tic-summary>div:last-child strong{color:var(--tic-green)}.tic-notice,.tic-errors{font-size:12px;border:1px solid var(--tic-line);border-radius:10px;padding:11px 13px;margin:16px 0 0;background:var(--tic-bg);overflow-wrap:anywhere}.tic-errors{color:var(--tic-action);background:var(--tic-soft);padding-inline-start:28px}
.tic-actionbar{border-top:1px solid var(--tic-line);padding:18px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:var(--tic-surface)}.tic-action-note{font-size:11px;color:var(--tic-muted);display:flex;align-items:center;gap:7px}.tic-action-note svg{width:14px;height:14px}.tic-actions{display:flex;align-items:center;gap:10px}.tic .tic-zip{background:var(--tic-ink);border-color:var(--tic-ink);color:var(--tic-surface)}.tic-metadata{font-size:10px;color:var(--tic-muted);border-top:1px solid var(--tic-line);padding:12px 24px;background:var(--tic-bg);line-height:1.6}
.tic .tic-dialog{position:fixed;inset:0;padding:22px;border-radius:20px;background:var(--tic-surface);color:var(--tic-ink);border:1px solid var(--tic-line);box-shadow:0 24px 90px #0004;max-width:800px;width:calc(100% - 32px);max-height:calc(100dvh - 32px);margin:auto;overflow:auto}.tic-dialog::backdrop{background:#111827b3;backdrop-filter:blur(4px)}.tic-dialog-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px}.tic-dialog-head>div{min-width:0}.tic-dialog-head h2{font-size:18px}.tic-dialog-head p{font-size:11px;color:var(--tic-muted);margin-top:4px;overflow-wrap:anywhere}.tic-stage{--split:50%;position:relative;max-height:52dvh;width:100%;background:repeating-conic-gradient(var(--tic-line) 0% 25%,var(--tic-surface) 0% 50%) 50%/16px 16px;overflow:hidden;border-radius:12px;touch-action:pan-y;cursor:ew-resize;user-select:none}.tic-stage img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:contain;pointer-events:none}.tic-stage .tic-after{clip-path:inset(0 0 0 var(--split))}.tic-stage-before,.tic-stage-after{position:absolute;top:12px;padding:4px 9px;background:#111827b8;color:#fff;border-radius:6px;font-size:10px;pointer-events:none}.tic-stage-before{left:12px}.tic-stage-after{right:12px}.tic-divider{position:absolute;left:var(--split);inset-block:0;width:2px;background:#fff;transform:translateX(-50%);pointer-events:none;box-shadow:0 0 0 1px #0002}.tic-divider>span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:#fff;color:#202c40;box-shadow:0 2px 10px #0002;font-size:20px}.tic-compare-control{display:block;margin-top:12px;font-size:11px;color:var(--tic-muted);text-align:center}.tic-compare-control span{display:block}.tic-compare-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;border-top:1px solid var(--tic-line);padding-top:14px;margin-top:8px}.tic-compare-stats span,.tic-compare-stats small{display:block;font-size:11px;color:var(--tic-muted)}.tic-compare-stats strong{display:block;font-size:18px;line-height:1.5}
@media(hover:hover){.tic .tic-btn:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 4px 12px #202c400b}.tic .tic-primary:not(:disabled):hover{filter:brightness(.94)}.tic .tic-icon-btn:not(:disabled):hover,.tic .tic-text-btn:not(:disabled):hover{background:var(--tic-bg);color:var(--tic-ink)}}
@media(max-width:1100px){.tic-layout{grid-template-columns:minmax(0,1fr) 290px}.tic-file-actions .tic-download span{display:none}.tic-file-actions .tic-download{width:44px;padding:0}.tic-item{gap:10px;grid-template-columns:52px minmax(0,1fr) auto}.tic-thumb{height:52px}.tic-file-actions{flex-wrap:wrap;max-width:90px;justify-content:end}}
@media(max-width:800px){.tic-layout{grid-template-columns:minmax(0,1fr)}.tic-settings{border-inline-start:0;border-top:1px solid var(--tic-line);padding:22px 24px}.tic-settings>h2{margin-bottom:18px}.tic-drop{min-height:330px}.tic-options{display:block}.tic-presets{max-width:440px}.tic-queue-head{gap:8px}.tic-file-actions{max-width:none;flex-wrap:nowrap}.tic-file-actions .tic-download span{display:inline}.tic-file-actions .tic-download{width:auto;padding:9px 10px}.tic-item{grid-template-columns:64px minmax(0,1fr) auto}.tic-thumb{height:64px}.tic-actionbar{flex-wrap:wrap;gap:12px}.tic-action-note{width:100%;justify-content:center}.tic-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}.tic-dimensions .tic-field>span{min-height:0}}
@media(max-width:540px){.toolora-app.tic{border-radius:18px}.tic-workspace,.tic-settings{padding:18px 14px}.tic-trust{padding:12px 14px;flex-wrap:wrap;gap:5px 7px}.tic-trust>span{margin-inline-start:auto;font-size:10px}.tic-trust strong{font-size:11px}.tic-drop{padding:25px 14px;min-height:315px}.tic-drop h2{font-size:22px}.tic-drop>small{font-size:10px}.tic-drop>p{font-size:12px}.tic-queue-head>div{gap:0}.tic .tic-queue-head .tic-text-btn{font-size:11px}.tic-item{grid-template-columns:48px minmax(0,1fr);gap:10px;padding:12px 10px}.tic-thumb{height:48px;align-self:start}.tic-file-info h3{font-size:12px}.tic-file-meta{font-size:10px;gap:5px}.tic-file-actions{grid-column:1/-1;border-top:1px solid var(--tic-line);padding-top:5px;margin-top:2px;justify-content:flex-end;gap:6px}.tic-file-actions>button:first-child{margin-inline-end:auto}.tic-file-actions .tic-download{font-size:12px}.tic-summary{gap:8px}.tic-summary strong{font-size:15px}.tic-summary strong small{display:block}.tic-summary span{font-size:10px}.tic-actionbar{padding:16px 14px}.tic-actions{gap:8px}.tic .tic-actions .tic-btn{padding:10px 9px;font-size:12px}.tic .tic-actions .tic-primary svg{width:15px;height:15px}.tic-metadata{padding:12px 14px}.tic .tic-dialog{width:calc(100% - 20px);max-height:calc(100dvh - 20px);padding:14px;border-radius:15px}.tic-compare-stats{gap:8px}.tic-compare-stats strong{font-size:15px}.tic-compare-stats span,.tic-compare-stats small{font-size:10px}.tic-stage-before,.tic-stage-after{top:8px;font-size:9px;padding:3px 6px}.tic-stage-before{left:8px}.tic-stage-after{right:8px}}
@media(max-width:350px){.tic-trust>span{width:100%;margin-inline-start:23px}.tic-actions{grid-template-columns:1fr}.tic-queue-head>div{width:100%;justify-content:space-between}.tic-drop h2{font-size:20px}}
@media(prefers-reduced-motion:reduce){.tic *{transition:none!important;animation:none!important}.tic-spinner{border-color:var(--tic-action)}}
@keyframes tic-spin{to{transform:rotate(360deg)}}