.tool-container{padding-top:2rem;padding-bottom:4rem;}.tool-header{text-align:center;margin-bottom:3rem;}.tool-header-icon{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;}.tool-header-icon i{font-size:2.5rem;color:var(--white-color);}.tool-title{font-size:var(--h1-font-size);color:var(--title-color);margin-bottom:0.5rem;}.tool-description{font-size:var(--normal-font-size);color:var(--text-color);max-width:600px;margin:0 auto;}.tool-content{background-color:var(--card-bg);padding:2rem;border-radius:1rem;box-shadow:0 4px 20px hsla(212,32%,15%,0.1);display:flex;flex-direction:column;gap:1.5rem;}.upload-area{text-align:center;cursor:pointer;transition:background-color 0.3s,border-color 0.3s;}.upload-area.highlight{background-color:var(--first-color-light);border-color:var(--first-color);}.upload-area i{font-size:3rem;color:var(--first-color);margin-bottom:1rem;}.upload-area p{margin-bottom:0.5rem;color:var(--text-color);}.upload-area span{color:var(--text-color-light);}.upload-area #browse-link{color:var(--first-color);font-weight:var(--font-medium);text-decoration:none;}.file-info{display:flex;align-items:center;gap:1rem;padding:1rem;background-color:var(--container-color);border-radius:0.5rem;}.file-info i{font-size:1.5rem;color:var(--first-color);}.file-info #file-name{flex-grow:1;color:var(--title-color);}.file-info #remove-file{background:none;border:none;cursor:pointer;font-size:1.25rem;color:var(--text-color-light);}.tool-options{display:flex;flex-direction:column;gap:1rem;}.option-group{display:flex;flex-direction:column;gap:0.5rem;}.option-group label{font-weight:var(--font-medium);color:var(--title-color);}.slider-container{display:flex;align-items:center;gap:1rem;}.slider{-webkit-appearance:none;appearance:none;width:100%;height:8px;background:rgba(255,255,255,0.1);outline:none;border-radius:4px;opacity:0.7;transition:opacity .2s;}.slider:hover{opacity:1;}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;background:var(--first-color);cursor:pointer;border-radius:50%;}.slider::-moz-range-thumb{width:20px;height:20px;background:var(--first-color);cursor:pointer;border-radius:50%;}#compression-value{min-width:60px;text-align:right;}.tool-actions{display:flex;justify-content:center;}.tool-button,.tool-button-secondary{display:inline-flex;align-items:center;gap:0.5rem;padding:0.75rem 1.5rem;border-radius:0.5rem;border:none;font-weight:var(--font-medium);cursor:pointer;transition:background-color 0.3s;}.tool-button{background-color:var(--first-color);color:var(--white-color);}.tool-button:hover{background-color:var(--first-color-dark);}.tool-button:disabled{background-color:var(--border-color);cursor:not-allowed;}.tool-button-secondary{background-color:var(--container-color);color:var(--title-color);border:1px solid var(--border-color);}.tool-button-secondary:hover{background-color:var(--border-color);}.progress-container{text-align:center;}.progress-bar{width:100%;background-color:var(--border-color);border-radius:0.5rem;overflow:hidden;margin-top:0.5rem;}.progress-bar-fill{height:1.25rem;width:0%;background-color:var(--first-color);border-radius:0.5rem;transition:width 0.3s ease-in-out;}.text-input-area{width:100%;min-height:150px;padding:1rem;border-radius:0.5rem;border:1px solid var(--border-color);font-family:var(--body-font);font-size:var(--normal-font-size);resize:vertical;}.voice-select{width:100%;padding:0.75rem;border-radius:0.5rem;border:1px solid var(--border-color);}.tool-actions-horizontal{display:flex;justify-content:center;gap:1rem;}.transcription-container{display:flex;flex-direction:column;gap:1rem;}.status-message{text-align:center;color:var(--text-color-light);min-height:1.2rem;}