.tool-layout{display:grid;grid-template-columns:2fr 1fr;gap:2rem;align-items:start}@media (max-width: 992px){.tool-layout{grid-template-columns:1fr}}@media (max-width: 560px){.tool-header-section{flex-direction:column}}.tool-workspace{display:flex;flex-direction:column;gap:1.5rem;padding:2.5rem}.tool-header-section{display:flex;justify-content:flex-start;align-items:flex-start;gap:1rem;border-bottom:1px solid var(--glass-border);padding-bottom:1.5rem}.tool-page-icon{width:54px;height:54px;flex:0 0 auto;display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius-sm);background:#050b1285;border:1px solid rgba(34,211,238,.22);box-shadow:0 12px 28px #00000038;font-size:1.65rem}.tool-title-desc h1{font-size:2rem;margin-bottom:.5rem;background:linear-gradient(135deg,var(--text-primary) 44%,var(--color-primary) 76%,var(--color-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.tool-title-desc p{color:var(--text-secondary);font-size:1rem}.tool-muted-line{color:var(--text-secondary);font-size:.92rem}.timer-face{padding:1rem;border:1px solid var(--glass-border);border-radius:var(--border-radius-sm);background:#050b1270;color:var(--text-primary);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:clamp(2.25rem,7vw,4.75rem);font-weight:800;line-height:1;text-align:center;font-variant-numeric:tabular-nums}.audio-output{width:100%}.lap-list{display:flex;flex-direction:column;gap:.45rem;max-height:260px;overflow:auto;padding-left:1.25rem;color:var(--text-secondary);font-variant-numeric:tabular-nums}.security-alert-box{display:flex;gap:1rem;padding:1.25rem;border-radius:var(--border-radius-sm);font-size:.9rem;margin-bottom:1rem}.security-alert-box.client{background:#10b98114;border:1px solid rgba(16,185,129,.15);color:#a7f3d0}.security-alert-box.backend{background:#f59e0b14;border:1px solid rgba(245,158,11,.15);color:#fde68a}.security-alert-icon{font-size:1.25rem;flex-shrink:0}.control-group{display:flex;flex-direction:column;gap:.5rem;width:100%}.control-group label{font-weight:600;font-size:.9rem;color:var(--text-primary)}.text-area-input{width:100%;min-height:180px;background:#0003;border:1px solid var(--glass-border);border-radius:var(--border-radius-sm);padding:1rem;color:var(--text-primary);font-family:var(--font-family);font-size:.95rem;resize:vertical;outline:none;transition:var(--transition-smooth)}.text-area-input:focus{border-color:var(--color-primary);box-shadow:0 0 10px var(--color-primary-glow)}.text-input-field{width:100%;background:#0003;border:1px solid var(--glass-border);border-radius:var(--border-radius-sm);padding:.75rem 1rem;color:var(--text-primary);font-family:var(--font-family);font-size:.95rem;outline:none;transition:var(--transition-smooth)}.text-input-field:focus{border-color:var(--color-primary);box-shadow:0 0 8px var(--color-primary-glow)}.select-input-field{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;background:#0003 url("data:image/svg+xml;utf8,<svg fill='white' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>") no-repeat right .75rem center;background-size:1.5rem;border:1px solid var(--glass-border);border-radius:var(--border-radius-sm);padding:.75rem 2rem .75rem 1rem;color:var(--text-primary);font-family:var(--font-family);font-size:.95rem;cursor:pointer;outline:none;transition:var(--transition-smooth)}.select-input-field:focus{border-color:var(--color-primary)}.select-input-field option{background-color:var(--bg-secondary);color:var(--text-primary)}.color-input-field{width:100%;height:40px;border:1px solid var(--glass-border);border-radius:var(--border-radius-sm);background:#0003;cursor:pointer}.palette-preview{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.75rem}.palette-swatch{min-height:96px;border:1px solid var(--glass-border);border-radius:var(--border-radius-sm);cursor:pointer;padding:.75rem;display:flex;align-items:flex-end;justify-content:center;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.7);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-weight:700}@media (max-width: 560px){.palette-preview{grid-template-columns:1fr}}.range-group{display:flex;align-items:center;gap:1rem}.range-group input[type=range]{flex:1;height:6px;background:#ffffff1a;border-radius:3px;outline:none;cursor:pointer}.range-value{font-size:.9rem;font-weight:700;color:var(--color-primary);min-width:45px;text-align:right}.options-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem;margin:.5rem 0}.checkbox-label{display:flex;align-items:center;gap:.75rem;cursor:pointer;font-size:.9rem;font-weight:500;color:var(--text-secondary);transition:var(--transition-smooth)}.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer}.checkbox-label:hover{color:var(--text-primary)}.file-dropzone{border:2px dashed var(--glass-border);border-radius:var(--border-radius-md);padding:3rem 2rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;background:#ffffff03;cursor:pointer;transition:var(--transition-smooth);text-align:center}.file-dropzone.dragover,.file-dropzone:hover{border-color:var(--color-primary);background:#6366f108}.dropzone-icon{font-size:3rem;color:var(--text-muted);transition:var(--transition-smooth)}.file-dropzone:hover .dropzone-icon{color:var(--color-primary);transform:translateY(-5px)}.file-dropzone input[type=file]{display:none}.file-info-bar{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:#ffffff08;border:1px solid var(--glass-border);border-radius:var(--border-radius-sm);width:100%}.file-info-name{font-size:.9rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-info-remove{color:var(--color-danger);cursor:pointer;background:none;border:none;font-weight:800}.is-hidden{display:none!important}.btn,.action-btn{background:#22d3ee1a;color:var(--text-primary);border:1px solid rgba(34,211,238,.34);border-radius:var(--border-radius-sm);padding:.78rem 1.25rem;font-family:var(--font-family);font-weight:700;font-size:.92rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.45rem;transition:var(--transition-smooth);box-shadow:none}.btn:hover,.action-btn:hover{background:#22d3ee26;border-color:#22d3ee8a}.btn:active,.action-btn:active{background:#22d3ee33}.btn:disabled,.action-btn:disabled{background:var(--glass-bg);color:var(--text-muted);border:1px solid var(--glass-border);box-shadow:none;cursor:not-allowed;transform:none}.btn-secondary,.action-btn-secondary{background:#ffffff08;border:1px solid var(--glass-border);color:var(--text-secondary);box-shadow:none}.btn-secondary:hover,.action-btn-secondary:hover{background:#ffffff0e;border-color:#94a3b84d;color:var(--text-primary)}.btn-secondary.is-active{background:#22d3ee1f;border-color:#22d3ee7a;color:var(--text-primary)}.btn-danger,.action-btn-danger{color:#fecdd3;border-color:#f43f5e47}.btn-danger:hover,.action-btn-danger:hover{background:#f43f5e17;border-color:#f43f5e75;color:#ffe4e6}.btn-sm,.action-btn-sm{padding:.45rem .78rem;font-size:.84rem}.button-row{display:flex;gap:1rem;flex-wrap:wrap}.tool-form{display:flex;flex-direction:column;gap:1.5rem}.inline-controls{display:flex;align-items:flex-end;gap:.65rem;flex-wrap:wrap;margin-top:1rem;padding:.65rem;background:#ffffff08;border:1px solid var(--glass-border);border-radius:var(--border-radius-sm)}.collage-control-compact{max-width:150px;min-width:118px}.collage-control-compact .color-input-field{height:34px}.collage-control-compact .text-input-field{padding:.48rem .65rem}.action-tabs{display:flex;gap:.35rem;margin-bottom:1.5rem;border-bottom:1px solid var(--glass-border)}.action-tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;border-bottom:2px solid transparent;color:var(--text-secondary);padding:.55rem .85rem;font:inherit;font-size:.9rem;font-weight:700;cursor:pointer;transition:var(--transition-smooth)}.action-tab:hover,.action-tab-active{color:var(--text-primary);border-bottom-color:var(--color-primary)}.progress-container{display:none;flex-direction:column;gap:1rem;padding:1.5rem;background:#00000026;border:1px solid var(--glass-border);border-radius:var(--border-radius-sm);margin-top:1rem}.progress-header{display:flex;justify-content:space-between;font-size:.85rem;font-weight:600}.progress-bar-outer{width:100%;height:8px;background:#ffffff0d;border-radius:4px;overflow:hidden;position:relative}.progress-bar-inner{height:100%;width:0%;background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));border-radius:4px;transition:width .1s linear}.progress-steps-list{display:flex;flex-direction:column;gap:.4rem}.progress-step-item{display:flex;align-items:center;gap:.75rem;font-size:.85rem;color:var(--text-secondary);transition:var(--transition-smooth)}.progress-step-item.active{color:var(--text-primary);font-weight:600}.progress-step-item.completed{color:var(--color-success)}.step-indicator-bullet{width:8px;height:8px;border-radius:50%;background:var(--text-muted);transition:var(--transition-smooth)}.progress-step-item.active .step-indicator-bullet{background:var(--color-primary);box-shadow:0 0 8px var(--color-primary)}.progress-step-item.completed .step-indicator-bullet{background:var(--color-success)}.output-section{display:none;flex-direction:column;gap:1rem;margin-top:1.5rem;animation:fadeIn .4s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.output-header{display:flex;justify-content:space-between;align-items:center}.output-box{position:relative;background:#000;border:1px solid var(--glass-border);border-radius:var(--border-radius-sm);padding:1.25rem;font-family:Courier New,Courier,monospace;font-size:.95rem;color:#38bdf8;overflow-x:auto;min-height:100px}.output-preview-container{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#00000026;border:1px solid var(--glass-border);border-radius:var(--border-radius-sm);padding:1.5rem;min-height:250px}.output-preview-image{max-width:100%;max-height:400px;border-radius:var(--border-radius-sm);box-shadow:0 4px 20px #00000080;object-fit:contain}.meter-dots{display:grid;grid-template-columns:repeat(auto-fit,minmax(34px,1fr));gap:.5rem;width:100%}.meter-dot{min-height:34px;border:1px solid var(--glass-border);border-radius:var(--border-radius-sm);background:#ffffff0a;transition:var(--transition-smooth)}.meter-dot-active{border-color:var(--color-primary);background:#22d3ee38}.waveform-canvas{display:block;width:100%;height:260px;border:1px solid var(--glass-border);border-radius:var(--border-radius-sm);background:#0000002e}.sidebar-panel{display:flex;flex-direction:column;gap:1.5rem}.doc-section{padding:1.5rem}.doc-section h2{font-size:1.2rem;margin-bottom:1rem;color:var(--text-primary);border-bottom:1px solid var(--glass-border);padding-bottom:.5rem}.doc-section p{color:var(--text-secondary);font-size:.88rem;margin-bottom:1rem}.doc-section ul,.doc-section ol{padding-left:1.25rem;margin-bottom:1rem;color:var(--text-secondary);font-size:.88rem}.doc-section li{margin-bottom:.5rem}.benefits-list{display:flex;flex-direction:column;gap:.75rem}.benefit-item{display:flex;align-items:flex-start;gap:.75rem;font-size:.88rem;color:var(--text-secondary)}.benefit-checkmark{color:var(--color-success);font-weight:700;flex-shrink:0}.benefit-content strong{color:var(--text-primary)}@supports not (accent-color: var(--color-primary)){.checkbox-label input[type=checkbox]{position:absolute;opacity:0}}