.drop-zone{text-align:center;border:2px dashed var(--border);background:var(--surface-muted);cursor:pointer;border-radius:12px;place-items:center;gap:8px;margin-top:24px;padding:40px 20px;transition:border-color .18s,background-color .18s,transform .18s;display:grid}.drop-zone:hover{border-color:var(--primary)}.drop-zone.is-dragover{border-color:var(--primary);background:var(--primary-soft);transform:scale(1.005)}.drop-zone:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.drop-icon{background:var(--surface);border:1px solid var(--border);width:52px;height:52px;color:var(--primary);border-radius:50%;place-items:center;font-size:26px;line-height:1;display:grid}.drop-title{margin:0;font-size:1.02rem;font-weight:600}.drop-hint{color:var(--muted);margin:0;font-size:.82rem}.link-btn{color:var(--primary);font:inherit;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:0;font-weight:700;text-decoration:underline}.toolbar{flex-wrap:wrap;align-items:center;gap:14px;margin-top:20px;display:flex}.field{color:var(--muted);white-space:nowrap;align-items:center;gap:8px;font-size:.875rem;display:flex}.field select.control{width:auto;max-width:120px;padding:7px 10px}.field em{color:var(--primary);font-style:normal;font-weight:700}.field input[type=range]{width:130px;accent-color:var(--primary)}.toolbar .hint{color:var(--muted);font-size:.78rem}.toolbar .spacer{flex:auto}.conv-table-wrap{border:1px solid var(--border);border-radius:10px;margin-top:22px;overflow:hidden}.conv-table-wrap .empty{padding:40px 20px}.conv-table{border-collapse:separate;border-spacing:0;font-variant-numeric:tabular-nums;width:100%;min-width:720px}.conv-table th{background:var(--surface-muted);color:var(--muted);letter-spacing:.04em;text-align:left;white-space:nowrap;box-shadow:0 1px 0 var(--border);padding:12px 16px;font-size:.76rem;font-weight:700}.conv-table td{border-top:1px solid var(--border);vertical-align:middle;padding:12px 16px;font-size:.9rem}.conv-table tbody tr:first-child td{border-top:0}.conv-table tbody tr:hover{background:var(--primary-soft)}.conv-table th.col-actions,.conv-table td.col-actions{text-align:right;white-space:nowrap}.file-cell{align-items:center;gap:12px;min-width:0;display:flex}.file-thumb{object-fit:cover;background:var(--surface-muted);border:1px solid var(--border);border-radius:8px;flex:0 0 44px;width:44px;height:44px}.file-name{text-overflow:ellipsis;white-space:nowrap;max-width:280px;font-weight:600;display:block;overflow:hidden}.conv-table select.control{width:auto;max-width:110px;padding:6px 10px}.button{transition:background-color .16s,border-color .16s,color .16s,filter .16s}.button:hover:not(:disabled){border-color:var(--primary);color:var(--primary)}.button-primary{border-color:var(--primary);background:var(--primary);color:#fff}.button-primary:hover:not(:disabled){border-color:var(--primary);background:var(--primary);color:#fff;filter:brightness(1.08)}.button:disabled{opacity:.45;cursor:not-allowed}.icon-btn{width:30px;height:30px;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;margin-left:8px;padding:0;font-size:1.1rem;line-height:1}.icon-btn:hover{border-color:var(--border);background:var(--surface);color:var(--accent)}.batch-bar{border-top:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:14px;margin-top:20px;padding-top:20px;display:flex}.batch-bar .count{color:var(--muted);font-size:.875rem}.batch-bar .spacer{flex:auto}.progress{background:var(--surface-muted);border-radius:999px;flex:160px;min-width:120px;height:6px;overflow:hidden}.progress>span{background:var(--primary);width:0;height:100%;transition:width .18s;display:block}.toast{z-index:99;background:var(--text);max-width:min(90vw,420px);color:var(--surface);text-align:center;opacity:0;pointer-events:none;border-radius:999px;padding:10px 18px;font-size:.875rem;transition:opacity .2s,transform .2s;position:fixed;bottom:28px;left:50%;transform:translate(-50%,16px)}.toast.show{opacity:1;transform:translate(-50%)}@media (max-width:800px){.converter{padding:20px 16px 24px!important}.drop-zone{padding:30px 16px}.toolbar .hint{display:none}.file-name{max-width:150px}}
