.brand{display:flex;align-items:center;gap:11px;font-size:21px;font-weight:750;letter-spacing:-.6px}.brand span:not(.logo){color:var(--primary)}.brand p{font-size:10px;font-weight:400;letter-spacing:.6px;margin:0}.brand small{font-size:13px;font-weight:500}.logo{display:grid;place-items:center;background:linear-gradient(135deg,#6366f1,#9686f6);color:white;width:40px;height:40px;border-radius:12px;font-size:25px}.privacy{color:#5c63ba;background:#f0f1ff;border:1px solid #e6e7ff;padding:6px 13px;border-radius:30px;font-size:12px}.drop-zone{margin:12px;padding:48px 20px;text-align:center;border:1.5px dashed #d5d8ed;border-radius:11px;background:linear-gradient(120deg,#fbfbff,#fff);transition:background .2s}.drop-zone.dragging{background:#eef0ff;border-color:var(--primary)}.upload-icon{margin:0 auto 18px;background:#eef0ff;color:var(--primary);border-radius:17px;height:62px;width:62px;display:grid;place-items:center;font-size:35px}.drop-zone .actions{justify-content:center;margin:22px 0}.drop-zone small{display:block;line-height:1.9}.toolbar{padding:16px 20px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:12px}.toolbar label{white-space:nowrap}.toolbar select{font-size:12px;padding:6px}.task-card{border:1px solid var(--border);border-radius:11px;padding:10px;min-width:0;background:white}.task-card.processing,.task-card.retrying{border-color:var(--primary);box-shadow:0 0 0 2px #6366f119}.task-card.failed{border-color:#f2d6d9}.task-card>.check{font-size:11px;color:var(--muted);margin-bottom:8px}.thumb{display:flex;width:100%;height:140px;align-items:center;justify-content:center;padding:0;border:0;background:repeating-conic-gradient(#f1f2f7 0% 25%,white 0% 50%) 50%/16px 16px;border-radius:6px;overflow:hidden}.thumb img{width:100%;height:100%;object-fit:contain}.task-name{font-size:12px;font-weight:600;margin:10px 0 3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-meta,.task-status{font-size:11px;color:var(--muted);margin:0;overflow-wrap:anywhere}.completed .task-status{color:#24856d}.failed .task-status{color:#c64d58}.task-actions{display:flex;gap:6px;margin-top:10px;flex-wrap:wrap}.task-actions button{font-size:11px;padding:5px 9px}.list .task-card{display:grid;grid-template-columns:65px 95px 1fr auto;align-items:center;gap:14px}.list .thumb{height:75px}.list .task-name{margin-top:0}.list .task-actions{margin:0}#notice{border:1px solid #dedff5;background:#f0f1ff;color:#555998;padding:12px 16px;border-radius:9px;font-size:13px}dialog{width:min(1000px,95vw);max-height:92vh;overflow:auto;border:1px solid var(--border);border-radius:18px;padding:26px;color:inherit}dialog::backdrop{background:#151d35a6;backdrop-filter:blur(3px)}.image-viewport{height:390px;display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid var(--border);border-radius:8px;background:repeating-conic-gradient(#eceef3 0% 25%,white 0% 50%) 50%/18px 18px;touch-action:none;cursor:grab}.image-viewport img{max-width:100%;max-height:100%;object-fit:contain;user-select:none;-webkit-user-drag:none;transform-origin:center}#preview-info{font-size:12px}.hub{max-width:900px;margin:70px auto}.hub-card{display:block;padding:30px;color:inherit}.hub-card h2{margin-top:18px}.hub-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.hub-card.disabled{opacity:.65}@media(max-width:600px){.hub-grid{grid-template-columns:1fr}}

.tool-icon{display:block;width:40px;height:40px;object-fit:contain;border-radius:10px}
.brand-logo{display:block;width:40px;height:40px;object-fit:contain;border-radius:12px;flex:0 0 auto}
.brand-slogan{padding-left:10px;border-left:1px solid var(--border);font-size:12px!important;font-weight:500!important;letter-spacing:0!important;color:var(--muted)}
@media(max-width:700px){.brand-slogan{display:none}}
