:root{--bg-primary: #f8fbff;--bg-secondary: #edf1f6;--accent: #0f766e;--accent-dark: #0f4c81;--glass: rgba(255, 255, 255, .7);--border: rgba(15, 23, 42, .1);--text-primary: #1e293b;--text-secondary: #5b6474;--color-error: #b91c1c;--bg-disabled: #5b6474}html,body,#root{margin:0;min-height:100%}body{background:radial-gradient(circle at top left,rgba(15,118,110,.16),transparent 30%),radial-gradient(circle at top right,rgba(15,76,129,.14),transparent 26%),linear-gradient(180deg,var(--bg-primary) 0%,var(--bg-secondary) 100%);font-family:Inter,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:var(--text-primary);overflow-x:hidden}a{color:inherit}#root{min-height:100vh}section{padding:24px}button{font:inherit;border:0;border-radius:16px;padding:12px 14px;font-weight:700;cursor:pointer;background:linear-gradient(135deg,var(--accent) 0%,var(--accent-dark) 100%);color:#fff}button:disabled{opacity:.5;cursor:not-allowed}.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}.app-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:var(--glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:1000;gap:12px;box-sizing:border-box;width:100%;transition:transform .3s ease,background-color .3s ease}.app-header.header-hidden{transform:translateY(-100%)}.app-header-locale-switcher select{background:#0f172a0d;border:1px solid var(--border);border-radius:99px;padding:6px 36px 6px 16px;font-size:14px;font-weight:700;color:var(--text-primary);cursor:pointer;outline:none;transition:all .2s;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23475569' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.app-header-locale-switcher select:hover{background-color:#fff;border-color:var(--accent)}.app-header-left{display:flex;align-items:center;gap:12px;flex:0 1 auto;min-width:0}.app-header-back{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:#0f172a0d;border:1px solid var(--border);color:var(--text-primary);text-decoration:none;font-size:18px;font-weight:800;transition:all .2s}.app-header-back:hover{background:#fff;border-color:var(--accent);color:var(--accent);transform:translate(-2px)}.app-header-brand{text-decoration:none;color:inherit;flex:0 1 auto;min-width:0}.app-header-title{margin:0;font-size:20px;font-weight:800}.app-header-nav{display:flex;gap:12px;align-items:center;min-width:0}.app-header-nav a{text-decoration:none;padding:8px 16px;border-radius:99px;font-size:14px;font-weight:700;border:1px solid var(--border);background:#fff;color:var(--text-primary);cursor:pointer;transition:all .2s}.app-header-nav a:hover{border-color:var(--accent)}.app-header-locale{min-width:0}@media(max-width:768px){.app-header{align-items:flex-start;flex-direction:column;padding:14px 16px}.app-header-title{font-size:18px}.app-header-nav{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.app-header-nav a,.app-header-locale{min-width:0}.app-header-nav a,.app-header-nav select{display:flex;justify-content:center;width:100%;box-sizing:border-box}.app-header-locale{grid-column:1 / -1}}.workspace-grid{display:grid;grid-template-columns:1fr 320px;gap:0;min-height:calc(100vh - 73px)}.main-stage{padding:24px 24px 220px;overflow-y:auto}.editor-focus{max-width:700px;margin:0 auto}.workspace-title-row{display:flex;gap:16px;align-items:flex-end;margin-bottom:24px}.workspace-title-field{flex-grow:1}.workspace-save-btn{display:flex;align-items:center;gap:8px;border-radius:12px;padding:10px 18px;white-space:nowrap;font-weight:700;background:#fff;border:1px solid var(--border);color:var(--text-primary);transition:all .2s}.workspace-save-btn:hover{border-color:var(--accent);color:var(--accent)}.save-icon{font-size:16px}.script-title-input{width:100%;border:1px solid var(--border);background:#fff;border-radius:12px;padding:10px 16px;font-size:16px;font-weight:700;color:var(--text-primary);outline:none;transition:all .2s;margin-top:8px;box-sizing:border-box}.script-title-textarea{resize:none;overflow:hidden;min-height:44px;line-height:1.4;display:block}.script-title-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #0f766e1a}@media(max-width:768px){.workspace-title-row{flex-direction:column;align-items:stretch;gap:12px}.workspace-title-field{width:100%}.workspace-save-btn{width:100%;justify-content:center;order:2}.script-title-input{font-size:18px;padding:12px 16px}}.workspace-editor-modes{margin-bottom:24px}.raw-dialogue-input{width:100%;min-height:120px;padding:16px;border-radius:20px;border:1px solid var(--border);margin-bottom:24px;font:inherit;resize:vertical;background:#fffffff5}.workspace-tool-row{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px}.workspace-tool-pill{border-radius:999px;padding:10px 14px;background:#ffffffeb;color:var(--text-primary);border:1px solid rgba(15,23,42,.12);box-shadow:inset 0 1px #ffffffd9}.workspace-tool-pill-mobile-only{display:none}.workspace-bottom-dock{position:fixed;left:50%;bottom:24px;transform:translate(-50%);width:min(90vw,960px);max-width:800px;display:grid;gap:12px;z-index:980}.workspace-tools-dock{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;padding:10px;border-radius:22px;background:#ffffffb8;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(15,23,42,.08);box-shadow:0 16px 30px #0f172a1f}.dialogue-bubble{display:block;width:100%;text-align:left;padding:16px;border-radius:20px;margin-bottom:12px;background:#fff;border:1px solid var(--border);box-shadow:0 4px 6px -1px #0000000d;transition:transform .2s;color:var(--text-primary)}.dialogue-bubble.active{border-color:var(--accent);box-shadow:0 0 0 2px #0f766e33;transform:scale(1.02)}.dialogue-role-name{font-weight:800;color:var(--accent-dark);margin-bottom:4px}.dialogue-text{margin:0;line-height:1.5}.dialogue-status{font-size:12px;color:var(--accent);font-weight:600;margin-top:8px}.dialogue-status.error{color:var(--color-error)}.sidebar-cast{border-left:1px solid var(--border);padding:24px 24px 220px;background:#fff6;display:flex;flex-direction:column;gap:32px;overflow-y:auto}.sidebar-section{display:flex;flex-direction:column;gap:16px}.sidebar-cast-header h3{margin:4px 0 0}.sidebar-saved-list{display:flex;flex-direction:column;gap:12px}.sidebar-saved-section .sheet-card.sheet-card{padding:12px;border-radius:16px;font-size:13px}.landing-pair-info strong{font-size:14px;font-weight:700;color:var(--text-primary)}.sidebar-saved-section .sheet-card.sheet-card strong{font-size:14px}.sidebar-saved-section .sheet-link-btn.sheet-link-btn{padding:6px 12px;font-size:12px;border-radius:10px}.sidebar-saved-section .sheet-icon-btn-delete.sheet-icon-btn-delete{padding:6px;border-radius:10px;font-size:14px}@media(max-width:1024px){.workspace-grid{grid-template-columns:1fr}.sidebar-cast{display:none}}.cast-card{background:#fff;border:1px solid var(--border);border-radius:20px;padding:16px;display:flex;flex-direction:column;gap:12px}.cast-card-header{display:flex;justify-content:space-between;align-items:center}.cast-locale-badge{font-size:11px;font-weight:800;background:#0f172a0d;color:var(--text-secondary);padding:2px 8px;border-radius:6px;text-transform:uppercase}.cast-card select{width:100%;padding:8px;border-radius:8px;border:1px solid var(--border);font:inherit}.cast-repeat-field{margin-top:4px}.cast-field-label{display:block;font-size:11px;font-weight:800;text-transform:uppercase;color:var(--text-secondary);margin-bottom:8px;letter-spacing:.03em}.cast-preset-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.cast-preset-btn{font-size:12px;font-weight:700;padding:8px;border-radius:10px;background:#fff;border:1px solid var(--border);color:var(--text-primary);cursor:pointer;transition:all .2s}.cast-preset-btn:hover{border-color:var(--accent);background:#0f766e08}.cast-preset-btn.active{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:0 4px 12px #0f766e33}.cast-custom-speeds{margin-top:12px;padding-top:12px;border-top:1px dashed var(--border);display:flex;flex-direction:column;gap:12px}.cast-custom-header{display:flex;justify-content:space-between;align-items:center}.cast-count-controls{display:flex;align-items:center;gap:12px;background:#0f172a08;padding:4px;border-radius:10px;border:1px solid var(--border)}.cast-count-controls button{width:28px;height:28px;border-radius:8px;border:none;background:#fff;color:var(--text-primary);font-weight:800;cursor:pointer;box-shadow:0 1px 3px #0000001a;display:flex;align-items:center;justify-content:center}.cast-count-controls button:hover{background:var(--accent);color:#fff}.cast-count-controls span{font-weight:800;font-size:14px;min-width:16px;text-align:center}.cast-speed-sliders{display:flex;flex-direction:column;gap:8px}.cast-speed-slider-row{display:flex;align-items:center;gap:10px}.cast-speed-index{font-size:10px;font-weight:800;color:var(--text-secondary);width:18px}.cast-speed-slider-row input[type=range]{flex:1;height:6px;border-radius:3px;background:var(--border);outline:none;cursor:pointer}.cast-speed-slider-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:var(--accent);border:2px solid white;box-shadow:0 1px 4px #0003}.cast-speed-value{font-size:11px;font-weight:700;color:var(--accent);width:36px;text-align:right}.command-center{width:100%;background:#0f172af2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;padding:12px 24px;display:flex;align-items:center;gap:16px;color:#fff;box-shadow:0 20px 25px -5px #0000004d;z-index:1000;box-sizing:border-box}.command-center-primary{display:flex;align-items:center;gap:16px;min-width:0;flex:1 1 auto}.command-play-btn{width:48px;height:48px;border-radius:50%;background:#fff;color:var(--accent-dark);display:flex;align-items:center;justify-content:center;font-size:24px;flex:0 0 auto}.command-center-status{min-width:0;flex:1 1 auto}.command-status-line{font-size:14px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.command-progress-track{width:100%;height:4px;background:#fff3;border-radius:999px;margin-top:6px}.command-progress-fill{height:100%;background:#fff;border-radius:inherit;transition:width .2s}.command-center-actions{display:flex;gap:10px;align-items:center;justify-content:flex-end;min-width:0;flex:0 0 auto}.command-inline-btn{white-space:nowrap}.command-mobile-tools{display:none}.command-download-btn{white-space:nowrap}@media(max-width:1024px){.main-stage{padding:20px 16px calc(164px + env(safe-area-inset-bottom))}.workspace-topbar{align-items:flex-start;flex-direction:column}.workspace-bottom-dock{left:0;right:0;bottom:0;transform:none;width:100%;max-width:none;gap:0}.workspace-tools-dock{display:none}.command-mobile-tools{display:inline-flex;align-items:center;justify-content:center;min-width:64px;padding:8px 16px;background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3);box-shadow:inset 0 1px #ffffff1f}.command-center{border-radius:24px 24px 0 0;padding:12px 14px calc(12px + env(safe-area-inset-bottom));display:flex;align-items:center;justify-content:space-between;gap:12px}.command-center-primary{flex:1;min-width:0;gap:12px}.command-center-actions{flex:0 0 auto}.command-download-btn{min-width:0;white-space:normal}}@media(max-width:768px){.main-stage{padding-bottom:calc(74px + env(safe-area-inset-bottom))}.workspace-tool-row{margin-bottom:20px}.command-center{padding:8px 12px calc(8px + env(safe-area-inset-bottom));border-radius:20px 20px 0 0;gap:8px}.command-play-btn{width:36px;height:36px;font-size:16px;padding:0}.command-status-line{font-size:11px;line-height:1.15}.command-center-status{display:none}.command-mobile-tools{padding:6px 12px;min-height:36px}}.btn-primary-2026{background:var(--accent);color:#fff;border:none;padding:12px 24px;border-radius:16px;font-weight:700;cursor:pointer;box-shadow:0 4px 14px #0f766e63;transition:all .2s}.btn-primary-2026:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #0f766e73}.btn-primary-2026:disabled{background:var(--bg-disabled);opacity:.7;cursor:not-allowed;box-shadow:none}.command-assemble-btn{flex:1 1 auto}.sheet-secondary-btn{background:#0f172a0f;color:var(--text-primary);border:1px solid rgba(15,23,42,.1)}.sheet-secondary-btn.active{background:linear-gradient(135deg,var(--accent) 0%,var(--accent-dark) 100%);color:#fff;border-color:transparent;box-shadow:0 10px 24px #0f766e3d}.sheet-segmented-control{display:flex;flex-wrap:wrap;gap:10px}.sheet-segmented-control .sheet-secondary-btn{min-width:112px}@media(max-width:1024px){.sheet-secondary-btn.command-mobile-tools{background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3);box-shadow:inset 0 1px #ffffff1f}}.workspace-sheet-layer{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-end;justify-content:center;padding-inline:12px;z-index:1100;box-sizing:border-box}.workspace-sheet-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;border:0;background:#0f172a61;border-radius:0;padding:0}.workspace-sheet{position:relative;width:min(100%,720px);max-height:min(78vh,760px);background:#fffffff7;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:28px 28px 0 0;box-shadow:0 -24px 48px #0f172a2e;padding:20px 20px calc(20px + env(safe-area-inset-bottom));overflow-y:auto;box-sizing:border-box}.sheet-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px}.sheet-header>div,.sheet-card-copy{min-width:0;display:flex;flex-direction:column;gap:4px}.sheet-header h3{margin:4px 0 0;overflow-wrap:anywhere}.sheet-label{margin:0;color:var(--text-secondary);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.sheet-close{border-radius:999px;padding:10px 14px}.sheet-body{display:grid;gap:14px}.sheet-section{background:#fff;border:1px solid var(--border);border-radius:20px;padding:16px;display:flex;flex-direction:column;gap:12px}.sheet-card{background:#fff;border:1px solid var(--border);border-radius:20px;padding:16px;display:flex;gap:16px;justify-content:space-between;align-items:flex-start;min-width:0}.sheet-card-action{background:#fff;box-shadow:none;width:100%;text-align:left;color:var(--text-primary)}.sheet-card-copy p,.sheet-copy{margin:0;color:var(--text-secondary);line-height:1.5}.sheet-link-btn{display:inline-flex;align-items:center;justify-content:center;border-radius:16px;padding:10px 14px;background:linear-gradient(135deg,var(--accent) 0%,var(--accent-dark) 100%);color:#fff;text-decoration:none;font-weight:700;white-space:nowrap;max-width:100%;text-align:center}.sheet-actions{display:flex;flex-wrap:wrap;gap:10px}.sheet-share-qr{margin-top:16px;padding:16px;border-radius:20px;background:#0f172a0a;border:1px solid rgba(15,23,42,.08);display:flex;justify-content:center}.sheet-share-qr-image{width:min(100%,256px);height:auto;display:block;border-radius:12px;background:#fff}.sheet-card-actions{display:flex;align-items:center;gap:12px}.sheet-icon-btn-delete{font-size:16px;background:#ef44440d;border:1px solid rgba(239,68,68,.1);padding:10px;border-radius:16px;color:#ef4444;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .2s ease}.sheet-icon-btn-delete:hover{background:#ef4444;color:#fff;border-color:#ef4444;box-shadow:0 4px 12px #ef444440}.sheet-range-field{display:grid;gap:10px}.sheet-range-label{display:flex;justify-content:space-between;gap:12px;margin-bottom:10px;font-size:14px;font-weight:700}.cast-card-sheet{margin-bottom:0}@media(max-width:1024px){.workspace-sheet-layer{padding-inline:0}.workspace-sheet{width:100%;max-width:none;border-radius:24px 24px 0 0;padding-inline:16px;max-height:min(72vh,760px)}.sheet-card{flex-direction:column}.sheet-link-btn,.sheet-actions>*{width:100%;white-space:normal}}.editor-mode-selector{display:flex;background:#0f172a0d;border:1px solid rgba(15,23,42,.08);border-radius:99px;padding:4px;gap:2px;margin-right:auto}.editor-mode-tab{border:none;background:transparent;color:var(--text-secondary);border-radius:99px;padding:8px 16px;font-size:14px;font-weight:700;cursor:pointer;white-space:nowrap;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:none}.editor-mode-tab:hover{color:var(--text-primary)}.editor-mode-tab.active{background:#fff;color:var(--accent);box-shadow:0 4px 10px #0f172a14,inset 0 1px #ffffffe6}.editor-mode-hint{font-size:13px;color:var(--text-secondary);background:#0f766e0f;border:1px dashed rgba(15,118,110,.2);padding:12px 16px;border-radius:16px;margin-bottom:16px;line-height:1.5}.visual-blocks-wrapper{margin-top:24px;width:100%}.visual-editor-empty{text-align:center;padding:48px 24px;background:#fff;border:2px dashed var(--border);border-radius:24px;color:var(--text-secondary)}.visual-empty-add-btn{margin-top:16px;display:inline-flex;align-items:center;gap:8px}.visual-blocks-container{display:flex;flex-direction:column;gap:16px}.visual-block-card{position:relative;background:#fff;border:1px solid var(--border);border-radius:20px;box-shadow:0 4px 12px #0f172a08;transition:all .25s cubic-bezier(.4,0,.2,1);overflow:hidden;display:flex}.visual-block-card.active{border-color:var(--accent);box-shadow:0 8px 24px #0f766e1f,0 0 0 2px #0f766e26;transform:translateY(-1px);animation:pulse-active-card 2s infinite ease-in-out}@keyframes pulse-active-card{0%{box-shadow:0 8px 24px #0f766e1f,0 0 0 2px #0f766e26}50%{box-shadow:0 12px 32px #0f766e33,0 0 0 4px #0f766e40}to{box-shadow:0 8px 24px #0f766e1f,0 0 0 2px #0f766e26}}.visual-block-accent-bar{width:6px;flex-shrink:0;height:100%;position:absolute;left:0;top:0;bottom:0}.visual-block-grid{padding:16px 16px 16px 20px;flex-grow:1;display:flex;flex-direction:column;gap:12px}.visual-block-speaker-row{display:flex;gap:12px;align-items:center}.visual-block-role-input{border:1px solid transparent;background:#0f172a08;border-radius:10px;padding:6px 12px;font-size:13px;font-weight:800;color:var(--accent-dark);max-width:140px;outline:none;transition:all .2s}.visual-block-role-input:focus{background:#fff;border-color:var(--border)}.visual-block-locale-select{border:1px solid var(--border);background:#fff;border-radius:10px;padding:6px 10px;font-size:12px;font-weight:600;color:var(--text-primary);outline:none;cursor:pointer;transition:border-color .2s}.visual-block-locale-select:hover{border-color:var(--accent)}.visual-block-text-input{display:block;width:100%;border:1px solid transparent;background:transparent;font-family:inherit;font-size:15px;line-height:1.5;color:var(--text-primary);resize:none;outline:none;padding:4px 0;transition:border-color .2s;box-sizing:border-box;min-height:24px}.visual-block-text-input:focus{border-bottom:1px solid var(--border)}.visual-block-action-row{display:flex;justify-content:space-between;align-items:center;margin-top:4px}.visual-block-status-indicator{font-size:12px;font-weight:700;color:var(--accent)}.visual-block-status.error{color:var(--color-error)}.visual-block-buttons{display:flex;gap:8px}.visual-block-btn{width:32px;height:32px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;border:1px solid rgba(15,23,42,.08);font-weight:700}.visual-block-btn.play-btn{background:#0f766e14;color:var(--accent)}.visual-block-btn.play-btn:hover{background:var(--accent);color:#fff}.visual-block-btn.add-btn{background:#0f172a08;color:var(--text-secondary);font-size:16px}.visual-block-btn.add-btn:hover{background:#0f172a14;color:var(--text-primary)}.visual-block-btn.delete-btn{background:#b91c1c0f;color:var(--color-error);font-size:14px}.visual-block-btn.delete-btn:hover{background:var(--color-error);color:#fff}.synthesis-hub-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2000;display:flex;align-items:center;justify-content:center;padding:16px;animation:fadeIn .3s ease-out}.synthesis-hub-card{width:100%;max-width:440px;background:#fffffff2;border:1px solid rgba(255,255,255,.2);box-shadow:0 24px 64px #0f172a38;border-radius:28px;padding:24px;box-sizing:border-box;animation:slideUp .35s cubic-bezier(.34,1.56,.64,1)}.synthesis-hub-header{display:flex;align-items:center;gap:16px;margin-bottom:20px}.synthesis-hub-header h4{margin:0;font-size:18px;font-weight:800;color:var(--text-primary)}.synthesis-hub-wave{display:flex;align-items:flex-end;gap:3px;height:24px;width:28px}.wave-bar{width:3px;height:8px;background:var(--accent);border-radius:2px;animation:bounceWave 1s ease-in-out infinite alternate}.wave-bar:nth-child(2){height:14px;animation-delay:.15s}.wave-bar:nth-child(3){height:22px;animation-delay:.3s}.wave-bar:nth-child(4){height:12px;animation-delay:.45s}.wave-bar:nth-child(5){height:6px;animation-delay:.6s}.synthesis-hub-body{display:flex;flex-direction:column;gap:16px}.synthesis-hub-message{margin:0;font-size:14px;line-height:1.5;color:var(--text-secondary);font-weight:600;overflow-wrap:anywhere}.synthesis-hub-progress-container{display:flex;align-items:center;gap:12px}.synthesis-hub-progress-bar{flex-grow:1;height:8px;background:#0f172a14;border-radius:99px;overflow:hidden}.synthesis-hub-progress-fill{height:100%;background:linear-gradient(90deg,var(--accent) 0%,#06b6d4 100%);border-radius:inherit;transition:width .3s ease;box-shadow:0 0 8px #0f766e66}.synthesis-hub-progress-percent{font-size:13px;font-weight:800;color:var(--accent);min-width:36px;text-align:right}.synthesis-hub-note{margin:0;font-size:11px;color:var(--text-secondary);line-height:1.4;text-align:center;background:#0f172a08;padding:8px 12px;border-radius:12px}.synthesis-hub-pulse-loader{display:flex;justify-content:center;gap:6px;padding:10px 0}.pulse-dot{width:8px;height:8px;background:var(--accent);border-radius:50%;animation:pulseDot 1.2s infinite ease-in-out}.pulse-dot:nth-child(2){animation-delay:.2s}.pulse-dot:nth-child(3){animation-delay:.4s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes bounceWave{0%{height:4px}to{height:24px}}@keyframes pulseDot{0%,to{transform:scale(.6);opacity:.4}50%{transform:scale(1.2);opacity:1}}@media(max-width:768px){.workspace-topbar{gap:12px;width:100%;margin-bottom:20px}.editor-mode-selector{width:100%;display:grid;grid-template-columns:1fr 1fr}.editor-mode-tab{padding:10px;font-size:13px;text-align:center}.workspace-save-btn{width:100%;text-align:center}.visual-block-grid{padding:12px}.visual-block-speaker-row{flex-direction:column;align-items:stretch;gap:8px}.visual-block-role-input{max-width:none;width:100%;box-sizing:border-box}.visual-block-locale-select{width:100%;box-sizing:border-box}}.landing-wrapper{max-width:1040px;margin:0 auto;padding:40px 20px 80px;animation:fadeIn .6s ease-out}.landing-hero{text-align:center;margin-bottom:50px;display:flex;flex-direction:column;align-items:center}.landing-badge{display:inline-flex;align-items:center;background:#0f766e14;color:var(--accent);padding:6px 16px;border-radius:99px;font-size:13px;font-weight:700;margin-bottom:20px;border:1px solid rgba(15,118,110,.15);box-shadow:0 2px 10px #0f766e08}.landing-hero h2{font-size:40px;font-weight:850;line-height:1.15;color:var(--text-primary);margin:0 0 16px;letter-spacing:-.03em;background:linear-gradient(135deg,var(--text-primary) 30%,#0f766e 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.landing-subtitle{max-width:640px;font-size:17px;line-height:1.6;color:var(--text-secondary);margin:0}.landing-cards-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px;margin-bottom:64px}.landing-card{display:flex;flex-direction:row;align-items:flex-start;background:#fff;border:1px solid rgba(226,232,240,.8);border-radius:24px;padding:32px;text-decoration:none;color:inherit;transition:all .4s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;box-shadow:0 4px 20 #00000005}.landing-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;opacity:0;transition:opacity .3s ease}.card-glow-primary:before{background:linear-gradient(90deg,var(--accent) 0%,#06b6d4 100%)}.card-glow-secondary:before{background:linear-gradient(90deg,#6366f1,#a855f7)}.landing-card:hover{transform:translateY(-5px);box-shadow:0 20px 32px #0f172a0d;border-color:#0f766e26}.landing-card:hover:before{opacity:1}.landing-card-icon{font-size:32px;background:#0f172a08;padding:14px;border-radius:18px;margin-right:24px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.landing-card-body{display:flex;flex-direction:column;align-items:flex-start;height:100%;width:100%}.landing-card-title-row{display:flex;justify-content:space-between;align-items:flex-start;width:100%;margin-bottom:10px}.landing-card-title-row h3{margin-bottom:0}.landing-card-flag{font-size:24px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));line-height:1}.landing-card-body h3{font-size:20px;font-weight:750;color:var(--text-primary);margin:0;letter-spacing:-.01em}.landing-card-body p{font-size:14px;line-height:1.5;color:var(--text-secondary);margin:0 0 24px}.landing-card-link-btn{font-size:14px;font-weight:700;color:var(--accent);background:#0f766e0d;padding:8px 18px;border-radius:12px;border:1px solid rgba(15,118,110,.08);transition:all .2s ease}.landing-card:hover .landing-card-link-btn{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:0 4px 12px #0f766e40}.landing-pairs-section,.landing-saved-section{background:#ffffffeb;border:1px solid rgba(226,232,240,.8);border-radius:32px;padding:40px;box-shadow:0 10px 40px #0f172a0a;margin-bottom:40px}.landing-pairs-section h3,.landing-saved-section h3{font-size:24px;font-weight:800;color:var(--text-primary);margin:0 0 8px;text-align:center;letter-spacing:-.02em}.landing-saved-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:20px}.landing-saved-list .sheet-card{margin-bottom:0}.landing-pairs-subtitle{font-size:15px;color:var(--text-secondary);margin:0 0 32px;text-align:center}.landing-pairs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.landing-pair-card{display:flex;align-items:center;background:#fff;border:1px solid rgba(226,232,240,.8);padding:18px 24px;border-radius:20px;text-decoration:none;color:inherit;transition:all .3s cubic-bezier(.16,1,.3,1);box-shadow:0 2px 8px #00000003}.landing-pair-card:hover{transform:scale(1.02);border-color:#0f766e33;box-shadow:0 12px 24px #0f172a0a}.landing-pair-flags{display:flex;align-items:center;gap:4px;background:#0f172a08;padding:6px 12px;border-radius:12px;margin-right:16px;font-size:15px;font-weight:700}.landing-pair-flags .flag-separator{color:var(--text-secondary);opacity:.5;font-size:12px}.landing-pair-info{flex-grow:1}.landing-pair-arrow{font-size:16px;color:var(--text-secondary);opacity:.3;transition:all .2s ease}.landing-pair-card:hover .landing-pair-arrow{opacity:1;color:var(--accent);transform:translate(4px)}@media(max-width:900px){.landing-pairs-grid{grid-template-columns:1fr 1fr}}@media(max-width:640px){.landing-hero h2{font-size:32px}.landing-cards-grid{grid-template-columns:1fr;gap:20px}.landing-card{padding:24px;flex-direction:column;gap:16px}.landing-card-icon{margin-right:0}.landing-pairs-section{padding:24px}.landing-pairs-grid{grid-template-columns:1fr;gap:12px}.landing-pair-card{padding:16px}}.steps-timeline-container{display:flex;justify-content:space-between;gap:20px;position:relative;padding:0 10px}.timeline-step{flex:1;display:flex;flex-direction:column;align-items:center;text-align:center;min-width:0}.step-visual{position:relative;display:flex;align-items:center;justify-content:center;width:100%;margin-bottom:24px}.step-icon-circle{width:56px;height:56px;background:#fff;border:2px solid var(--accent-light);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;z-index:2;transition:all .3s ease;box-shadow:0 4px 12px #0000000d}.timeline-step:hover .step-icon-circle{transform:translateY(-4px);border-color:var(--accent);box-shadow:0 8px 20px #4f46e526}.step-connector{position:absolute;top:28px;left:calc(50% + 28px);width:calc(100% - 36px);height:2px;background:var(--border);z-index:1}.step-content h4{margin:0 0 12px;font-size:1.1rem;color:#1e293b;font-weight:700}.step-content p{font-size:.95rem;color:#64748b;line-height:1.55;margin:0;padding:0 10px}@media(max-width:768px){.steps-timeline-container{flex-direction:column;gap:40px}.timeline-step{flex-direction:row;text-align:left;align-items:flex-start;gap:20px}.step-visual{width:auto;margin-bottom:0}.step-connector{top:56px;left:27px;width:2px;height:calc(100% + 12px)}.step-content p{padding:0}}.section-header-with-badge{display:flex;align-items:center;gap:12px;margin-bottom:4px}.trending-live-badge{display:inline-flex;align-items:center;gap:6px;background:#fef2f2;color:#ef4444;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:700;text-transform:uppercase;border:1px solid #fee2e2}.pulse-dot{width:8px;height:8px;background:#ef4444;border-radius:50%;animation:pulse-red 2s infinite}@keyframes pulse-red{0%{transform:scale(.95);opacity:.7}70%{transform:scale(1.3);opacity:0}to{transform:scale(.95);opacity:0}}.landing-trending-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:20px;margin-top:24px}.trending-card{position:relative;height:160px;border-radius:24px;overflow:hidden;text-decoration:none;transition:transform .3s ease,box-shadow .3s ease;box-shadow:0 10px 25px -5px #0000001a;will-change:transform}.trending-card:hover{transform:translateY(-6px);box-shadow:0 20px 35px -10px #00000026}.trending-card-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.3) 0%,transparent 60%);z-index:1}.trending-card-content{position:relative;z-index:2;padding:20px;height:100%;display:flex;flex-direction:column;color:#fff}.trending-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:auto}.trending-rank{font-size:24px;font-weight:900;opacity:.3;font-style:italic}.trending-stats{background:#ffffff40;padding:4px 12px;border-radius:999px;font-size:12px;font-weight:600}.trending-title{font-size:1.4rem;font-weight:800;line-height:1.2;margin-bottom:12px;text-shadow:0 2px 4px rgba(0,0,0,.2)}.trending-footer{display:flex;justify-content:space-between;align-items:center}.trending-lang-tag{font-size:12px;font-weight:700;background:#0003;padding:4px 10px;border-radius:8px;text-transform:uppercase}.trending-action{font-weight:700;font-size:14px}.trending-card-icon-bg{position:absolute;right:-10px;bottom:-10px;font-size:100px;opacity:.15;transform:rotate(-15deg);z-index:1;pointer-events:none;filter:grayscale(.2)}@keyframes breadcrumbSlideIn{0%{opacity:0;transform:translate(-8px) scale(.98)}to{opacity:1;transform:translate(0) scale(1)}}.app-breadcrumbs{display:inline-flex;align-items:center;background:var(--glass);backdrop-filter:blur(16px) saturate(190%);-webkit-backdrop-filter:blur(16px) saturate(190%);border:1px solid rgba(255,255,255,.5);padding:8px 20px;border-radius:9999px;margin-bottom:2rem;box-shadow:0 4px 20px -2px #0f766e0f,0 2px 6px -1px #00000005,inset 0 1px #fff9;transition:all .3s cubic-bezier(.4,0,.2,1);box-sizing:border-box}.app-breadcrumbs:hover{background:#ffffffd9;border-color:#0f766e33;transform:translateY(-2px) scale(1.01);box-shadow:0 12px 30px -4px #0f766e1f,0 4px 12px -2px #0f766e0f}.app-breadcrumbs-list{display:flex;align-items:center;flex-wrap:wrap;list-style:none;padding:0;margin:0;gap:0}.app-breadcrumbs-item{display:flex;align-items:center;font-size:.875rem;font-weight:500;color:var(--text-secondary);animation:breadcrumbSlideIn .35s cubic-bezier(.34,1.56,.64,1) both}.app-breadcrumbs-item:nth-child(1){animation-delay:.05s}.app-breadcrumbs-item:nth-child(2){animation-delay:.12s}.app-breadcrumbs-item:nth-child(3){animation-delay:.19s}.app-breadcrumbs-item:nth-child(4){animation-delay:.26s}.app-breadcrumbs-item:nth-child(5){animation-delay:.33s}.app-breadcrumbs-item:nth-child(6){animation-delay:.4s}.app-breadcrumbs-separator{display:flex;align-items:center;justify-content:center;margin:0 10px;color:#94a3b8;opacity:.7;-webkit-user-select:none;user-select:none;transition:transform .2s ease}.app-breadcrumbs:hover .app-breadcrumbs-separator{transform:translate(1px)}.app-breadcrumbs-link{color:var(--accent);text-decoration:none;font-weight:600;transition:all .2s ease;position:relative;padding:2px 0}.app-breadcrumbs-link:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1.5px;background-color:var(--accent);transform:scaleX(0);transform-origin:right;transition:transform .25s cubic-bezier(.4,0,.2,1)}.app-breadcrumbs-link:hover{color:var(--accent-dark)}.app-breadcrumbs-link:hover:after{transform:scaleX(1);transform-origin:left}.app-breadcrumbs-current{color:var(--text-primary);font-weight:700;letter-spacing:-.01em}.app-breadcrumbs-container{display:flex;justify-content:center;width:100%}.page-loader-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(100vh - 120px);width:100%;box-sizing:border-box;padding:40px;animation:fadeIn .4s ease-out forwards}.page-loader-spinner{position:relative;width:80px;height:80px;display:flex;align-items:center;justify-content:center;margin-bottom:24px}.page-loader-ring{position:absolute;width:100%;height:100%;border:4px solid transparent;border-radius:50%;animation:spinRing 1.8s cubic-bezier(.5,0,.5,1) infinite}.page-loader-ring:nth-child(1){border-top-color:var(--accent);animation-delay:-.45s}.page-loader-ring:nth-child(2){border-top-color:var(--accent-dark);width:80%;height:80%;animation-delay:-.3s}.page-loader-ring:nth-child(3){border-top-color:#0f766e4d;width:60%;height:60%;animation-delay:-.15s}.page-loader-icon{font-size:24px;animation:pulseIcon 2s ease-in-out infinite}.page-loader-text{font-size:16px;font-weight:600;color:var(--accent);letter-spacing:.05em;margin:0;text-transform:uppercase;animation:pulseText 1.5s ease-in-out infinite alternate}@keyframes spinRing{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulseIcon{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.15);opacity:1;filter:drop-shadow(0 0 8px rgba(15,118,110,.4))}}@keyframes pulseText{0%{opacity:.6;transform:translateY(0)}to{opacity:1;transform:translateY(-2px)}}.translation-warning-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172abf;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);z-index:99999;display:flex;align-items:center;justify-content:center;padding:24px;animation:fadeIn .3s ease-out forwards}.translation-warning-card{width:100%;max-width:520px;background:#fffffff2;border:1px solid rgba(255,255,255,.4);box-shadow:0 30px 70px #0f172a73;border-radius:28px;padding:36px 32px;box-sizing:border-box;text-align:center;animation:slideUp .35s cubic-bezier(.34,1.56,.64,1) forwards}.translation-warning-icon-wrapper{width:72px;height:72px;margin:0 auto 24px;background:#ef44441a;border:2px solid rgba(239,68,68,.25);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:32px;color:#ef4444;animation:pulse-red-circle 2s infinite ease-in-out}.translation-warning-title{font-size:22px;font-weight:800;color:#0f172a;margin:0 0 16px;line-height:1.3}.translation-warning-content{display:flex;flex-direction:column;gap:16px;margin-bottom:28px}.translation-warning-text{margin:0;font-size:14.5px;line-height:1.6;color:#475569;font-weight:550}.translation-warning-text.accent{color:#ef4444;font-weight:700;background:#ef44440d;padding:10px 16px;border-radius:14px;border:1px dashed rgba(239,68,68,.15)}.translation-warning-btn{background:linear-gradient(135deg,#ef4444,#b91c1c);color:#fff;border:none;padding:14px 28px;border-radius:16px;font-weight:750;font-size:15px;cursor:pointer;box-shadow:0 6px 20px #ef444459;transition:all .2s ease;width:100%}.translation-warning-btn:hover{transform:translateY(-1.5px);box-shadow:0 8px 24px #ef444473}.translation-warning-btn:active{transform:translateY(.5px)}@keyframes pulse-red-circle{0%,to{transform:scale(1);box-shadow:0 0 #ef444440}50%{transform:scale(1.06);box-shadow:0 0 0 12px #ef444400}}.app-footer{padding:48px 24px;background:#ffffff80;border-top:1px solid var(--border);margin-top:auto}.app-footer-content{max-width:1040px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:24px}.app-footer-info{display:flex;flex-direction:column;gap:4px}.app-footer-info p{margin:0;font-size:14px;color:var(--text-secondary)}.app-footer-version{font-family:monospace;font-size:11px;opacity:.6}.app-footer-links{display:flex;gap:24px}.app-footer-links a{text-decoration:none;font-size:14px;font-weight:700;color:var(--text-secondary);transition:color .2s}.app-footer-links a:hover{color:var(--accent)}.app-footer-workspace{padding-bottom:160px}@media(max-width:768px){.app-footer-content{flex-direction:column;text-align:center;gap:20px}.app-footer-workspace{padding-bottom:120px}}.storage-dashboard{background:#ffffff0a;backdrop-filter:blur(20px) saturate(120%);-webkit-backdrop-filter:blur(20px) saturate(120%);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:1.25rem;box-shadow:0 8px 32px #0003}.storage-bar-chart{display:flex;height:12px;border-radius:6px;overflow:hidden;background:#ffffff14;margin:.75rem 0;border:1px solid rgba(255,255,255,.05)}.storage-segment-voices{background:linear-gradient(90deg,#3b82f6,#60a5fa);transition:width .3s ease-in-out}.storage-segment-audio{background:linear-gradient(90deg,#10b981,#34d399);transition:width .3s ease-in-out}.storage-segment-engine{background:linear-gradient(90deg,#8b5cf6,#a78bfa);transition:width .3s ease-in-out}.glass-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a99;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:1rem}.glass-modal-content{background:#1e293bb3;backdrop-filter:blur(24px) saturate(140%);-webkit-backdrop-filter:blur(24px) saturate(140%);border:1px solid rgba(255,255,255,.12);border-radius:24px;padding:2rem;max-width:480px;width:100%;box-sizing:border-box;box-shadow:0 20px 50px #0006;animation:glassModalFadeIn .3s ease-out}@keyframes glassModalFadeIn{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}