:root{--font-sans: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-6: 1.5rem;--spacing-8: 2rem;--color-white: #ffffff;--color-black: #000000;--color-gray-50: #f9fafb;--color-gray-100: #f3f4f6;--color-gray-200: #e5e7eb;--color-gray-700: #374151;--color-gray-800: #1f2937;--color-gray-900: #111827;--color-primary: #2563eb;--color-primary-hover: #1d4ed8;--bg-page: var(--color-gray-50);--bg-card: var(--color-white);--text-primary: var(--color-gray-900);--text-secondary: var(--color-gray-700);--border-color: var(--color-gray-200)}body{margin:0;font-family:var(--font-sans);background-color:var(--bg-page);color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased}button{font-family:inherit}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.w-full{width:100%}.h-full{height:100%}.gap-2{gap:var(--spacing-2)}.gap-4{gap:var(--spacing-4)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem;border-radius:.375rem;font-weight:500;cursor:pointer;border:1px solid transparent;transition:all .2s}.btn-primary{background-color:var(--color-primary);color:var(--color-white)}.btn-primary:hover{background-color:var(--color-primary-hover)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}:root{color-scheme:dark;--bg-primary: #050505;--bg-panel: rgba(26, 26, 26, .95);--bg-panel-alt: rgba(18, 18, 18, .92);--border-color: #2a2a2a;--border-color-alt: #262626;--text-primary: #f2f2f7;--text-secondary: #b7b7b7;--text-muted: #888;--accent: #4ecdc4;--accent-strong: #646cff;--surface-elevated: rgba(0, 0, 0, .45);--surface-elevated-alt: rgba(0, 0, 0, .35);--control-bg: #222;--control-border: #333;--control-field: #333;--control-field-border: #444;--highlight-bg: rgba(100, 108, 255, .2)}*,*:before,*:after{box-sizing:border-box}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:Helvetica Neue,Helvetica,Arial,sans-serif;margin:0;min-height:100vh;font-size:16px;line-height:1.5;overflow-x:hidden}#root{min-height:100vh}a{color:var(--accent);text-decoration:none;transition:color .2s ease}a:hover{color:#fff}.app-shell{min-height:100vh;background:radial-gradient(circle at 15% 20%,rgba(100,108,255,.08),transparent 45%),radial-gradient(circle at 80% 0%,rgba(78,205,196,.08),transparent 40%),var(--bg-primary);padding:clamp(1.25rem,4vw,3.5rem)}.header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem;border-bottom:1px solid var(--border-color);padding-bottom:1em}.header-title-group{display:flex;align-items:center;gap:.75rem}.header-links{display:flex;gap:1em}.home-link{display:inline-flex;align-items:center;justify-content:center;color:var(--text-secondary);text-decoration:none;opacity:.7;transition:opacity .2s}.home-link:hover{opacity:1}.breadcrumb-separator{color:var(--text-muted);font-size:1.5rem;font-weight:300;margin-top:-2px}.header-app-icon{display:inline-flex;align-items:center;justify-content:center;color:var(--accent);background:var(--control-field);border-radius:12px;padding:.25rem}h1{margin:0;font-size:1.8rem;color:var(--text-primary);font-weight:600}h2{font-size:1.25rem;margin:0;color:var(--text-secondary);font-weight:500}.panel{background-color:var(--bg-panel);border:1px solid var(--border-color);border-radius:16px;padding:1.5rem;box-shadow:0 10px 30px var(--surface-elevated);display:flex;flex-direction:column;gap:1rem}.app-layout{display:grid;gap:1.5rem;grid-template-columns:1fr}@media (min-width: 900px){.app-layout.two-column{grid-template-columns:300px 1fr}}button{font-family:inherit;cursor:pointer;border:none;border-radius:8px;font-weight:600;transition:all .2s}.btn-primary,.btn-play-large{background-color:var(--accent-strong);color:#fff;padding:.6rem 1.2rem;display:inline-flex;align-items:center;gap:.5rem;font-size:1rem}.btn-play-large{padding:.75rem 1.5rem;font-size:1.1rem}.btn-primary:hover,.btn-play-large:hover{background-color:#535bf2;transform:translateY(-1px)}.btn-play-large.active{background-color:#ef4444}.btn-play-large.active:hover{background-color:#dc2626}.btn-queue-mode{background-color:transparent;color:var(--text-secondary);border:1px solid var(--border-color);padding:.65rem 1rem;border-radius:999px;font-size:.9rem}.btn-queue-mode:hover{border-color:var(--accent-strong);color:var(--accent-strong)}.btn-queue-mode.active{border-color:var(--accent-strong);color:var(--accent-strong);box-shadow:0 0 0 1px #646cff40}.btn-sm{padding:.4rem .8rem;font-size:.9rem}.btn-outline{background:transparent;border:1px solid var(--border-color);color:var(--text-secondary);border-radius:6px;font-weight:500;cursor:pointer}.btn-outline:hover{background:var(--bg-panel-alt);border-color:var(--text-muted);color:var(--text-primary)}.footer{margin-top:3rem;padding-top:1.5rem;border-top:1px solid var(--border-color);text-align:center;color:var(--text-muted);font-size:.9rem}.editor-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;gap:1rem;flex-wrap:wrap}.editor-header h2{flex:1;min-width:200px}.player-controls-group{display:flex;flex-direction:column;align-items:flex-end;gap:.75rem}.player-main-actions{display:flex;gap:.75rem;align-items:center}.player-settings{display:flex;gap:1rem;align-items:center;flex-wrap:wrap;justify-content:flex-end}.playback-checkbox-control{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.9rem;white-space:nowrap;color:var(--text-secondary);transition:color .2s}.playback-checkbox-control:hover{color:var(--text-primary)}.playback-checkbox-control input{cursor:pointer;accent-color:var(--accent);width:1.1em;height:1.1em}@media (max-width: 768px){.editor-header{flex-direction:column;align-items:stretch;gap:1.25rem}.editor-header h2{text-align:center;width:100%;margin-bottom:.5rem}.player-controls-group{align-items:center;width:100%}.player-main-actions{width:100%;justify-content:center;flex-wrap:wrap}.player-settings{justify-content:center;width:100%}.btn-play-large{width:100%;justify-content:center}.btn-queue-mode{flex:1;display:flex;justify-content:center;align-items:center}}.collection-manager{display:flex;flex-direction:column;gap:1.5rem}.collection-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.collection-header h2{margin:0;border:none;padding:0;font-size:1.25rem;color:var(--text-primary)}.create-collection-form{display:flex;flex-wrap:wrap;gap:.5rem;background:var(--bg-panel-alt);padding:.75rem;border-radius:8px;border:1px solid var(--border-color-alt)}.create-collection-form input{flex:1;min-width:100px;padding:.5rem;background-color:var(--control-field);color:var(--text-primary);border:1px solid var(--control-field-border);border-radius:6px}.create-collection-form button{flex-shrink:0}.collection-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.collection-item{border:1px solid var(--border-color);border-radius:8px;overflow:hidden;transition:all .2s;background-color:var(--bg-panel)}.collection-item:hover{border-color:var(--border-color-alt);background-color:var(--bg-panel-alt)}.collection-item.active{border-color:var(--accent);background:#4ecdc41a}.collection-row{display:flex;align-items:center;padding:.75rem 1rem;cursor:pointer}.collection-name{font-weight:500;flex:1;color:var(--text-secondary)}.collection-item.active .collection-name{color:var(--accent);font-weight:600}.collection-meta{font-size:.85rem;color:var(--text-muted);margin-right:1rem}.collection-actions{display:flex;gap:.25rem}.icon-btn{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:4px 8px;border-radius:4px;font-size:1rem;transition:all .2s}.icon-btn:hover{background:#ffffff1a;color:var(--text-primary)}.icon-btn.danger:hover{background:#ef444433;color:#ef4444}.edit-collection-row{padding:.5rem;display:flex}.edit-collection-row input{width:100%;padding:.5rem;background-color:var(--control-field);color:var(--text-primary);border:2px solid var(--accent);border-radius:6px}.input-section{display:flex;flex-direction:column;gap:1.5rem}.language-controls{display:flex;flex-direction:row;gap:1rem;flex-wrap:wrap}.select-group{display:flex;flex-direction:column;gap:.5rem;flex:1;min-width:200px}.select-group label{font-weight:500;color:var(--text-secondary)}.select-group select{padding:.75rem;border:1px solid var(--control-border);border-radius:8px;font-size:1rem;background-color:var(--control-bg);color:var(--text-primary)}.text-input-container{display:flex;flex-direction:column;gap:.5rem}.text-input-container label{font-weight:500;color:var(--text-secondary)}.editor-wrapper{width:100%}.conversation-textarea{width:100%;padding:1rem;border:1px solid var(--control-border);border-radius:12px;font-family:monospace;font-size:.95rem;resize:vertical;min-height:300px;line-height:1.5;color:var(--text-primary);background-color:var(--control-bg);transition:background-color .2s}.conversation-textarea:focus{outline:2px solid var(--accent);border-color:transparent}.current-conversation-panel{background-color:var(--bg-panel-alt);border:1px solid var(--border-color);border-radius:14px;padding:1rem 1.25rem;display:flex;flex-direction:column;gap:.75rem;box-shadow:0 8px 24px #00000040}.current-conversation-panel__header{display:flex;justify-content:space-between;align-items:center;gap:1rem}.current-conversation-panel__title{display:flex;flex-direction:column;gap:.15rem;font-weight:500;color:var(--text-secondary)}.current-conversation-panel__title strong{color:var(--text-primary);font-size:.95rem}.current-conversation-panel__status{color:var(--text-muted);font-size:.9rem}.queue-mode-tag{border:1px solid var(--border-color);border-radius:999px;padding:.25rem .75rem;font-size:.85rem;color:var(--text-secondary)}.queue-mode-tag--active{border-color:var(--accent-strong);color:var(--accent-strong)}.current-conversation-panel__sentences{display:flex;flex-direction:column;gap:.5rem;max-height:240px;overflow-y:auto;padding-right:.25rem}.sentence-row{background-color:#ffffff05;border:1px solid var(--border-color-alt);border-radius:10px;padding:.75rem;display:flex;flex-direction:column;gap:.35rem;transition:border-color .2s,background-color .2s}.sentence-row--active{border-color:var(--accent-strong);background-color:#646cff14;box-shadow:0 0 0 1px #646cff40}.sentence-target{font-weight:600;color:var(--text-primary)}.sentence-native{font-size:.9rem;color:var(--text-secondary)}.current-conversation-panel__placeholder{margin:0;color:var(--text-muted);font-size:.95rem}.current-conversation-panel__queue{border-top:1px solid var(--border-color);padding-top:.75rem;display:flex;flex-direction:column;gap:.5rem}.queue-label{font-size:.85rem;color:var(--text-secondary);letter-spacing:.02em;text-transform:uppercase}.queue-chips{display:flex;flex-wrap:wrap;gap:.5rem}.queue-chip{background-color:#ffffff0a;border:1px solid var(--border-color);border-radius:999px;padding:.25rem .75rem;font-size:.85rem;color:var(--text-secondary)}