:root{--primary-blue: #1e88e5;--primary-hover: #1976d2;--accent-purple: #7c4dff;--accent-purple-hover: #651fff;--neutral-gray: #f5f7fa;--neutral-gray-hover: #e4e7eb;--neutral-border: #d1d5db;--neutral-text: #374151;--mod-orange: #ff9800;--mod-orange-hover: #fb8c00;--secondary-gray: #9e9e9e;--bg-white: #ffffff;--bg-light: #f5f5f5;--text-dark: #212121;--text-gray: #757575;--border-gray: #e0e0e0;--success-green: #4caf50;--error-red: #f44336;--warning-orange: #ff9800;--shadow: 0 2px 8px rgba(0,0,0,0.1);--shadow-lg: 0 4px 16px rgba(0,0,0,0.15)}.overlay.ssmlModal .modalwindow{max-width:800px;padding:0}.overlay.ssmlModal .modalwindow .modal-content{width:100%;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:space-between;height:100%;padding:0;margin-top:0}.overlay.ssmlModal .modalwindow.prisingBox{min-height:40vh;min-height:40dvh}.overlay.ssmlModal .modalwindow.prisingBox .closeModal{position:absolute;top:4px;right:8px}.editor-toolbar.ssml{position:relative;z-index:9}.ssml-modal-body{padding-left:16px;padding-right:16px}.ssml-modal{padding:0;display:flex;flex-direction:column;justify-content:space-between;flex-wrap:nowrap;align-items:stretch;height:100%;gap:16px}.ssml-modal-title{padding:12px 16px;border-bottom:1px solid var(--border-gray);display:flex;justify-content:space-between;align-items:center;background:linear-gradient(to right, #f8f9fa, white);font-weight:500}.engine-selector{background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);padding:15px 20px;display:flex;align-items:center;gap:15px;color:#fff}.engine-selector label{font-weight:600;font-size:14px}.engine-select{padding:8px 16px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;background:#fff;color:var(--text-dark);transition:all .2s}.toolbar{background:var(--bg-white);padding:15px 20px;border-bottom:1px solid var(--border-gray);display:flex;align-items:center;gap:8px;position:relative;z-index:1}.toolbar-main{display:flex;align-items:center;gap:8px;flex:1}.toolbar-group{display:flex;align-items:center;gap:8px}.toolbar-divider{width:1px;height:24px;background:var(--neutral-border);margin:0 4px}.toolbar-ssml{margin-left:auto}.mobile-insert-dropdown{display:none;align-items:center;gap:4px;width:100%;overflow:visible}.ssml-panel{margin-top:15px;padding-top:15px;display:none;opacity:0;transform:translateY(-10px);transition:all .3s ease}.ssml-panel.active{display:flex;flex-direction:row;align-items:center;gap:8px;opacity:1;transform:translateY(0)}.ssml-header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0;width:auto;flex-shrink:0;color:var(--text-gray);font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.ssml-close-btn{background:rgba(0,0,0,0);border:none;color:var(--text-gray);font-size:20px;cursor:pointer;padding:0px 8px;padding-right:0px;line-height:14px;transition:color .2s ease}.ssml-close-btn:hover{color:var(--text-dark)}.ipa-chart-header{position:sticky;top:0;background:#fff;border-bottom:1px solid var(--border-gray);padding:15px 20px;z-index:10}.ipa-header-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.ipa-title{margin:0;font-size:18px;color:var(--text-dark);font-weight:600}.ipa-header-buttons{display:flex;gap:10px;align-items:center}.ipa-apply-btn{background:#0db7ed;border:none;color:#fff;padding:8px 18px;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 2px 4px rgba(13,183,237,.2)}.ipa-apply-btn:hover{background:#0aa5d6;box-shadow:0 4px 8px rgba(13,183,237,.3)}.ipa-close-btn{background:#f3f4f6;border:none;color:#6b7280;font-size:20px;cursor:pointer;width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .2s}.ipa-close-btn:hover{background:#e5e7eb}.ipa-preview{background:#f9fafb;border:2px solid #0db7ed;border-radius:6px;padding:12px 16px;font-family:"Courier New",monospace;font-size:20px;font-weight:600;color:var(--text-dark);text-align:center;min-height:50px;display:flex;align-items:center;justify-content:center;letter-spacing:1px}.ipa-preview-text{color:#0db7ed}.ipa-chart-content{padding:20px}.ipa-section{margin-bottom:20px}.ipa-section-title{color:var(--text-dark);margin-bottom:10px;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.ipa-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(75px, 1fr));gap:6px}.ipa-btn{background:#fff;border:1.5px solid var(--border-gray);border-radius:6px;padding:6px 4px;cursor:pointer;transition:all .15s;text-align:center}.ipa-btn:hover{border-color:#0db7ed;background:#f0f9ff;transform:translateY(-1px);box-shadow:0 2px 8px rgba(13,183,237,.15)}.ipa-symbol{font-size:18px;font-weight:700;color:#0db7ed;margin-bottom:2px;line-height:1}.ipa-cyrillic{font-size:9px;color:#6b7280;margin-bottom:1px;font-weight:500}.ipa-example{font-size:8px;color:#9ca3af;font-style:normal}@media(max-width: 768px){.ipa-chart-header{padding:12px 15px}.ipa-title{font-size:16px}.ipa-apply-btn{padding:7px 14px;font-size:13px}.ipa-close-btn{width:30px;height:30px;font-size:18px}.ipa-preview{padding:10px 12px;font-size:16px;min-height:22px}.ipa-chart-content{padding:15px}.ipa-section{margin-bottom:16px}.ipa-section-title{font-size:12px;margin-bottom:8px}.ipa-grid{grid-template-columns:repeat(auto-fill, minmax(60px, 1fr));gap:5px}.ipa-btn{padding:5px 3px}.ipa-symbol{font-size:16px}.ipa-cyrillic{font-size:8px}.ipa-example{font-size:7px}}@media(max-width: 480px){.ipa-grid{grid-template-columns:repeat(auto-fill, minmax(50px, 1fr));gap:4px}.ipa-btn{padding:4px 2px}.ipa-symbol{font-size:14px}}.ssml-buttons{display:flex;flex-wrap:wrap;gap:8px;align-items:center;flex:1}.ssml-group{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.ssml-divider{width:1px;height:24px;background:#d1d5db;margin:0 4px}.ssml-group .btn-ssml-tag{border:1px solid;color:#374151;transition:all .2s ease;font-weight:500}.ssml-group-break .btn-ssml-tag{background:#f9fafb;border-color:#e5e7eb}.ssml-group-break .btn-ssml-tag:hover{background:#f3f4f6;border-color:#d1d5db;box-shadow:0 1px 3px rgba(0,0,0,.08)}.ssml-group-prosody .btn-ssml-tag{background:linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%);border-color:#bfdbfe;color:#1e40af}.ssml-group-prosody .btn-ssml-tag:hover{background:linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%);border-color:#93c5fd;box-shadow:0 2px 4px rgba(59,130,246,.15)}.ssml-group-sayas .btn-ssml-tag{background:linear-gradient(135deg, #faf5ff 0%, #f3e8ff 100%);border-color:#e9d5ff;color:#6b21a8}.ssml-group-sayas .btn-ssml-tag:hover{background:linear-gradient(135deg, #f3e8ff 0%, #e9d5ff 100%);border-color:#d8b4fe;box-shadow:0 2px 4px rgba(139,92,246,.15)}.ssml-group-phoneme .btn-ssml-tag{background:linear-gradient(135deg, #fff7ed 0%, #ffedd5 100%);border-color:#fed7aa;color:#c2410c}.ssml-group-phoneme .btn-ssml-tag:hover{background:linear-gradient(135deg, #ffedd5 0%, #fed7aa 100%);border-color:#fdba74;box-shadow:0 2px 4px rgba(249,115,22,.15)}.mobile-dropdown{position:relative;display:inline-block;overflow:visible}.mobile-dropdown-content{display:none;position:absolute;top:100%;left:0;margin-top:8px;background:#fff;min-width:200px;box-shadow:var(--shadow-lg);border-radius:8px;padding:8px;z-index:2100;border:1px solid var(--border-gray)}.mobile-dropdown.active .mobile-dropdown-content{display:block;animation:dropdownFadeIn .2s ease}@media(max-width: 768px){.mobile-dropdown{position:relative}.mobile-dropdown-content{position:absolute;left:auto;right:0;top:100%;bottom:auto;width:200px;max-width:200px;margin-top:8px;transform:none;z-index:9999}.mobile-dropdown.active .mobile-dropdown-content{display:block}}@keyframes dropdownFadeIn{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.mobile-dropdown-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border:none;background:rgba(0,0,0,0);width:100%;text-align:left;cursor:pointer;border-radius:6px;font-size:14px;color:var(--text-dark);transition:background .2s;white-space:nowrap;min-height:40px}.mobile-dropdown-item:hover{background:var(--bg-light)}.mobile-dropdown-item:active{background:#e3f2fd}.arrow{font-size:10px;transition:transform .2s}.mobile-dropdown.active .arrow{transform:rotate(180deg)}.btn{padding:8px 16px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.btn-primary{background:var(--primary-blue);color:#fff}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 2px 8px rgba(30,136,229,.3)}.btn-ghost{background:rgba(0,0,0,0);color:var(--text-gray);border:1px solid var(--border-gray)}.btn-ghost:hover{background:var(--bg-light);border-color:var(--primary-blue);color:var(--primary-blue)}.btn-secondary{background:var(--secondary-gray);color:#fff}.btn-secondary:hover{background:#757575}.btn-neutral{background:var(--neutral-gray);color:var(--neutral-text);border:1px solid var(--neutral-border)}.btn-neutral:hover{background:var(--neutral-gray-hover);border-color:#9ca3af;transform:translateY(-1px)}.btn-icon{padding:8px 12px;min-width:auto}.btn-modifier{background:#fff;color:var(--neutral-text);border:1px solid var(--neutral-border)}.btn-modifier:hover{background:var(--neutral-gray-hover);border-color:var(--neutral-gray);transform:translateY(-1px)}.btn-ssml{background:linear-gradient(135deg, #6b7280 0%, #9ca3af 100%);color:#fff;font-weight:600;box-shadow:0 2px 8px rgba(107,114,128,.3)}.btn-ssml:hover{background:linear-gradient(135deg, #4b5563 0%, #6b7280 100%);transform:translateY(-1px);box-shadow:0 4px 12px rgba(107,114,128,.4)}.btn-ssml-tag{padding:6px 12px;font-size:13px;background:#f3e5f5;color:#6a1b9a;border:1px solid #ce93d8}.btn-ssml-tag:hover{background:#e1bee7;border-color:#ab47bc;transform:translateY(-1px)}.arrow-indicator{display:inline-block;font-size:10px;transition:transform .3s;margin-left:2px}.arrow-indicator.active{transform:rotate(180deg)}.panel-actions{margin-top:20px;display:flex;gap:12px}.btn-action{flex:1;min-height:22px;font-size:15px;font-weight:600}.btn-wrapper{position:relative;display:inline-block}.editor-container{padding:20px}.editor{width:100%;min-height:400px;padding:16px;border:2px solid var(--border-gray);border-radius:6px;font-family:"Monaco","Menlo","Consolas",monospace;font-size:14px;line-height:1.6;resize:vertical;transition:border-color .2s}.editor:focus{outline:none;border-color:var(--primary-blue)}.dropdown-panel{position:absolute;top:calc(100% + 8px);background:#fff;border-radius:8px;box-shadow:var(--shadow-lg);width:540px;max-width:540px;max-height:85vh;z-index:2000;display:none;opacity:0;transition:all .2s;overflow:visible}.dropdown-panel.align-left{left:0;transform:translateY(-10px)}.dropdown-panel.align-left.show{transform:translateY(0)}.dropdown-panel.align-center{left:50%;transform:translateX(-50%) translateY(-10px)}.dropdown-panel.align-center.show{transform:translateX(-50%) translateY(0)}.dropdown-panel.align-right{right:0;left:auto;transform:translateY(-10px)}.dropdown-panel.align-right.show{transform:translateY(0)}.dropdown-panel::before{content:"";position:absolute;top:-8px;width:0;height:0;border-left:8px solid rgba(0,0,0,0);border-right:8px solid rgba(0,0,0,0);border-bottom:8px solid #fff;filter:drop-shadow(0 -2px 2px rgba(0, 0, 0, 0.1));z-index:1;transition:left .2s,right .2s,opacity .2s}.dropdown-panel.align-left::before{left:30px}.dropdown-panel.align-center::before{left:50%;transform:translateX(-50%)}.dropdown-panel.align-right::before{right:30px;left:auto}.dropdown-panel.show{display:block;opacity:1}.tag-visualizer{background:#f8f9fa;border-bottom:1px solid var(--border-gray);padding:15px 20px;overflow-x:auto;scrollbar-width:thin}.tag-visualizer::-webkit-scrollbar{height:6px}.tag-visualizer::-webkit-scrollbar-track{background:#e5e7eb;border-radius:3px}.tag-visualizer::-webkit-scrollbar-thumb{background:#9ca3af;border-radius:3px}.tag-preview{font-family:"Courier New",monospace;font-size:14px;color:var(--text-dark);display:flex;align-items:center;gap:4px;white-space:nowrap}.tag-bracket{color:#999}.tag-bracket span{color:#0db7ed;font-weight:600}.tag-content-input{font-family:"Courier New",monospace;font-size:14px;font-weight:600;color:#0db7ed;border:none;border-bottom:2px solid #0db7ed;background:#fff;padding:2px 6px;outline:none;transition:all .2s;min-width:100px}.tag-content-input:focus{border-bottom-color:#0aa5d6;background:#f0f9ff}.tag-content-input::-moz-placeholder{color:#9ca3af;font-style:italic}.tag-content-input::placeholder{color:#9ca3af;font-style:italic}@media(max-width: 768px){.tag-visualizer{padding:10px 12px}.tag-preview{font-size:12px;gap:3px}.tag-content-input{font-size:12px;padding:2px 4px;min-width:80px;max-width:200px}}@media(max-width: 480px){.tag-visualizer{padding:8px 10px}.tag-preview{font-size:11px;gap:2px}.tag-content-input{font-size:11px;padding:2px 3px;min-width:60px;max-width:150px}}.panel-header{padding:12px 15px;border-bottom:1px solid var(--border-gray);display:flex;justify-content:space-between;align-items:center;background:linear-gradient(to right, white, #f8f9fa)}.panel-title{font-size:16px;font-weight:600;color:var(--text-dark)}.btn-close{background:rgba(0,0,0,0);border:none;color:var(--text-gray);cursor:pointer;font-size:20px;line-height:1;padding:4px 8px;border-radius:4px;font-weight:bold}.btn-close:hover{background:var(--error-red);color:#fff}.panel-content{padding:12px;max-height:500px;overflow-y:auto}.panel-content::-webkit-scrollbar{width:8px}.panel-content::-webkit-scrollbar-track{background:var(--bg-light)}.panel-content::-webkit-scrollbar-thumb{background:var(--border-gray);border-radius:4px}.category-section{margin-bottom:24px}.category-section:last-child{margin-bottom:0}.category-title{font-size:14px;font-weight:600;color:var(--text-dark);margin-bottom:12px;padding-bottom:8px;border-bottom:2px solid var(--border-gray)}.options-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(140px, 1fr));gap:10px}.option-btn{padding:12px 10px;background:#fff;border:2px solid var(--border-gray);border-radius:6px;cursor:pointer;transition:all .2s;font-size:13px;font-weight:500;text-align:center;color:var(--text-dark)}.option-btn:hover{border-color:var(--primary-blue);background:#e3f2fd;transform:translateY(-2px);box-shadow:0 2px 8px rgba(30,136,229,.2)}.option-btn.selected{border-color:var(--primary-blue);background:#e3f2fd;font-weight:600}.option-btn.has-suboptions::after{content:"→";margin-left:4px;color:var(--primary-blue)}.form-group{margin-bottom:12px}.form-group:last-child{margin-bottom:0}.form-label{display:block;font-size:16px;font-weight:600;color:var(--text-dark);margin-bottom:8px}.form-label.required::after{content:"*";color:var(--error-red);margin-left:4px}.form-input{width:100%;padding:6px;border:2px solid var(--border-gray);border-radius:6px;font-size:14px;transition:all .2s}.form-input:focus{outline:none;border-color:var(--primary-blue);box-shadow:0 0 0 3px rgba(30,136,229,.1)}.form-input.error{border-color:var(--error-red);background:#ffebee}.form-select{width:100%;padding:10px 12px;border:2px solid var(--border-gray);border-radius:6px;font-size:14px;background:#fff;cursor:pointer;transition:all .2s}.form-select.error{border-color:var(--error-red);background:#ffebee}.dual-input-section{border:1px solid var(--border-gray);border-radius:6px;padding:12px;background:#fafafa}.dual-input-title{font-size:12px;font-weight:600;color:var(--text-gray);margin-bottom:12px;text-transform:uppercase}.presets-group{margin-bottom:12px}.presets{display:grid;grid-template-columns:repeat(4, 1fr);gap:6px}.preset-btn{padding:6px 12px;background:#fff;border:2px solid var(--border-gray);border-radius:4px;font-size:13px;cursor:pointer;transition:all .2s;font-weight:500;color:var(--text-gray)}.preset-btn:hover{background:var(--primary-blue);color:#fff;border-color:var(--primary-blue);transform:translateY(-1px)}.preset-btn.selected{background:var(--primary-blue);color:#fff;border-color:var(--primary-blue)}.custom-inputs-group{display:flex;flex-direction:column;gap:10px}.input-with-unit{display:flex;gap:6px;align-items:center}.input-with-unit input{flex:1}.text-input-wrapper{margin-bottom:10px}.input-helper{display:block;font-size:12px;color:var(--text-gray);margin-top:6px;font-style:italic;line-height:1.4}.custom-format-trigger{margin-top:12px}.btn-custom-format{width:100%;padding:12px 16px;background:linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);border:2px dashed var(--border-gray);border-radius:8px;color:var(--text-dark);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px}.btn-custom-format:hover{background:linear-gradient(135deg, #e3f2fd 0%, #bbdefb 100%);border-color:var(--primary-blue);border-style:solid;transform:translateY(-1px);box-shadow:0 2px 8px rgba(30,136,229,.2)}.btn-custom-format:active{transform:translateY(0);box-shadow:none}.custom-format-section{padding:16px;background:linear-gradient(135deg, #fff8e1 0%, #ffecb3 100%);border:2px solid #ffa726;border-radius:8px;margin-top:12px}.custom-format-title{font-size:13px;font-weight:600;color:var(--text-dark);margin-bottom:10px}.custom-format-section .form-input{margin-bottom:8px;border:2px solid #ffa726}.custom-format-section .form-input:focus{border-color:#ff9800;box-shadow:0 0 0 3px rgba(255,152,0,.1)}.custom-format-actions{display:flex;flex-direction:column;gap:8px;margin-top:12px}.custom-format-hint{display:block;text-align:center;color:#f57c00;font-size:12px;font-weight:600;opacity:.8;animation:pulse 2s infinite}@keyframes pulse{0%,100%{opacity:.8}50%{opacity:1}}.btn-back-presets{width:100%;padding:10px 16px;background:#fff;border:2px solid var(--border-gray);border-radius:6px;color:var(--text-dark);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:6px}.btn-back-presets:hover{background:var(--bg-light);border-color:var(--primary-blue)}.btn-back-presets:active{transform:scale(0.98)}.btn-back-inline{padding:6px 12px;background:linear-gradient(135deg, #e3f2fd 0%, #bbdefb 100%);border:2px solid var(--primary-blue);border-radius:6px;color:var(--primary-blue);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;margin-right:10px;vertical-align:middle}.btn-back-inline:hover{background:linear-gradient(135deg, #bbdefb 0%, #90caf9 100%);transform:translateX(-2px);box-shadow:0 2px 8px rgba(30,136,229,.3)}.btn-back-inline:active{transform:translateX(0) scale(0.98)}.ipa-chart-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.75);z-index:10000;display:flex;align-items:center;justify-content:center;padding:20px;box-sizing:border-box}.ipa-chart-modal{background:#fff;border-radius:8px;max-width:1200px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px rgba(0,0,0,.25);position:relative}.ipa-preview-text.has-content{color:#1a202c}.ipa-preview-text.is-empty{color:#0db7ed}.btn-back-inline.touch-active{transform:scale(0.95)}.btn-back-mobile{background:linear-gradient(135deg, #2563eb 0%, #4a90e2 100%);border:none;color:#fff;font-size:15px;cursor:pointer;padding:8px 14px;display:flex;align-items:center;gap:6px;font-weight:600;border-radius:8px;box-shadow:0 2px 6px rgba(37,99,235,.25);transition:all .2s ease;min-height:40px;line-height:1.5;white-space:nowrap}.btn-back-mobile.touch-active{transform:scale(0.95)}.panel-title{display:flex;align-items:center}.panel-title span{display:inline-block}.unit-selector{display:flex;gap:4px}.unit-btn{padding:8px 12px;background:#fff;border:2px solid var(--border-gray);border-radius:4px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s;min-width:45px}.unit-btn:hover{border-color:var(--primary-blue)}.unit-btn.active{background:var(--primary-blue);color:#fff;border-color:var(--primary-blue);cursor:default}.break-inputs{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:space-between;gap:8px}.ssml-tabs{display:flex;gap:8px;margin-bottom:12px;border-bottom:2px solid var(--border-gray)}.tab-btn{padding:8px 16px;background:rgba(0,0,0,0);border:none;border-bottom:2px solid rgba(0,0,0,0);cursor:pointer;font-size:14px;font-weight:500;color:var(--text-gray);transition:all .2s;margin-bottom:-2px;border-radius:0px}.tab-btn:hover{color:var(--primary-blue)}.tab-btn.selected{color:var(--primary-blue);border-bottom-color:var(--primary-blue)}.tab-content{display:none}.tab-content.selected{display:block}@keyframes slideDown{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.panel-actions{padding:12px 15px;border-top:1px solid var(--border-gray);display:flex;gap:10px;justify-content:flex-end;background:#fafafa}.alert{padding:12px 16px;border-radius:6px;margin-bottom:16px;font-size:13px}.alert-warning{background:#fff3cd;border:1px solid #ffc107;color:#856404}.alert-info{background:#e3f2fd;border:1px solid #2196f3;color:#0d47a1}.error-message{font-size:12px;color:var(--error-red);margin-top:4px;display:none}.error-message.show{display:block}.group-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);opacity:0;pointer-events:none;transition:opacity .3s;z-index:1001}.group-modal-overlay.show{opacity:1;pointer-events:all}.group-modal{position:fixed;top:50%;left:50%;transform:translate(-50%, -50%) scale(0.9);width:90%;max-width:360px;max-height:80vh;background:#fff;border-radius:12px;box-shadow:var(--shadow-lg);opacity:0;pointer-events:none;transition:all .3s;z-index:1002;overflow:hidden}.group-modal.show{transform:translate(-50%, -50%) scale(1);opacity:1;pointer-events:all}.group-modal-header{padding:16px 20px;border-bottom:1px solid var(--border-gray);display:flex;justify-content:space-between;align-items:center;background:linear-gradient(to right, #f8f9fa, white)}.group-modal-title{font-size:16px;font-weight:600;color:var(--text-dark)}.group-modal-close{background:rgba(0,0,0,0);border:none;color:var(--text-gray);cursor:pointer;font-size:20px;line-height:1;padding:4px 8px;border-radius:4px;font-weight:bold}.group-modal-close:hover{background:var(--error-red);color:#fff}.group-modal-content{padding:20px;max-height:calc(80vh - 60px);overflow-y:auto}.group-modal-grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:10px}.group-modal-item{padding:16px 10px;background:var(--bg-light);border:2px solid var(--border-gray);border-radius:8px;text-align:center;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;min-height:70px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.group-modal-item:active{background:#e3f2fd;border-color:var(--primary-blue);transform:scale(0.98)}.group-modal-item-icon{font-size:20px}.validation-error-message{padding:16px;background:linear-gradient(135deg, #fff5f5 0%, #ffe5e5 100%);border:2px solid var(--error-red);border-radius:8px;color:var(--error-red);margin-bottom:20px;animation:shake .4s ease-in-out}.validation-error-message strong{display:block;font-size:15px;margin-bottom:10px;color:#c62828}.validation-error-message ul{margin:0;padding-left:20px;list-style:disc}.validation-error-message li{margin:5px 0;font-size:14px;color:#d32f2f}@keyframes shake{0%,100%{transform:translateX(0)}25%{transform:translateX(-10px)}75%{transform:translateX(10px)}}@media(min-width: 480px)and (max-width: 767px){.presets{grid-template-columns:repeat(4, 1fr)}}@media(min-width: 768px){.mobile-group{display:none}.btn-wrapper:not(.mobile-group){display:block}.btn-wrapper.hidden:not(.mobile-group){display:none}.toolbar{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px;padding:12px 16px}.btn{min-height:auto;width:auto}.btn-ghost{display:inline-flex}}@media(max-width: 1024px){.container{max-width:100%;border-radius:0}.dropdown-panel{max-width:calc(100vw - 30px)}}@media(min-width: 769px){.desktop-groups{display:flex}.mobile-insert-dropdown{display:none}}@media(max-width: 768px){body{padding:0}.container{border-radius:0;overflow:visible}.dropdown-panel{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;max-width:100%;height:100vh;max-height:100vh;transform:none;border-radius:0;z-index:99999;overflow-y:auto}.dropdown-panel.show{display:block;opacity:1;transform:none}.dropdown-panel{background:#fff}.dropdown-panel::before{display:none}.modal-backdrop{display:none}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.btn-close{width:40px;height:40px;font-size:28px;background:rgba(0,0,0,.05);border-radius:50%;display:flex;align-items:center;justify-content:center}.btn-close:hover{background:rgba(0,0,0,.1)}.engine-selector{padding:12px 15px;gap:10px;flex-wrap:wrap}.engine-selector label{font-size:13px}.desktop-groups{display:none}.toolbar{padding:8px 10px;overflow:visible}.toolbar-main{width:100%;gap:4px;overflow:visible}.mobile-insert-dropdown{display:flex;flex-wrap:nowrap;overflow:visible;gap:4px;align-items:center;width:100%}.toolbar-ssml{display:none}.btn-icon{min-width:45px;max-width:45px;width:45px;padding:8px 4px;font-size:18px}.mobile-dropdown{flex-shrink:0;overflow:visible}.btn-ssml{min-width:auto;max-width:-moz-max-content;max-width:max-content;width:auto;padding:8px 12px;font-size:13px;flex-shrink:0;flex-grow:0;margin-left:auto;background:linear-gradient(135deg, #6b7280 0%, #9ca3af 100%);color:#fff}.btn-ssml:hover{background:linear-gradient(135deg, #4b5563 0%, #6b7280 100%)}.ssml-panel{margin-top:0;padding:10px 10px 12px 10px;background:#fff}.ssml-panel.active{display:flex;flex-direction:row;align-items:flex-start;gap:8px;opacity:1;transform:translateY(0)}.ssml-header{font-size:10px;margin:0;width:auto;flex-shrink:0;padding-top:6px}.ssml-buttons{display:flex;flex-direction:column;gap:12px;flex:1}.ssml-group{display:grid;grid-template-columns:repeat(3, 1fr);gap:6px;width:100%}.ssml-divider{width:100%;height:1px;margin:0}.btn-ssml-tag{font-size:11px;padding:5px 8px;white-space:nowrap;width:100%}.btn-icon{min-width:40px;max-width:40px;height:40px;padding:6px;font-size:16px;flex-shrink:0}.mobile-dropdown{flex-shrink:0}.mobile-dropdown .btn{font-size:12px;padding:8px 12px;white-space:nowrap}.mobile-dropdown-content{min-width:170px}.mobile-dropdown-item{padding:10px 12px;font-size:13px}.engine-select{padding:6px 12px;font-size:13px;flex:1;min-width:140px}#engineInfo{width:100%;text-align:center;font-size:12px}.toolbar{padding:10px 12px;display:flex;flex-direction:row;gap:8px}.btn-wrapper{display:none}.btn-wrapper.mobile-group{display:block}.ssml-panel .btn-wrapper{display:inline-block}.ssml-panel .btn-wrapper.hidden{display:none}.btn{padding:10px 12px;font-size:13px;min-height:50px;width:100%;justify-content:center;text-align:center;border-radius:6px}.btn-ghost{display:none}.editor-container{padding:15px}.editor{min-height:300px;padding:12px;font-size:13px}.dropdown-panel.align-left,.dropdown-panel.align-center,.dropdown-panel.align-right{min-width:300px;max-width:calc(100vw - 20px);max-height:80vh;width:calc(100vw - 20px);left:50%;right:auto;transform:translateX(-50%) translateY(-10px)}.dropdown-panel.align-left.show,.dropdown-panel.align-center.show,.dropdown-panel.align-right.show{transform:translateX(-50%) translateY(0)}.dropdown-panel::before{display:none}.panel-header{padding:12px 15px}.panel-title{font-size:15px}.panel-content{padding:15px;max-height:calc(80vh - 160px)}.panel-actions{padding:12px 15px;flex-wrap:wrap}.panel-actions .btn{flex:1;min-width:100px;justify-content:center}.options-grid{grid-template-columns:repeat(auto-fill, minmax(100px, 1fr));gap:8px}.option-btn{padding:10px 8px;font-size:12px;min-height:22px;display:flex;align-items:center;justify-content:center}.ssml-tabs{gap:6px;overflow-x:auto;-webkit-overflow-scrolling:touch}.tab-btn{padding:8px 16px;font-size:13px;white-space:nowrap}.preset-btn{padding:8px 12px;font-size:12px;min-height:22px}.form-input,.form-select{padding:6px;font-size:16px;min-height:22px}.unit-btn{min-width:50px;min-height:22px}}@media(max-width: 480px){.engine-selector{padding:10px 12px;gap:8px}.engine-selector label{font-size:12px;width:100%}.engine-select{width:100%;min-width:100%;font-size:14px}#engineInfo{font-size:11px;margin-top:5px}.toolbar{padding:8px 10px;display:flex;flex-direction:row;gap:8px}.btn-wrapper{display:none}.btn-wrapper.mobile-group{display:block}.ssml-panel .btn-wrapper{display:inline-block}.btn{font-size:12px;padding:10px 12px;width:100%;justify-content:center;min-height:50px}.btn-ghost{display:none}.editor-container{padding:12px}.editor{min-height:250px;padding:10px;font-size:14px}.dropdown-panel{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;max-width:100%;height:100vh;max-height:100vh;transform:none;border-radius:0;z-index:99999;overflow-y:auto;background:#fff}.dropdown-panel.show{display:block;opacity:1;transform:none}.dropdown-panel::before{display:none}.modal-backdrop{display:none}.panel-header{padding:10px 12px;display:flex;align-items:center;gap:10px;border-bottom:2px solid var(--border-gray)}.btn-back-mobile{background:linear-gradient(135deg, #2563eb 0%, #4a90e2 100%);border:none;color:#fff;font-size:15px;cursor:pointer;padding:8px 14px;display:flex;align-items:center;gap:6px;font-weight:600;border-radius:8px;box-shadow:0 2px 6px rgba(37,99,235,.25);transition:all .2s ease;min-height:40px;line-height:1.5;white-space:nowrap}.btn-back-mobile:active{transform:scale(0.95);box-shadow:0 1px 3px rgba(37,99,235,.3)}.btn-back-mobile:hover{background:linear-gradient(135deg, #1d4ed8 0%, #3b82f6 100%)}.panel-title{font-size:14px}.panel-content{padding:12px}.panel-actions{padding:10px 12px}.options-grid{grid-template-columns:repeat(2, 1fr);gap:8px}.option-btn{padding:12px 6px;font-size:12px}.dual-input-section{padding:12px}.presets{grid-template-columns:repeat(3, 1fr);gap:6px}.preset-btn{padding:8px 8px;font-size:11px}.tab-btn{padding:8px 12px;font-size:12px}}@media(max-width: 375px){body{font-size:14px}.engine-selector{padding:8px 10px}.engine-selector label{font-size:11px}.engine-select{padding:6px 10px;font-size:13px}#engineInfo{font-size:10px}.toolbar{padding:6px 8px;display:flex;flex-direction:row;gap:6px}.btn-wrapper{display:none}.btn-wrapper.mobile-group{display:block}.ssml-panel .btn-wrapper{display:inline-block}.ssml-buttons{grid-template-columns:repeat(2, 1fr)}.btn{font-size:11px;padding:10px 8px;gap:4px;width:100%;justify-content:center;min-height:48px}.btn-ghost{display:none}.group-modal{width:95%;max-width:340px}.group-modal-header{padding:12px 15px}.group-modal-title{font-size:14px}.group-modal-content{padding:15px}.group-modal-item{padding:12px 6px;font-size:11px;min-height:60px}.group-modal-item-icon{font-size:18px}.editor-container{padding:10px}.editor{min-height:200px;padding:8px;font-size:13px}.dropdown-panel{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;max-width:100%;height:100vh;max-height:100vh;transform:none;border-radius:0;z-index:99999;overflow-y:auto;background:#fff}.dropdown-panel.show{display:block;opacity:1;transform:none}.dropdown-panel::before{display:none}.modal-backdrop{display:none}.panel-header{padding:8px 10px;display:flex;align-items:center;gap:8px;border-bottom:2px solid var(--border-gray)}.btn-back-mobile{background:linear-gradient(135deg, #2563eb 0%, #4a90e2 100%);border:none;color:#fff;font-size:14px;cursor:pointer;padding:7px 12px;display:flex;align-items:center;gap:5px;font-weight:600;border-radius:8px;box-shadow:0 2px 6px rgba(37,99,235,.25);transition:all .2s ease;min-height:38px;line-height:1.5;white-space:nowrap}.btn-back-mobile:active{transform:scale(0.95);box-shadow:0 1px 3px rgba(37,99,235,.3)}.btn-back-mobile:hover{background:linear-gradient(135deg, #1d4ed8 0%, #3b82f6 100%)}.panel-title{font-size:13px}.btn-close{font-size:18px;padding:2px 6px}.panel-content{padding:10px;max-height:calc(85vh - 140px)}.panel-actions{padding:8px 10px;gap:6px}.panel-actions .btn{font-size:12px;padding:8px 12px}.options-grid{grid-template-columns:1fr 1fr;gap:6px}.option-btn{padding:10px 4px;font-size:11px;min-height:22px}.category-section{margin-bottom:16px}.category-title{font-size:12px;margin-bottom:8px;padding-bottom:6px}.form-group{margin-bottom:14px}.form-label{font-size:12px;margin-bottom:6px}.form-input,.form-select{font-size:16px;padding:6px}.dual-input-section{padding:10px}.dual-input-title{font-size:11px;margin-bottom:8px}.presets{grid-template-columns:repeat(3, 1fr);gap:4px}.preset-btn{padding:8px 6px;font-size:10px}.input-with-unit{gap:6px}.unit-btn{min-width:45px;padding:8px 8px;font-size:11px}.ssml-tabs{gap:4px;margin-bottom:12px}.tab-btn{padding:6px 10px;font-size:11px}.alert{padding:8px 10px;font-size:11px;margin-bottom:12px}}@media(hover: none)and (pointer: coarse){.btn,.option-btn,.preset-btn,.unit-btn,.tab-btn{min-height:22px;min-width:44px}.btn:hover,.option-btn:hover,.preset-btn:hover,.unit-btn:hover,.tab:hover{transform:none}.btn:active,.option-btn:active,.preset-btn:active{transform:scale(0.98);opacity:.8}}@media(max-width: 768px)and (orientation: landscape){.editor{min-height:150px}.dropdown-panel{max-height:75vh}.panel-content{max-height:calc(75vh - 120px)}}#toastContainer{position:fixed;top:20px;right:20px;z-index:10000;display:flex;flex-direction:column;gap:10px;pointer-events:none}.toast{pointer-events:auto;min-width:300px;max-width:400px;padding:14px 18px;background:#fff;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15),0 0 0 1px rgba(0,0,0,.05);display:flex;align-items:flex-start;gap:12px;animation:slideInRight .3s cubic-bezier(0.16, 1, 0.3, 1);transition:all .3s cubic-bezier(0.16, 1, 0.3, 1)}.toast.hiding{animation:slideOutRight .3s cubic-bezier(0.16, 1, 0.3, 1);opacity:0;transform:translateX(100%)}.toast-icon{font-size:20px;line-height:1;flex-shrink:0}.toast-content{flex:1;display:flex;flex-direction:column;gap:4px}.toast-title{font-size:14px;font-weight:600;color:#1a202c;line-height:1.4}.toast-message{font-size:13px;color:#4a5568;line-height:1.5}.toast-close{background:none;border:none;color:#a0aec0;cursor:pointer;font-size:18px;line-height:1;padding:0;margin:-2px -2px 0 0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s;flex-shrink:0}.toast-close:hover{background:#f7fafc;color:#2d3748}.toast.info{border-left:3px solid #3182ce}.toast.info .toast-icon{color:#3182ce}.toast.warning{border-left:3px solid #dd6b20}.toast.warning .toast-icon{color:#dd6b20}.toast.error{border-left:3px solid #e53e3e}.toast.error .toast-icon{color:#e53e3e}.toast.success{border-left:3px solid #38a169}.toast.success .toast-icon{color:#38a169}@keyframes slideInRight{from{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes slideOutRight{from{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100%)}}@media(max-width: 480px){#toastContainer{top:10px;right:10px;left:10px}.toast{min-width:auto;max-width:none}}.engine-info{margin-left:auto;font-size:13px;opacity:.9}.desktop-groups{display:flex;align-items:center;gap:8px}.ssml-panel{padding:0;border-top:#e6e6e6 1px solid;padding-top:8px;margin-left:-12px;margin-right:-12px;padding-left:12px;padding-right:12px;padding-bottom:8px}.hidden{display:none}.text-muted{opacity:.5}.text-primary{color:#0366d6;font-weight:600}.input-width-sm{width:100px;max-width:200px}.input-width-md{width:150px;max-width:300px}.input-width-lg{width:400px;max-width:400px}.info-box{padding:12px;background:#f0fdf4;border:1px solid #86efac;border-radius:6px;font-size:13px;color:#166534;margin-bottom:16px}.info-box-blue{padding:10px 14px;background:#f0f9ff;border-radius:6px;border-left:3px solid #0db7ed}.info-box-blue-text{color:var(--text-dark);font-size:12px;font-weight:500}.info-box-icon{color:#0db7ed;font-weight:700}.info-box-highlight{font-family:"Courier New",monospace;color:#0db7ed}.prosody-preview{margin:0 0 15px 0;padding:10px 14px;background:#f8f9fa;border-radius:6px;border:1px solid #e1e4e8;color:#24292e;font-size:13px;line-height:1.5;word-wrap:break-word;box-shadow:0 1px 3px rgba(0,0,0,.06);position:relative}.prosody-preview div{position:relative;font-family:"Courier New",monospace}.prosody-preview div button{position:absolute;right:0px;top:0px;padding:2px;padding-left:10px;padding-right:10px;border-radius:8px;font-family:"Courier New",monospace}.prosody-preview-code{font-weight:500}.prosody-preview-code span{color:#457769;font-family:"Courier New",monospace}.prosody-preview-code span span{color:#39b995}.actions-container-visible{display:block}.actions-container-hidden{display:none}.tag-input{font-family:"Segoe UI",Arial,sans-serif;font-size:16px}.btn-margin-top{margin-top:10px}.btn-full-width{width:100%}section .panel-actions .btn,section .panel-actions .btn-primary,section .panel-actions .btn-secondary{box-shadow:none;border-radius:8px;min-width:22px;padding:8px}.btn::first-letter{display:none;font-size:0;visibility:hidden}.redesignv1 .editor-card{container-type:inline-size}.redesignv1 .editor-toolbar:has(.ssml-panel.active){padding-bottom:0;border-bottom:none}.redesignv1 .editor-toolbar:has(.ssml-panel.active) .Buttnz{padding-bottom:5px}.redesignv1 .ssml-panel{display:none}.redesignv1 .ssml-panel.active{display:block;position:relative;margin:0 -10px;padding:7px 12px;padding-right:40px;background:#f1f5f9;border-top:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0;opacity:1;transform:none;transition:none;inset:auto;width:auto;height:auto;max-width:none;max-height:none;z-index:auto;overflow:visible;border-radius:0;box-shadow:none;flex-direction:unset;gap:unset}.redesignv1 .ssml-panel .ssml-buttons{display:flex;flex-direction:row;align-items:center;gap:0;flex:none;flex-wrap:nowrap;padding:0;margin:0}.redesignv1 .ssml-panel .ssml-group{display:flex;align-items:center;flex-shrink:0;box-shadow:0 1px 3px rgba(15,23,42,.08),0 1px 2px rgba(15,23,42,.05);border-radius:6px;gap:0;flex-wrap:nowrap;padding:0;margin:0;background:none;width:auto;grid-template-columns:none}.redesignv1 .ssml-panel .btn-wrapper{display:contents}.redesignv1 .ssml-panel .btn-wrapper.hidden{display:none}.redesignv1 .ssml-panel .btn-ssml-tag{display:inline-flex;align-items:center;justify-content:center;height:28px;min-height:unset;padding:0 10px;margin:0;margin-left:-1px;background:#fff;border:1px solid #e2e8f0;border-radius:0;font-family:"JetBrains Mono",monospace;font-size:11px;font-weight:600;color:#475569;cursor:pointer;transition:all .15s;white-space:nowrap;box-shadow:none;text-transform:none;letter-spacing:normal;line-height:1;width:auto;text-align:left;translate:none}.redesignv1 .ssml-panel .btn-ssml-tag:hover{background:rgba(37,99,235,.06);border-color:rgba(37,99,235,.25);color:#2563eb;z-index:1;position:relative;translate:none}.redesignv1 .ssml-panel .ssml-group .btn-wrapper:not(.hidden):first-child .btn-ssml-tag,.redesignv1 .ssml-panel .ssml-group .hidden+.btn-wrapper:not(.hidden) .btn-ssml-tag{border-radius:6px 0 0 6px;margin-left:0}.redesignv1 .ssml-panel .ssml-group .btn-wrapper:not(.hidden):not(:has(~.btn-wrapper:not(.hidden))) .btn-ssml-tag{border-radius:0 6px 6px 0}.redesignv1 .ssml-panel .ssml-group .btn-wrapper:not(.hidden):first-child:not(:has(~.btn-wrapper:not(.hidden))) .btn-ssml-tag,.redesignv1 .ssml-panel .ssml-group .hidden+.btn-wrapper:not(.hidden):not(:has(~.btn-wrapper:not(.hidden))) .btn-ssml-tag{border-radius:6px;margin-left:0}.redesignv1 .ssml-panel .ssml-divider{width:8px;height:2px;background:#4584e8;border-radius:1px;margin:0 10px;flex-shrink:0;align-self:auto}.redesignv1 .ssml-panel .ssml-header{position:absolute;top:50%;right:10px;transform:translateY(-50%);padding:0;margin:0;display:flex;align-items:center;background:none;border:none;width:auto;height:auto}.redesignv1 .ssml-panel .ssml-close-btn{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;margin:0;background:rgba(0,0,0,0);border:1px solid rgba(0,0,0,0);border-radius:4px;color:#94a3b8;font-size:15px;line-height:1;cursor:pointer;transition:all .15s}.redesignv1 .ssml-panel .ssml-close-btn:hover{background:#fff1f2;border-color:#fca5a5;color:#dc2626}@container (max-width: 620px){.redesignv1 .ssml-panel.active{padding:5px 10px;padding-right:34px}.redesignv1 .ssml-panel .ssml-buttons{flex-wrap:wrap;gap:4px 6px}.redesignv1 .ssml-panel .ssml-group{box-shadow:0 1px 2px rgba(15,23,42,.06)}.redesignv1 .ssml-panel .btn-ssml-tag{height:24px;padding:0 7px;font-size:10px}.redesignv1 .ssml-panel .ssml-divider{display:none}.redesignv1 .ssml-panel .ssml-header{top:5px;transform:none}.redesignv1 .ssml-panel .ssml-close-btn{width:22px;height:22px;font-size:13px}}@container (max-width: 420px){.redesignv1 .ssml-panel.active{padding:4px 8px;padding-right:30px}.redesignv1 .ssml-panel .ssml-buttons{gap:3px 5px}.redesignv1 .ssml-panel .btn-ssml-tag{height:22px;padding:0 5px;font-size:9px}.redesignv1 .ssml-panel .ssml-header{top:4px;right:6px}.redesignv1 .ssml-panel .ssml-close-btn{width:20px;height:20px;font-size:12px}}.redesignv1 .overlay.ssmlModal .modalwindow.prisingBox .modal-content{min-height:auto}.redesignv1 .ssml-modal{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 8px 32px rgba(15,23,42,.12),0 2px 8px rgba(15,23,42,.06);overflow:hidden;height:auto;gap:0;padding:0}.redesignv1 .ssml-modal-title{font-family:"Inter",sans-serif;font-size:17px;font-weight:700;color:#0f172a;padding:14px 28px;border-bottom:1px solid #f1f5f9;background:rgba(0,0,0,0);display:block}.redesignv1 .ssml-modal-body{padding:0}.redesignv1 .prosody-preview{margin:0;padding:14px 28px;background:#f8fafc;border:none;border-bottom:1px solid #e2e8f0;border-radius:0;box-shadow:none;position:static}.redesignv1 .prosody-preview div{position:static;font-family:inherit}.redesignv1 .prosody-preview>div:first-child{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.redesignv1 .prosody-preview>div:first-child>div{font-family:"JetBrains Mono",monospace;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#94a3b8;line-height:1}.redesignv1 .prosody-preview-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.redesignv1 .prosody-preview-label{font-family:"JetBrains Mono",monospace;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#94a3b8;line-height:1}.redesignv1 #prosodyResetBtn,.redesignv1 #sayAsResetBtn{font-family:"JetBrains Mono",monospace;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:3px 10px;background:#fff;border:1px solid #e2e8f0;border-radius:4px;color:#94a3b8;cursor:pointer;transition:all .15s;min-height:0;width:auto;line-height:1.4;display:inline-flex;align-items:center;gap:4px;position:static;right:auto;top:auto;flex:none;margin:0}.redesignv1 #prosodyResetBtn::before,.redesignv1 #sayAsResetBtn::before{content:"";display:inline-block;width:11px;height:11px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 4.5A5 5 0 1 1 1 7.5'/%3E%3Cpath d='M1 1.5v3h3'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 4.5A5 5 0 1 1 1 7.5'/%3E%3Cpath d='M1 1.5v3h3'/%3E%3C/svg%3E") center/contain no-repeat}.redesignv1 #prosodyResetBtn:hover,.redesignv1 #sayAsResetBtn:hover{border-color:#cbd5e1;color:#475569}.redesignv1 .prosody-preview-code{font-family:"JetBrains Mono",monospace;font-size:13px;color:#0f172a;line-height:1.6;word-break:break-word;white-space:pre-wrap;min-height:22px;font-weight:normal}.redesignv1 .prosody-preview-code span{color:#94a3b8;font-family:"JetBrains Mono",monospace}.redesignv1 .prosody-preview-code span span{color:#2563eb;font-weight:600}.redesignv1 .ssml-tabs{display:flex;gap:0;padding:0 28px;border-bottom:1px solid #e2e8f0;margin-bottom:0}.redesignv1 .ssml-modal .tab-btn{font-family:"JetBrains Mono",monospace;font-size:13px;font-weight:600;letter-spacing:.03em;color:#94a3b8;background:none;border:none;border-bottom:2px solid rgba(0,0,0,0);padding:10px 20px;cursor:pointer;transition:all .15s;text-transform:capitalize;margin-bottom:-1px;border-radius:0}.redesignv1 .ssml-modal .tab-btn:hover{color:#475569}.redesignv1 .ssml-modal .tab-btn.selected{color:#2563eb;border-bottom-color:#2563eb}.redesignv1 .ssml-tab-panels{padding:16px 28px}.redesignv1 .ssml-modal .form-group{display:flex;gap:24px;align-items:flex-start;margin-bottom:0}.redesignv1 .ssml-modal .form-group.hidden{display:none}.redesignv1 .ssml-modal .presets-group{flex:1;min-width:0;margin-bottom:0}.redesignv1 .ssml-modal .presets-row{display:flex;flex-wrap:nowrap;gap:5px}.redesignv1 .ssml-modal .preset-btn{font-family:"JetBrains Mono",monospace;font-size:12px;font-weight:600;color:#475569;background:#fff;border:1px solid #e2e8f0;border-radius:6px;height:36px;padding:0 11px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s;line-height:1;white-space:nowrap;min-height:0;width:auto;text-transform:none;letter-spacing:normal}.redesignv1 .ssml-modal .preset-btn:hover{background:rgba(37,99,235,.05);border-color:rgba(37,99,235,.25);color:#2563eb;transform:none}.redesignv1 .ssml-modal .preset-btn.selected,.redesignv1 .ssml-modal .preset-btn[aria-pressed=true]{background:#2563eb;border-color:#2563eb;color:#fff}.redesignv1 .ssml-modal .custom-inputs-group{flex-shrink:0;width:150px}.redesignv1 .ssml-modal .dual-input-title{display:none}.redesignv1 .ssml-modal .custom-inputs-group>div:last-child{display:flex;flex-direction:column;gap:6px}.redesignv1 .ssml-modal .input-with-unit{display:flex;height:36px;border:1px solid #e2e8f0;border-radius:6px;overflow:hidden;transition:border-color .15s;gap:0;align-items:stretch}.redesignv1 .ssml-modal .input-with-unit:focus-within{border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.08)}.redesignv1 .ssml-modal .form-input{flex:1;border:none;padding:0 10px;height:100%;font-family:"JetBrains Mono",monospace;font-size:13px;font-weight:500;color:#0f172a;background:#fff;outline:none;min-width:0;width:auto;border-radius:0}.redesignv1 .ssml-modal .form-input::-moz-placeholder{color:#cbd5e1}.redesignv1 .ssml-modal .form-input::placeholder{color:#cbd5e1}.redesignv1 .ssml-modal .form-input:focus{box-shadow:none}.redesignv1 .ssml-modal .form-group>.form-input{width:100%;height:36px;min-height:36px;border:1px solid #e2e8f0;border-radius:6px;padding:0 12px;font-family:"JetBrains Mono",monospace;font-size:13px;font-weight:500;color:#0f172a;background:#fff;outline:none;box-sizing:border-box;transition:border-color .15s}.redesignv1 .ssml-modal .form-group>.form-input::-moz-placeholder{color:#cbd5e1}.redesignv1 .ssml-modal .form-group>.form-input::placeholder{color:#cbd5e1}.redesignv1 .ssml-modal .form-group>.form-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.08)}.redesignv1 .ssml-modal .unit-btn{font-family:"JetBrains Mono",monospace;font-size:11px;font-weight:700;color:#475569;background:#e2e8f0;border:none;border-left:1px solid #cbd5e1;padding:0 10px;display:flex;align-items:center;justify-content:center;min-width:36px;cursor:default;letter-spacing:.02em;min-height:0;width:auto;border-radius:0;transition:none}.redesignv1 .ssml-modal .unit-btn[data-unit=""]{min-width:6px;padding:0;background:#edf2f7}.redesignv1 .ssml-modal-body>.form-group{flex-direction:column;gap:6px;padding:0 28px}.redesignv1 .ssml-modal-body>.form-group:first-child{padding-top:18px}.redesignv1 .ssml-modal-body>.form-group+.form-group{padding-top:16px}.redesignv1 .ssml-modal-body>.form-group:last-child{padding-bottom:18px}.redesignv1 .ssml-modal-body>.prosody-preview+.form-group{padding-top:16px}.redesignv1 .ssml-modal .form-group>.presets-row{flex-wrap:wrap;width:100%}.redesignv1 .ssml-modal .form-group>.presets-row .preset-btn{flex:1 1 calc(25% - 4px);min-width:0}.redesignv1 .ssml-modal .form-group>.presets-row:not(:has(:nth-child(5))) .preset-btn{flex:0 1 auto}.redesignv1 .ssml-modal .form-label{font-family:"JetBrains Mono",monospace;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#94a3b8;line-height:1;display:block;margin-bottom:0}.redesignv1 .ssml-modal .form-hint{font-family:"Inter",sans-serif;font-size:12px;color:#94a3b8;line-height:1.5;margin:0}.redesignv1 #sayAsFormatHost{padding:0 28px}.redesignv1 #sayAsFormatHost .form-group{display:flex;flex-direction:column;gap:8px;padding-top:16px}.redesignv1 .ssml-modal .dual-input-section{display:flex;flex-direction:column;gap:8px;width:100%;border:none;border-radius:0;padding:0;background:rgba(0,0,0,0);margin:0}.redesignv1 .ssml-modal .dual-input-section .dual-input-title{display:block;font-family:"JetBrains Mono",monospace;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#94a3b8;margin-bottom:0}.redesignv1 .ssml-modal .dual-input-section .presets-row{flex-wrap:wrap;width:100%}.redesignv1 .ssml-modal .dual-input-section .presets-row .preset-btn{flex:0 1 auto}.redesignv1 .ssml-modal .presets-group.hidden{display:none}.redesignv1 .ssml-modal .custom-format-trigger{margin:0}.redesignv1 .ssml-modal .custom-format-trigger .btn-action{width:100%;height:36px;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,0);border:1px dashed #e2e8f0;border-radius:6px;color:#94a3b8;font-family:"JetBrains Mono",monospace;font-size:11px;font-weight:600;letter-spacing:.02em;padding:0 12px;cursor:pointer;transition:all .15s;transform:none;box-shadow:none}.redesignv1 .ssml-modal .custom-format-trigger .btn-action:hover{border-color:rgba(37,99,235,.3);color:#2563eb;background:rgba(37,99,235,.03);transform:none;box-shadow:none}.redesignv1 .ssml-modal .custom-format-section{display:flex;flex-direction:column;gap:6px;padding:0;background:rgba(0,0,0,0);border:none;border-radius:0;margin:0}.redesignv1 .ssml-modal .custom-format-section.hidden{display:none}.redesignv1 .ssml-modal .custom-format-section .form-input{width:100%;height:36px;min-height:36px;border:1px solid #e2e8f0;border-radius:6px;padding:0 12px;font-family:"JetBrains Mono",monospace;font-size:13px;font-weight:500;color:#0f172a;background:#fff;box-sizing:border-box;margin-bottom:0}.redesignv1 .ssml-modal .custom-format-section .form-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.08)}.redesignv1 .ssml-modal .custom-format-title{font-family:"JetBrains Mono",monospace;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#94a3b8;margin-bottom:0}.redesignv1 .ssml-modal .break-inputs{display:flex;flex-direction:row;gap:8px;flex-wrap:nowrap;width:100%}.redesignv1 .ssml-modal .break-inputs .input-with-unit{flex:1 1 0;min-width:0}.redesignv1 .ssml-modal .break-inputs .form-input{font-size:13px;padding:0 8px}.redesignv1 .ssml-modal .break-inputs .form-input::-moz-placeholder{font-size:11px}.redesignv1 .ssml-modal .break-inputs .form-input::placeholder{font-size:11px}.redesignv1 .ssml-modal .break-inputs .unit-btn{padding:0 8px;min-width:30px}.redesignv1 .panel-actions{display:flex;gap:10px;padding:14px 28px 16px;border-top:1px solid #f1f5f9;margin-top:0;justify-content:stretch}.redesignv1 .panel-actions .btn{flex:1;font-family:"Inter",sans-serif;font-size:14px;font-weight:600;padding:10px 24px;border:1px solid rgba(0,0,0,0);border-radius:6px;cursor:pointer;transition:all .15s;text-align:center;line-height:1.4;display:flex;align-items:center;justify-content:center;min-height:0;width:auto;box-sizing:border-box;gap:0;white-space:normal;transform:none;box-shadow:none;margin:0}.redesignv1 .panel-actions .btn-secondary{background:#f8fafc;color:#64748b;border-color:#e2e8f0}.redesignv1 .panel-actions .btn-secondary:hover{background:#f1f5f9;color:#475569;border-color:#cbd5e1;transform:none;box-shadow:none}.redesignv1 .panel-actions .btn-primary{background:#0f172a;border-color:#0f172a;color:#fff}.redesignv1 .panel-actions .btn-primary:hover{background:#1e293b;border-color:#1e293b;transform:none;box-shadow:none}.redesignv1 .overlay.ssmlModal.ipaModal .modalwindow.prisingBox{max-width:860px !important}.redesignv1 .ssml-modal.ipaModal{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.redesignv1 .ssml-modal.ipaModal .ssml-modal-title{text-indent:-1.4em;padding-left:calc(28px + 1.4em);overflow:hidden}.redesignv1 .ssml-modal.ipaModal .ssml-modal-body{flex:1;overflow-y:auto;min-height:0;padding:20px 28px}.redesignv1 .ssml-modal.ipaModal .ssml-modal-body>.form-group{padding:0}.redesignv1 .ssml-modal.ipaModal .ssml-modal-body>.form-group:first-child{padding-top:0}.redesignv1 .ssml-modal.ipaModal .ssml-modal-body>.form-group+.form-group{padding-top:8px}.redesignv1 .ssml-modal.ipaModal .ssml-modal-body>.form-group:first-child .form-input{height:44px;min-height:44px;font-size:16px;font-weight:600;letter-spacing:.04em;padding:0 14px}.redesignv1 .overlay.ssmlModal.phonemeModal .modalwindow{max-width:900px !important;max-height:min(90vh,900px) !important;overflow:hidden !important;display:flex !important;flex-direction:column !important}.redesignv1 .ssml-modal.phonemeModal{max-width:none;width:100%;display:flex;flex-direction:column;height:100%;overflow:hidden}.redesignv1 .ssml-modal.phonemeModal .ssml-modal-title{flex-shrink:0}.redesignv1 .ssml-modal.phonemeModal .ssml-modal-body{flex:1;overflow-y:auto;min-height:0}.redesignv1 .ssml-modal.phonemeModal .ssml-modal-footer{flex-shrink:0;position:sticky;bottom:0;background:#fff;z-index:2;border-top:1px solid #e2e8f0}.redesignv1 .ssml-modal.phonemeModal .ssml-modal-body>.form-group{padding-left:24px;padding-right:24px}.redesignv1 .ssml-modal.phonemeModal #ipaSectionsHost{max-height:min(50vh,420px);overflow-y:auto;overscroll-behavior:contain}.redesignv1 .ssml-modal.phonemeModal #ipaSectionsHost::-webkit-scrollbar{width:6px}.redesignv1 .ssml-modal.phonemeModal #ipaSectionsHost::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.redesignv1 .ssml-modal.phonemeModal #ipaSectionsHost::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.redesignv1 .ssml-modal.phonemeModal #ipaSectionsHost::-webkit-scrollbar-thumb:hover{background:#94a3b8}.redesignv1 .ssml-modal.phonemeModal #ipaSectionsHost{scrollbar-width:thin;scrollbar-color:#cbd5e1 rgba(0,0,0,0)}.redesignv1 .overlay.ssmlModal .modalwindow .loading{position:static;width:auto;height:auto;background:rgba(0,0,0,0);z-index:auto;opacity:.6;pointer-events:none}.redesignv1 .ssml-modal .ipa-section{display:flex;flex-wrap:wrap;gap:0 20px;margin-bottom:16px}.redesignv1 .ssml-modal .ipa-section:last-child{margin-bottom:0}.redesignv1 .ssml-modal .ipa-section-title{font-family:"JetBrains Mono",monospace;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#94a3b8;margin-bottom:8px;line-height:1}.redesignv1 .ssml-modal .ipa-subgroup{margin-bottom:10px}.redesignv1 .ssml-modal .ipa-subgroup[data-subgroup=basic]{max-width:500px}.redesignv1 .ssml-modal .ipa-subgroup[data-subgroup=monophthong]{max-width:280px}.redesignv1 .ssml-modal .ipa-subgroup[data-subgroup=diphthong]{max-width:230px}.redesignv1 .ssml-modal .ipa-subgroup[data-subgroup=long]{max-width:190px}.redesignv1 .ssml-modal .ipa-subgroup-title{font-family:"JetBrains Mono",monospace;font-size:9px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#64748b;margin-bottom:4px}.redesignv1 .ssml-modal .ipa-grid{display:flex;flex-wrap:wrap;gap:3px}.redesignv1 .ssml-modal .ipa-btn{background:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:4px 4px 2px;min-width:42px;cursor:pointer;transition:border-color .12s,background .12s;text-align:center;transform:none;box-shadow:none}.redesignv1 .ssml-modal .ipa-btn:hover{border-color:#2563eb;background:rgba(37,99,235,.04);transform:none;box-shadow:none}.redesignv1 .ssml-modal .ipa-btn:active{background:rgba(37,99,235,.08)}.redesignv1 .ssml-modal .ipa-symbol{font-size:18px;font-weight:700;color:#2563eb;margin-bottom:2px;line-height:1}.redesignv1 .ssml-modal .ipa-cyrillic{font-family:"JetBrains Mono",monospace;font-size:8px;color:#94a3b8;line-height:1}.redesignv1 .ssml-modal .ipa-example{font-family:"Inter",sans-serif;font-size:8px;color:#94a3b8;font-style:normal;line-height:1.2}.redesignv1 #ipaSectionsHost{padding:12px 24px 16px}@media(max-width: 520px){.redesignv1 .overlay.ssmlModal.phonemeModal .modalwindow{max-width:calc(100vw - 16px) !important;max-height:calc(100vh - 16px) !important;min-height:calc(100vh - 16px) !important;width:calc(100vw - 16px) !important;border-radius:10px !important;margin:8px !important}.redesignv1 .ssml-modal.phonemeModal{border-radius:10px;height:100%;display:flex;flex-direction:column}.redesignv1 .ssml-modal.phonemeModal .ssml-modal-body{flex:1;overflow-y:auto}.redesignv1 .ssml-modal.phonemeModal .ssml-modal-title{padding:10px 16px;font-size:14px;flex-shrink:0}}@media(max-width: 520px){.redesignv1 .ssml-modal .form-group:has(#phonemePreviewCode){display:none !important}.redesignv1 .ssml-modal .form-group:has(#ipaLiveInput) .form-label{display:none}.redesignv1 .ssml-modal .form-hint{display:none}}@media(max-width: 640px){.redesignv1 .ssml-modal.phonemeModal #ipaSectionsHost{padding:8px 16px 12px}.redesignv1 .ssml-modal.phonemeModal .ssml-modal-body>.form-group{padding-left:16px;padding-right:16px}.redesignv1 .ssml-modal .ipa-btn{min-width:38px;padding:3px 3px 2px}.redesignv1 .ssml-modal .ipa-symbol{font-size:16px}.redesignv1 .ssml-modal .ipa-cyrillic,.redesignv1 .ssml-modal .ipa-example{font-size:7px}.redesignv1 .ssml-modal .ipa-section{gap:0 12px}.redesignv1 .ssml-modal .ipa-subgroup[data-subgroup=basic]{max-width:none}.redesignv1 .ssml-modal .ipa-subgroup[data-subgroup=monophthong],.redesignv1 .ssml-modal .ipa-subgroup[data-subgroup=diphthong],.redesignv1 .ssml-modal .ipa-subgroup[data-subgroup=long]{max-width:none}.redesignv1 #phonemeListenBtn{height:44px !important;min-height:44px !important;font-size:12px !important}.redesignv1 #ipaLiveInput{font-size:18px !important;height:40px !important}.redesignv1 #ipaBackspaceBtn,.redesignv1 #ipaClearBtn{height:40px}.redesignv1 .ssml-modal .form-group:has(#ipaLiveInput) .phoneme-input-actions{width:100%}}@media(max-width: 400px){.redesignv1 .ssml-modal .ipa-btn{min-width:34px;padding:2px 2px 1px}.redesignv1 .ssml-modal .ipa-symbol{font-size:14px}.redesignv1 .ssml-modal .ipa-grid{gap:2px}.redesignv1 .ssml-modal .ipa-cyrillic,.redesignv1 .ssml-modal .ipa-example{display:none}}.redesignv1 #phonemeListenBtn{width:100% !important;display:flex !important;align-items:center !important;justify-content:center !important;gap:6px;height:52px !important;min-height:52px !important;font-family:"JetBrains Mono",monospace !important;font-size:13px !important;font-weight:700 !important;letter-spacing:.08em;text-transform:uppercase;color:#fff !important;background:#2563eb !important;border:none !important;border-radius:10px !important;cursor:pointer;transition:background .15s;position:relative;transform:none !important;box-shadow:none !important;padding:0 !important;margin:0 !important;line-height:1 !important}.redesignv1 #phonemeListenBtn:hover{background:#1d4ed8;transform:none;box-shadow:none}.redesignv1 #phonemeListenBtn.loading{pointer-events:none;color:rgba(0,0,0,0) !important}.redesignv1 #phonemeListenBtn.loading::after{content:"";position:absolute;top:50%;left:50%;margin-top:-10px;margin-left:-10px;width:20px;height:20px;border:2.5px solid hsla(0,0%,100%,.3);border-top-color:#fff;border-radius:50%;animation:phoneme-spin .6s linear infinite}@keyframes phoneme-spin{to{transform:rotate(360deg)}}.redesignv1 #ipaLiveInput{font-family:"JetBrains Mono",monospace !important;font-size:20px !important;font-weight:700 !important;color:#2563eb !important;letter-spacing:2px !important;padding:8px 14px !important;height:44px !important;border:2px solid #cbd5e1 !important;border-radius:8px !important;background:#f8fafc !important;transition:border-color .15s,background .15s !important}.redesignv1 #ipaLiveInput:focus{border-color:#2563eb !important;background:#fff !important}.redesignv1 #ipaLiveInput::-moz-placeholder{color:#cbd5e1 !important;font-size:13px !important;font-weight:400 !important;letter-spacing:0 !important}.redesignv1 #ipaLiveInput::placeholder{color:#cbd5e1 !important;font-size:13px !important;font-weight:400 !important;letter-spacing:0 !important}.redesignv1 .ssml-modal.phonemeModal~.panel-actions,.redesignv1 .ssml-modal.phonemeModal+.panel-actions{padding:14px 24px 16px}.redesignv1 .ssml-modal .form-group:has(#ipaLiveInput){display:flex;flex-wrap:wrap;flex-direction:row;align-items:center;gap:8px}.redesignv1 .ssml-modal .form-group:has(#ipaLiveInput) .form-label{width:100%}.redesignv1 .ssml-modal .form-group:has(#ipaLiveInput) #ipaLiveInput{flex:1;min-width:200px}.redesignv1 .ssml-modal .form-group:has(#ipaLiveInput) .phoneme-input-actions{display:flex;gap:6px;flex-shrink:0}.redesignv1 .ssml-modal .form-group:has(#ipaLiveInput) .form-hint{width:100%}.redesignv1 .ssml-modal.ipaModal .ssml-modal-body>.form-group:has(#ipaBackspaceBtn){flex-direction:row;gap:8px;padding-bottom:16px;border-bottom:1px solid #f1f5f9;margin-bottom:4px}.redesignv1 #ipaBackspaceBtn,.redesignv1 #ipaClearBtn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:44px;padding:0 12px;font-family:"JetBrains Mono",monospace;font-size:11px;font-weight:600;border:1px solid #e2e8f0;border-radius:6px;background:#fff;color:#475569;cursor:pointer;transition:all .15s;white-space:nowrap;transform:none;box-shadow:none;width:auto;flex:none;margin:0}.redesignv1 #ipaBackspaceBtn:hover,.redesignv1 #ipaClearBtn:hover{border-color:rgba(37,99,235,.25);color:#2563eb;background:rgba(37,99,235,.03);transform:none;box-shadow:none}.redesignv1 #ipaBackspaceBtn::before{content:"";width:14px;height:11px;background:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 12' fill='none'%3E%3Cpath d='M5.5 1h8.5a1.5 1.5 0 011.5 1.5v7a1.5 1.5 0 01-1.5 1.5h-8.5l-5-5 5-5z' stroke='%23000' stroke-width='1.4' stroke-linejoin='round'/%3E%3Cpath d='M8 4l4 4M12 4l-4 4' stroke='%23000' stroke-width='1.3' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 12' fill='none'%3E%3Cpath d='M5.5 1h8.5a1.5 1.5 0 011.5 1.5v7a1.5 1.5 0 01-1.5 1.5h-8.5l-5-5 5-5z' stroke='%23000' stroke-width='1.4' stroke-linejoin='round'/%3E%3Cpath d='M8 4l4 4M12 4l-4 4' stroke='%23000' stroke-width='1.3' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat;flex-shrink:0}.redesignv1 .ssml-modal-body>.form-group:has(#openIpaBtn){flex-direction:row;gap:8px;flex-wrap:nowrap}.redesignv1 #openIpaBtn,.redesignv1 #clearPhBtn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:34px;padding:0 14px;font-family:"Inter",sans-serif;font-size:12px;font-weight:600;border:1px solid #e2e8f0;border-radius:6px;background:#fff;color:#475569;cursor:pointer;transition:all .15s;white-space:nowrap;transform:none;box-shadow:none;width:auto;position:static;margin:0;flex:none;text-transform:none}.redesignv1 #openIpaBtn:hover,.redesignv1 #clearPhBtn:hover{border-color:rgba(37,99,235,.25);color:#2563eb;background:rgba(37,99,235,.03);transform:none;box-shadow:none}.redesignv1 #openIpaBtn::before{content:"";width:15px;height:11px;background:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 14'%3E%3Crect x='.75' y='.75' width='18.5' height='12.5' rx='2' fill='none' stroke='%23000' stroke-width='1.5'/%3E%3Crect x='4' y='3.5' width='2' height='1.5' rx='.4' fill='%23000'/%3E%3Crect x='7.5' y='3.5' width='2' height='1.5' rx='.4' fill='%23000'/%3E%3Crect x='11' y='3.5' width='2' height='1.5' rx='.4' fill='%23000'/%3E%3Crect x='14' y='3.5' width='2' height='1.5' rx='.4' fill='%23000'/%3E%3Crect x='4' y='6.5' width='2' height='1.5' rx='.4' fill='%23000'/%3E%3Crect x='7.5' y='6.5' width='2' height='1.5' rx='.4' fill='%23000'/%3E%3Crect x='11' y='6.5' width='2' height='1.5' rx='.4' fill='%23000'/%3E%3Crect x='14' y='6.5' width='2' height='1.5' rx='.4' fill='%23000'/%3E%3Crect x='6' y='9.5' width='8' height='1.5' rx='.4' fill='%23000'/%3E%3C/svg%3E") center/contain no-repeat;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 14'%3E%3Crect x='.75' y='.75' width='18.5' height='12.5' rx='2' fill='none' stroke='%23000' stroke-width='1.5'/%3E%3Crect x='4' y='3.5' width='2' height='1.5' rx='.4' fill='%23000'/%3E%3Crect x='7.5' y='3.5' width='2' height='1.5' rx='.4' fill='%23000'/%3E%3Crect x='11' y='3.5' width='2' height='1.5' rx='.4' fill='%23000'/%3E%3Crect x='14' y='3.5' width='2' height='1.5' rx='.4' fill='%23000'/%3E%3Crect x='4' y='6.5' width='2' height='1.5' rx='.4' fill='%23000'/%3E%3Crect x='7.5' y='6.5' width='2' height='1.5' rx='.4' fill='%23000'/%3E%3Crect x='11' y='6.5' width='2' height='1.5' rx='.4' fill='%23000'/%3E%3Crect x='14' y='6.5' width='2' height='1.5' rx='.4' fill='%23000'/%3E%3Crect x='6' y='9.5' width='8' height='1.5' rx='.4' fill='%23000'/%3E%3C/svg%3E") center/contain no-repeat;flex-shrink:0}@media(max-width: 720px){.redesignv1 .ssml-modal-title{padding:12px 20px;font-size:16px}.redesignv1 .prosody-preview{padding:12px 20px}.redesignv1 .ssml-tabs{padding:0 20px}.redesignv1 .ssml-tab-panels{padding:14px 20px}.redesignv1 .ssml-modal .tab-btn{padding:9px 16px;font-size:12px}.redesignv1 .panel-actions{padding:12px 20px 14px}.redesignv1 .ssml-modal .form-group{flex-direction:column;gap:12px}.redesignv1 .ssml-modal .presets-group{width:100%}.redesignv1 .ssml-modal .presets-row{flex-wrap:wrap;gap:5px}.redesignv1 .ssml-modal .preset-btn{flex:1 1 calc(33.33% - 4px);min-width:0}.redesignv1 .ssml-modal .custom-inputs-group{width:100%}.redesignv1 .ssml-modal .custom-inputs-group>div:last-child{flex-direction:row;gap:8px}.redesignv1 .ssml-modal .input-with-unit{flex:1}}@media(max-width: 560px){.redesignv1 .ssml-modal-title{padding:12px 16px;font-size:15px}.redesignv1 .prosody-preview{padding:10px 16px}.redesignv1 .prosody-preview-code{font-size:12px}.redesignv1 .ssml-tabs{padding:0 16px}.redesignv1 .ssml-modal .tab-btn{padding:8px 12px;font-size:11px}.redesignv1 .ssml-tab-panels{padding:12px 16px}.redesignv1 .ssml-modal .preset-btn{height:32px;padding:0 10px;font-size:11px}.redesignv1 .ssml-modal .input-with-unit{height:32px}.redesignv1 .panel-actions{padding:10px 16px 14px}.redesignv1 .panel-actions .btn{padding:9px 16px;font-size:13px}}@media(max-width: 420px){.redesignv1 .ssml-modal-title{padding:10px 14px;font-size:14px}.redesignv1 .prosody-preview{padding:8px 14px}.redesignv1 .prosody-preview>div:first-child{margin-bottom:4px}.redesignv1 .prosody-preview-code{font-size:11px;line-height:1.5}.redesignv1 .ssml-tabs{padding:0 14px}.redesignv1 .ssml-modal .tab-btn{padding:7px 10px}.redesignv1 .ssml-tab-panels{padding:10px 14px}.redesignv1 .ssml-modal .preset-btn{height:30px;padding:0 8px;font-size:10px;border-radius:5px}.redesignv1 .ssml-modal .input-with-unit{height:30px}.redesignv1 .ssml-modal .form-input{font-size:12px;padding:0 8px}.redesignv1 .ssml-modal .unit-btn{font-size:10px;padding:0 8px;min-width:30px}.redesignv1 .panel-actions{padding:10px 14px 12px;gap:8px}.redesignv1 .panel-actions .btn{padding:8px 12px;font-size:13px}}#toastContainer{z-index:10001;top:16px;right:16px}.toast{min-width:280px;max-width:380px;padding:16px;background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 4px 20px rgba(15,23,42,.12),0 1px 4px rgba(15,23,42,.06);font-family:"Inter",-apple-system,BlinkMacSystemFont,sans-serif;gap:14px}.toast-icon{display:block;width:22px;height:22px;flex-shrink:0;margin-top:1px;font-size:0;color:rgba(0,0,0,0);overflow:hidden;line-height:0;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;mask-size:contain;mask-repeat:no-repeat;mask-position:center}.toast-content{gap:4px}.toast-title{font-size:14px;font-weight:700;color:#0f172a;line-height:1.35}.toast-message{font-size:13px;color:#64748b;line-height:1.5}.toast-close{color:#94a3b8;width:22px;height:22px;font-size:16px}.toast-close:hover{background:#f1f5f9;color:#475569}.toast.info{background:#eff4ff;border-color:#bfdbfe}.toast.info .toast-icon{background-color:#2563eb;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cline x1='12' y1='16' x2='12' y2='12'/%3E%3Cline x1='12' y1='8' x2='12.01' y2='8'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cline x1='12' y1='16' x2='12' y2='12'/%3E%3Cline x1='12' y1='8' x2='12.01' y2='8'/%3E%3C/svg%3E")}.toast.warning{background:#fef9ee;border-color:#fde68a}.toast.warning .toast-icon{background-color:#d97706;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z'/%3E%3Cline x1='12' y1='9' x2='12' y2='13'/%3E%3Cline x1='12' y1='17' x2='12.01' y2='17'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z'/%3E%3Cline x1='12' y1='9' x2='12' y2='13'/%3E%3Cline x1='12' y1='17' x2='12.01' y2='17'/%3E%3C/svg%3E")}.toast.error{background:#fef2f2;border-color:#fecaca}.toast.error .toast-icon{background-color:#dc2626;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cline x1='15' y1='9' x2='9' y2='15'/%3E%3Cline x1='9' y1='9' x2='15' y2='15'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cline x1='15' y1='9' x2='9' y2='15'/%3E%3Cline x1='9' y1='9' x2='15' y2='15'/%3E%3C/svg%3E")}.toast.success{background:#f8fafc;border-color:#e2e8f0}.toast.success .toast-icon{background-color:#475569;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpolyline points='9 12 11.5 14.5 16 9.5'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpolyline points='9 12 11.5 14.5 16 9.5'/%3E%3C/svg%3E")}.ipa-sections-host.loading{min-height:420px}.ipa-skeleton-wrap{display:grid;gap:18px}.ipa-skeleton-section{display:grid;gap:12px}.ipa-skeleton-title,.ipa-skeleton-subtitle,.ipa-skeleton-symbol,.ipa-skeleton-line{position:relative;overflow:hidden;background:rgba(127,127,127,.14);border-radius:8px}.ipa-skeleton-title{width:140px;height:20px}.ipa-skeleton-subtitle{width:100px;height:14px;margin-top:4px}.ipa-skeleton-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(88px, 1fr));gap:10px}.ipa-skeleton-item{border:1px solid rgba(127,127,127,.12);border-radius:12px;padding:10px 8px;display:grid;gap:8px}.ipa-skeleton-symbol{width:36px;height:18px;margin:0 auto}.ipa-skeleton-line{width:100%;height:10px}.ipa-skeleton-line.short{width:62%;margin:0 auto}.ipa-skeleton-title::after,.ipa-skeleton-subtitle::after,.ipa-skeleton-symbol::after,.ipa-skeleton-line::after{content:"";position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.45), transparent);animation:ipaSkeletonShimmer 1.2s infinite}@keyframes ipaSkeletonShimmer{100%{transform:translateX(100%)}}