:root{--accent: #2d77ff;--accent-strong: #1d4ed8;--ok: #16a34a;--ok-bg: #ecfdf5;--warn: #f59e0b;--err: #dc2626;--err-bg: #fef2f2;--bg: #f7f9fc;--card: #ffffff;--text: #0f172a;--muted: rgba(255, 255, 255, .82);--line: #e5e7eb;--line-soft: #eef2ff;--pill: #eff6ff;--shadow: 0 18px 48px rgba(15, 23, 42, .14)}*,*:before,*:after{box-sizing:border-box}html,body,#root{min-height:100%}html{overflow-x:hidden}body{margin:0;color:#fff;font-family:system-ui,Segoe UI,Roboto,Ubuntu,Helvetica,Arial,sans-serif;background-color:#c32283;animation:wheelHueColor 10s linear infinite}#root{display:grid}@keyframes wheelHueColor{0%,to{background-color:#c32283}10%{background-color:#bd2828}20%{background-color:#cf8517}30%{background-color:#819c16}40%{background-color:#36931f}50%{background-color:#169c4c}60%{background-color:#169c9c}70%{background-color:#2e65b8}80%{background-color:#4e2dd2}90%{background-color:#8b29a3}}input,button,textarea{font:inherit}.container{width:min(100%,960px);min-height:100dvh;margin-inline:auto;padding:clamp(.75rem,2vw,1.25rem);display:grid;place-items:center}.card{width:100%;padding:clamp(1rem,2.4vw,1.4rem);border-radius:18px;box-shadow:var(--shadow);background:#1c205c3d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:hidden}.h{margin:0;text-align:center;font-size:clamp(2rem,5vw,2.75rem);line-height:1}.sub{color:var(--muted);line-height:1.5;overflow-wrap:anywhere}.card>.sub{margin:.85rem auto 0;max-width:62ch;text-align:center}.row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1.1rem}.drop,.panel{min-width:0}.drop{padding:1rem;display:grid;place-items:center;gap:.45rem;text-align:center;border:2px dashed #c7d2fe;border-radius:16px;background:#ffffff1a}.drop.drag{border-color:#fff;background:#ffffff29}.drop>input[type=file]{width:100%;max-width:18rem;display:block;color:#fff}.drop>input[type=file]::file-selector-button{appearance:none;border:0;border-radius:10px;min-height:42px;padding:.7rem 1rem;margin-right:.75rem;font-weight:700;color:#fff;background:var(--ok);cursor:pointer}.panel{display:grid;gap:.8rem}.comment{width:100%;min-width:0;padding:.7rem .85rem;border:1px solid #cbd5e1;border-radius:12px;background:#fff;color:var(--text)}.stats{display:grid;gap:.4rem}.statsLine{margin:0;display:flex;flex-wrap:nowrap;gap:.35rem;align-items:baseline;line-height:1.5;overflow-wrap:anywhere}.statsLine>strong{color:#fff}.dynVal{color:var(--muted)}.grid{display:grid;gap:.75rem;margin-top:1rem}.file{display:grid;grid-template-columns:56px minmax(0,1fr) auto;gap:.75rem;align-items:center;padding:.7rem .85rem;border:1px solid var(--line);border-radius:14px;background:#fff;color:var(--text)}.file>div:nth-of-type(1){min-width:0}.name{font-weight:700;overflow-wrap:anywhere}.meta{margin-top:.15rem;font-size:.75rem;color:#64748b;overflow-wrap:anywhere}.bar{height:8px;margin-top:.5rem;overflow:hidden;border-radius:999px;background:var(--line-soft)}.bar>.barFill{display:block;width:var(--progress-width, 0%);height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),#60a5fa)}.thumb{width:56px;height:56px;display:grid;place-items:center;border-radius:10px;background:var(--line-soft);color:#64748b;font-size:.75rem;object-fit:cover}.actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.5rem;align-items:center}.btn{appearance:none;display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:.7rem 1rem;border:0;border-radius:10px;font-weight:700;line-height:1;color:#fff;background:var(--ok);cursor:pointer;white-space:nowrap}.btn:disabled{background:#94a3b8;cursor:not-allowed}.tag,.badge{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:.7rem .85rem;border-radius:999px;font-size:.75rem;font-weight:700;line-height:1;white-space:nowrap}.tag{color:var(--accent-strong);background:var(--pill)}.badge{border-radius:10px}.badge.ok{color:#065f46;background:var(--ok-bg)}.badge.err{color:#991b1b;background:var(--err-bg)}.footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:1rem}.footer>.sub{flex:1 1 auto;min-width:0}.footer>.btn{flex:0 0 auto}@media(max-width:860px){.row{grid-template-columns:1fr}.panel{order:2}.drop{order:1}}@media(max-width:720px){.container{place-items:start}.card{border-radius:16px}.file{grid-template-columns:56px minmax(0,1fr)}.actions{grid-column:1 / -1;justify-content:flex-start}.footer{flex-direction:column;align-items:stretch}.footer>.btn{width:100%}.card>.sub{text-align:left}}@media(max-width:560px){.container{padding-inline:.55rem}.card{padding:.95rem}.h{font-size:1.9rem}.drop{padding:.85rem}.drop>input[type=file]{max-width:100%;color:transparent}.drop>input[type=file]::file-selector-button{width:100%;margin-right:0}.statsLine{display:flex;gap:.35rem;align-items:baseline}.file{grid-template-columns:1fr;padding:.75rem}.thumb{margin-inline:auto}.actions{display:grid;grid-template-columns:1fr}.actions>.btn,.actions>.tag,.actions>.badge{width:100%}}