*{box-sizing:border-box;margin:0;padding:0}:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.5;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;--brand-primary: #38a0cc;--brand-black: #0c0c0c;--brand-white: #fbfaf2;--brand-blue: #38a0cc;--brand-green: #2ba07a;--brand-red: #d6544b;--brand-yellow: #efdf60;--brand-grey-strong: #27272a;--brand-grey-medium: #52525b;--brand-grey-light: #a1a1aa;--brand-grey-soft: #e4e4e7}body{margin:0;min-height:100vh;background-color:#f7fafc;color:#2d3748}.dark body{background-color:var(--brand-black);color:var(--brand-white)}#root{min-height:100vh}a{color:var(--brand-primary);text-decoration:none}.dark a{color:var(--brand-primary)}a:hover{text-decoration:underline}.navigation{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:1000;width:auto}.nav-links{display:flex;gap:28px;align-items:center}.nav-link{background:none;border:none;color:var(--brand-grey-light);text-decoration:none;font-size:14px;font-weight:500;position:relative;cursor:pointer;padding:0;font-family:inherit;transition:color .2s ease}.nav-link:hover,.nav-link.active{color:var(--brand-white)}.nav-link-underline{background:var(--brand-blue)}.auto-update-notification{position:fixed;z-index:1000;max-width:360px;background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000026;padding:1rem 2.75rem 1rem 1rem;display:flex;gap:.75rem;animation:slideIn .3s ease-out}.dark .auto-update-notification{background:#1a1a1a;box-shadow:0 4px 12px #0006}.auto-update-notification--bottom-right{bottom:1.5rem;right:1.5rem}.auto-update-notification--bottom-left{bottom:1.5rem;left:1.5rem}.auto-update-notification--top-right{top:1.5rem;right:1.5rem}.auto-update-notification--top-left{top:1.5rem;left:1.5rem}.auto-update-notification__close{position:absolute;top:.75rem;right:.75rem;background:transparent;border:none;padding:.25rem;cursor:pointer;color:#718096;opacity:.6;transition:opacity .2s ease;display:flex;align-items:center;justify-content:center;border-radius:4px}.auto-update-notification__close:hover{opacity:1}.auto-update-notification__close:focus{outline:2px solid currentColor;outline-offset:2px}.dark .auto-update-notification__close{color:#a0aec0}.auto-update-notification__icon{flex-shrink:0;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center}.auto-update-notification__icon--pulse{animation:pulse 2s infinite}.auto-update-notification--checking .auto-update-notification__icon{background:#f7fafc;color:#718096}.dark .auto-update-notification--checking .auto-update-notification__icon{background:#2d3748;color:#a0aec0}.auto-update-notification--up-to-date .auto-update-notification__icon{background:#f0fff4;color:#38a169}.dark .auto-update-notification--up-to-date .auto-update-notification__icon{background:#22543d;color:#68d391}.auto-update-notification--available .auto-update-notification__icon{background:#ebf8ff;color:#3182ce}.dark .auto-update-notification--available .auto-update-notification__icon{background:#2a4365;color:#63b3ed}.auto-update-notification--downloading .auto-update-notification__icon{background:#ebf8ff;color:#3182ce}.dark .auto-update-notification--downloading .auto-update-notification__icon{background:#2a4365;color:#63b3ed}.auto-update-notification--downloaded .auto-update-notification__icon{background:#f0fff4;color:#38a169}.dark .auto-update-notification--downloaded .auto-update-notification__icon{background:#22543d;color:#68d391}.auto-update-notification--error .auto-update-notification__icon{background:#fff5f5;color:#e53e3e}.dark .auto-update-notification--error .auto-update-notification__icon{background:#742a2a;color:#fc8181}.auto-update-notification__content{flex:1;min-width:0}.auto-update-notification__title{margin:0 0 .25rem;font-size:.9375rem;font-weight:600;color:#2d3748}.dark .auto-update-notification__title{color:#f7fafc}.auto-update-notification__message{margin:0;font-size:.8125rem;color:#718096;line-height:1.4}.dark .auto-update-notification__message{color:#a0aec0}.auto-update-notification__progress{height:4px;background:#e2e8f0;border-radius:2px;overflow:hidden;margin:.5rem 0}.dark .auto-update-notification__progress{background:#4a5568}.auto-update-notification__progress-bar{height:100%;background:var(--brand-primary);border-radius:2px;transition:width .3s ease}.auto-update-notification__actions{display:flex;gap:.5rem;margin-top:.75rem}.auto-update-notification__btn{padding:.375rem .75rem;border-radius:6px;font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:none;font-family:inherit}.auto-update-notification__btn--primary{background:var(--brand-primary);color:#fff}.auto-update-notification__btn--primary:hover{background:#38a0cce6}.auto-update-notification__btn--secondary{background:#edf2f7;color:#4a5568}.dark .auto-update-notification__btn--secondary{background:#4a5568;color:#e2e8f0}.auto-update-notification__btn--secondary:hover{background:#e2e8f0}.dark .auto-update-notification__btn--secondary:hover{background:#718096}.dark .auto-update-notification__btn--primary{background:var(--brand-primary);color:#fff}.dark .auto-update-notification__btn--primary:hover{background:#38a0cce6}@keyframes slideIn{0%{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@media(max-width:480px){.auto-update-notification{left:1rem;right:1rem;max-width:none}.auto-update-notification--bottom-right,.auto-update-notification--bottom-left{bottom:1rem}.auto-update-notification--top-right,.auto-update-notification--top-left{top:1rem}}:root{--nav-offset: 112px}.layout{display:flex;flex-direction:column;height:100%;min-height:100%;padding:var(--nav-offset) 24px 24px;max-width:1024px;margin:0 auto;position:relative}.layout main{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;flex:1;width:100%}.layout-footer{background:#f5f5f5;border-top:1px solid #e0e0e0;padding:2rem;text-align:center;color:#666;font-size:.9rem;margin-top:auto}.dev-tools-panel{position:fixed;top:16px;left:16px;background:#fffffff2;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:9999;width:340px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:12px}@media(prefers-color-scheme:dark){.dev-tools-panel{background:#1e1e1ef2;border-color:#444;color:#e0e0e0}}.dev-tools-panel--collapsed{min-width:auto;padding:8px}.dev-tools-panel__toggle{background:transparent;border:none;font-size:20px;cursor:pointer;padding:4px;border-radius:4px;transition:background .2s}.dev-tools-panel__toggle:hover{background:#0000001a}@media(prefers-color-scheme:dark){.dev-tools-panel__toggle:hover{background:#ffffff1a}}.dev-tools-panel__header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid #e0e0e0}@media(prefers-color-scheme:dark){.dev-tools-panel__header{border-bottom-color:#444}}.dev-tools-panel__title{margin:0;font-size:14px;font-weight:600}.dev-tools-panel__close{background:transparent;border:none;font-size:20px;line-height:1;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background .2s;color:#666}.dev-tools-panel__close:hover{background:#0000001a;color:#000}@media(prefers-color-scheme:dark){.dev-tools-panel__close{color:#999}.dev-tools-panel__close:hover{background:#ffffff1a;color:#fff}}.dev-tools-panel__content{padding:12px 16px}.dev-tools-panel__tool-content{max-height:400px;overflow-y:auto;word-wrap:break-word}.debug-tool{display:flex;flex-direction:column;gap:16px}.debug-tool__section{display:flex;flex-direction:column;gap:8px}.debug-tool__section:last-child{margin-bottom:0}.debug-tool__section-title{margin:0;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#666}@media(prefers-color-scheme:dark){.debug-tool__section-title{color:#999}}.debug-tool__buttons{display:flex;flex-direction:column;gap:6px}.debug-tool__btn{padding:8px 12px;border:1px solid #d0d0d0;border-radius:4px;background:#fff;cursor:pointer;font-size:12px;font-weight:500;transition:all .2s;text-align:left;width:100%;box-sizing:border-box}.debug-tool__btn:hover{background:#f5f5f5;border-color:#b0b0b0}.debug-tool__btn:active{transform:scale(.98)}.debug-tool__btn--primary{background:var(--brand-primary, #38A0CC);color:#fff;border-color:var(--brand-primary, #38A0CC)}.debug-tool__btn--primary:hover{background:#38a0cce6;border-color:#38a0cce6}.debug-tool__btn--active{background:#dc3545;color:#fff;border-color:#dc3545}.debug-tool__btn--active:hover{background:#c82333;border-color:#c82333}.debug-tool__btn--secondary{background:#f8f9fa;color:#333}.debug-tool__btn--secondary:hover{background:#e9ecef}.debug-tool__btn--success{color:#38a169;border-color:#38a169}.debug-tool__btn--success:hover{background:#f0fff4;border-color:#2f855a}.debug-tool__btn--error{color:#dc3545;border-color:#dc3545}.debug-tool__btn--error:hover{background:#fff5f5;border-color:#c82333}@media(prefers-color-scheme:dark){.debug-tool__btn{background:#2a2a2a;border-color:#444;color:#e0e0e0}.debug-tool__btn:hover{background:#353535;border-color:#555}.debug-tool__btn--primary{background:var(--brand-primary, #38A0CC);border-color:var(--brand-primary, #38A0CC)}.debug-tool__btn--primary:hover{background:#38a0cce6;border-color:#38a0cce6}.debug-tool__btn--secondary{background:#1a1a1a;color:#e0e0e0}.debug-tool__btn--secondary:hover{background:#252525}.debug-tool__btn--success{color:#68d391;border-color:#68d391}.debug-tool__btn--success:hover{background:#68d3911a;border-color:#48bb78}.debug-tool__btn--error{color:#ff6b6b;border-color:#ff6b6b}.debug-tool__btn--error:hover{background:#ff6b6b1a;border-color:#ff5252}.debug-tool__btn--active{background:#dc3545;border-color:#dc3545}.debug-tool__btn--active:hover{background:#c82333;border-color:#c82333}}:root{--nav-height: 94px}.app{max-width:1024px;margin-left:auto;margin-right:auto}.idle-content{max-width:1200px;margin:0 auto;width:100%}.hero-section{margin-bottom:64px}.hero-accent{display:flex;align-items:center;gap:12px;margin-bottom:24px}.accent-bar{width:4px;height:32px;border-radius:2px}.section-label{font-size:12px;color:var(--brand-primary);text-transform:uppercase;letter-spacing:2px;font-weight:600}.hero-title{font-size:56px;font-weight:700;margin-bottom:16px;line-height:1.1;letter-spacing:-2px;margin-top:0}.dark .hero-title{color:var(--brand-white)}.hero-subtitle{font-size:18px;color:var(--brand-grey-light);margin-bottom:0;line-height:1.8;max-width:600px}.content-cards-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.content-card{background:linear-gradient(135deg,#38a0cc1a,#38a0cc0d);border:2px solid rgba(56,160,204,.2);border-radius:16px;padding:60px 32px;text-align:center;cursor:pointer;transition:all .3s ease-out;-webkit-user-select:none;user-select:none}.content-card-blue{border:2px dashed rgba(56,160,204,.4)}.content-card:hover{border-color:#38a0cc66}.content-card-blue:hover{border:2px dashed rgba(56,160,204,.6)}.content-card:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px}.content-card-green{border-color:#2ba07a33}.content-card-green:hover{border-color:#2ba07a66}.content-card-green:focus-visible{outline-color:var(--brand-green)}.content-card.dragging{border-color:#38a0cc99;transform:scale(1.02)}.content-card-blue.dragging{border:2px dashed rgba(56,160,204,.8)}.content-card.disabled{opacity:.6;cursor:not-allowed}.content-card.disabled:hover{border-color:#38a0cc33}.card-icon{margin-bottom:12px;display:flex;justify-content:center;align-items:center;color:inherit}.card-title{font-size:18px;font-weight:600;margin-bottom:8px;margin-top:0}.dark .card-title{color:var(--brand-white)}.card-description{font-size:14px;color:var(--brand-grey-light);margin:0}.input-section{margin-top:48px;border:1px solid rgba(56,160,204,.15);border-radius:16px;padding:32px;animation:slideDown .3s ease-out}@keyframes slideDown{0%{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}.input-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;position:relative}.input-section-title{font-size:20px;font-weight:600;margin:0}.dark .input-section-title{color:var(--brand-white)}.input-section-close{background:none;border:none;color:var(--brand-grey-light);font-size:20px;cursor:pointer;padding:8px;transition:color .2s;display:flex;align-items:center;justify-content:center;flex-shrink:0}.input-section-close:hover{color:var(--brand-white)}.input-section-close:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px}.app-header h1{margin:0 0 .5rem;font-size:2.5rem;font-weight:700}.app-subtitle{margin:0;font-size:1.125rem;opacity:.9;font-weight:300}.app-main{flex:1;padding:2rem 0}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.input-modal-overlay,.input-modal{animation:none}}.app-footer{background:#2d3748;color:#cbd5e0;text-align:center;padding:1.5rem;font-size:.875rem}.dark .app-footer{background:var(--brand-grey-strong);color:var(--brand-grey-light)}.app-footer p{margin:0}.error-container{width:100%;max-width:600px;margin:0 auto}.error-content{background:#fff;border-radius:12px;padding:3rem 2rem;text-align:center;box-shadow:0 4px 6px #0000001a}.dark .error-content{background:#1a1a1a;box-shadow:0 4px 6px #0000004d}.error-content svg{color:#f56565;margin-bottom:1rem}.error-content h2{margin:0 0 1rem;color:#2d3748;font-size:1.5rem}.dark .error-content h2{color:var(--brand-white)}.error-content p{color:#718096;margin:0 0 2rem;line-height:1.6}.dark .error-content p{color:var(--brand-grey-light)}@media(max-width:1024px){.hero-title{font-size:48px}.hero-subtitle{font-size:16px}.content-cards-grid{gap:20px}.content-card{padding:32px 24px}.card-title{font-size:16px}}@media(max-width:768px){.app-header h1{font-size:2rem}.app-subtitle{font-size:1rem}.hero-section{margin-bottom:48px}.hero-title{font-size:40px;letter-spacing:-1px}.hero-subtitle{font-size:16px;line-height:1.6}.content-cards-grid{grid-template-columns:1fr;gap:16px}.content-card{padding:32px 24px}.card-title{font-size:16px}.input-modal{width:95vw;padding:24px}}@media(max-width:480px){.hero-accent{gap:8px}.accent-bar{height:24px}.section-label{font-size:11px;letter-spacing:1px}.hero-title{font-size:32px;margin-bottom:12px}.hero-subtitle{font-size:14px}.content-card{padding:24px 16px}.card-title{font-size:14px;margin-bottom:4px}.card-description{font-size:12px}.input-modal{padding:20px}.input-modal-close{font-size:20px}}.file-upload-error{margin-top:1rem;padding:1rem;background:#fff5f5;border:1px solid #feb2b2;border-radius:8px;color:#c53030;display:flex;align-items:center;gap:.5rem;font-size:.875rem}.dark .file-upload-error{background:#dc26261a;border-color:#dc26264d;color:#fca5a5}.file-upload-error svg{flex-shrink:0}.export-settings-modal-overlay{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000}.export-settings-modal{background:var(--brand-white);border-radius:12px;box-shadow:0 10px 40px #0000001a;max-width:400px;width:90%;overflow:hidden;animation:slideIn .3s ease-out}.dark .export-settings-modal{background:#1a1a1a;box-shadow:0 10px 40px #0000004d}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.export-settings-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid var(--brand-grey-soft)}.dark .export-settings-modal-header{border-bottom-color:var(--brand-grey-strong)}.export-settings-modal-header h2{margin:0;color:var(--brand-grey-strong);font-size:1.25rem;font-weight:600}.dark .export-settings-modal-header h2{color:var(--brand-white)}.modal-close{background:none;border:none;cursor:pointer;color:var(--brand-grey-medium);padding:.5rem;display:flex;align-items:center;justify-content:center;transition:color .2s ease-out}.modal-close:hover{color:var(--brand-grey-strong)}.dark .modal-close{color:var(--brand-grey-light)}.dark .modal-close:hover{color:var(--brand-white)}.export-settings-modal-content{padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem}.settings-group{display:flex;flex-direction:column;gap:.5rem}.settings-label{font-size:.9rem;font-weight:600;color:var(--brand-grey-strong)}.dark .settings-label{color:var(--brand-white)}.settings-checkbox{display:flex;align-items:center;gap:.75rem;cursor:pointer;-webkit-user-select:none;user-select:none}.settings-checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--brand-primary)}.settings-checkbox span{color:var(--brand-grey-strong);font-weight:500}.dark .settings-checkbox span{color:var(--brand-white)}.settings-hint{font-size:.85rem;color:var(--brand-grey-medium);margin:0 0 0 32px}.dark .settings-hint{color:var(--brand-grey-light)}.settings-radio-group{display:flex;flex-direction:column;gap:.75rem}.settings-radio{display:flex;align-items:center;gap:.75rem;cursor:pointer;-webkit-user-select:none;user-select:none}.settings-radio input[type=radio]{width:18px;height:18px;cursor:pointer;accent-color:var(--brand-primary)}.settings-radio span{color:var(--brand-grey-strong);font-weight:500}.dark .settings-radio span{color:var(--brand-white)}.export-settings-modal-footer{display:flex;gap:1rem;padding:1.5rem;border-top:1px solid var(--brand-grey-soft);justify-content:flex-end}.dark .export-settings-modal-footer{border-top-color:var(--brand-grey-strong)}.modal-button{padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease-out}.modal-button.primary{background:var(--brand-primary);color:#fff}.modal-button.primary:hover{background:#38a0cce6;transform:translateY(-1px)}.modal-button.secondary{background:var(--brand-grey-soft);color:var(--brand-grey-strong);border:1px solid var(--brand-grey-soft)}.dark .modal-button.secondary{background:transparent;color:var(--brand-white);border-color:var(--brand-grey-strong)}.modal-button.secondary:hover{background:var(--brand-grey-soft)}.dark .modal-button.secondary:hover{background:#38a0cc1a}.segment-item{display:flex;align-items:flex-start;gap:1rem;padding:1rem;background:var(--brand-grey-soft);border-radius:8px;border-left:3px solid var(--brand-primary);transition:all .2s ease-out;position:relative}.dark .segment-item{background:#252525;border-left-color:var(--brand-primary)}.segment-item:hover{background:#38a0cc14}.dark .segment-item:hover{background:#38a0cc1f}.segment-item.highlighted{background:#38a0cc26;border-left-color:#38a0cc;border-left-width:4px}.dark .segment-item.highlighted{background:#38a0cc33}.segment-checkbox{flex-shrink:0;width:18px;height:18px;cursor:pointer;accent-color:var(--brand-primary);margin-top:2px}.segment-content{flex:1;display:flex;flex-direction:column;gap:.75rem}.segment-time{flex-shrink:0;font-family:Courier New,monospace;font-size:.8rem;color:var(--brand-primary);font-weight:600;min-width:50px}.segment-text{flex:1;color:var(--brand-grey-medium);font-size:.95rem;line-height:1.5}.dark .segment-text{color:var(--brand-grey-light)}.segment-copy{flex-shrink:0;background:none;border:1px solid var(--brand-grey-soft);color:var(--brand-grey-medium);width:32px;height:32px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease-out}.dark .segment-copy{border-color:var(--brand-grey-strong);color:var(--brand-grey-light)}.segment-copy:hover{background:var(--brand-primary);color:#fff;border-color:var(--brand-primary)}.segment-copy:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px}.note-editor{display:flex;flex-direction:column;gap:.5rem;padding:.75rem;background:var(--brand-white);border-radius:6px;border:1px solid var(--brand-primary);width:100%}.dark .note-editor{background:#1a1a1a;border-color:var(--brand-primary)}.note-textarea{width:100%;min-height:60px;padding:.5rem;border:1px solid var(--brand-grey-soft);border-radius:4px;font-size:.9rem;font-family:inherit;color:var(--brand-grey-strong);background:var(--brand-white);resize:vertical;outline:none;transition:border-color .2s ease-out}.dark .note-textarea{background:#252525;border-color:var(--brand-grey-strong);color:var(--brand-white)}.note-textarea:focus{border-color:var(--brand-primary);box-shadow:0 0 0 3px #38a0cc1a}.note-editor-actions{display:flex;gap:.5rem;justify-content:flex-end}.note-button{padding:.5rem 1rem;border:none;border-radius:4px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease-out}.note-button.done{background:var(--brand-primary);color:#fff}.note-button.done:hover{background:#38a0cce6}.note-button.clear{background:var(--brand-grey-soft);color:var(--brand-grey-strong)}.dark .note-button.clear{background:transparent;border:1px solid var(--brand-grey-strong);color:var(--brand-white)}.note-button.clear:hover{background:var(--brand-grey-soft)}.dark .note-button.clear:hover{background:#38a0cc1a}.note-display{display:flex;flex-direction:column;gap:.5rem;padding:.75rem;background:#38a0cc14;border-radius:6px;border:1px solid rgba(56,160,204,.2)}.dark .note-display{background:#38a0cc1a;border-color:#38a0cc4d}.note-content{font-size:.9rem;color:var(--brand-grey-medium);line-height:1.5}.dark .note-content{color:var(--brand-grey-light)}.add-note-button{align-self:flex-start;padding:.4rem .8rem;background:var(--brand-primary);color:#fff;border:none;border-radius:4px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease-out}.add-note-button:hover{background:#38a0cce6}.transcript-editor .tiptap{outline:none;line-height:var(--editor-line-height, 1.7);padding:1.5rem;min-height:200px;cursor:text;font-size:var(--editor-font-size, 14px);color:var(--colors-text-body);transition:font-size .15s ease,line-height .15s ease;-webkit-touch-callout:none}.transcript-editor .tiptap p{margin-bottom:.75em}.transcript-editor .tiptap p:last-child{margin-bottom:0}.transcript-editor .tiptap mark[data-color="#EFDF60"]{background-color:#efdf6080;border-radius:2px;padding:1px 0}.transcript-editor .tiptap mark[data-color="#2BA07A"]{background-color:#2ba07a73;border-radius:2px;padding:1px 0}.transcript-editor .tiptap mark[data-color="#38A0CC"]{background-color:#38a0cc73;border-radius:2px;padding:1px 0}.transcript-editor .tiptap mark[data-color="#D6544B"]{background-color:#d6544b66;border-radius:2px;padding:1px 0}.transcript-editor .tiptap mark{background-color:#efdf6080;border-radius:2px;padding:1px 0}.transcript-editor .tiptap ::selection{background-color:#38a0cc40}@media(prefers-color-scheme:dark){.transcript-editor .tiptap mark[data-color="#EFDF60"]{background-color:#efdf6059}.transcript-editor .tiptap mark[data-color="#2BA07A"]{background-color:#2ba07a59}.transcript-editor .tiptap mark[data-color="#38A0CC"]{background-color:#38a0cc59}.transcript-editor .tiptap mark[data-color="#D6544B"]{background-color:#d6544b59}.transcript-editor .tiptap mark{background-color:#efdf6059}}.dark .tab-content{background:#1a1a1a;border-color:var(--brand-grey-strong)}.transcript-view{display:flex;flex-direction:column;gap:1rem}.transcript-text{color:var(--brand-grey-medium);font-size:1rem;line-height:1.75;white-space:normal;word-break:break-word;background:var(--brand-grey-soft);padding:1.5rem;border-radius:8px}.dark .transcript-text{background:#252525;color:var(--brand-grey-light)}.segments-view{display:flex;flex-direction:column;gap:1rem}.segments-header{display:flex;justify-content:flex-start}.select-all-button{padding:.5rem 1rem;background:var(--brand-grey-soft);border:1px solid var(--brand-grey-soft);color:var(--brand-grey-strong);border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease-out}.dark .select-all-button{background:transparent;border-color:var(--brand-grey-strong);color:var(--brand-white)}.select-all-button:hover{background:var(--brand-primary);color:#fff;border-color:var(--brand-primary)}.segments-list{display:flex;flex-direction:column;gap:.75rem}.transcription-display{width:100%;display:flex;flex-direction:column;gap:1.5rem;padding:0 48px}.transcription-layout{display:grid;grid-template-columns:260px 1fr;gap:1.5rem;max-width:1200px;margin:0 auto;width:100%}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.transcription-main{display:flex;flex-direction:column;gap:0;position:relative}@media(max-width:768px){.transcription-display{padding:0 1rem}.transcription-layout{grid-template-columns:1fr}}