@layer components{.tool-accent-files{--tool-accent:#0f9f76;--tool-soft:#eafbf5}.rename-workflow{padding:clamp(20px,4vw,44px)}.rename-workspace-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:24px;margin-top:28px;display:grid}.rename-input-panel{grid-row:span 2}.rename-result-panel{grid-column:2}.rename-panel-hint{color:var(--muted);margin:8px 0 18px;line-height:1.65}.rename-drop-zone{text-align:center;background:#f5f9ff;border:2px dashed #bed5f5;border-radius:22px;place-items:center;gap:10px;min-height:190px;padding:26px;transition:all .2s;display:grid}.rename-drop-zone.is-dragging{background:#eaf4ff;border-color:#1788f5;transform:translateY(-2px)}.rename-drop-zone>i{color:#1788f5;font-size:2.6rem}.rename-drop-zone>strong{color:var(--ink);line-height:1.5}.rename-selection-heading,.rename-preview-heading{justify-content:space-between;align-items:flex-start;gap:12px;margin:20px 0 10px;display:flex}.rename-selection-heading strong,.rename-preview-heading strong{color:var(--ink)}.rename-selection-heading span,.rename-preview-heading span{color:var(--muted);text-align:right;font-size:.82rem;line-height:1.45}.rename-file-list,.rename-preview-table ol{gap:8px;margin:0;padding:0;list-style:none;display:grid}.rename-file-list li{background:#fff;border:1px solid #d8e4f5;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;min-width:0;padding:12px 14px;display:flex}.rename-file-list li>span{gap:3px;min-width:0;display:grid}.rename-file-list strong{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:.88rem;overflow:hidden}.rename-file-list small{color:var(--muted)}.rename-file-list .rename-empty-row{color:var(--muted);text-align:center;display:block}.rename-icon-button{color:#2468ad;cursor:pointer;background:#fff;border:1px solid #d5e2f5;border-radius:11px;flex:0 0 38px;place-items:center;width:38px;height:38px;display:inline-grid}.rename-icon-button:hover:not(:disabled),.rename-icon-button:focus-visible{color:#0878e8;border-color:#1788f5}.rename-icon-button:disabled{cursor:not-allowed;opacity:.35}.rename-separator-options{border:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0;padding:0;display:grid}.rename-separator-options legend{color:var(--ink);margin-bottom:10px;font-weight:800}.rename-separator-options label{position:relative}.rename-separator-options input{opacity:0;pointer-events:none;position:absolute}.rename-separator-options span{color:#405777;text-align:center;cursor:pointer;background:#fff;border:1px solid #d7e2f3;border-radius:13px;place-items:center;min-height:48px;padding:9px;font-size:.84rem;font-weight:700;display:grid}.rename-separator-options input:checked+span{color:#0878e8;background:#eaf4ff;border-color:#1788f5;box-shadow:inset 0 0 0 1px #1788f5}.rename-check-option{color:var(--ink);background:#fff;border:1px solid #d7e2f3;border-radius:14px;align-items:center;gap:10px;margin-top:18px;padding:14px;font-weight:750;display:flex}.rename-check-option input{accent-color:#1788f5;width:20px;height:20px}.rename-direct-hint{color:#436184;background:#edf4ff;border-radius:13px;gap:8px;margin:18px 0 0;padding:12px 14px;font-size:.82rem;line-height:1.55;display:flex}.rename-batch-fields{gap:14px;margin-top:18px;display:grid}.rename-batch-fields>div{grid-template-columns:1fr 1fr;gap:12px;display:grid}.rename-batch-fields label{color:var(--ink);gap:7px;font-size:.85rem;font-weight:800;display:grid}.rename-batch-fields input{width:100%;min-height:48px;color:var(--ink);font:inherit;background:#fff;border:1px solid #cfddf1;border-radius:13px;padding:10px 13px}.rename-batch-fields input:focus{border-color:#1788f5;outline:3px solid #d8ebff}.rename-result-empty{min-height:150px;color:var(--muted);text-align:center;background:#f8fbff;border:1px dashed #cadbef;border-radius:18px;place-items:center;padding:24px;display:grid}.rename-result-empty i{color:#7b98bc;font-size:2.2rem}.rename-preview-table{background:#fff;border:1px solid #d6e2f2;border-radius:16px;overflow:hidden}.rename-preview-labels{color:#48617f;background:#edf4ff;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 84px;gap:12px;padding:10px 14px;font-size:.75rem;font-weight:800;display:grid}.rename-preview-table li{border-top:1px solid #e4ebf5;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 84px;align-items:center;gap:12px;padding:11px 14px;display:grid}.rename-preview-table li:first-child{border-top:0}.rename-original-name,.rename-new-name{min-width:0;color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;overflow:hidden}input.rename-new-name{width:100%;height:40px;font:inherit;background:#fff;border:1px solid #cddbee;border-radius:10px;padding:8px 10px}input.rename-new-name:focus{border-color:#1788f5;outline:3px solid #d8ebff}.rename-order-controls{justify-content:flex-end;gap:6px;display:flex}.rename-order-controls .rename-icon-button{flex-basis:36px;width:36px;height:36px}.rename-run-action{width:100%;margin-top:18px}.rename-error{margin-top:14px}.rename-progress{background:#f5f9ff;border:1px solid #d6e4f5;border-radius:16px;gap:12px;margin-top:16px;padding:16px;display:grid}.rename-progress>div{color:var(--ink);align-items:center;gap:9px;display:flex}.rename-progress output{color:#0878e8;margin-left:auto;font-weight:800}.rename-progress progress{accent-color:#1788f5;width:100%;height:8px}.rename-progress button{justify-self:start}.rename-result-actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:16px;display:flex}.rename-result-actions p{color:#087c60;flex:180px;margin:0;font-size:.84rem;font-weight:750}.rename-result-actions [hidden]{display:none}@media (width<=900px){.rename-workspace-grid{grid-template-columns:1fr}.rename-input-panel{grid-row:auto}.rename-result-panel{grid-column:auto}}@media (width<=520px){.rename-workflow{padding:18px 14px}.rename-drop-zone{min-height:170px;padding:20px 14px}.rename-separator-options,.rename-batch-fields>div{grid-template-columns:1fr}.rename-selection-heading,.rename-preview-heading{flex-direction:column}.rename-selection-heading span,.rename-preview-heading span{text-align:left}.rename-preview-labels{display:none}.rename-preview-table li{grid-template-columns:1fr auto;gap:8px}.rename-original-name{color:var(--muted);grid-column:1/-1;font-size:.75rem}.rename-new-name{grid-column:1}.rename-order-controls{grid-area:2/2}.rename-result-actions>a,.rename-result-actions>button{justify-content:center;width:100%}}}
