.tool-page-container{padding:1.5rem 0 3rem}.breadcrumb{display:flex;align-items:center;gap:.4rem;font-size:.825rem;color:var(--text-muted)}.breadcrumb a:hover{color:var(--text-main)}.breadcrumb-separator{color:var(--text-light);font-size:.7rem}.tool-header-wrapper{margin-bottom:1.25rem}.tool-title-row{display:flex;align-items:center;gap:1rem}.tool-header-icon{width:44px;height:44px;border-radius:var(--radius-md);background-color:var(--badge-image-bg);color:var(--badge-image-color);display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0;box-shadow:var(--shadow-sm)}.tool-header-icon-label{font-size:.6rem;font-weight:800;letter-spacing:.05em}.tool-page-title{font-size:1.75rem;font-weight:800;letter-spacing:-.02em;color:var(--text-main);line-height:1.2}.tool-page-subtitle{font-size:.95rem;color:var(--text-muted);line-height:1.4}.upload-card{background-color:var(--card-bg);border:2px dashed var(--accent-color);border-radius:var(--radius-lg);padding:1.5rem 1.25rem;text-align:center;transition:all var(--transition-fast);cursor:pointer;margin-bottom:1.25rem;box-shadow:var(--shadow-sm);position:relative}.upload-card.has-files-compact{padding:1rem 1.25rem}.upload-card:hover,.upload-card.drag-over{background-color:var(--accent-light);border-color:var(--accent-hover)}.btn-primary-green{background-color:var(--accent-color);color:var(--accent-text);font-weight:600;font-size:.9rem;padding:.6rem 1.5rem;border-radius:var(--radius-md);display:inline-flex;align-items:center;gap:.4rem;transition:all var(--transition-fast);box-shadow:var(--shadow-sm)}.btn-primary-green:hover{background-color:var(--accent-hover);transform:translateY(-1px)}.file-preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.75rem}.file-preview-item{background-color:var(--bg-subtle);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:.5rem;position:relative;display:flex;flex-direction:column;align-items:center}.file-preview-thumb{width:100%;height:60px;object-fit:contain;border-radius:var(--radius-sm);background-color:#fff;margin-bottom:.25rem}.file-preview-name{font-size:.75rem;font-weight:600;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.file-preview-size{font-size:.675rem;color:var(--text-muted)}.file-remove-btn{position:absolute;top:4px;right:4px;width:20px;height:20px;border-radius:50%;background-color:#dc2626e6;color:#fff;display:flex;align-items:center;justify-content:center;font-size:.75rem;cursor:pointer;border:none}.options-card{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.25rem;margin-bottom:1.25rem;box-shadow:var(--shadow-sm)}.options-card-header{display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:700;color:var(--text-main);margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-color)}.options-grid{display:grid;grid-template-columns:1fr;gap:1rem}@media(min-width:640px){.options-grid{grid-template-columns:repeat(2,1fr)}}.option-group{display:flex;flex-direction:column;gap:.35rem}.option-label{font-size:.825rem;font-weight:600;color:var(--text-main)}.option-help{font-size:.725rem;color:var(--text-muted)}.range-slider-wrapper{display:flex;align-items:center;gap:.75rem}.range-slider{flex-grow:1;accent-color:var(--accent-color);height:5px}.slider-val-badge{background-color:var(--bg-subtle);border:1px solid var(--border-color);padding:.15rem .5rem;border-radius:var(--radius-sm);font-size:.8rem;font-weight:700;color:var(--text-main)}.select-input{width:100%;padding:.5rem .75rem;border-radius:var(--radius-md);border:1px solid var(--border-color);background-color:var(--card-bg);color:var(--text-main);font-size:.85rem;outline:none;font-family:inherit}.action-bar{display:flex;justify-content:center;margin:1.25rem 0}.result-card{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.25rem;margin-bottom:2rem;box-shadow:var(--shadow-sm)}.result-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-color)}.result-title{font-size:1.05rem;font-weight:700;color:var(--text-main);display:flex;align-items:center;gap:.5rem}.result-empty-state{padding:2.5rem 1rem;text-align:center}.result-empty-icon{margin-bottom:.75rem}.results-list{display:flex;flex-direction:column;gap:.75rem}.result-item-card{background-color:var(--bg-subtle);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:.75rem 1rem;display:flex;align-items:center;gap:1rem;box-shadow:var(--shadow-sm)}.result-item-thumb{width:56px;height:56px;min-width:56px;min-height:56px;max-width:56px;max-height:56px;object-fit:contain;border-radius:var(--radius-sm);background-color:#fff;border:1px solid var(--border-color);flex-shrink:0}.result-item-details{flex-grow:1;min-width:0}.result-item-name{font-size:.9rem;font-weight:700;color:var(--text-main);margin-bottom:.2rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.result-item-metrics{display:flex;align-items:center;gap:.5rem;font-size:.775rem;color:var(--text-muted);flex-wrap:wrap}.sticky-tools-search{position:sticky;top:72px;z-index:30;background-color:var(--bg-main);padding:1rem 0;border-bottom:1px solid var(--border-color);margin-bottom:2rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.accordion{display:flex;flex-direction:column;gap:.625rem}.accordion-item{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden;transition:border-color var(--transition-fast)}.accordion-header{padding:.85rem 1.15rem;width:100%;display:flex;justify-content:space-between;align-items:center;font-size:.9rem;font-weight:600;color:var(--text-main);text-align:left;background:transparent;border:none;cursor:pointer;transition:background-color var(--transition-fast)}.accordion-header:hover{background-color:var(--card-bg-hover)}.accordion-content{padding:0 1.15rem .85rem;font-size:.85rem;color:var(--text-muted);line-height:1.6;display:none}.accordion-item.active .accordion-content{display:block}.accordion-chevron{transition:transform var(--transition-fast);flex-shrink:0}.accordion-item.active .accordion-chevron{transform:rotate(180deg)}.format-badge-container{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.25rem}.format-badge{font-size:.675rem;font-weight:700;padding:.15rem .5rem;border-radius:var(--radius-sm);display:inline-flex;align-items:center;gap:.2rem;letter-spacing:.02em}.format-badge-transparency{background-color:var(--accent-light);color:var(--accent-color);border:1px solid var(--border-color)}.format-badge-lossless{background-color:#3b82f61a;color:#1d4ed8;border:1px solid rgba(59,130,246,.2)}.format-badge-animation{background-color:#9333ea1a;color:#6d28d9;border:1px solid rgba(147,51,234,.2)}.conversion-warnings-box{margin:1.25rem 0;display:flex;flex-direction:column;gap:.625rem}.conversion-warning-item{border-radius:var(--radius-md);padding:.75rem 1rem;font-size:.825rem;display:flex;align-items:flex-start;gap:.625rem;line-height:1.5;box-shadow:var(--shadow-sm)}.conversion-warning-item.warning{background-color:#fffbeb;border:1px solid #FCD34D;color:#92400e}.conversion-warning-item.info{background-color:#eff6ff;border:1px solid #93C5FD;color:#1e40af}.conversion-warning-icon{flex-shrink:0;margin-top:.1rem}.editor-workspace{display:grid;grid-template-columns:1fr 340px;gap:1.5rem;margin-bottom:1.5rem;align-items:start}@media(max-width:768px){.editor-workspace{grid-template-columns:1fr}}.editor-canvas-column{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:var(--shadow-sm)}.editor-sidebar-column{display:flex;flex-direction:column;gap:1rem}.crop-bounding-box{position:absolute;border:2px solid var(--accent-color);cursor:move;box-shadow:0 0 0 9999px #0000008c}.crop-grid-line{position:absolute;background:#ffffff59}.crop-grid-h1{top:33.33%;left:0;right:0;height:1px}.crop-grid-h2{top:66.66%;left:0;right:0;height:1px}.crop-grid-v1{left:33.33%;top:0;bottom:0;width:1px}.crop-grid-v2{left:66.66%;top:0;bottom:0;width:1px}.crop-handle{position:absolute;width:14px;height:14px;background:#fff;border:2px solid var(--accent-color);border-radius:50%}.handle-tl{top:-7px;left:-7px;cursor:nwse-resize}.handle-tr{top:-7px;right:-7px;cursor:nesw-resize}.handle-bl{bottom:-7px;left:-7px;cursor:nesw-resize}.handle-br{bottom:-7px;right:-7px;cursor:nwse-resize}.draggable-watermark-overlay{border:1px dashed rgba(255,255,255,.5);padding:.25rem .5rem;background:#0000000d}.draggable-watermark-overlay:hover{border-color:var(--accent-color)}.tab-btn{border-bottom:2px solid transparent!important;color:var(--text-muted);transition:all var(--transition-fast)}.tab-btn.active{border-bottom:2px solid var(--accent-color)!important;color:var(--accent-color)}.palette-swatch-bar:hover{flex-grow:1.5!important}.btn-secondary{background-color:var(--card-bg);border:1px solid var(--border-color);color:var(--text-main);border-radius:var(--radius-sm);padding:.35rem .75rem;font-weight:500;display:inline-flex;align-items:center;gap:.25rem;transition:all var(--transition-fast);box-shadow:var(--shadow-sm);cursor:pointer}.btn-secondary:hover{background-color:var(--card-bg-hover);border-color:var(--border-hover)}.accordion{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem}.accordion-item{border:1px solid var(--border-color);border-radius:var(--radius-md);background-color:var(--card-bg);overflow:hidden;transition:all var(--transition-fast);box-shadow:var(--shadow-sm)}.accordion-item:hover{border-color:var(--border-hover);background-color:var(--card-bg-hover)}.accordion-header{width:100%;display:flex;justify-content:space-between;align-items:center;padding:1.15rem 1.5rem;background:none;border:none;font-size:.95rem;font-weight:600;color:var(--text-main);text-align:left;cursor:pointer;outline:none;transition:color var(--transition-fast)}.accordion-chevron{width:18px;height:18px;color:var(--text-light);transition:transform .25s ease,color var(--transition-fast)}.accordion-content{max-height:0;overflow:hidden;padding:0 1.5rem;color:var(--text-muted);font-size:.875rem;line-height:1.6;transition:max-height .25s ease-out,padding .25s ease-out;border-top:1px solid transparent}.accordion-item.active{border-color:var(--accent-color);box-shadow:var(--shadow-md)}.accordion-item.active .accordion-header{color:var(--accent-color)}.accordion-item.active .accordion-chevron{transform:rotate(180deg);color:var(--accent-color)}.accordion-item.active .accordion-content{max-height:350px;padding:0 1.5rem 1.25rem;border-top:1px solid var(--border-color)}.switch-container{position:relative;display:inline-block;width:42px;height:22px}.switch-input{opacity:0;width:0;height:0}.switch-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--border-color);transition:.3s ease;border-radius:22px;border:1px solid var(--border-color)}.switch-slider:before{position:absolute;content:"";height:14px;width:14px;left:3px;bottom:3px;background-color:var(--text-muted);transition:.3s ease;border-radius:50%}.switch-input:checked+.switch-slider{background-color:var(--accent-color);border-color:var(--accent-color)}.switch-input:checked+.switch-slider:before{transform:translate(20px);background-color:#fff}