.renamer-component{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.renamer-component .renamer-single-card{background:#fff;border:1px solid #80808045;border-radius:12px;margin-bottom:24px;padding:4px 10px 18px;position:relative;overflow:visible}.renamer-component .renamer-header{text-align:center;margin-bottom:32px;padding-top:20px}.renamer-component .renamer-header h5{color:#333;margin:0 0 8px;font-size:1.1rem;font-weight:600}.renamer-component .renamer-header p{color:#666;margin:0;font-size:.9rem;font-weight:400;line-height:1.4}.renamer-component .advanced-search-container{flex-direction:column;gap:16px;margin-bottom:20px;display:flex;position:relative;overflow:visible}.renamer-component .default-separator-toggle-container{z-index:10;justify-content:flex-end;margin-bottom:20px;display:flex;position:relative;overflow:visible}.renamer-component .separator-toggle-wrapper{flex-wrap:nowrap;justify-content:flex-end;align-items:center;width:100%;display:flex;position:relative}.renamer-component .separator-toggle-label{cursor:pointer;color:#475569;-webkit-user-select:none;user-select:none;justify-content:end;align-items:center;gap:12px;font-size:13px;font-weight:500;display:flex}.renamer-component .toggle-switch{width:44px;height:24px;position:relative}.renamer-component .toggle-input{opacity:0;width:0;height:0;position:absolute}.renamer-component .toggle-slider{cursor:pointer;background-color:#e2e8f0;border:2px solid #e2e8f0;border-radius:24px;transition:all .3s;position:absolute;inset:0}.renamer-component .toggle-slider:before{content:"";background-color:#fff;border-radius:50%;width:16px;height:16px;transition:all .3s;position:absolute;top:2.3px;left:2px;box-shadow:0 2px 4px #0003}.renamer-component .toggle-input:checked+.toggle-slider{background-color:#009cff;border-color:#009cff}.renamer-component .toggle-input:checked+.toggle-slider:before{transform:translate(20px)}.renamer-component .toggle-switch:hover .toggle-slider{box-shadow:0 0 0 3px #009cff1a}.renamer-component .separator-dropdown-container{margin-left:12px;position:relative}.renamer-component .separator-dropdown-btn{color:#475569;cursor:pointer;white-space:nowrap;background:#fff;border:2px solid #e2e8f0;border-radius:6px;flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;min-width:140px;max-width:160px;padding:6px 12px;font-size:12px;font-weight:500;transition:all .2s;display:flex}.renamer-component .separator-dropdown-btn:hover{color:#009cff;border-color:#009cff}.renamer-component .dropdown-arrow{font-size:10px;transition:transform .2s}.renamer-component .separator-options-dropdown{z-index:20;background:#fff;border:1px solid #e2e8f0;border-radius:6px;min-width:160px;margin-top:4px;position:absolute;top:100%;left:0;overflow:hidden;box-shadow:0 4px 12px #00000026}.renamer-component .separator-option{cursor:pointer;border-bottom:1px solid #f1f5f9;align-items:center;gap:12px;padding:10px 12px;transition:all .2s;display:flex}.renamer-component .separator-option:last-child{border-bottom:none}.renamer-component .separator-option:hover{background:#f0f8ff}.renamer-component .separator-option.selected{color:#009cff;background:#e6f4ff;font-weight:600}.renamer-component .option-preview{color:#374151;text-align:center;background:#f8f9fa;border-radius:3px;min-width:24px;padding:2px 6px;font-family:Courier New,monospace;font-size:12px;font-weight:600}.renamer-component .separator-option.selected .option-preview{color:#fff;background:#009cff}.renamer-component .option-label{font-size:12px;font-weight:500}.renamer-component .search-bar-and-dropdown{align-items:center;gap:4px;width:100%;display:flex;position:static;overflow:visible}.renamer-component .search-bar-wrapper{cursor:text;background:#fff;border:2px solid #e2e8f0;border-radius:8px;flex:1;align-items:flex-start;gap:8px;width:0;min-width:0;min-height:40px;max-height:120px;padding:8px 12px;transition:all .3s;display:flex;position:relative;overflow-y:auto}.renamer-component .search-bar-wrapper:focus-within{border-color:#009cff}.renamer-component .search-elements-container{flex-wrap:wrap;flex:1;align-items:center;gap:4px;width:100%;min-width:0;max-width:100%;min-height:24px;display:flex;overflow:hidden}.renamer-component .search-text-element{color:#333;white-space:nowrap;font-size:14px}.renamer-component .search-typing-input{color:#333;font-family:inherit;font-size:14px;font-weight:400}.renamer-component .search-typing-input::placeholder{color:#94a3b8}.renamer-component input[type=text],.renamer-component input[type=number],.renamer-component textarea{font-weight:400!important}.renamer-component .custom-styled-input{font-weight:inherit}.renamer-component .cursor-indicator{color:#009cff;align-items:center;height:16px;margin:0 1px;font-weight:700;line-height:16px;animation:1s infinite blink;display:inline-flex}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.renamer-component .search-tag-pill{color:#fff;-webkit-user-select:none;user-select:none;cursor:pointer;word-break:break-all;overflow-wrap:break-word;white-space:normal;background:#009cff;border-radius:6px;align-items:center;gap:6px;max-width:300px;padding:6px 10px;font-size:13px;font-weight:600;line-height:1.2;transition:all .2s;display:inline-flex}.renamer-component .search-tag-pill.text-tag{background:#52c41a}.renamer-component .remove-tag-pill{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;margin-left:-3px;margin-right:-8px;font-size:12px;transition:all .2s;display:flex}.renamer-component .remove-tag-pill:hover{background:#ffffff4d}.renamer-component .search-tag-pill.dragging{opacity:.5;z-index:1000;transform:scale(1.05)}.renamer-component .search-element-wrapper.shift-right{transform:translateX(var(--shift-distance,10px));transition:transform .2s}.renamer-component .cursor-click-area.drag-active{background:#009cff0d;border:1px dashed #009cff4d;border-radius:4px;transition:all .2s;position:relative;cursor:copy!important;min-width:20px!important}.renamer-component .cursor-click-area.drag-active:after{content:"⬇";color:#009cff99;pointer-events:none;font-size:12px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.renamer-component .cursor-click-area.drag-over{background:#009cff26 repeating-linear-gradient(45deg,#009cff1a,#009cff1a 4px,#009cff33 4px 8px);border:2px solid #009cff;border-radius:6px;transition:all .2s;position:relative;min-width:var(--drop-zone-width,25px)!important;width:var(--drop-zone-width,25px)!important}.renamer-component .cursor-click-area.drag-over:before{content:"";background:#009cff;border-radius:2px;width:3px;animation:1s infinite pulse;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.renamer-component .cursor-click-area.drag-over:after{content:"⬇";color:#009cff;pointer-events:none;background:#fffc;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:14px;font-weight:700;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}.renamer-component .search-tag-pill[draggable=true]{cursor:pointer;transition:all .2s;position:relative}.renamer-component .search-tag-pill[draggable=true]:active{cursor:pointer}.renamer-component .search-suggestions{z-index:1;scroll-behavior:smooth;background:#fff;border:1px solid #e2e8f0;border-radius:8px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px;max-height:400px;margin-top:4px;margin-left:10px;margin-right:10px;padding:8px;display:grid;position:absolute;left:0;right:0;overflow-y:auto;box-shadow:0 8px 24px #0003}.renamer-component .suggestion-item{cursor:pointer;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;background:#fafbfc;border:1px solid #f1f5f9;border-radius:6px;flex-direction:column;gap:8px;padding:12px;transition:all .2s;display:flex;position:relative}.renamer-component .suggestion-item:hover{background:#f0f8ff;border-color:#009cff;transform:translateY(-1px);box-shadow:0 2px 6px #009cff26}.renamer-component .suggestion-item.highlighted{transform:translateY(-1px);box-shadow:0 2px 6px #009cff40;background:#e6f4ff!important;border-color:#009cff!important}.renamer-component .suggestion-item.text-option{background:#f6ffed;border-color:#b7eb8f;order:-1}.renamer-component .suggestion-item.text-option:hover{background:#f0fff4;border-color:#52c41a}.renamer-component .suggestion-code{color:#fff;white-space:nowrap;word-break:break-all;overflow-wrap:break-word;background:#009cff;border-radius:4px;align-self:flex-start;max-width:100%;padding:4px 8px;font-family:Courier New,monospace;font-size:13px;font-weight:600}.renamer-component .suggestion-code.text-code{background:#52c41a}.renamer-component .suggestion-info{flex-direction:column;gap:4px;display:flex}.renamer-component .suggestion-label{color:#333;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;font-size:13px;font-weight:600;line-height:1.3}.renamer-component .suggestion-description{color:#64748b;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;font-size:13px;line-height:1.2}.renamer-component .suggestion-category{color:#009cff;white-space:nowrap;background:#f0f8ff;border-radius:3px;align-self:flex-start;margin-top:4px;padding:2px 6px;font-size:12px;font-weight:500}.renamer-component .text-option .suggestion-category{color:#52c41a;background:#f6ffed}.renamer-component .no-tags-message{text-align:center;color:#64748b;background:#fafbfc;border:1px solid #f1f5f9;border-radius:6px;grid-column:1/-1;padding:16px;font-size:14px;font-style:italic}.renamer-component .clear-all-tags-btn{cursor:pointer;color:#64748b;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;min-width:24px;height:24px;padding:1px 5px 2px;font-size:14px;font-weight:700;transition:all .2s;display:flex}.renamer-component .clear-all-tags-btn:hover{color:#fff;background:#ff4d4f;border-color:#ff4d4f}.renamer-component .tags-dropdown-btn.outside{cursor:pointer;color:#64748b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;min-width:40px;height:40px;padding:8px 12px;font-size:12px;transition:all .2s;display:flex}.renamer-component .tags-dropdown-btn.outside:hover{color:#fff;background:#009cff;border-color:#009cff}.renamer-component .all-tags-dropdown{z-index:1;scroll-behavior:smooth;background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;max-height:400px;margin-top:4px;margin-left:10px;margin-right:10px;display:flex;position:absolute;left:0;right:0;overflow-y:auto;box-shadow:0 8px 24px #0003}.renamer-component .tags-dropdown-header{color:#333;z-index:20;background:#f8fafc;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:12px 16px;font-size:12px;font-weight:600;display:flex;position:sticky;top:0}.renamer-component .close-dropdown{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:20px;height:20px;padding:4px;transition:all .2s;display:flex}.renamer-component .close-dropdown:hover{color:#fff;background:#ff4d4f}.renamer-component .all-tags-dropdown .tags-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px;padding:16px;display:grid}.renamer-component .tag-option{cursor:pointer;background:#fafbfc;border:1px solid #f1f5f9;border-radius:6px;flex-direction:column;gap:8px;padding:12px;transition:all .2s;display:flex;position:relative}.renamer-component .tag-option:hover{background:#f0f8ff;border-color:#009cff;transform:translateY(-1px);box-shadow:0 2px 6px #009cff26}.renamer-component .tag-option.highlighted{transform:translateY(-1px);box-shadow:0 2px 6px #009cff40;background:#e6f4ff!important;border-color:#009cff!important}.renamer-component .tag-option code{color:#fff;white-space:nowrap;background:#009cff;border-radius:4px;align-self:flex-start;padding:4px 8px;font-family:Courier New,monospace;font-size:13px;font-weight:600}.renamer-component .tag-option-info{flex-direction:column;gap:4px;display:flex}.renamer-component .tag-option-label{color:#333;font-size:13px;font-weight:600;line-height:1.3}.renamer-component .tag-option-desc{color:#64748b;font-size:13px;line-height:1.2}.renamer-component .tag-option-category{color:#009cff;white-space:nowrap;background:#f0f8ff;border-radius:3px;align-self:flex-start;margin-top:4px;padding:2px 6px;font-size:12px;font-weight:500}.renamer-component .popup-indicator{color:#009cff;opacity:.7;pointer-events:none;font-size:14px;transition:opacity .2s;position:absolute;top:8px;right:8px}.renamer-component .suggestion-item:hover .popup-indicator,.renamer-component .tag-option:hover .popup-indicator{opacity:1}.renamer-component .suggestion-item.highlighted .popup-indicator,.renamer-component .tag-option.highlighted .popup-indicator{opacity:1;color:#007acc}.renamer-component .all-tags-dropdown::-webkit-scrollbar{width:6px}.renamer-component .all-tags-dropdown::-webkit-scrollbar-track{background:#f1f5f9}.renamer-component .all-tags-dropdown::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.renamer-component .all-tags-dropdown::-webkit-scrollbar-thumb:hover{background:#94a3b8}.renamer-component .naming-preview-section{background:#fff;border-radius:8px;margin:30px 0 20px}.renamer-component .renamer-preview-header{color:#333;align-items:center;gap:8px;margin-bottom:16px;font-size:18px;font-weight:600;display:flex}.renamer-component .renamer-preview-header i{color:#009cff}.renamer-component .preview-content{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.renamer-component .original-name{color:#cf1322;background:#fff2f0;border:1px solid #ffccc7;border-radius:6px;padding:8px 12px;font-family:Courier New,monospace;font-size:14px;font-weight:500}.renamer-component .new-name{color:#000;word-break:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;background:#1890ff30;border-radius:6px;max-width:100%;padding:8px 12px;font-family:Courier New,monospace;font-size:14px;font-weight:500}.renamer-component .preview-arrow{color:#009cff;justify-content:center;align-items:center;font-size:16px;font-weight:700;display:flex}.renamer-component .bottom-controls{justify-content:flex-end;gap:16px;display:flex}.renamer-component .output-controls{align-items:flex-end;gap:16px;display:flex}.renamer-component .output-format-group{flex-direction:column;gap:6px;display:flex}.renamer-component .output-format-group label{color:#475569;font-size:13px;font-weight:600}.renamer-component .format-select{cursor:pointer;background:#fff;border:2px solid #e2e8f0;border-radius:6px;min-width:150px;padding:8px 12px;font-size:14px}.renamer-component .download-all-btn{color:#fff;cursor:pointer;background:#009cff;border:none;border-radius:6px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .3s;display:flex}.renamer-component .download-all-btn:hover{background:#40a9ff;transform:translateY(-1px)}.renamer-component .download-all-btn:disabled{cursor:not-allowed;background:#ccc;transform:none}.renamer-component .custom-number-modal-overlay,.renamer-component .custom-date-modal-overlay,.renamer-component .custom-time-modal-overlay,.renamer-component .name-selection-modal-overlay{z-index:9999;background:#00000080;justify-content:center;align-items:center;width:100%;height:100%;animation:.2s ease-out fadeIn;display:flex;position:fixed;top:0;left:0}.renamer-component .custom-number-modal,.renamer-component .custom-date-modal,.renamer-component .custom-time-modal,.renamer-component .name-selection-modal{background:#fff;border-radius:12px;width:90%;max-width:600px;max-height:90vh;animation:.3s ease-out slideIn;overflow-y:auto;box-shadow:0 10px 25px #0003}.renamer-component .modal-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;border-radius:12px 12px 0 0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.renamer-component .modal-header h5{color:#1e293b;margin:0;font-size:1.2rem;font-weight:600}.renamer-component .modal-close{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:32px;height:32px;padding:4px;font-size:24px;transition:all .2s;display:flex}.renamer-component .modal-close:hover{color:#334155;background:#f1f5f9}.renamer-component .modal-body{padding:24px}.renamer-component .modal-footer{background:#f8fafc;border-top:1px solid #e2e8f0;border-radius:0 0 12px 12px;justify-content:flex-end;align-items:center;gap:12px;padding:20px 24px;display:flex}.renamer-component .btn{cursor:pointer;border:none;border-radius:6px;outline:none;min-width:80px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s}.renamer-component .btn-secondary{color:#475569;background:#f1f5f9;border:1px solid #d1d5db}.renamer-component .btn-secondary:hover{color:#334155;background:#e2e8f0}.renamer-component .btn-primary{color:#fff;background:#009cff}.renamer-component .btn-primary:hover{background:#0284c7;transform:translateY(-1px);box-shadow:0 4px 8px #009cff4d}.renamer-component .expandable-categories{flex-direction:column;gap:16px;display:flex;position:relative;overflow:visible}.renamer-component .expandable-category{z-index:1;position:relative;overflow:visible}.renamer-component .category-card{cursor:pointer;text-align:center;z-index:2;background:#f8f9fa;border:2px solid #e9ecef;border-radius:12px;margin-bottom:8px;padding:20px;transition:all .3s;position:relative;overflow:visible}.renamer-component .category-card:hover{z-index:10;border-color:#1890ffa3;transform:translateY(-1px);box-shadow:0 2px 8px #1890ff26}.renamer-component .category-card.expanded{z-index:15;background:#fff;border-color:#1890ffa3;border-bottom-right-radius:0;border-bottom-left-radius:0;overflow:visible;box-shadow:0 4px 12px #1890ff26}.renamer-component .category-card.has-warning{border-left:4px solid #fd7e14}.renamer-component .category-card.has-warning.expanded{border-color:#fd7e14;box-shadow:0 4px 12px #fd7e1426}.renamer-component .expand-arrow{color:#6c757d;z-index:3;font-size:16px;transition:all .3s;position:absolute;top:20px;right:20px}.renamer-component .category-card.expanded .expand-arrow{color:#1890ffa3;transform:rotate(180deg)}.renamer-component .category-card.has-warning.expanded .expand-arrow{color:#fd7e14}.renamer-component .category-title{color:#1e293b;margin-bottom:4px;font-size:18px;font-weight:600}.renamer-component .category-example{color:#009cff;background:#fff;border:1px solid #e2e8f0;border-radius:8px;margin:8px 0;padding:12px 16px;font-family:Courier New,monospace;font-size:24px;font-weight:700}.renamer-component .category-card.has-warning .category-example{color:#f59e0b;border-color:#fed7aa}.renamer-component .category-description{color:#64748b;font-size:14px;font-weight:500}.renamer-component .category-warning{color:#92400e;background:#fff7ed;border:1px solid #fed7aa;border-radius:6px;margin-top:8px;padding:8px 12px;font-size:12px;font-weight:500}.renamer-component .structure-card-container{z-index:1;width:100%;max-width:100%;transition:all .3s;position:relative;overflow:visible}.renamer-component .structure-card-container:has(.mini-structure-card.expanded){z-index:20;grid-column:1/-1;width:100%;position:relative;overflow:visible}.renamer-component .mini-structure-card{cursor:pointer;text-align:center;box-sizing:border-box;z-index:2;background:#f8f9fa;border:2px solid #e9ecef;border-radius:8px;width:100%;margin-bottom:8px;padding:16px;transition:all .3s;position:relative;overflow:visible}.renamer-component .mini-structure-card:hover{z-index:10;background:#fff;border-color:#1890ffa3;transform:translateY(-2px);box-shadow:0 2px 8px #1890ff26}.renamer-component .mini-structure-card.expanded{z-index:15;background:#fff;border-color:#1890ffa3;border-bottom-right-radius:0;border-bottom-left-radius:0;margin-bottom:0;box-shadow:0 4px 12px #1890ff26}.renamer-component .mini-expand-arrow{color:#6c757d;z-index:3;font-size:12px;transition:all .3s;position:absolute;top:16px;right:16px}.renamer-component .mini-structure-card.expanded .mini-expand-arrow{color:#1890ffa3;transform:rotate(180deg)}.renamer-component .sub-options-expanded{box-sizing:border-box;z-index:15;background:#fff;border:2px solid #1890ffa3;border-top:none;border-bottom-right-radius:12px;border-bottom-left-radius:12px;width:100%;padding:20px;animation:.3s expandDown;position:relative;overflow:visible}.renamer-component .expandable-category .category-card.has-warning.expanded+.sub-options-expanded{border-color:#fd7e14}@keyframes expandDown{0%{opacity:0;max-height:0;padding-top:0;padding-bottom:0}to{opacity:1;max-height:800px;padding-top:20px;padding-bottom:20px}}.renamer-component .variation-options-expanded{box-sizing:border-box;z-index:15;background:#fff;border:2px solid #1890ffa3;border-top:none;border-bottom-right-radius:8px;border-bottom-left-radius:8px;width:100%;padding:20px;animation:.3s expandDown;position:relative;overflow:visible}.renamer-component .variation-cards-grid{box-sizing:border-box;z-index:1;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));justify-content:start;align-items:start;gap:12px;width:100%;max-width:100%;margin-top:8px;display:grid;position:relative}.renamer-component .mini-cards-grid{box-sizing:border-box;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;width:100%;margin-top:8px;display:grid;position:relative;overflow:visible}.renamer-component .variation-card,.renamer-component .mini-option-card{cursor:pointer;text-align:center;box-sizing:border-box;z-index:2;background:#f8f9fa;border:2px solid #e9ecef;border-radius:6px;flex:1;width:100%;min-width:0;padding:12px;transition:all .3s;position:relative}.renamer-component .variation-card:hover,.renamer-component .mini-option-card:hover{z-index:5;background:#fff;border-color:#1890ffa3;transform:translateY(-1px);box-shadow:0 2px 6px #1890ff26}.renamer-component .variation-card.selected,.renamer-component .mini-option-card.selected{z-index:3;background:#e6f4ff;border-color:#009cff;transform:translateY(-1px);box-shadow:0 2px 8px #009cff40}.renamer-component .variation-card.selected .variation-example,.renamer-component .mini-option-card.selected .mini-option-example{color:#009cff;background:#fff;border-color:#009cff;font-weight:700}.renamer-component .variation-example,.renamer-component .mini-option-example{color:#212529;word-break:break-all;overflow-wrap:break-word;white-space:nowrap;text-overflow:ellipsis;background:#fff;border:1px solid #e9ecef;border-radius:4px;margin-bottom:6px;padding:6px 8px;font-family:Courier New,monospace;font-size:14px;font-weight:600;overflow:hidden}.renamer-component .variation-label,.renamer-component .mini-option-format{color:#6c757d;word-break:break-word;overflow-wrap:break-word;margin-bottom:3px;font-size:12px;font-weight:500}.renamer-component .variation-desc,.renamer-component .mini-option-description{color:#868e96;word-break:break-word;overflow-wrap:break-word;font-size:10px;line-height:1.3}.renamer-component .recommended-badge{color:#fff;text-transform:uppercase;letter-spacing:.5px;z-index:20;white-space:nowrap;background:#1890ffa3;border-radius:12px;padding:4px 8px;font-size:10px;font-weight:600;position:absolute;top:-10px;right:-10px;box-shadow:0 2px 4px #0000001a}.renamer-component .variation-card.has-conversion,.renamer-component .mini-option-card.has-conversion{padding:10px 8px}.renamer-component .variation-card.has-conversion .variation-example,.renamer-component .mini-option-card.has-conversion .mini-option-example{white-space:nowrap;text-overflow:ellipsis;margin-bottom:4px;padding:4px 6px;font-size:12px;display:block;overflow:hidden}.renamer-component .variation-card.has-conversion .conversion-arrow,.renamer-component .mini-option-card.has-conversion .conversion-arrow{color:#fd7e14;text-align:center;justify-content:center;align-items:center;margin:4px 0;font-size:14px;font-weight:700;display:flex}.renamer-component .variation-converted,.renamer-component .mini-option-converted{color:#fd7e14;word-break:break-word;overflow-wrap:break-word;white-space:nowrap;text-overflow:ellipsis;background:#fff3cd;border:1px solid #ffeaa7;border-radius:3px;margin-bottom:4px;padding:4px 6px;font-family:Courier New,monospace;font-size:12px;font-weight:600;display:block;overflow:hidden}.renamer-component .windows-warning{background:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;align-items:flex-start;gap:12px;margin-bottom:16px;padding:16px;display:flex}.renamer-component .warning-icon{color:#fd7e14;font-size:20px}.renamer-component .warning-text{color:#856404;font-size:14px;line-height:1.5}.renamer-component .warning-text strong{color:#533f03}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@media (max-width:768px){.renamer-component .default-separator-toggle-container{margin-bottom:16px;position:static}.renamer-component .separator-toggle-wrapper{align-items:flex-start}.renamer-component .separator-dropdown-btn{min-width:100px;padding:5px 10px;font-size:11px}.renamer-component .separator-options-dropdown{box-sizing:border-box;min-width:120px;max-width:calc(100vw - 24px);left:auto;right:0;transform:translate(-8px)}.renamer-component .bottom-controls{flex-direction:column;align-items:stretch;gap:20px}.renamer-component .output-controls{justify-content:space-between}.renamer-component .preview-content{flex-direction:column;align-items:stretch;gap:8px;display:flex}.renamer-component .preview-arrow{text-align:center;justify-content:center;align-items:center;min-height:30px;display:flex;transform:rotate(90deg)}.renamer-component .new-name{word-break:break-all;white-space:normal;text-align:center;line-height:1.4}.renamer-component .processing-message{text-align:center!important}.renamer-component .variation-cards-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px}.renamer-component .mini-cards-grid{grid-template-columns:1fr;gap:12px}.renamer-component .category-card{padding:16px 50px 16px 16px}.renamer-component .expand-arrow{top:16px;right:16px}.renamer-component .sub-options-expanded{padding:16px}.renamer-component .mini-structure-card{padding:12px 40px 12px 12px;overflow:visible}.renamer-component .mini-expand-arrow{font-size:11px;top:12px;right:12px}.renamer-component .variation-options-expanded{padding:12px;overflow:visible}.renamer-component .variation-card{padding:10px;overflow:visible}.renamer-component .variation-example{padding:5px 6px;font-size:13px}.renamer-component .variation-label{font-size:11px}.renamer-component .variation-desc{font-size:9px}.renamer-component .recommended-badge{padding:3px 6px;font-size:9px;top:-8px;right:-8px}.renamer-component .mini-option-card.has-conversion .mini-option-example,.renamer-component .mini-option-card.has-conversion .conversion-arrow,.renamer-component .mini-option-converted{text-align:center;margin:6px 0;display:block}.renamer-component .mini-option-card.has-conversion .conversion-arrow{justify-content:center;align-items:center;margin:4px 0;display:flex}.renamer-component .windows-warning{padding:12px}.renamer-component .warning-text{font-size:13px}.renamer-component .tag-option{padding:10px}.renamer-component .tag-option-label{font-size:12px}.renamer-component .tag-option-desc{font-size:10px}}@media (max-width:480px){.renamer-component .variation-cards-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px}.renamer-component .mini-structure-card{padding:10px 35px 10px 10px;overflow:visible}.renamer-component .mini-expand-arrow{font-size:10px;top:10px;right:10px}.renamer-component .variation-options-expanded{padding:10px;overflow:visible}.renamer-component .variation-card{padding:8px;overflow:visible}.renamer-component .variation-example{padding:4px 5px;font-size:12px}.renamer-component .variation-card.has-conversion .conversion-arrow{justify-content:center;align-items:center;margin:2px 0;font-size:12px;display:flex}.renamer-component .recommended-badge{padding:2px 5px;font-size:8px;top:-6px;right:-6px}.renamer-component .expandable-categories{gap:12px}.renamer-component .category-card{padding:12px 40px 12px 12px}.renamer-component .expand-arrow{font-size:14px;top:12px;right:12px}.renamer-component .category-title{font-size:16px}.renamer-component .category-example{font-size:14px}.renamer-component .category-description{font-size:12px}.renamer-component .windows-warning{padding:10px}.renamer-component .warning-text{font-size:12px}.renamer-component .tag-option{padding:10px}.renamer-component .tag-option-label{font-size:12px}.renamer-component .tag-option-desc{font-size:10px}}@media (max-width:400px){.renamer-component .all-tags-dropdown .tags-grid,.renamer-component .search-suggestions{grid-template-columns:1fr!important}.renamer-component .tab-content{padding:45px 5px 20px}}@media (min-width:1200px){.renamer-component .variation-cards-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}}@media (min-width:768px) and (max-width:1199px){.renamer-component .variation-cards-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px}}.renamer-component .renaming-content{padding:0 14px}@media (max-width:768px){.renamer-component .renaming-content{padding:0}}.renamer-component .search-element-wrapper{align-items:center;display:inline-flex;position:relative}.renamer-component .cursor-click-area{white-space:nowrap;flex:none;justify-content:center;align-items:center;margin-top:2px;transition:background-color .1s;display:inline-flex}.renamer-component .cursor-click-area:hover{background-color:#009cff1a!important}@media (hover:none),(pointer:coarse){.renamer-component .cursor-click-area{background-color:#009cff1a!important}}.renamer-component .start-click-area{border-left:2px solid #0000}.renamer-component .after-element-click-area{border-left:1px solid #0000;border-right:1px solid #0000}.renamer-component .end-click-area{border-right:2px solid #0000;flex:none}@media (max-width:480px){.renamer-component .cursor-click-area{margin-top:1px}.renamer-component .search-typing-input{width:auto!important;min-width:80px!important;max-width:160px!important}.renamer-component .after-element-click-area{flex:none!important}}.renamer-component .search-elements-container[data-cursor="0"] .start-click-area,.renamer-component .search-elements-container[data-cursor="-1"] .end-click-area{background-color:#009cff0d}.renamer-component .current-pattern-display{background:#f8f9fa;border-radius:6px;margin-bottom:16px;padding:12px}.renamer-component .current-pattern-display p{color:#374151;margin-bottom:8px;font-size:14px;font-weight:600;display:block}.renamer-component .pattern-text{color:#1f2937;word-wrap:break-word;word-break:break-all;white-space:pre-wrap;overflow-wrap:anywhere;background:#fff;border-radius:4px;min-height:20px;padding:8px 12px;font-family:Courier New,Consolas,Monaco,monospace;font-size:.9rem;line-height:1.4}.renamer-component .pattern-text:empty:before{content:"No pattern set";color:#9ca3af;font-style:italic}.renamer-component .output-format-dropdown-container{position:relative}.renamer-component .output-format-dropdown-btn{color:#475569;cursor:pointer;background:#fff;border:2px solid #e2e8f0;border-radius:6px;justify-content:space-between;align-items:center;gap:8px;min-width:150px;padding:8px 12px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.renamer-component .output-format-dropdown-btn:hover{color:#009cff;border-color:#009cff}.renamer-component .output-format-options-dropdown{z-index:20;background:#fff;border:1px solid #e2e8f0;border-radius:6px;margin-top:4px;position:absolute;top:100%;left:0;right:0;overflow:hidden;box-shadow:0 4px 12px #00000026}.renamer-component .output-format-option{cursor:pointer;border-bottom:1px solid #f1f5f9;align-items:center;padding:10px 12px;transition:all .2s;display:flex}.renamer-component .output-format-option:last-child{border-bottom:none}.renamer-component .output-format-option:hover{background:#f0f8ff}.renamer-component .output-format-option.selected{color:#009cff;background:#e6f4ff;font-weight:600}.renamer-component .output-format-option .option-label{font-size:14px;font-weight:500}.renamer-component .text-modify-modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.renamer-component .text-modify-modal{background:#fff;border-radius:12px;width:90vw;max-width:800px;max-height:90vh;padding:0;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.renamer-component .text-modify-modal .modal-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:20px 24px 16px;display:flex}.renamer-component .text-modify-modal .modal-body{max-height:70vh;padding:24px;overflow-y:auto}.renamer-component .text-modify-modal .modal-footer{border-top:1px solid #e5e7eb;justify-content:flex-end;gap:12px;padding:16px 24px 20px;display:flex}.renamer-component .renaming-tabs{border-bottom:2px solid #e9ecef;margin-bottom:24px}.renamer-component .tab-buttons{justify-content:space-evenly;gap:0;margin-bottom:-2px;display:flex}.renamer-component .tab-button{color:#6c757d;cursor:pointer;background:0 0;border:2px solid #0000;border-radius:8px 8px 0 0;margin-right:4px;padding:12px 24px;font-size:14px;font-weight:600;transition:all .3s;position:relative}.renamer-component .tab-button:hover{color:#1890ff;background:#1890ff0d}.renamer-component .tab-button.active{color:#1890ff;background:#fff;border-color:#e9ecef #e9ecef #fff}.renamer-component .tab-button.active:before{content:"";background:#1890ff;height:2px;position:absolute;bottom:-2px;left:0;right:0}.renamer-component .tab-content{min-height:400px;padding:45px 20px 20px;position:relative;overflow:visible}.renamer-component .tab-panel{animation:.3s ease-in-out fadeIn;position:relative;overflow:visible}.renamer-component .empty-tab{text-align:center;color:#6c757d;background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);border:2px dashed #dee2e6;border-radius:12px;padding:60px 20px}.renamer-component .empty-tab h6{color:#495057;margin-bottom:12px;font-size:18px;font-weight:600}.renamer-component .empty-tab p{opacity:.8;margin:0;font-size:14px}.renamer-component .modify-preview-section{background:linear-gradient(135deg,#f8fafc 0%,#e9ecef 100%);border:2px solid #e9ecef;border-radius:12px;margin-bottom:24px;padding:20px;position:relative;overflow:hidden}.renamer-component .modify-preview-section:before{content:"";background:linear-gradient(90deg,#007bff,#28a745,#ffc107,#dc3545);border-radius:12px 12px 0 0;height:4px;position:absolute;top:0;left:0;right:0}.renamer-component .modify-preview-section h6{color:#495057;margin-bottom:16px;font-size:1.1rem;font-weight:600}.renamer-component .preview-comparison{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.renamer-component .original-preview,.renamer-component .modified-preview{flex:1;min-width:200px}.renamer-component .original-preview label,.renamer-component .modified-preview label{color:#6c757d;margin-bottom:8px;font-size:.9rem;font-weight:500;display:block}.renamer-component .original-preview code{color:#856404;word-break:break-all;background:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;padding:12px;font-size:.9rem;display:block}.renamer-component .modified-preview code{color:#0c5460;word-break:break-all;background:#d1ecf1;border:1px solid #bee5eb;border-radius:8px;padding:12px;font-size:.9rem;font-weight:500;display:block}.renamer-component .arrow{color:#009cff;justify-content:center;align-self:center;align-items:center;min-height:40px;margin-top:0;font-size:1.5rem;font-weight:700;display:flex}.renamer-component .batch-note{color:#495057;background:#009cff1a;border-left:4px solid #009cff;border-radius:4px;margin-top:16px;margin-bottom:0;padding:12px;font-size:.9rem}.renamer-component .operations-summary{background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;margin-bottom:24px;padding:16px}.renamer-component .operations-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.renamer-component .operations-header h6{color:#495057;margin:0;font-weight:600}.renamer-component .clear-operations-btn{color:#fff;cursor:pointer;background:#dc3545;border:none;border-radius:6px;padding:6px 12px;font-size:.8rem;transition:all .2s}.renamer-component .clear-operations-btn:hover{background:#c82333;transform:translateY(-1px)}.renamer-component .operations-list{flex-direction:column;gap:8px;display:flex}.renamer-component .operation-item{background:#fff;border:1px solid #dee2e6;border-radius:6px;justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.renamer-component .operation-summary{color:#495057;flex:1;font-size:.9rem}.renamer-component .remove-operation-btn{color:#212529;cursor:pointer;background:#ffc107;border:none;border-radius:4px;padding:4px 8px;font-size:.8rem;font-weight:700;transition:all .2s}.renamer-component .remove-operation-btn:hover{background:#e0a800;transform:scale(1.1)}.renamer-component .modify-actions h6{color:#495057;margin-bottom:20px;font-size:1.1rem;font-weight:600}.renamer-component .quick-actions-row{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px;display:grid}.renamer-component .quick-action-card{text-align:center;cursor:pointer;background:#fff;border:2px solid #e9ecef;border-radius:12px;padding:16px;transition:all .3s;position:relative;overflow:hidden}.renamer-component .quick-action-card:hover{border-color:#009cff;transform:translateY(-4px)}.renamer-component .quick-action-card .action-icon{color:#009cff;margin-bottom:8px;font-size:2rem;font-weight:700}.renamer-component .quick-action-card .action-title{color:#495057;margin-bottom:8px;font-size:1rem;font-weight:600}.renamer-component .quick-action-card .action-example{color:#6c757d;background:#f8f9fa;border-radius:4px;padding:4px 8px;font-family:Courier New,monospace;font-size:.8rem;display:inline-block}.renamer-component .action-section{background:#fff;border:1px solid #dee2e6;border-radius:8px;margin-bottom:16px;padding:20px}.renamer-component .action-section h6{color:#495057;margin-bottom:16px;font-size:1rem;font-weight:600}.renamer-component .input-group-horizontal{flex-wrap:wrap;align-items:stretch;gap:12px;display:flex}.renamer-component .input-group-horizontal .operation-input{border:1px solid #ced4da;border-radius:6px;flex:1;min-width:150px;padding:10px 12px;font-size:.9rem;transition:border-color .2s}.renamer-component .input-group-horizontal .operation-input:focus{border-color:#009cff;outline:none;box-shadow:0 0 0 2px #009cff40}.renamer-component .action-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:6px;padding:10px 20px;font-weight:500;transition:all .2s}.renamer-component .action-btn.primary{color:#fff;background:#009cff;border:1px solid #009cff}.renamer-component .action-btn.primary:hover{background:#0080d1;border-color:#0080d1;transform:translateY(-2px)}.renamer-component .action-btn.secondary{color:#fff;background:#6c757d}.renamer-component .action-btn.secondary:hover{background:#545b62;transform:translateY(-2px)}.renamer-component .more-options{margin-top:24px}.renamer-component .expand-more-btn{color:#495057;cursor:pointer;background:#f8f9fa;border:1px solid #dee2e6;width:100%;padding:12px;font-weight:500;transition:all .2s}.renamer-component .expand-more-btn:hover{background:#e9ecef;border-color:#adb5bd}.renamer-component .advanced-options{border-radius:8px;margin-top:16px;padding:20px}.renamer-component .option-group{margin-bottom:20px}.renamer-component .option-group:last-child{margin-bottom:0}.renamer-component .option-group h6{color:#495057;margin-bottom:12px;font-size:.95rem;font-weight:600}.renamer-component .button-group{flex-wrap:wrap;gap:8px;display:flex}.renamer-component .option-btn{cursor:pointer;color:#495057;background:#fff;border:1px solid #ced4da;border-radius:6px;padding:8px 16px;font-size:.9rem;transition:all .2s}.renamer-component .option-btn:hover{color:#009cff;border-color:#009cff;transform:translateY(-1px)}.renamer-component .regex-input-group{flex-wrap:wrap;align-items:stretch;gap:12px;display:flex}.renamer-component .regex-input-group .operation-input{border:1px solid #ced4da;border-radius:6px;flex:1;min-width:150px;padding:8px 12px;font-family:Courier New,monospace;font-size:.9rem}@media (max-width:768px){.renamer-component .text-modify-modal{width:95vw;margin:2.5vh auto}.renamer-component .quick-actions-row{grid-template-columns:1fr}.renamer-component .preview-comparison{flex-direction:column;gap:12px}.renamer-component .arrow{justify-content:center;align-self:center;align-items:center;margin:8px 0;display:flex}.renamer-component .input-group-horizontal{flex-direction:column}.renamer-component .input-group-horizontal .operation-input{min-width:auto}.renamer-component .button-group{justify-content:center}.renamer-component .regex-input-group{flex-direction:column}}.renamer-component .operation-item{animation:.3s ease-out slideIn}.renamer-component .custom-number-modal .config-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:24px;padding:20px;display:grid}.renamer-component .custom-number-modal .input-group{flex-direction:column;gap:8px;display:flex}.renamer-component .custom-number-modal .input-group label{color:#374151;font-size:14px;font-weight:600}.renamer-component .custom-number-modal .digits-input{text-align:center;border:2px solid #d1d5db;border-radius:8px;width:100%;padding:12px 16px;font-size:16px;font-weight:600;transition:all .3s}.renamer-component .custom-number-modal .digits-input:focus{border-color:#009cff;outline:none;box-shadow:0 0 0 3px #009cff1a}.renamer-component .custom-number-modal .preview-section{background:#f0f8ff;border:1px solid #d6f4ff;border-radius:8px;padding:16px}.renamer-component .custom-number-modal .preview-section h6{color:#1e293b;margin:0 0 12px;font-size:14px;font-weight:600}.renamer-component .custom-number-modal .preview-examples{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.renamer-component .custom-number-modal .preview-number{color:#fff;background:#009cff;border-radius:6px;padding:6px 12px;font-family:Courier New,monospace;font-size:14px;font-weight:600}.renamer-component .custom-number-modal .preview-dots{color:#64748b;font-size:16px;font-weight:700}@media (max-width:768px){.renamer-component .custom-number-modal{width:95%;margin:20px}.renamer-component .custom-number-modal .modal-header,.renamer-component .custom-number-modal .modal-body,.renamer-component .custom-number-modal .modal-footer{padding:16px 20px}.renamer-component .custom-number-modal .modal-header h5{font-size:1.1rem}.renamer-component .custom-number-modal .config-section{grid-template-columns:1fr;gap:16px}.renamer-component .custom-number-modal .digits-input{padding:10px 14px;font-size:14px}.renamer-component .custom-number-modal .modal-footer{flex-direction:column;gap:8px}.renamer-component .custom-number-modal .btn{width:100%;min-width:auto}}.renamer-component .name-selection-modal{border:none;max-width:750px;box-shadow:0 20px 40px #00000026}.renamer-component .name-selection-modal .modal-header{color:#1e293b;background:#f8fafc;border-bottom:1px solid #e2e8f0;border-radius:12px 12px 0 0}.renamer-component .name-selection-modal .modal-header h5{color:#1e293b;margin:0;font-size:1.2rem;font-weight:600}.renamer-component .name-selection-modal .modal-close{color:#64748b;opacity:1;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:32px;height:32px;padding:4px;font-size:24px;transition:all .2s;display:flex}.renamer-component .name-selection-modal .modal-close:hover{opacity:1;background:#e2e8f0}.renamer-component .modal-intro{text-align:center;margin-bottom:24px}.renamer-component .modal-intro p{color:#64748b;margin:0;font-size:1rem;line-height:1.5}.renamer-component .preview-card{background:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 100%);border:1px solid #cbd5e1;border-radius:12px;margin-bottom:24px;padding:20px;box-shadow:0 2px 8px #0000000d}.renamer-component .preview-header{color:#334155;background:0 0;align-items:center;gap:8px;margin:0;font-size:1rem;font-weight:600;display:flex}.renamer-component .preview-icon{font-size:1.2rem}.renamer-component .preview-content{justify-content:space-around;align-items:center;gap:16px;margin-bottom:12px;padding-top:10px;display:flex}.renamer-component .preview-item{flex-direction:column;gap:6px;display:flex}.renamer-component .preview-label{color:#64748b;font-size:.85rem;font-weight:500}.renamer-component .preview-value{word-break:break-all;border-radius:6px;padding:8px 12px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.9rem}.renamer-component .preview-value.original{color:#e8840e;background:#dfa81e26}.renamer-component .preview-value.result{color:#1890ff;background:#1890ff12}.renamer-component .preview-arrow{color:#009cff;text-align:center;justify-content:center;align-items:center;min-height:40px;margin-top:auto;font-size:1.5rem;font-weight:700;display:flex}.renamer-component .batch-info{color:#1e40af;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;align-items:center;gap:8px;padding:8px 12px;font-size:.85rem;display:flex}.renamer-component .batch-icon{font-size:1rem}.renamer-component .option-selection{margin-bottom:24px}.renamer-component .option-selection h6{color:#1e293b;text-align:center;margin:0 0 16px;font-size:1.1rem;font-weight:600}.renamer-component .option-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.renamer-component .option-choice{cursor:pointer;background:#fff;border:2px solid #e2e8f0;border-radius:12px;padding:20px;transition:all .3s;position:relative;overflow:hidden}.renamer-component .option-choice:hover{border-color:#009cff;transform:translateY(-2px)}.renamer-component .option-choice.selected{background:linear-gradient(135deg,#e6f7ff 0%,#bae7ff 100%);border-color:#009cff}.renamer-component .choice-header{flex-direction:column;align-items:center;margin-bottom:12px;display:flex;position:relative}.renamer-component .choice-icon{margin-bottom:8px;font-size:2rem}.renamer-component .choice-title{color:#1e293b;text-align:center;margin-bottom:6px;font-size:1.1rem;font-weight:600}.renamer-component .choice-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:12px;padding:2px 8px;font-size:.7rem;font-weight:600}.renamer-component .choice-badge.recommended{color:#166534;background:#dcfce7;border:1px solid #bbf7d0}.renamer-component .choice-badge.advanced{color:#92400e;background:#fef3c7;border:1px solid #fbbf24}.renamer-component .choice-description{color:#64748b;text-align:center;margin-bottom:12px;font-size:.9rem;line-height:1.4}.renamer-component .choice-examples{flex-direction:column;gap:6px;display:flex}.renamer-component .example-item{align-items:center;gap:8px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.8rem;display:flex}.renamer-component .example-item .before{color:#dc2626;text-align:center;background:#fef2f2;border-radius:4px;flex:1;padding:2px 6px}.renamer-component .example-item .arrow{color:#009cff;justify-content:center;align-items:center;font-weight:700;display:flex}.renamer-component .example-item .after{color:#166534;text-align:center;background:#f0fdf4;border-radius:4px;flex:1;padding:2px 6px}.renamer-component .modification-tools{border-radius:12px;margin-top:20px;padding:20px;box-shadow:0 2px 4px -3px gray}.renamer-component .tools-header{color:#334155;border-bottom:1px solid #cbd5e1;align-items:center;gap:8px;margin-bottom:16px;padding-bottom:8px;font-size:1rem;font-weight:600;display:flex}.renamer-component .tools-icon{font-size:1.2rem}.renamer-component .active-operations{background:#fff;border:1px solid #e2e8f0;border-radius:8px;margin:16px 24px;padding:16px}.renamer-component .operations-header{color:#334155;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:.9rem;font-weight:600;display:flex}.renamer-component .clear-all-btn{color:#dc2626;cursor:pointer;background:#fee2e2;border:1px solid #fecaca;border-radius:6px;padding:4px 8px;font-size:.8rem;transition:all .2s}.renamer-component .clear-all-btn:hover{background:#fecaca}.renamer-component .operations-list{flex-wrap:wrap;gap:8px;display:flex}.renamer-component .operation-tag{color:#1e40af;background:#eff6ff;border-radius:6px;justify-content:space-between;align-items:center;gap:6px;padding:6px 10px;font-size:.8rem;display:flex}.renamer-component .operation-text{font-weight:500}.renamer-component .remove-operation{color:#21252987;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;padding:0;font-weight:700;transition:background-color .2s;display:flex}.renamer-component .remove-operation:hover{background:#fee2e2}.renamer-component .quick-tools{margin-bottom:20px}.renamer-component .quick-tools h6{color:#334155;margin:0 0 12px;font-size:.95rem;font-weight:600}.renamer-component .tool-buttons{flex-wrap:wrap;gap:8px;display:flex}.renamer-component .tool-btn{color:#009cff;cursor:pointer;background:0 0;border:1px solid #009cff;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:.85rem;font-weight:500;transition:all .2s;display:flex}.renamer-component .tool-btn:hover{color:#0080d1;background:#e6f7ff;border-color:#009cff}.renamer-component .tool-btn.primary:hover,.renamer-component .tool-btn.primary.active{color:#fff;background:#009cff;border-color:#009cff}.renamer-component .tool-btn:focus{outline:none}.renamer-component .tool-btn:focus-visible{outline-offset:2px;outline:2px solid #009cff}@media (hover:none),(pointer:coarse){.renamer-component .tool-btn:focus,.renamer-component .tool-btn:active,.renamer-component .tool-btn.primary:focus:not(.active),.renamer-component .tool-btn.primary:active:not(.active){color:#009cff;background:0 0;border-color:#009cff}}.renamer-component .tool-btn{-webkit-tap-highlight-color:#0000}.renamer-component .btn-icon{font-size:.9rem}.renamer-component .replace-tool,.renamer-component .prefix-suffix-tool{margin-bottom:16px}.renamer-component .replace-tool h6,.renamer-component .prefix-suffix-tool h6{color:#334155;margin:0 0 10px;font-size:.95rem;font-weight:600}.renamer-component .replace-inputs,.renamer-component .prefix-suffix-inputs{align-items:center;gap:8px;display:flex}.renamer-component .find-input,.renamer-component .replace-input,.renamer-component .prefix-input,.renamer-component .suffix-input{border:1px solid #cbd5e1;border-radius:6px;flex:1;padding:8px 12px;font-size:.9rem;transition:border-color .2s}.renamer-component .find-input:focus,.renamer-component .replace-input:focus,.renamer-component .prefix-input:focus,.renamer-component .suffix-input:focus{border-color:#009cff;outline:none;box-shadow:0 0 0 1px #009cff}.renamer-component .apply-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#009cff;border:1px solid #009cff;border-radius:6px;padding:8px 16px;font-size:.9rem;font-weight:500;transition:all .2s}.renamer-component .apply-btn:hover{background:#0080d1;border-color:#0080d1}.renamer-component .name-selection-modal .modal-footer{background:#f8fafc;border-top:1px solid #e2e8f0;justify-content:space-between;gap:12px;padding:16px 24px;display:flex}.renamer-component .btn-cancel{color:#009cff;cursor:pointer;background:0 0;border:1px solid #009cff;border-radius:6px;padding:7px 16px;font-size:.85rem;font-weight:500;transition:all .2s}.renamer-component .btn-cancel:hover{color:#fff;background:#009cff;border-color:#009cff}.renamer-component .btn-apply{color:#fff;cursor:pointer;background:#009cff;border:1px solid #009cff;border-radius:6px;align-items:center;gap:6px;padding:7px 16px;font-size:.85rem;font-weight:500;transition:all .2s;display:flex}.renamer-component .btn-apply:hover{background-color:#0080d1;border-color:#0080d1}@media (max-width:640px){.renamer-component .option-grid{grid-template-columns:1fr}.renamer-component .name-selection-modal{width:calc(100% - 20px);max-height:calc(100vh - 20px);margin:10px}.renamer-component .preview-content{flex-direction:column;gap:12px;display:flex}.renamer-component .preview-arrow{justify-content:center;align-items:center;min-height:25px;display:flex;transform:rotate(90deg)}.renamer-component .replace-inputs,.renamer-component .prefix-suffix-inputs{flex-direction:column}.renamer-component .tool-buttons{justify-content:center}.renamer-component .modal-footer{flex-direction:column}}.renamer-component .advanced-section{margin-top:16px;padding-bottom:10px}.renamer-component .advanced-toggle-btn{color:#0080d1;cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:8px;width:100%;padding:10px 0;font-size:.95rem;font-weight:600;transition:all .2s;display:flex}.renamer-component .advanced-toggle-btn:hover{color:#009cff}.renamer-component .advanced-toggle-btn.active{color:#0066a8}.renamer-component .advanced-toggle-btn i{width:16px}.renamer-component .advanced-options{width:100%;max-width:100%;padding:10px;animation:.3s fadeIn;overflow-x:hidden}.renamer-component .regex-tool h6{color:#334155;margin:0 0 10px;font-size:.95rem;font-weight:600}.renamer-component .regex-description{color:#475569;background-color:#1890ff0f;border-radius:6px;margin-bottom:15px;padding:10px;font-size:.85rem}.renamer-component .regex-description p{align-items:center;margin:0;display:flex}.renamer-component .regex-description a{color:#0080d1;justify-content:center;align-items:center;width:20px;height:20px;margin-left:8px;display:inline-flex}.renamer-component .regex-form{flex-direction:column;gap:16px;width:100%;max-width:100%;display:flex}.renamer-component .regex-inputs{flex-wrap:wrap;align-items:center;gap:8px;width:100%;display:flex}.renamer-component .pattern-input,.renamer-component .replacement-input{box-sizing:border-box;border:1px solid #cbd5e1;border-radius:6px;flex:1;width:calc(100% - 40px);min-width:0;padding:8px 12px;font-size:.9rem;transition:border-color .2s}.renamer-component .pattern-input:focus,.renamer-component .replacement-input:focus{border-color:#009cff;outline:none;box-shadow:0 0 0 1px #009cff}.renamer-component .input-with-tooltip{flex:1;align-items:center;width:100%;min-width:0;max-width:100%;display:flex;position:relative}.renamer-component .info-button{color:#64748b;cursor:pointer;z-index:1;background:0 0;border:none;padding:4px;transition:color .2s;position:absolute;right:8px}.renamer-component .info-button:hover{color:#0080d1}.renamer-component .info-button i{font-size:16px}.renamer-component .tooltip-popup{z-index:100;background:#fff;border:1px solid #e2e8f0;border-radius:8px;width:320px;max-width:calc(100vw - 40px);animation:.2s fadeIn;position:absolute;top:calc(100% + 5px);left:0;box-shadow:0 4px 20px #00000026}.renamer-component .tooltip-header{background-color:#f8fafc;border-bottom:1px solid #e2e8f0;border-radius:8px 8px 0 0;justify-content:space-between;align-items:center;padding:10px 15px;display:flex}.renamer-component .tooltip-header span{color:#334155;font-size:.9rem;font-weight:600}.renamer-component .tooltip-close{color:#64748b;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:5px;display:flex}.renamer-component .tooltip-close:hover{color:#0080d1}.renamer-component .tooltip-content{color:#334155;padding:15px;font-size:.85rem}.renamer-component .tooltip-content p{margin:0 0 12px;line-height:1.5}.renamer-component .tooltip-examples h6{color:#334155;margin:0 0 8px;font-size:.85rem;font-weight:600}.renamer-component .example{align-items:baseline;gap:10px;margin-bottom:8px;display:flex}.renamer-component .example code{white-space:nowrap;color:#0080d1;background:#f1f5f9;border-radius:4px;padding:2px 5px;font-family:monospace}.renamer-component .example span{color:#475569;font-size:.8rem}@media (max-width:768px){.renamer-component .tooltip-popup{z-index:1000;width:90%;max-height:80vh;position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%)}.renamer-component .tooltip-header{position:sticky;top:0}.renamer-component .input-with-tooltip{flex-basis:100%;margin-bottom:8px}.renamer-component .pattern-input,.renamer-component .replacement-input{width:calc(100% - 40px)}}.renamer-component .regex-apply-btn{min-width:80px}.renamer-component .flag-container{background-color:#1890ff0f;border-radius:8px;padding:12px}.renamer-component .flag-options{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px;display:grid}.renamer-component .flag-checkbox{cursor:pointer;align-items:center;gap:10px;padding:3px 0;font-size:.9rem;display:flex;position:relative}.renamer-component .flag-checkbox input[type=checkbox]{opacity:0;cursor:pointer;position:absolute}.renamer-component .checkbox-custom{border:2px solid #94a3b8;border-radius:4px;width:18px;height:18px;transition:all .2s;display:inline-block;position:relative}.renamer-component .flag-checkbox input[type=checkbox]:checked+.checkbox-custom{background-color:#1890ff;border-color:#1890ff}.renamer-component .flag-checkbox input[type=checkbox]:checked+.checkbox-custom:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:5px;height:10px;position:absolute;top:1px;left:5px;transform:rotate(45deg)}.renamer-component .flag-text{flex-direction:column;display:flex}.renamer-component .flag-label{color:#334155;font-weight:500}.renamer-component .flag-desc{color:#64748b;font-size:.75rem}.renamer-component .regex-examples{margin-top:16px}.renamer-component .regex-examples h6{margin-bottom:8px}.renamer-component .example-btn{color:#0080d1;cursor:pointer;background:0 0;border:1px solid #0080d1;border-radius:6px;align-items:center;gap:6px;padding:8px 12px;font-size:.85rem;font-weight:500;transition:all .2s;display:flex}.renamer-component .example-btn:hover{color:#fff;background:#0080d1;border-color:#0080d1}.renamer-component .example-btn i{font-size:.9rem}.renamer-component .example-buttons{flex-wrap:wrap;gap:10px;display:flex}.renamer-component .example-buttons button{color:#1890ff;cursor:pointer;background-color:#1890ff0d;border:none;border-radius:4px;padding:5px 10px;font-size:.8rem;transition:all .2s}.renamer-component .example-buttons button:hover{color:#1890ff;background-color:#1890ff0d}.renamer-component .apply-regex-btn{color:#fff;cursor:pointer;background-color:#0080d1;border:none;border-radius:4px;align-self:flex-start;margin-top:10px;padding:8px 15px;font-weight:500;transition:all .2s}.renamer-component .apply-regex-btn:hover{background-color:#009cff}.renamer-component .preview-card-footer{border-radius:12px;margin:16px 24px;padding:20px}.renamer-component .grid-controls{margin-top:8px;margin-left:16px}.renamer-component .grid-control-label{color:#666;align-items:center;gap:8px;font-size:.85rem;font-weight:500;display:flex}.renamer-component .grid-select{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:4px;outline:none;padding:4px 8px;font-size:.85rem;transition:border-color .2s}.renamer-component .grid-select:focus{border-color:#1890ff;box-shadow:0 0 0 2px #1890ff1a}.renamer-component .grid-select:hover{border-color:#1890ff}.renamer-component .grid-preview-container{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;margin-top:24px;padding:20px}.renamer-component .grid-preview-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:16px;display:flex}.renamer-component .grid-preview-header h6{color:#333;margin:0;font-size:1rem;font-weight:600}.renamer-component .preview-info{color:#666;font-size:.85rem;font-weight:500}.renamer-component .grid-preview-item{background:#fff;border:1px solid #e0e0e0;border-radius:8px;min-width:0;padding:12px;transition:transform .2s,box-shadow .2s;overflow:hidden;box-shadow:0 2px 4px #0000000d}.renamer-component .grid-preview-item:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.renamer-component .preview-image-container{border-radius:6px;margin-bottom:12px;position:relative;overflow:hidden}.renamer-component .preview-grid-image{max-width:100%;height:auto;transition:transform .2s;display:block}.renamer-component .grid-preview-item:hover .preview-grid-image{transform:scale(1.02)}.renamer-component .preview-names{flex-direction:column;gap:8px;min-width:0;display:flex}.renamer-component .original-name,.renamer-component .new-name{flex-direction:column;gap:2px;min-width:0;display:flex}.renamer-component .name-label{text-transform:uppercase;letter-spacing:.5px;color:#666;flex-shrink:0;font-size:.75rem;font-weight:600}.renamer-component .name-text{word-break:break-word;overflow-wrap:break-word;-webkit-line-clamp:2;line-clamp:2;text-overflow:ellipsis;-webkit-hyphens:auto;hyphens:auto;-webkit-box-orient:vertical;min-width:0;max-height:2.6em;font-size:.85rem;font-weight:500;line-height:1.3;display:-webkit-box;overflow:hidden}.renamer-component .renamer-custom-grid-container{box-sizing:border-box;max-height:400px;padding-right:8px;overflow:hidden auto}.renamer-component .renamer-custom-grid-layout{box-sizing:border-box}.renamer-component .renamer-grid-card{box-sizing:border-box;min-width:0;transition:transform .2s,box-shadow .2s;overflow:hidden}.renamer-component .renamer-grid-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a!important}.renamer-component .renamer-grid-image-wrapper{box-sizing:border-box;background-color:#f0f0f0;position:relative;overflow:hidden}.renamer-component .renamer-grid-img{box-sizing:border-box;transition:transform .2s}.renamer-component .renamer-grid-original-name,.renamer-component .renamer-grid-new-name{box-sizing:border-box;word-break:keep-all;text-overflow:ellipsis;direction:ltr;font-family:inherit}.renamer-component .renamer-custom-grid-container::-webkit-scrollbar{width:6px}.renamer-component .renamer-custom-grid-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.renamer-component .renamer-custom-grid-container::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px;transition:background .2s}.renamer-component .renamer-custom-grid-container::-webkit-scrollbar-thumb:hover{background:#a1a1a1}.renamer-component .renamer-custom-grid-container{scrollbar-width:thin;scrollbar-color:#c1c1c1 #f1f1f1}.renamer-component .grid-preview-checkbox{opacity:0;width:0;height:0;position:absolute}.renamer-component .grid-preview-checkbox-custom{cursor:pointer;background:#fff;border:2px solid #e2e8f0;border-radius:4px;width:18px;height:18px;transition:all .3s;display:inline-block;position:relative}.renamer-component .grid-preview-checkbox-custom:hover{border-color:#009cff;box-shadow:0 0 0 3px #009cff1a,0 1px 3px #0000001a}.renamer-component .grid-preview-checkbox:checked+.grid-preview-checkbox-custom{background:#009cff;border-color:#009cff}.renamer-component .grid-preview-checkbox:checked+.grid-preview-checkbox-custom:after{content:"✓";color:#fff;font-size:12px;font-weight:700;line-height:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.renamer-component .grid-preview-checkbox:focus+.grid-preview-checkbox-custom{outline:none}.renamer-component .grid-images-per-row-dropdown{display:inline-block;position:relative}.renamer-component .grid-dropdown-btn{color:#475569;cursor:pointer;white-space:nowrap;background:#fff;border:2px solid #e2e8f0;border-radius:6px;flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;min-width:60px;max-width:80px;padding:6px 12px;font-size:12px;font-weight:500;transition:all .2s;display:flex}.renamer-component .grid-dropdown-btn:hover{color:#009cff;border-color:#009cff}.renamer-component .grid-dropdown-arrow{font-size:10px;transition:transform .2s}.renamer-component .grid-dropdown-options{z-index:20;background:#fff;border:1px solid #e2e8f0;border-radius:6px;min-width:80px;margin-top:4px;position:absolute;top:100%;left:0;overflow:hidden;box-shadow:0 4px 12px #00000026}.renamer-component .grid-dropdown-option{color:#475569;cursor:pointer;border-bottom:1px solid #f1f5f9;justify-content:center;align-items:center;padding:10px 12px;font-size:12px;font-weight:500;transition:all .2s;display:flex}.renamer-component .grid-dropdown-option:last-child{border-bottom:none}.renamer-component .grid-dropdown-option:hover{background:#f0f8ff}.renamer-component .grid-dropdown-option.selected{color:#009cff;background:#e6f4ff;font-weight:600}@media (max-width:768px){.renamer-component .renamer-custom-grid-container{max-height:350px}.renamer-component .renamer-grid-image-wrapper{height:100px!important}.renamer-component .renamer-grid-card{padding:10px!important}}@media (max-width:480px){.renamer-component .renamer-custom-grid-container{max-height:300px;padding:12px!important}.renamer-component .renamer-custom-grid-layout[data-columns="3"],.renamer-component .renamer-custom-grid-layout[data-columns="4"],.renamer-component .renamer-custom-grid-layout[data-columns="5"],.renamer-component .renamer-custom-grid-layout[data-columns="6"]{grid-template-columns:repeat(2,1fr)!important}}.renamer-component .original-name .name-text{color:#666}.renamer-component .new-name .name-text.new{color:#1890ff;box-sizing:border-box;background:#1890ff1a;border:1px solid #1890ff33;border-radius:4px;padding:4px 6px;font-weight:600}.renamer-component .grid-preview-images{box-sizing:border-box;width:100%;min-width:0}@media (max-width:1200px){.renamer-component .grid-preview-header{flex-direction:column;align-items:flex-start}}@media (max-width:768px){.renamer-component .grid-preview-container{margin:16px 0;padding:16px}.renamer-component .grid-preview-images{grid-template-columns:repeat(2,1fr)!important;gap:12px!important}.renamer-component .grid-preview-item{padding:10px}.renamer-component .preview-grid-image{height:100px!important}}@media (max-width:480px){.renamer-component .grid-preview-images{grid-template-columns:1fr!important}.renamer-component .grid-controls{margin-top:12px;margin-left:0}.renamer-component .grid-control-label{justify-content:space-between}}.renamer-component .renamer-floating-download{z-index:1000;align-items:center;gap:10px;display:flex;position:fixed;bottom:20px;right:20px}.renamer-component .renamer-zip-label{color:#1f2937;white-space:nowrap;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fffffff2;border:1px solid #d1d5dbcc;border-radius:6px;padding:6px 10px;font-size:12px;font-weight:500;box-shadow:0 2px 8px #0000001a}.renamer-component .renamer-mobile-zip-message{color:#1f2937;text-align:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fffffff2;border:1px solid #d1d5dbcc;border-radius:8px;margin-bottom:12px;padding:8px 12px;font-size:12px;font-weight:500;box-shadow:0 2px 8px #0000001a}.renamer-component .renamer-float-btn{color:#fff;cursor:pointer;border:none;border-radius:50%;outline:none;justify-content:center;align-items:center;width:56px;height:56px;font-size:20px;transition:transform .25s;display:flex;position:relative;background:#009cff!important}.renamer-component .renamer-float-btn:hover:not(:disabled){transform:translateY(-2px);background:#007acc!important}.renamer-component .renamer-float-btn:active:not(:disabled){transform:translateY(0);background:#007acc!important}.renamer-component .renamer-float-btn:disabled{opacity:.6;cursor:not-allowed;background:#009cff!important}.renamer-component .renamer-float-btn-content{z-index:3;text-align:center;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.renamer-component .renamer-float-btn .progress-ring{pointer-events:none;width:56px;height:56px;margin:auto;position:absolute;inset:0;transform:rotate(-90deg)}.renamer-component .renamer-float-btn .progress-ring-circle{stroke-linecap:round;transition:stroke-dashoffset .3s}.renamer-component .renamer-float-btn .progress-percentage{color:#fff;font-size:13px;font-weight:400;line-height:1.05}.renamer-component .renamer-float-btn .progress-lines{flex-direction:column;justify-content:center;align-items:center;gap:2px;width:100%;padding:0 6px;display:flex}.renamer-component .renamer-float-btn .progress-count{color:#e6f4ff;font-size:10px;font-weight:500}.renamer-component .renamer-mobile-download-panel{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;gap:10px;margin:0 0 25px;padding:14px 14px 16px;font-size:13px;display:none;position:relative;box-shadow:0 4px 18px -2px #0f172a1f,0 2px 6px #0f172a0f}.renamer-component .renamer-mobile-download-row{align-items:center;gap:10px;display:flex}.renamer-component .renamer-mobile-download-row-main{flex-wrap:nowrap;flex:1;align-items:center;gap:12px;display:flex}.renamer-component .renamer-select-wrapper{flex-direction:column;flex:auto;min-width:120px;display:flex;position:relative}.renamer-component .renamer-select-wrapper.no-label{gap:0}.renamer-component .renamer-select-wrapper select.renamer-select.mobile-select{color:#0f172a;cursor:pointer;appearance:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") right 10px center/16px 16px no-repeat;border:1px solid #d9e2ec;border-radius:8px;width:100%;min-width:140px;height:34px;padding:6px 34px 6px 12px;font-size:13px;font-weight:500;line-height:1.2;transition:border-color .18s,box-shadow .18s,background .25s}@media (max-width:1199.98px){.renamer-component .renamer-desktop-controls{padding-left:10px;padding-right:10px}}.renamer-component .renamer-select-wrapper select.renamer-select.mobile-select:hover{background:linear-gradient(#fff,#f1f5f9);border-color:#b5c6d6}.renamer-component .renamer-select-wrapper select.renamer-select.mobile-select:focus{background:linear-gradient(#fff,#eef6ff);border-color:#0a84ff;outline:none;box-shadow:0 0 0 3px #0a84ff2e}.renamer-component .renamer-float-btn.mobile-inline{color:#fff;cursor:pointer;width:50px;height:50px;box-shadow:none;border:none;border-radius:50%;flex:0 0 50px;justify-content:center;align-items:center;font-size:18px;transition:background .18s,transform .18s;display:flex;position:relative;background:#009cff!important}.renamer-component .renamer-float-btn.mobile-inline:active:not(:disabled){transform:translateY(1px)}.renamer-component .renamer-float-btn.mobile-inline:hover:not(:disabled){background:#00a8ff!important}.renamer-component .renamer-float-btn.mobile-inline:disabled{opacity:.6;cursor:not-allowed}.renamer-component .renamer-progress-ring-wrapper{pointer-events:none;z-index:2;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.renamer-component .renamer-float-btn.mobile-inline .progress-ring{pointer-events:none;width:100%;height:100%;transform:rotate(-90deg)}@media (max-width:420px){.renamer-component .renamer-select-wrapper select.renamer-select.mobile-select{min-width:130px}}@media (max-width:360px){.renamer-component .renamer-select-wrapper select.renamer-select.mobile-select{min-width:115px;font-size:12px}}@media (hover:none){.renamer-component .renamer-float-btn.mobile-inline:hover{background:#009cff!important;transform:none!important}}@media (max-width:768px){.renamer-component .renamer-floating-download{display:none}.renamer-component .renamer-float-btn.mobile-inline,.renamer-component .renamer-mobile-download-panel{display:flex!important}}.renamer-component .renamer-options-menu{z-index:2102;background:#fff;border:1px solid #eef0f2;border-radius:8px;width:260px;animation:.2s ease-out renamer-slideUpFadeIn;position:absolute;bottom:66px;right:0;box-shadow:0 8px 24px #0f172a26}.renamer-component .renamer-options-menu:after{content:"";z-index:-1;background:0 0;width:100px;height:20px;position:absolute;top:100%;left:50%;transform:translate(-50%)}@keyframes renamer-slideUpFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.renamer-component .renamer-menu-content{padding:12px 16px}.renamer-component .renamer-menu-item{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.renamer-component .renamer-menu-item:last-child{margin-bottom:0}.renamer-component .renamer-menu-label{color:#4a5568;margin:0;font-size:13px;font-weight:500}.renamer-component .renamer-select{cursor:pointer;color:#0f172a;appearance:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") right 10px center/16px 16px no-repeat;border:1px solid #d9e2ec;border-radius:8px;outline:none;min-width:140px;height:34px;padding:6px 34px 6px 12px;font-size:13px;line-height:1.2;transition:border-color .18s,box-shadow .18s,background .25s}.renamer-component .renamer-select:hover{background:linear-gradient(#fff,#f1f5f9);border-color:#b5c6d6}.renamer-component .renamer-select:focus{background:linear-gradient(#fff,#eef6ff);border-color:#0a84ff;box-shadow:0 0 0 3px #0a84ff2e}