.ui-head{animation:rise .5s var(--ease) both;margin-bottom:28px}.ui-head h1{margin-bottom:10px;font-size:clamp(1.8rem,4vw,2.4rem)}.ui-head p{max-width:720px}.ui-tool{gap:20px;display:grid}.ui-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);min-width:0;animation:rise .45s var(--ease) both;animation-delay:calc(var(--i,0) * 50ms);padding:22px}.ui-drop{text-align:center;border-radius:var(--radius);cursor:pointer;background:var(--card);transition:border-color .25s, background .25s, transform .25s var(--ease), box-shadow .25s;border:2px dashed #e6e4e038;flex-direction:column;align-items:center;gap:8px;padding:44px 24px;display:flex}.ui-drop-icon{color:var(--accent);transition:transform .3s var(--ease)}.ui-drop-hint{color:var(--muted);font-size:.88rem}.ui-drop:hover,.ui-drop:focus-visible{border-color:var(--violet);outline:none}.ui-drop:hover .ui-drop-icon{transform:translateY(-4px)}.ui-drop--tilt:hover .ui-drop-icon{transform:translateY(-4px)rotate(-6deg)}.ui-drop.is-dragover{border-color:var(--violet);background:rgba(var(--violet-rgb), .12);box-shadow:0 0 0 6px rgba(var(--violet-rgb), .14);transform:scale(1.01)}.ui-drop.is-compact{flex-direction:row;justify-content:center;padding:18px 24px}.ui-drop.is-compact .ui-drop-icon{width:24px;height:24px}.ui-drop.is-compact .ui-drop-hint{display:none}.ui-error{color:#fca5a5;animation:rise .3s var(--ease) both;background:#ef44441f;border:1px solid #ef444466;border-radius:12px;margin:0;padding:12px 16px;font-weight:600}.ui-ptop{color:var(--muted);justify-content:space-between;align-items:baseline;margin-bottom:12px;font-weight:600;display:flex}.ui-pct{color:var(--text);font-variant-numeric:tabular-nums;font-size:1.8rem;font-weight:800}.ui-bar{background:var(--bg-deep);border:1px solid var(--border);border-radius:99px;height:12px;overflow:hidden}.ui-bar-fill{transform-origin:0;will-change:transform;background:repeating-linear-gradient(115deg, #ffffff24 0 10px, transparent 10px 20px), linear-gradient(90deg, var(--violet), var(--violet-hi));width:100%;height:100%;box-shadow:0 0 10px rgba(var(--violet-rgb), .35);background-size:40px 100%,100% 100%;animation:1s linear infinite ui-stripes;transform:scaleX(0)}.ui-bar.is-done .ui-bar-fill{background:linear-gradient(90deg, var(--violet), var(--violet-hi));animation:none}@keyframes ui-stripes{to{background-position:40px 0,0 0}}.ui-ptop--sm{margin-bottom:8px;font-size:.85rem}.ui-ptop--sm span:last-child{color:var(--text);font-variant-numeric:tabular-nums;font-weight:800}.ui-bar--sm{height:8px}.ui-actionbar{z-index:20;border-radius:var(--radius);backdrop-filter:blur(12px);border:1px solid rgba(var(--accent-rgb), .35);animation:rise .5s var(--ease) both;background:#201e26e0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:14px 18px;display:flex;position:sticky;bottom:16px;overflow:hidden;box-shadow:0 14px 40px #00000073}.ui-actionbar-info{gap:2px;min-width:0;display:grid}.ui-actionbar-info strong{font-weight:800}.ui-actionbar-info span{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.88rem}.ui-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.ui-pbar{background:var(--bg-deep);height:4px;position:absolute;bottom:0;left:0;right:0}.ui-pfill{transform-origin:0;background:linear-gradient(90deg, var(--violet), var(--violet-hi));width:100%;height:100%;box-shadow:0 0 10px rgba(var(--violet-rgb), .5);will-change:transform;transform:scaleX(0)}.ui-pbar.is-done .ui-pfill{background:linear-gradient(90deg, var(--accent), var(--accent-hi))}.ui-result{border-color:rgba(var(--accent-rgb), .45);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.ui-result-title{font-size:1.15rem;font-weight:800}.ui-result-title span{color:var(--muted);word-break:break-all;font-size:.95rem;font-weight:600}.ui-result-sub{color:var(--muted);margin-top:4px;font-size:.92rem}.ui-result-sub .good{color:#4ade80;font-weight:700}.ui-result-sub .bad{color:var(--orange);font-weight:700}.ui-meta{margin-top:14px}.ui-fname{word-break:break-all;font-weight:700}.ui-fsub{color:var(--muted);margin-top:2px;font-size:.88rem}.ui-field{border:0;gap:8px;min-width:0;margin:0;padding:0;display:grid}.ui-label,.ui-field>label,.ui-field>legend,.ui-row>label{color:var(--muted);text-transform:uppercase;letter-spacing:.6px;margin:0;padding:0;font-family:inherit;font-size:.85rem;font-weight:700}.ui-field>legend{margin-bottom:8px}.ui-row{justify-content:space-between;align-items:center;display:flex}.ui-row output{color:var(--accent);font-variant-numeric:tabular-nums;font-weight:800}.ui-field small{color:var(--muted);font-size:.8rem}.ui-field--sm{gap:6px}.ui-field--sm .ui-label,.ui-field--sm>label,.ui-field--sm .ui-row>label{font-size:.78rem}.ui-field--sm .ui-row output{font-size:.9rem}.ui-btn-sm{border-radius:10px;padding:8px 14px;font-size:.85rem}.ui-icon-btn{border:1px solid var(--border-hi);width:34px;height:34px;color:var(--muted);cursor:pointer;transition:color .2s, border-color .2s, background .2s, transform .15s var(--ease);background:0 0;border-radius:10px;flex:none;place-items:center;display:grid}.ui-icon-btn:hover:not(:disabled){color:var(--text);border-color:var(--violet);background:rgba(var(--violet-rgb), .12)}.ui-icon-btn:active:not(:disabled){transform:scale(.94)}.ui-icon-btn:disabled{opacity:.45;cursor:not-allowed}.ui-icon-btn.is-busy{cursor:progress}.ui-icon-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.ui-seg{background:var(--bg);border:1px solid var(--border-hi);border-radius:10px;gap:2px;padding:3px;display:inline-flex}.ui-seg button,.ui-seg--radio span{color:var(--muted);font:inherit;cursor:pointer;text-align:center;white-space:nowrap;background:0 0;border:0;border-radius:8px;padding:6px 12px;font-size:.84rem;font-weight:700;transition:background .2s,color .2s,box-shadow .2s;display:block}.ui-seg button:hover:not(:disabled),.ui-seg--radio label:hover span{color:var(--text)}.ui-seg button[aria-pressed=true],.ui-seg button.is-on,.ui-seg--radio input:checked+span{background:var(--accent);color:var(--bg)}.ui-seg button:disabled{opacity:.4;cursor:not-allowed}.ui-seg button:focus-visible,.ui-seg--radio input:focus-visible+span{outline:2px solid var(--violet-hi);outline-offset:2px}.ui-seg--full{display:flex}.ui-seg--full button,.ui-seg--radio label{flex:1}.ui-seg--radio{display:flex}.ui-seg--radio label{position:relative}.ui-seg--radio input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.ui-seg--soft{background:var(--bg-deep);border-color:var(--border);border-radius:11px;gap:3px;display:flex}.ui-seg--soft button{flex:1;padding:7px 12px;font-size:.85rem}.ui-seg--soft button[aria-pressed=true],.ui-seg--soft button.is-on{background:rgba(var(--accent-rgb), .16);color:var(--accent-hi);box-shadow:inset 0 0 0 1px rgba(var(--accent-rgb), .45)}.ui-seg--soft button:focus-visible{outline-color:var(--accent);outline-offset:1px}.ui-seg--sm button{padding:5px 10px;font-size:.8rem}.ui-check{color:var(--muted);cursor:pointer;align-items:center;gap:8px;font-size:.82rem;font-weight:700;display:inline-flex}.ui-check input{accent-color:var(--accent);cursor:pointer;margin:0}.ui-switch{cursor:pointer;align-items:flex-start;gap:12px;display:flex}.ui-switch input{-webkit-appearance:none;appearance:none;background:var(--track);border:1px solid var(--border-hi);cursor:pointer;border-radius:99px;flex:none;width:38px;height:22px;margin:1px 0 0;transition:background .2s,border-color .2s;position:relative}.ui-switch input:after{content:"";background:var(--text);width:16px;height:16px;transition:transform .25s var(--ease), background .2s;border-radius:50%;position:absolute;top:2px;left:2px}.ui-switch input:checked{background:var(--accent);border-color:var(--accent)}.ui-switch input:checked:after{background:var(--bg);transform:translate(16px)}.ui-switch input:focus-visible{outline:2px solid var(--violet-hi);outline-offset:2px}.ui-switch input:disabled{opacity:.5;cursor:not-allowed}.ui-switch span{gap:2px;display:grid}.ui-switch strong{font-size:.92rem}.ui-switch small{color:var(--muted);font-size:.8rem}.ui-tool select{background:var(--bg);width:100%;color:var(--text);border:1px solid var(--border-hi);font:inherit;border-radius:10px;padding:11px 12px;transition:border-color .2s,box-shadow .2s}.ui-tool select:hover,.ui-tool select:focus{border-color:var(--violet);outline:none}.ui-tool select:focus-visible{box-shadow:0 0 0 3px rgba(var(--violet-rgb), .25)}.ui-tool select:disabled{opacity:.5;cursor:not-allowed}.ui-tool input[type=text]{background:var(--bg);width:100%;min-width:0;color:var(--text);border:1px solid var(--border-hi);font:inherit;border-radius:10px;padding:10px 12px;transition:border-color .2s,box-shadow .2s}.ui-tool input[type=text]:focus{border-color:var(--violet);box-shadow:0 0 0 3px rgba(var(--violet-rgb), .25);outline:none}.ui-tool input[type=color]{-webkit-appearance:none;appearance:none;background:var(--bg);border:1px solid var(--border-hi);cursor:pointer;border-radius:10px;flex:none;width:48px;height:44px;padding:4px;transition:border-color .2s}.ui-tool input[type=color]:hover{border-color:var(--violet)}.ui-tool input[type=color]::-webkit-color-swatch-wrapper{padding:0}.ui-tool input[type=color]::-webkit-color-swatch{border:0;border-radius:6px}.ui-tool input[type=color]::-moz-color-swatch{border:0;border-radius:6px}.ui-tool input[type=range]{--p:0%;-webkit-appearance:none;appearance:none;cursor:pointer;background:0 0;width:100%;height:22px;margin:0}.ui-tool input[type=range]:disabled{opacity:.5;cursor:not-allowed}.ui-tool input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--accent) var(--p), var(--track) var(--p));border-radius:99px;height:6px}.ui-tool input[type=range]::-moz-range-track{background:var(--track);border-radius:99px;height:6px}.ui-tool input[type=range]::-moz-range-progress{background:var(--accent);border-radius:99px;height:6px}.ui-tool input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:var(--thumb,20px);height:var(--thumb,20px);margin-top:calc((6px - var(--thumb,20px)) / 2);background:var(--accent-hi);border:3px solid var(--bg);box-shadow:0 0 0 1px var(--accent);transition:transform .15s var(--ease), box-shadow .2s;border-radius:50%}.ui-tool input[type=range]::-moz-range-thumb{width:calc(var(--thumb,20px) - 6px);height:calc(var(--thumb,20px) - 6px);background:var(--accent-hi);border:3px solid var(--bg);transition:transform .15s var(--ease);border-radius:50%}.ui-tool input[type=range]:hover:not(:disabled)::-webkit-slider-thumb{box-shadow:0 0 0 5px rgba(var(--accent-rgb), .16);transform:scale(1.15)}.ui-tool input[type=range]:hover:not(:disabled)::-moz-range-thumb{transform:scale(1.15)}.ui-tool input[type=range]:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:6px}