header{margin-bottom:2rem}nav{display:flex;gap:1rem;justify-content:center;margin-bottom:1rem}nav button{background:none;border:1px solid #646cff;padding:.5rem 1rem;color:#646cff}nav button.active{background:#646cff;color:#fff}.transcribe-container{max-width:800px;margin:0 auto;padding:2rem}.transcribe-form{display:flex;gap:1rem;margin-bottom:2rem}.error-message{color:#f44;margin:1rem 0}.transcription-result{background:#1a1a1a;padding:1rem;border-radius:4px;margin-top:1rem}.transcription-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.copy-button{min-width:auto;padding:.4em .8em;font-size:.9em;background-color:#646cff;color:#fff}.copy-button:hover{background-color:#7c82ff;border-color:transparent}.transcription-result pre{white-space:pre-wrap;word-wrap:break-word}.sidebar{position:fixed;top:0;left:-300px;width:300px;height:100vh;background:#1a1a1a;transition:left .3s ease;z-index:1000;border-right:1px solid #333}.sidebar.visible{left:0}.sidebar-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid #333}.sidebar-actions{display:flex;gap:.5rem}.import-button{min-width:auto;padding:.2em .6em;font-size:.8em;background-color:#4a4;color:#fff}.sidebar-header h3{margin:0}.close-sidebar{background:none;border:none;font-size:1.5rem;cursor:pointer;padding:0;min-width:auto}.history-entries{overflow-y:auto;height:calc(100vh - 60px)}.history-entry{padding:1rem;border-bottom:1px solid #333;cursor:pointer;transition:background-color .2s}.history-entry:hover{background-color:#2a2a2a}.entry-timestamp{font-size:.8em;color:#666}.entry-preview{margin:.5rem 0;font-size:.9em;color:#ccc}.entry-actions{display:flex;justify-content:flex-end;margin:.5rem 0}.entry-buttons{display:flex;gap:.5rem}.icon-button{min-width:auto;padding:.2em .4em;font-size:1em;background:none;border:none;cursor:pointer}.icon-button:hover{transform:scale(1.1);background:none;border:none}.entry-responses{font-size:.8em;color:#666}.toggle-history{position:fixed;top:1rem;left:1rem;z-index:999;background-color:#646cff;color:#fff;transition:left .3s ease}.sidebar.visible+div .toggle-history{left:320px}#root{width:100%;margin:0 auto;padding:2rem}.form-container{display:flex;flex-direction:column;gap:1rem}.input-row{display:flex;gap:1rem;justify-content:space-between;align-items:flex-start;height:50vh}.input-group{flex:1;display:flex;flex-direction:column;gap:.5rem;height:100%}.input-group:first-child{flex:2}.input-group label{text-align:left;font-size:.9em;color:#666}textarea{width:100%;height:100%;padding:.5rem;border:1px solid #ccc;border-radius:4px;resize:none;background-color:#1a1a1a;color:#fff}.button-row{display:flex;justify-content:center;margin-bottom:1rem}.response-section{margin-top:1rem;padding:1rem;background-color:#1a1a1a;border-radius:4px;border:1px solid #333}.response-section h3{margin-top:0;color:#666;font-size:1em;margin-bottom:.5rem}.response-section pre{margin:0;white-space:pre-wrap;word-wrap:break-word}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s;min-width:120px}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.global-view-mode{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;justify-content:center}.global-view-mode label{color:#666}.response-sections{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.response-section{border:1px solid #ccc;padding:1rem;border-radius:4px}.response-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.remove-section{background-color:#f44;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer}.remove-section:disabled{background-color:#ccc;cursor:not-allowed}.add-section{background-color:#4a4;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;margin-top:1rem}.response-content{margin-top:1rem}.response-header-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.response-title{display:flex;align-items:center;gap:1rem}.response-actions{display:flex;align-items:center;gap:.5rem}.regenerate-button{min-width:auto;padding:.2em .4em;font-size:1em;background:none;border:none;cursor:pointer}.regenerate-button:hover{transform:scale(1.1);background:none;border:none}.view-mode-toggle{display:flex;gap:.5rem}.view-mode-button{min-width:auto;padding:.2em .6em;font-size:.8em;background:none;border:1px solid #646cff;color:#646cff}.view-mode-button.active{background:#646cff;color:#fff}.markdown-content{background:#1a1a1a;padding:1rem;border-radius:4px}.markdown-content h1{font-size:1.5em;margin-top:0}.markdown-content h2{font-size:1.3em}.markdown-content h3{font-size:1.1em;color:#aaa;margin-bottom:.3em}.markdown-content p{margin:.5em 0}.markdown-content ul,.markdown-content ol{margin:.5em 0;padding-left:1.5em}.nested-markdown{line-height:1.5}.nested-markdown h3{margin-top:.8em;border-bottom:1px solid #333;padding-bottom:.2em;color:#9d71ea;font-weight:600}.elapsed-time{color:#666;font-size:.9em}.input-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.input-options{display:flex;align-items:center}.merge-toggle{display:flex;align-items:center;font-size:.9rem;color:#888;cursor:pointer;background-color:#646cff1a;padding:4px 8px;border-radius:4px;border:1px solid rgba(100,108,255,.2)}.merge-toggle:hover{background-color:#646cff33}.merge-toggle input{margin-right:6px;cursor:pointer}.provider-selection{display:flex;gap:1rem;align-items:center}.merge-option{display:flex;align-items:center}.config-toggle{background:none;border:none;cursor:pointer;font-size:1.2rem;padding:.2rem;min-width:auto;border-radius:4px;display:flex;align-items:center;justify-content:center}.config-toggle.active{background-color:#646cff33}.model-config{background-color:#1e1e1e80;border-radius:4px;padding:1rem;margin:.5rem 0 1rem;border:1px solid rgba(100,108,255,.2)}.model-config h4{margin-top:0;margin-bottom:.5rem;color:#888;font-size:.9rem}.config-params{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.config-param{display:flex;flex-direction:column;gap:.3rem}.config-param label{font-size:.8rem;color:#aaa;text-transform:capitalize}.number-input-container{display:flex;flex-direction:column;gap:.3rem}.number-input-container input[type=number]{width:100%;padding:.3rem;background-color:#2a2a2a;border:1px solid #444;border-radius:3px;color:#fff}.range-slider{width:100%}.range-slider input[type=range]{width:100%;background-color:#2a2a2a}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}