.tool-main{flex:1;display:flex;flex-direction:column;width:100%;max-width:100%;padding:0;overflow:hidden}.tool-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1.5rem;flex-wrap:wrap;padding:1.5rem 2rem;border-bottom:1px solid var(--color-border);background-color:var(--color-surface-raised);flex-shrink:0}.tool-header__title{display:flex;flex-direction:column;gap:.25rem}.tool-title{font-size:1.3rem;font-weight:700;color:var(--color-text-title)}.tool-subtitle{font-size:.85rem;color:var(--color-text-muted)}.att-header-actions{display:flex;align-items:center;gap:.6rem;flex-shrink:0}.att-body{flex:1;display:flex;flex-direction:column;overflow:auto;min-height:0}.att-settings-bar{display:flex;align-items:center;justify-content:space-between;gap:1.25rem;flex-wrap:wrap;padding:.75rem 1.5rem;border-bottom:1px solid var(--color-border);background-color:var(--color-surface-raised);flex-shrink:0}.att-settings-group{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.att-settings-group--right{margin-left:auto}.att-settings-label{font-size:.78rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--color-text-muted);white-space:nowrap}.att-model-toggle{display:flex;border:1px solid var(--color-border);border-radius:6px;overflow:hidden}.att-model-btn{background:none;border:none;border-right:1px solid var(--color-border);color:var(--color-text-secondary);font-size:.8rem;font-weight:500;padding:.35rem .85rem;cursor:pointer;transition:background-color .15s ease,color .15s ease;white-space:nowrap}.att-model-btn:last-child{border-right:none}.att-model-btn:hover{background-color:var(--color-surface);color:var(--color-text-primary)}.att-model-btn.is-active{background-color:var(--color-accent-bg);color:var(--color-accent)}.att-model-desc{font-size:.78rem;color:var(--color-text-muted);font-style:italic}.att-toggle-label{display:flex;align-items:center;gap:.45rem;cursor:pointer;font-size:.83rem;color:var(--color-text-secondary);-webkit-user-select:none;user-select:none}.att-toggle-label input[type=checkbox]{accent-color:var(--color-accent);width:1em;height:1em;cursor:pointer}.att-toggle-label:hover{color:var(--color-text-primary)}.att-drop-zone{flex:1;display:flex;align-items:center;justify-content:center;min-height:280px;background-color:var(--color-surface-deep);cursor:pointer;transition:background-color .15s ease,box-shadow .15s ease;position:relative;outline:none}.att-drop-zone:focus-visible{box-shadow:inset 0 0 0 2px var(--color-accent)}.att-drop-zone.is-dragover{background-color:var(--color-accent-bg);box-shadow:inset 0 0 0 2px var(--color-accent)}.att-drop-zone.is-error{box-shadow:inset 0 0 0 2px var(--color-danger)}.att-drop-zone__inner{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:2.5rem 2rem;pointer-events:none;text-align:center}.att-drop-zone__icon{font-size:2.6rem;line-height:1;opacity:.35}.att-drop-zone__title{font-size:1rem;font-weight:600;color:var(--color-text-faint);letter-spacing:.02em}.att-drop-zone__hint{font-size:.8rem;color:var(--color-text-ghost)}.att-drop-zone__file-input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}.att-file-bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding:.65rem 1.5rem;border-bottom:1px solid var(--color-border);background-color:var(--color-surface-raised);flex-shrink:0}.att-file-bar__info{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;min-width:0}.att-file-bar__icon{font-size:1rem;opacity:.6;flex-shrink:0}.att-file-bar__name{font-size:.87rem;font-weight:600;color:var(--color-text-primary);word-break:break-all;min-width:0}.att-file-bar__size{font-size:.78rem;color:var(--color-text-muted);white-space:nowrap;font-variant-numeric:tabular-nums}.att-file-bar__type{font-size:.72rem;font-weight:500;color:var(--color-accent);background-color:var(--color-accent-bg);border:1px solid var(--color-accent-border);border-radius:4px;padding:.15rem .5rem;white-space:nowrap}.att-file-bar__actions{flex-shrink:0}.att-progress-area{display:flex;flex-direction:column;gap:.5rem;padding:.9rem 1.5rem;border-bottom:1px solid var(--color-border);background-color:var(--color-surface);flex-shrink:0}.att-progress-track{height:5px;background-color:var(--color-surface-deep);border:1px solid var(--color-border-subtle);border-radius:3px;overflow:hidden}.att-progress-fill{height:100%;background-color:var(--color-accent);border-radius:3px;width:0%;transition:width .25s ease}.att-progress-info{display:flex;align-items:baseline;gap:.75rem;flex-wrap:wrap}.att-progress-stage{font-size:.82rem;font-weight:600;color:var(--color-text-primary)}.att-progress-detail{font-size:.76rem;color:var(--color-text-muted);font-variant-numeric:tabular-nums;word-break:break-all}.att-error-bar{margin:.75rem 1.5rem;padding:.65rem .9rem;background-color:var(--color-danger-bg);border:1px solid var(--color-danger-border);border-radius:6px;color:var(--color-danger);font-size:.82rem;line-height:1.5;flex-shrink:0}.att-error-bar--info{background-color:var(--color-accent-bg);border-color:var(--color-accent-border);color:var(--color-accent)}.att-result{flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden}.att-result__toolbar{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;padding:.6rem 1.5rem;border-bottom:1px solid var(--color-border);background-color:var(--color-surface-raised);flex-shrink:0}.att-result__view-toggle{display:flex;border:1px solid var(--color-border);border-radius:6px;overflow:hidden;flex-shrink:0}.att-view-btn{background:none;border:none;border-right:1px solid var(--color-border);color:var(--color-text-secondary);font-size:.78rem;font-weight:500;padding:.3rem .85rem;cursor:pointer;transition:background-color .15s ease,color .15s ease;white-space:nowrap}.att-view-btn:last-child{border-right:none}.att-view-btn:hover{background-color:var(--color-surface);color:var(--color-text-primary)}.att-view-btn.is-active{background-color:var(--color-accent-bg);color:var(--color-accent)}.att-result__stats{display:flex;align-items:center;gap:.4rem;font-size:.8rem;flex-wrap:wrap}.att-stat{display:inline-flex;align-items:baseline;gap:.25rem}.att-stat__val{font-weight:700;color:var(--color-text-primary);font-variant-numeric:tabular-nums}.att-stat__key{color:var(--color-text-muted)}.att-stat__sep{color:var(--color-text-ghost);-webkit-user-select:none;user-select:none}.att-result__actions{display:flex;align-items:center;gap:.5rem;margin-left:auto;flex-shrink:0}.att-result__content{flex:1;overflow-y:auto;min-height:0}.att-text-output{margin:0;padding:1.5rem 1.75rem;font-family:inherit;font-size:.95rem;line-height:1.85;color:var(--color-text-primary);white-space:pre-wrap;word-break:break-word;background:none}.att-segments-list{display:flex;flex-direction:column;padding:.75rem 0}.att-segment{display:grid;grid-template-columns:14ch 1fr;gap:1rem;align-items:baseline;padding:.45rem 1.75rem;border-bottom:1px solid var(--color-border-faint);transition:background-color .1s ease}.att-segment:last-child{border-bottom:none}.att-segment:hover{background-color:var(--color-surface-raised)}.att-segment__time{font-size:.75rem;font-family:Menlo,Monaco,Consolas,Courier New,monospace;color:var(--color-accent);white-space:nowrap;font-variant-numeric:tabular-nums;flex-shrink:0}.att-segment__text{font-size:.9rem;line-height:1.65;color:var(--color-text-primary);word-break:break-word}.att-no-segments{padding:2rem 1.75rem;color:var(--color-text-muted);font-size:.87rem;font-style:italic;line-height:1.6}.att-no-segments strong{font-style:normal;color:var(--color-text-secondary)}.att-btn{display:inline-flex;align-items:center;gap:.4rem;border-radius:7px;font-size:.87rem;font-weight:600;padding:.55rem 1.2rem;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease,opacity .15s ease;white-space:nowrap;border:1px solid transparent}.att-btn:disabled{opacity:.45;cursor:not-allowed}.att-btn--primary{background-color:var(--color-accent-bg);border-color:var(--color-accent-border);color:var(--color-accent)}.att-btn--primary:not(:disabled):hover{background-color:var(--color-accent-hover-bg);border-color:var(--color-accent);color:var(--color-accent-hover-text)}.att-btn--secondary{background:none;border-color:var(--color-border);color:var(--color-text-secondary)}.att-btn--secondary:not(:disabled):hover{border-color:var(--color-accent-border);color:var(--color-accent)}.att-btn--sm{font-size:.8rem;padding:.4rem .85rem}.att-btn--flash-ok{background-color:var(--color-success-bg)!important;border-color:var(--color-success-border)!important;color:var(--color-success)!important}.att-btn--flash-err{background-color:var(--color-danger-bg)!important;border-color:var(--color-danger-border)!important;color:var(--color-danger)!important}.att-btn__spinner{display:inline-block;width:.85em;height:.85em;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:att-spin .7s linear infinite;flex-shrink:0}.att-btn__spinner[hidden]{display:none}@keyframes att-spin{to{transform:rotate(360deg)}}@media(max-width:700px){.tool-header{padding:1rem;flex-direction:column;gap:.75rem}.att-settings-bar{flex-direction:column;align-items:flex-start;gap:.75rem;padding:.75rem 1rem}.att-settings-group--right{margin-left:0}.att-file-bar{flex-direction:column;align-items:flex-start;gap:.65rem;padding:.75rem 1rem}.att-file-bar__actions{width:100%}.att-file-bar__actions .att-btn{width:100%;justify-content:center}.att-result__toolbar{padding:.6rem 1rem;gap:.5rem}.att-result__actions{margin-left:0;width:100%;flex-wrap:wrap}.att-result__actions .att-btn{flex:1;justify-content:center}.att-text-output{padding:1rem}.att-segment{grid-template-columns:1fr;gap:.2rem;padding:.65rem 1rem}.att-segment__time{font-size:.7rem;opacity:.8}.att-progress-area{padding:.75rem 1rem}}