.c2-app{max-width:var(--c2-max);margin:30px auto;padding:18px;color:var(--c2-text);font-family:var(--c2-font)}.c2-app *{box-sizing:border-box}.c2-hero{text-align:center;padding:20px 10px 28px}.c2-badge{font-size:11px;font-weight:800;letter-spacing:.08em;color:var(--c2-primary);background:color-mix(in srgb,var(--c2-primary) 9%,transparent);padding:7px 12px;border-radius:999px}.c2-hero h2{font-size:clamp(30px,5vw,48px);letter-spacing:-.04em;line-height:1.05;margin:16px 0 10px;font-weight:800}.c2-hero p{margin:auto;max-width:650px;color:var(--c2-muted);line-height:1.6}.c2-card{background:var(--c2-card);border:1px solid var(--c2-border);border-radius:var(--c2-radius);padding:clamp(18px,4vw,34px);box-shadow:0 18px 60px rgb(15 23 42 / .08)}.c2-drop{border:2px dashed var(--c2-border);border-radius:calc(var(--c2-radius) - 5px);padding:60px 20px;text-align:center;cursor:pointer;background:var(--c2-bg);transition:.2s}.c2-drop:hover,.c2-drop.drag{border-color:var(--c2-primary);transform:translateY(-2px)}.c2-icon{width:56px;height:56px;margin:auto auto 14px;border-radius:16px;background:var(--c2-primary);color:#fff;display:grid;place-items:center;font-size:28px;font-weight:800}.c2-drop h3{margin:0 0 7px;font-size:21px}.c2-drop p{margin:0 0 9px;color:var(--c2-muted)}.c2-drop small{color:var(--c2-muted)}.c2-settings{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:20px}.c2-settings>div{border:1px solid var(--c2-border);padding:16px;border-radius:15px}.c2-settings label{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:13px}.c2-qv,.c2-target-label{color:var(--c2-primary)}.c2-quality{width:100%;accent-color:var(--c2-primary)}.c2-size,.c2-format,.c2-target,.c2-target-unit,.c2-custom-size{width:100%;border:1px solid var(--c2-border);border-radius:10px;padding:10px;background:var(--c2-card);color:var(--c2-text);font:inherit}.c2-custom-size{margin-top:8px}.c2-target-row{display:grid;grid-template-columns:1fr 92px;gap:8px}.c2-help{display:block;color:var(--c2-muted);font-size:11px;margin-top:7px}.c2-list{display:grid;gap:10px;margin-top:20px}.c2-item{display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:12px;border:1px solid var(--c2-border);padding:10px;border-radius:14px}.c2-thumb{width:48px;height:48px;border-radius:10px;object-fit:cover}.c2-name{font-size:13px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.c2-meta{font-size:11px;color:var(--c2-muted);margin-top:4px}.c2-status-wrap{text-align:right}.c2-status{font-size:12px;font-weight:700}.c2-single{margin-top:6px;border:1px solid var(--c2-border);border-radius:8px;background:var(--c2-card);color:var(--c2-text);padding:6px 9px;font:inherit;font-size:11px;font-weight:700;cursor:pointer}.c2-single:disabled{opacity:.45;cursor:not-allowed}.ok{color:#16a34a}.busy{color:var(--c2-primary)}.err{color:#dc2626}.c2-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:18px}.c2-summary div{background:var(--c2-bg);padding:15px;border-radius:13px;text-align:center}.c2-summary span{display:block;color:var(--c2-muted);font-size:11px;margin-bottom:5px}.c2-summary strong{font-size:17px}.c2-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.c2-btn{border:0;border-radius:12px;padding:13px 18px;font:inherit;font-weight:800;cursor:pointer;background:var(--c2-primary);color:#fff}.c2-zip{background:var(--c2-secondary)}.c2-clear{background:#fff0;color:var(--c2-text);border:1px solid var(--c2-border)}.c2-btn:disabled{opacity:.45;cursor:not-allowed}.c2-message{min-height:20px;margin-top:12px;font-size:13px;color:var(--c2-muted)}