@import"https://fonts.googleapis.com/css2?family=Crimson+Pro:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500&family=JetBrains+Mono:wght@400;500&display=swap";.playwright-editor{min-height:100vh;background:linear-gradient(180deg,#fdfbf7,#fbf7ef);display:flex}.playwright-editor:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");opacity:.015;z-index:0}.playwright-sidebar{position:sticky;top:0;height:100vh;width:220px;min-width:220px;background:#faf5eb;border-right:1px solid rgba(196,184,165,.3);display:flex;flex-direction:column;z-index:10;transition:margin-left .2s ease,opacity .2s ease}.playwright-sidebar.closed{margin-left:-220px;opacity:0;pointer-events:none}.playwright-sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid rgba(196,184,165,.2)}.playwright-sidebar-title{font-family:JetBrains Mono,SF Mono,Consolas,monospace;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:#8b7b66}.playwright-sidebar-toggle{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;border:none;border-radius:4px;color:#8b7b66;cursor:pointer;transition:all .15s ease}.playwright-sidebar-toggle:hover{background:#c4b8a526;color:#2c2416}.playwright-sidebar-content{flex:1;overflow-y:auto;padding:.5rem}.playwright-sidebar-phase{width:100%;display:flex;gap:.45rem;align-items:center;padding:.5rem .75rem;background:transparent;border:none;border-radius:6px;cursor:pointer;text-align:left;transition:all .1s ease}.playwright-sidebar-phase:hover{background:#c9a8571a}.playwright-sidebar-phase:active{background:#c9a85733}.playwright-sidebar-phase-index{display:flex;align-items:center;justify-content:center;width:20px;height:20px;font-family:JetBrains Mono,SF Mono,Consolas,monospace;font-size:.65rem;font-weight:600;color:#8b7b66;background:#c4b8a526;border-radius:4px;flex-shrink:0}.playwright-sidebar-phase-name{flex:1 1 auto;font-family:JetBrains Mono,SF Mono,Consolas,monospace;font-size:.75rem;color:#5c4d3a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.playwright-sidebar-phase-badge{font-family:JetBrains Mono,SF Mono,Consolas,monospace;font-size:.55rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#fff;background:#7c3aed;padding:.15rem .35rem;border-radius:3px;flex-shrink:0}.playwright-sidebar-phase-badge.end{background:#8b7b66}.playwright-sidebar-phase-remove{flex-shrink:0;width:18px;height:18px;border-radius:999px;border:1px solid rgba(196,184,165,.6);background:#fdfbf7f2;color:#5c4d3a;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .12s ease;margin-left:auto}.playwright-sidebar-phase-remove:hover{border-color:#c9a857;color:#2c2416}.playwright-sidebar-open-btn{position:fixed;top:1rem;left:1rem;display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#fff;border:1px solid rgba(196,184,165,.3);border-radius:8px;color:#5c4d3a;cursor:pointer;box-shadow:0 2px 8px #00000014;z-index:100;transition:all .15s ease}.playwright-sidebar-open-btn:hover{background:#fdfbf7;border-color:#c9a857;color:#c9a857;box-shadow:0 4px 12px #0000001f}.playwright-paper{position:relative;z-index:1;flex:1;max-width:1400px;margin:0 auto;padding:2rem;min-width:0}.playwright-header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1.5rem}.playwright-header-icon{color:#8b7b66;padding-top:.25rem}.playwright-header-info{flex:1}.playwright-header-label{display:block;font-family:Crimson Pro,Georgia,Times New Roman,serif;font-size:.875rem;font-style:italic;color:#8b7b66;margin-bottom:.125rem}.playwright-header-title,.playwright-header-title-input{font-family:Crimson Pro,Georgia,Times New Roman,serif;font-size:2rem;font-weight:600;color:#2c2416;letter-spacing:-.02em;margin:0}.playwright-header-title-input{width:100%;background:transparent;border:1px solid transparent;outline:none;padding:.1rem .2rem;transition:border-color .15s ease,background-color .15s ease}.playwright-header-title-input:focus{border-color:#c4b8a566;background:#c4b8a514}.playwright-header-actions{display:flex;align-items:center;gap:.5rem}.playwright-save-btn{display:flex;align-items:center;gap:.375rem;padding:.5rem 1rem;font-family:JetBrains Mono,SF Mono,Consolas,monospace;font-size:.75rem;font-weight:500;color:#5c4d3a;background:#c4b8a526;border:1px solid rgba(196,184,165,.3);border-radius:6px;cursor:pointer;transition:all .15s ease}.playwright-save-btn:hover{background:#c4b8a540;border-color:#c4b8a580;color:#2c2416}.playwright-save-btn:active{background:#c4b8a559;transform:translateY(1px)}.playwright-divider{height:1px;background:linear-gradient(90deg,transparent 0%,#c4b8a5 10%,#c4b8a5 90%,transparent 100%);margin-bottom:1.5rem}.playwright-timeline{display:flex;flex-direction:column;width:100%;position:relative}.playwright-add-phase-btn{position:relative;display:inline-flex;align-items:center;gap:6px;padding:.2rem .45rem;border:1px solid rgba(196,184,165,.7);border-radius:8px;background:#fdfbf7f5;color:#5c4d3a;font-family:JetBrains Mono,SF Mono,Consolas,monospace;font-size:.7rem;cursor:pointer;transition:all .15s ease;box-shadow:0 3px 10px #00000014}.playwright-add-phase-btn:hover{border-color:#c9a857;color:#2c2416;box-shadow:0 4px 12px #0000001a}.playwright-add-phase-btn.sidebar{position:static;margin-left:auto}.playwright-timeline-controls{display:flex;justify-content:flex-end;align-items:center;margin-bottom:.5rem}.playwright-timeline-controls .playwright-zoom-controls{display:inline-flex;align-items:center;gap:6px;padding:.35rem .5rem;border:1px solid rgba(196,184,165,.6);background:#f8f5f080;border-radius:8px;font-family:JetBrains Mono,SF Mono,Consolas,monospace;font-size:.75rem;color:#5c4d3a}.playwright-timeline-controls .playwright-zoom-btn,.playwright-timeline-controls .playwright-zoom-reset{min-width:28px;padding:.25rem .4rem;border:1px solid rgba(196,184,165,.6);background:#fdfbf7f2;color:#2c2416;border-radius:6px;cursor:pointer;transition:all .12s ease}.playwright-timeline-controls .playwright-zoom-btn:hover:enabled,.playwright-timeline-controls .playwright-zoom-reset:hover:enabled{border-color:#c9a857;color:#2c2416;box-shadow:0 2px 8px #00000014}.playwright-timeline-controls .playwright-zoom-btn:disabled,.playwright-timeline-controls .playwright-zoom-reset:disabled{opacity:.4;cursor:not-allowed}.playwright-timeline-controls .playwright-zoom-label{min-width:48px;text-align:center;color:#5c4d3a}.playwright-timeline-legend{display:flex;justify-content:flex-end;align-items:center;gap:4px;font-family:JetBrains Mono,SF Mono,Consolas,monospace;font-size:.6rem;color:#8b7b66;margin-bottom:.25rem;margin-right:2.5rem;padding-left:.25rem}.playwright-timeline-legend .playwright-legend-zoom-btn{width:20px;height:20px;border-radius:4px;border:1px solid rgba(196,184,165,.6);background:#fdfbf7f2;color:#2c2416;cursor:pointer;transition:all .12s ease;display:inline-flex;align-items:center;justify-content:center;font-size:.75rem;line-height:1}.playwright-timeline-legend .playwright-legend-zoom-btn:hover:not(:disabled){border-color:#c9a857;box-shadow:0 2px 8px #0000001a}.playwright-timeline-legend .playwright-legend-zoom-btn:disabled{opacity:.4;cursor:not-allowed}.playwright-timeline-legend .legend-text{opacity:.65;letter-spacing:.02em}.playwright-timeline-toggle{display:inline-flex;align-items:center;gap:.35rem;padding:.4rem .75rem;border:1px solid rgba(196,184,165,.7);background:#f8f5f099;color:#5c4d3a;font-family:JetBrains Mono,SF Mono,Consolas,monospace;font-size:.75rem;border-radius:8px;cursor:pointer;transition:all .15s ease}.playwright-timeline-toggle:hover{border-color:#c9a857;color:#2c2416}.playwright-timeline-toggle.is-active{background:#c9a85724;border-color:#c9a857;color:#2c2416}.playwright-timeline-fab{position:absolute;top:-28px;right:8px;width:32px;height:32px;border-radius:999px;border:1px solid rgba(196,184,165,.7);background:#fdfbf7;color:#5c4d3a;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease;box-shadow:0 4px 12px #00000014}.playwright-timeline-fab:hover{border-color:#c9a857;color:#2c2416}.playwright-timeline-fab.is-active{background:#c9a85724;border-color:#c9a857;color:#2c2416}.playwright-phase-wrapper{width:100%;scroll-margin-top:110px}.playwright-phase-wrapper:last-child .playwright-phase-row{margin-bottom:0;padding-bottom:0}.playwright-phase-wrapper:last-child .playwright-phase-row:after{display:none}.playwright-phase-row{--sounds-col-width: 200px;--gutter-col-width: 90px;display:grid;width:100%;grid-template-columns:var(--sounds-col-width, 200px) var(--gutter-col-width, 90px) 1fr;position:relative;margin-bottom:1.5rem;padding-bottom:1.5rem;transition:opacity .2s ease,filter .2s ease}.playwright-phase-row:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,rgba(196,184,165,.3) 0%,rgba(196,184,165,.5) var(--sounds-col-width, 200px),rgba(196,184,165,.5) calc(var(--sounds-col-width, 200px) + var(--gutter-col-width, 90px)),rgba(196,184,165,.3) 100%)}.playwright-phase-row:before{content:"";position:absolute;left:var(--sounds-col-width, 200px);width:var(--gutter-col-width, 90px);top:0;bottom:0;border-left:1px dashed rgba(196,184,165,.35);border-right:1px dashed rgba(196,184,165,.35);pointer-events:none}.playwright-phase-row.is-dimmed{opacity:.45;filter:grayscale(.35)}.playwright-phase-row.is-active{opacity:1;filter:none}.playwright-phase-row.is-playing{box-shadow:inset 0 0 0 1px #c9a85799}.playwright-phase-playing-dot{position:absolute;top:16px;right:24px;width:8px;height:8px;border-radius:50%;background:#c9a857;box-shadow:0 0 #c9a8574d;pointer-events:none;animation:phase-playing-pulse 1.6s ease-out infinite;z-index:2}@keyframes phase-playing-pulse{0%{box-shadow:0 0 #c9a85766;opacity:1}70%{box-shadow:0 0 0 10px #c9a85700;opacity:.65}to{box-shadow:0 0 #c9a85700;opacity:.9}}.playwright-sounds-column{position:relative;padding:.5rem 0}.playwright-sound-cue{position:absolute;right:.5rem;display:flex;flex-direction:column;align-items:flex-end;gap:.125rem;padding:.25rem .5rem;border-radius:4px;cursor:pointer;text-align:right;--sound-color: $ink-light;transition:opacity .12s ease,background-color .12s ease}.playwright-sound-cue:hover .playwright-cue-label{opacity:.9}.playwright-sound-cue:hover .playwright-sound-delete{opacity:1}.playwright-sound-cue.selected .playwright-cue-label{color:var(--sound-color);font-weight:600;opacity:1}.playwright-sound-cue.selected .playwright-cue-duration{color:var(--sound-color);opacity:.9}.playwright-sound-delete{position:absolute;top:0;right:0;transform:translate(40%,-40%);width:16px;height:16px;display:flex;align-items:center;justify-content:center;background-color:#ef4444;border:none;border-radius:50%;cursor:pointer;opacity:0;transition:opacity .15s ease,transform .1s ease;color:#fff;padding:0}.playwright-sound-delete:hover{background-color:#dc2626;transform:translate(40%,-40%) scale(1.1)}.playwright-sound-delete:active{transform:translate(40%,-40%) scale(.95)}.playwright-sound-delete svg{width:10px;height:10px}.playwright-cue-label{font-family:JetBrains Mono,SF Mono,Consolas,monospace;font-size:.625rem;font-weight:400;letter-spacing:.02em;color:var(--sound-color);opacity:.5;text-transform:uppercase;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.playwright-cue-duration{font-family:JetBrains Mono,SF Mono,Consolas,monospace;font-size:.5rem;color:#8b7b6699}.playwright-gutter-column{position:relative;padding:.5rem 0;min-width:var(--gutter-col-width, 90px);cursor:crosshair;--track-col-width: 18px}.playwright-gutter-column:hover{background:#c9a85708}.playwright-gutter-column:after{content:"";position:absolute;inset:0;pointer-events:none;background-image:repeating-linear-gradient(to right,rgba(196,184,165,.45) 0,rgba(196,184,165,.45) 1px,transparent 1px,transparent var(--track-col-width, 18px));background-size:var(--track-col-width, 18px) 100%;background-repeat:repeat-x;opacity:.35}.playwright-drop-target{position:absolute;top:0;bottom:0;background:#c9a8571f;border-left:1px solid rgba(201,168,87,.5);border-right:1px solid rgba(201,168,87,.5);pointer-events:none;z-index:5}.playwright-playback-indicator{position:absolute;height:2px;background:#d9480f;border-radius:2px;z-index:4;pointer-events:none}.playwright-track-actions{position:absolute;top:-14px;right:6px;display:flex;gap:6px}.playwright-track-add{position:relative;width:auto;height:24px;border-radius:6px;border:1px solid rgba(196,184,165,.6);background:#fdfbf7f2;color:#5c4d3a;display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:0 8px;cursor:pointer;transition:all .12s ease;box-shadow:0 2px 8px #00000014}.playwright-track-add:hover{border-color:#c9a857;color:#2c2416;box-shadow:0 3px 10px #0000001a}.playwright-track-remove{position:relative;width:28px;height:24px;border-radius:6px;border:1px solid rgba(196,184,165,.6);background:#fdfbf7f2;color:#5c4d3a;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .12s ease;box-shadow:0 2px 8px #00000014}.playwright-track-remove:hover{border-color:#c9a857;color:#2c2416;box-shadow:0 3px 10px #0000001a}.playwright-track-global{position:relative;width:18px;height:18px;border-radius:6px;border:1px solid rgba(196,184,165,.6);background:#fdfbf7f2;color:#2c2416;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .12s ease;box-shadow:0 2px 6px #0000000d;opacity:.95}.playwright-track-global:hover{border-color:#c9a857;color:#2c2416;opacity:1}.playwright-track-global.is-active{border-color:#c9a857;color:#2c2416;background:#c9a85726;opacity:1}.playwright-track-loop{position:relative;width:18px;height:18px;border-radius:50%;border:1px solid rgba(196,184,165,.6);background:#fdfbf7f2;color:#2c2416;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .12s ease;box-shadow:0 2px 6px #0000000d;opacity:.95}.playwright-track-loop:hover{border-color:#c9a857;color:#2c2416;opacity:1}.playwright-track-loop.is-active{border-color:#c9a857;color:#2c2416;background:#c9a8571f;opacity:1}.playwright-track-loop-group{position:absolute;top:6px;display:flex;flex-direction:column;align-items:center;gap:4px;z-index:6;opacity:0;pointer-events:none}.playwright-track-loop-group.is-visible,.playwright-track-loop-group.is-expanded{opacity:1;pointer-events:auto}.playwright-track-remove-small{width:18px;height:18px;border-radius:50%;border:1px solid rgba(196,184,165,.6);background:#fdfbf7f2;color:#5c4d3a;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .12s ease;box-shadow:0 2px 6px #0000000d}.playwright-track-remove-small:hover{border-color:#c9a857;color:#2c2416}.playwright-column-resizer{position:absolute;top:0;bottom:0;width:12px;transform:translate(-6px);cursor:col-resize;z-index:3;display:flex;align-items:center;justify-content:center;background:transparent}.playwright-column-resizer:after{content:"";width:2px;height:100%;background:#c4b8a5cc;opacity:0;transition:opacity .15s ease;border-radius:999px}.playwright-column-resizer:hover:after,.playwright-column-resizer.is-active:after{opacity:1}.playwright-phase-time{position:absolute;left:0;top:0;transform:translate(-100%);font-family:JetBrains Mono,SF Mono,Consolas,monospace;font-size:.5rem;color:#8b7b6659;padding-right:6px}.playwright-time-tick{position:absolute;left:0;transform:translate(-110%,-50%);font-family:JetBrains Mono,SF Mono,Consolas,monospace;font-size:.6rem;color:#8b7b6680;white-space:nowrap}.playwright-thread{position:absolute;width:2px;border-radius:1px;opacity:.7;transition:all .15s ease;cursor:grab}.playwright-thread:before{content:"";position:absolute;inset:-4px -8px 0;z-index:-1}.playwright-thread:hover{width:2px;opacity:.85}.playwright-thread:active{cursor:grabbing}.playwright-thread.selected{width:2px;opacity:1;box-shadow:0 0 8px currentColor;z-index:10}.playwright-thread.selected .playwright-thread-dot{width:10px;height:10px;border-width:2px;box-shadow:0 0 6px currentColor,0 2px 4px #0003}.playwright-thread.dragging{cursor:grabbing!important;opacity:1;width:2px;box-shadow:0 0 16px currentColor,0 4px 16px #0006;z-index:100;transition:none}.playwright-thread.dragging .playwright-thread-dot{width:14px;height:14px;border-width:2px;box-shadow:0 0 12px currentColor,0 4px 10px #0006}.playwright-thread.playwright-thread-voice{width:2px;opacity:.6;cursor:grab}.playwright-thread.playwright-thread-voice:hover{opacity:.9;width:3px}.playwright-thread.playwright-thread-voice.dragging{cursor:grabbing!important;opacity:1;width:4px}.playwright-thread.playwright-thread-voice.is-global{background-color:transparent;background-image:repeating-linear-gradient(to bottom,currentColor 0,currentColor 8px,transparent 8px,transparent 14px);background-size:100% 14px}.playwright-thread .playwright-thread-delete{position:absolute;top:-12px;left:50%;transform:translate(-50%,-50%);width:18px;height:18px;border-radius:50%;border:1px solid rgba(196,184,165,.6);background:#fdfbf7fa;color:#2c2416;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 6px #00000014;transition:all .12s ease}.playwright-thread .playwright-thread-delete:hover{border-color:#c9a857;color:#2c2416}.playwright-thread-end{position:absolute;bottom:-1px;left:50%;transform:translate(-50%);width:10px;height:2px;border-radius:999px;opacity:.9}.playwright-thread-dot{position:absolute;top:-3px;left:50%;transform:translate(-50%);width:6px;height:6px;border-radius:50%;border:1.5px solid #fdfbf7;box-shadow:0 1px 2px #00000026;transition:all .15s ease}.playwright-text-column{padding:.75rem 1.5rem;position:relative}.playwright-phase-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.375rem}.playwright-phase-label{font-family:JetBrains Mono,SF Mono,Consolas,monospace;font-size:.625rem;font-weight:500;letter-spacing:.08em;color:#5c4d3ab3;text-transform:uppercase}.playwright-saving-indicator{font-family:JetBrains Mono,SF Mono,Consolas,monospace;font-size:.5rem;color:#c9a857b3;animation:pulse 1s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}.playwright-phase-editor{font-family:Crimson Pro,Georgia,Times New Roman,serif;font-size:1.35rem;line-height:1.8;color:#2c2416;outline:none}.playwright-phase-editor p{font-size:20px!important}.playwright-phase-editor p.is-editor-empty:first-child:before{content:"Start writing...";color:#c4b8a5;pointer-events:none;float:left;height:0}.playwright-phase-editor ::selection{background:#c9a85733}.playwright-phase-editor strong{font-weight:600}.playwright-phase-editor em{font-style:italic}.playwright-phase-editor ul,.playwright-phase-editor ol{margin:.5em 0;padding-left:1.25em}.playwright-phase-editor li{margin:.125em 0}.playwright-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;text-align:center;color:#8b7b66;gap:1rem}.playwright-empty p{font-family:Crimson Pro,Georgia,Times New Roman,serif;font-size:1.125rem;margin:0}.playwright-empty p.text-sm{font-size:.875rem;color:#c4b8a5}@media(max-width:900px){.playwright-paper{padding:1rem}.playwright-phase-row{grid-template-columns:var(--sounds-col-width, 160px) var(--gutter-col-width, 80px) 1fr}.playwright-phase-row:before{left:var(--sounds-col-width, 160px);width:var(--gutter-col-width, 80px)}.playwright-header-title,.playwright-header-title-input{font-size:1.5rem}.playwright-phase-editor{font-size:1.35rem}}.playwright-page{display:flex;flex-direction:column;min-height:100vh}.playwright-layout{display:flex;flex:1}.playwright-main{flex:1;transition:margin-right .3s ease}.playwright-main.with-panel{margin-right:380px}.sound-panel{position:fixed;top:60px;right:0;width:380px;height:calc(100vh - 60px);background:#fdfbf7;border-left:1px solid #c4b8a5;box-shadow:-4px 0 20px #00000014;display:flex;flex-direction:column;z-index:40;overflow:hidden}.sound-panel.sound-panel-empty .sound-panel-placeholder{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;color:#c4b8a5}.sound-panel.sound-panel-empty .sound-panel-placeholder p{font-family:Crimson Pro,Georgia,Times New Roman,serif;font-size:1rem}.sound-panel-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid rgba(196,184,165,.3)}.sound-panel-header h3{font-family:Crimson Pro,Georgia,Times New Roman,serif;font-size:1.25rem;font-weight:600;color:#2c2416;margin:0}.sound-panel-close{background:none;border:none;padding:.25rem;cursor:pointer;color:#8b7b66;border-radius:4px;transition:all .15s ease}.sound-panel-close:hover{background:#c4b8a533;color:#2c2416}.sound-panel-content{flex:1;overflow-y:auto;padding:1rem 1.25rem;display:flex;flex-direction:column;gap:1rem}.sound-panel-info{display:flex;align-items:center;justify-content:center;gap:.5rem;flex-wrap:wrap;padding:.5rem 0}.sound-panel-phase{font-family:JetBrains Mono,SF Mono,Consolas,monospace;font-size:.75rem;font-weight:500;padding:.375rem .75rem;border-radius:6px;background:#2c241614;color:#2c2416}.sound-panel-track{font-family:JetBrains Mono,SF Mono,Consolas,monospace;font-size:.75rem;padding:.375rem .75rem;border-radius:6px;background:#c4b8a533;color:#5c4d3a;border:1px solid rgba(196,184,165,.3)}.sound-panel-field{display:flex;flex-direction:column;gap:.375rem}.sound-panel-field label{font-family:JetBrains Mono,SF Mono,Consolas,monospace;font-size:.75rem;color:#5c4d3a;font-weight:500;display:flex;align-items:center;gap:.375rem}.sound-panel-field input[type=text],.sound-panel-field input[type=number],.sound-panel-field textarea,.sound-panel-field select{font-family:JetBrains Mono,SF Mono,Consolas,monospace;font-size:.875rem;padding:.5rem .75rem;border:1px solid rgba(196,184,165,.5);border-radius:6px;background:#fff;color:#2c2416;transition:all .15s ease}.sound-panel-field input[type=text]:focus,.sound-panel-field input[type=number]:focus,.sound-panel-field textarea:focus,.sound-panel-field select:focus{outline:none;border-color:#c9a857;box-shadow:0 0 0 2px #c9a85726}.sound-panel-field input[type=text]::placeholder,.sound-panel-field input[type=number]::placeholder,.sound-panel-field textarea::placeholder,.sound-panel-field select::placeholder{color:#c4b8a5}.sound-panel-field input[type=range]{width:100%;accent-color:#c9a857}.sound-panel-field textarea{resize:vertical;min-height:60px}.sound-panel-field .field-hint{font-size:.65rem;color:#8b7b66;font-family:JetBrains Mono,SF Mono,Consolas,monospace}.sound-panel-row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.sound-url-display{font-family:JetBrains Mono,SF Mono,Consolas,monospace;font-size:.7rem;color:#8b7b66;padding:.5rem .75rem;background:#c4b8a51a;border-radius:4px;word-break:break-all}.sound-selector{position:relative}.sound-selector-button{width:100%;display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.5rem .75rem;background:#fff;border:1px solid rgba(196,184,165,.5);border-radius:6px;font-family:JetBrains Mono,SF Mono,Consolas,monospace;font-size:.875rem;color:#2c2416;cursor:pointer;transition:all .15s ease}.sound-selector-button:hover{border-color:#8b7b66}.sound-selector-button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sound-picker-dropdown{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid rgba(196,184,165,.5);border-radius:6px;box-shadow:0 4px 12px #0000001a;max-height:200px;overflow-y:auto;z-index:10;margin-top:4px}.sound-picker-item{width:100%;text-align:left;padding:.5rem .75rem;background:none;border:none;font-family:JetBrains Mono,SF Mono,Consolas,monospace;font-size:.8rem;color:#5c4d3a;cursor:pointer;transition:background .1s ease}.sound-picker-item:hover{background:#c9a8571a;color:#2c2416}.sound-panel-generate{background:#c4b8a514;border-radius:8px;padding:.875rem;display:flex;flex-direction:column;gap:.75rem}.generate-header{display:flex;align-items:center;gap:.5rem;font-family:JetBrains Mono,SF Mono,Consolas,monospace;font-size:.8rem;font-weight:500;color:#5c4d3a}.generate-modes{display:flex;gap:.5rem}.generate-mode-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.375rem;padding:.5rem .75rem;background:#fff;border:1px solid rgba(196,184,165,.4);border-radius:6px;font-family:JetBrains Mono,SF Mono,Consolas,monospace;font-size:.75rem;color:#5c4d3a;cursor:pointer;transition:all .15s ease}.generate-mode-btn:hover{border-color:#8b7b66}.generate-mode-btn.active{background:#c9a857;border-color:#c9a857;color:#fff}.generate-speech-form textarea,.generate-speech-form select,.generate-sfx-form textarea,.generate-sfx-form select{color:#2c2416}.generate-speech-form,.generate-sfx-form{display:flex;flex-direction:column;gap:.75rem}.generate-speech-form textarea,.generate-sfx-form textarea{font-family:Crimson Pro,Georgia,Times New Roman,serif;font-size:.9rem;padding:.625rem .75rem;border:1px solid rgba(196,184,165,.4);border-radius:6px;resize:vertical;min-height:70px;background:#fff}.generate-speech-form textarea:focus,.generate-sfx-form textarea:focus{outline:none;border-color:#c9a857}.voice-selector{display:flex;flex-direction:column;gap:.25rem}.voice-selector label{font-family:JetBrains Mono,SF Mono,Consolas,monospace;font-size:.7rem;color:#8b7b66}.voice-selector select{padding:.5rem .75rem;border:1px solid rgba(196,184,165,.4);border-radius:6px;font-family:JetBrains Mono,SF Mono,Consolas,monospace;font-size:.8rem;background:#fff}.voice-selector select:focus{outline:none;border-color:#c9a857}.generate-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1rem;background:linear-gradient(135deg,#7c3aed,#5b21b6);border:none;border-radius:6px;font-family:JetBrains Mono,SF Mono,Consolas,monospace;font-size:.8rem;font-weight:500;color:#fff;cursor:pointer;transition:all .15s ease}.generate-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #7c3aed4d}.generate-btn:disabled{opacity:.5;cursor:not-allowed}.sound-preview-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1rem;background:#fff;border:1px solid rgba(196,184,165,.5);border-radius:6px;font-family:JetBrains Mono,SF Mono,Consolas,monospace;font-size:.8rem;color:#5c4d3a;cursor:pointer;transition:all .15s ease}.sound-preview-btn:hover{background:#c4b8a51a;border-color:#8b7b66}.sound-panel-actions{display:flex;gap:.75rem;padding:1rem 1.25rem;border-top:1px solid rgba(196,184,165,.3);background:#f8f5f080}.sound-delete-btn{padding:.5rem 1rem;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;font-family:JetBrains Mono,SF Mono,Consolas,monospace;font-size:.8rem;font-weight:500;color:#dc2626;cursor:pointer;transition:all .15s ease}.sound-delete-btn:hover{background:#fee2e2;border-color:#fca5a5}.sound-cancel-btn{flex:1;padding:.5rem 1rem;background:#fff;border:1px solid rgba(196,184,165,.5);border-radius:6px;font-family:JetBrains Mono,SF Mono,Consolas,monospace;font-size:.8rem;color:#5c4d3a;cursor:pointer;transition:all .15s ease}.sound-cancel-btn:hover{background:#c4b8a51a}.sound-save-btn{padding:.5rem 1.25rem;background:#c9a857;border:none;border-radius:6px;font-family:JetBrains Mono,SF Mono,Consolas,monospace;font-size:.8rem;font-weight:500;color:#fff;cursor:pointer;transition:all .15s ease}.sound-save-btn:hover{background:#bb963c;transform:translateY(-1px);box-shadow:0 2px 8px #c9a8574d}.voice-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;text-align:center;color:#8b7b66}.voice-empty p{font-family:Crimson Pro,Georgia,Times New Roman,serif;font-size:1rem;margin:.5rem 0}.voice-empty p.text-sm{font-size:.85rem;color:#c4b8a5}.voice-nodes-list{display:flex;flex-direction:column;gap:.75rem}.playwright-voice-overlay{position:absolute;inset:0;pointer-events:none}.playwright-voice-chip{position:absolute;right:4px;display:inline-flex;align-items:center;gap:2px;background:#c9a85714;border:1px solid rgba(201,168,87,.18);color:#2c2416;padding:.5px 4px;border-radius:4px;font-family:JetBrains Mono,SF Mono,Consolas,monospace;font-size:.58rem;white-space:nowrap}.playwright-voice-chip-label{font-weight:600}.playwright-voice-column{display:flex;flex-direction:column;gap:6px;margin:8px 0 12px;padding-left:10px;border-left:1px dashed rgba(196,184,165,.6)}.playwright-voice-badge{background:#c9a85714;border:1px solid rgba(201,168,87,.4);border-radius:8px;padding:6px 10px;font-family:JetBrains Mono,SF Mono,Consolas,monospace;color:#5c4d3a}.playwright-voice-badge-label{font-weight:700;font-size:.8rem}.playwright-voice-badge-meta{font-size:.7rem;color:#8b7b66}.voice-node-item{background:#fff;border:1px solid rgba(196,184,165,.3);border-radius:8px;padding:.75rem;display:flex;flex-direction:column;gap:.5rem;transition:all .15s ease}.voice-node-item:hover{border-color:#8b7b66;box-shadow:0 2px 8px #0000000d}.voice-node-text{font-family:Crimson Pro,Georgia,Times New Roman,serif;font-size:.9rem;color:#2c2416;line-height:1.4;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.voice-node-meta{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.voice-node-status{font-family:JetBrains Mono,SF Mono,Consolas,monospace;font-size:.65rem;padding:.2rem .5rem;border-radius:4px;background:#c4b8a526;color:#5c4d3a}.voice-node-status.status-generated{background:#10b98126;color:#059669}.voice-node-status.status-waiting_for_generation{background:#c9a85726;color:#b3903a}.voice-node-status.status-error{background:#ef444426;color:#dc2626}.voice-node-duration{font-family:JetBrains Mono,SF Mono,Consolas,monospace;font-size:.65rem;color:#8b7b66}.voice-node-actions{display:flex;gap:.375rem}.voice-action-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:#c4b8a51a;border:1px solid rgba(196,184,165,.3);border-radius:6px;color:#5c4d3a;cursor:pointer;transition:all .15s ease}.voice-action-btn:hover:not(:disabled){background:#c4b8a533;border-color:#8b7b66;color:#2c2416}.voice-action-btn:disabled{opacity:.5;cursor:not-allowed}.voice-action-btn.regenerate:hover:not(:disabled){background:#7c3aed1a;border-color:#7c3aed;color:#7c3aed}.voice-node-settings{display:flex;flex-wrap:wrap;gap:.375rem;margin-top:.25rem}.voice-setting{font-family:JetBrains Mono,SF Mono,Consolas,monospace;font-size:.6rem;color:#8b7b66;padding:.15rem .375rem;background:#c4b8a514;border-radius:3px}.voice-setting-label{display:flex;align-items:center;gap:.375rem;font-family:JetBrains Mono,SF Mono,Consolas,monospace;font-size:.65rem;color:#8b7b66}.voice-setting-text{opacity:.7}.voice-setting-select{font-family:JetBrains Mono,SF Mono,Consolas,monospace;font-size:.65rem;color:#2c2416;background:#c4b8a514;border:1px solid rgba(196,184,165,.2);border-radius:4px;padding:.2rem .4rem;cursor:pointer;transition:all .15s ease}.voice-setting-select:hover{background:#c4b8a51f;border-color:#c4b8a54d}.voice-setting-select:focus{outline:none;border-color:#c9a857;box-shadow:0 0 0 2px #c9a85733}.next-phase-menu-container{animation:fadeIn .1s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.next-phase-menu{background:#fff;border:1px solid rgba(196,184,165,.4);border-radius:8px;box-shadow:0 4px 16px #0000001f,0 2px 8px #00000014;min-width:180px;max-width:280px;overflow:hidden;outline:none}.next-phase-menu:focus{outline:none}.next-phase-menu-header{font-family:JetBrains Mono,SF Mono,Consolas,monospace;font-size:.65rem;font-weight:500;color:#8b7b66;padding:.5rem .75rem;border-bottom:1px solid rgba(196,184,165,.2);text-transform:uppercase;letter-spacing:.05em}.next-phase-menu-empty{font-family:JetBrains Mono,SF Mono,Consolas,monospace;font-size:.75rem;color:#c4b8a5;padding:1rem;text-align:center}.next-phase-menu-input{display:flex;padding:.35rem .6rem}.next-phase-menu-input input{width:100%;padding:6px 8px;border:1px solid rgba(196,184,165,.6);border-radius:6px;background:#fdfbf7fa;font-family:Crimson Pro,Georgia,Times New Roman,serif;font-size:.85rem;color:#2c2416;outline:none;transition:border-color .12s ease,box-shadow .12s ease}.next-phase-menu-input input:focus{border-color:#c9a857;box-shadow:0 0 0 2px #c9a85733}.next-phase-menu-hint{padding:0 .75rem .75rem;font-size:.7rem;color:#8b7b6699}button.next-phase-menu-item{width:100%;display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;font-family:JetBrains Mono,SF Mono,Consolas,monospace;font-size:.8rem;color:#5c4d3a;background:transparent;border:none;cursor:pointer;text-align:left;transition:all .1s ease;outline:none}button.next-phase-menu-item:focus{outline:none}button.next-phase-menu-item:hover{background:#c4b8a51a;color:#2c2416}button.next-phase-menu-item.selected{background:#c9a85726!important;color:#2c2416!important}button.next-phase-menu-item.selected svg{color:#c9a857!important}button.next-phase-menu-item svg{color:#c4b8a5;transition:color .1s ease}.playwright-phase-type-badge{font-family:JetBrains Mono,SF Mono,Consolas,monospace;font-size:.5rem;font-weight:600;letter-spacing:.08em;color:#fff;background:#7c3aed;padding:.15rem .4rem;border-radius:3px;text-transform:uppercase}.playwright-connections{margin-top:.75rem;padding-top:.75rem;border-top:1px dashed rgba(196,184,165,.3);display:flex;flex-direction:column;gap:.25rem;outline:none}.playwright-connections:focus{outline:none}.playwright-connections .playwright-inline-connection{display:flex;align-items:center;gap:.375rem;font-family:Crimson Pro,Georgia,Times New Roman,serif;font-size:1.125rem;color:#5c4d3a;padding:.25rem .5rem;margin-left:-.5rem;border-radius:4px;cursor:pointer;transition:all .1s ease;background:#c4b8a526;border-left:2px solid rgba(201,168,87,.5)}.playwright-connections .playwright-inline-connection:hover,.playwright-connections .playwright-inline-connection:active{background:#c4b8a533}.playwright-connection-prefix{color:#c9a857;font-weight:500}.playwright-connection-label{color:#2c2416;font-style:italic;cursor:pointer;padding:.125rem .25rem;margin:-.125rem 0;border-radius:3px;transition:background .1s ease}.playwright-connection-label:hover{background:#c9a85726}.playwright-connection-label-input{font-family:Crimson Pro,Georgia,Times New Roman,serif;font-size:1.125rem;font-style:italic;color:#2c2416;background:#fff;border:1px solid #c9a857;border-radius:3px;padding:.125rem .375rem;margin:-.125rem 0;min-width:120px;outline:none}.playwright-connection-label-input:focus{box-shadow:0 0 0 2px #c9a85733}.playwright-connection-separator{color:#c4b8a5}.playwright-connection-target{margin-left:auto;font-family:JetBrains Mono,SF Mono,Consolas,monospace;font-size:.875rem;color:#8b7b66;background:#c4b8a526;padding:.125rem .5rem;border-radius:3px;cursor:pointer;transition:background .12s ease,color .12s ease,box-shadow .12s ease}.playwright-connection-target:hover{background:#c9a8572e;color:#2c2416}.playwright-connection-target:active{color:#2c2416;background:#c9a8573d}.playwright-connection-target:focus-visible{outline:none;color:#2c2416;box-shadow:0 0 0 2px #c9a85759}.playwright-connections-hint{font-family:JetBrains Mono,SF Mono,Consolas,monospace;font-size:.65rem;color:#8b7b66;margin-bottom:.375rem;padding-left:.5rem;opacity:.55;transition:opacity .12s ease}.has-focus .playwright-connections-hint,.playwright-connections-hint.is-active{opacity:1}.playwright-phase-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.375rem;flex-wrap:wrap}.playwright-phase-name{display:inline-flex;align-items:center;gap:.35rem}.playwright-phase-rename-btn{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:4px;border:1px solid rgba(196,184,165,.5);background:#c4b8a51f;color:#8b7b66;cursor:pointer;transition:all .12s ease}.playwright-phase-rename-btn:hover{border-color:#c9a857;color:#2c2416;background:#c9a85724}.playwright-phase-name-input{font-family:JetBrains Mono,SF Mono,Consolas,monospace;font-size:.95rem;padding:.25rem .4rem;border:1px solid rgba(196,184,165,.7);border-radius:4px;background:#fff;min-width:160px;color:#2c2416}.playwright-phase-name-input:focus{outline:none;border-color:#c9a857;box-shadow:0 0 0 2px #c9a8572e}.playwright-decision-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:2000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.playwright-decision-card{background:#fdfbf7fa;border:1px solid rgba(201,168,87,.35);box-shadow:0 14px 50px #00000059;border-radius:12px;padding:1.75rem;max-width:420px;width:90%;text-align:center}.playwright-decision-title{font-family:Crimson Pro,Georgia,Times New Roman,serif;font-size:1.15rem;color:#2c2416;margin:0 0 1rem}.playwright-decision-actions{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.75rem}.playwright-decision-btn{padding:.65rem 1rem;border-radius:10px;border:1px solid rgba(201,168,87,.5);background:#c9a8571f;color:#2c2416;font-family:JetBrains Mono,SF Mono,Consolas,monospace;font-size:.9rem;cursor:pointer;transition:transform .1s ease,box-shadow .1s ease,background .1s ease}.playwright-decision-btn:hover{background:#c9a8572e;box-shadow:0 4px 12px #00000014;transform:translateY(-1px)}.playwright-decision-btn:active{transform:translateY(0)}.playwright-decision-hint{margin:0;font-family:JetBrains Mono,SF Mono,Consolas,monospace;font-size:.75rem;color:#8b7b66}.playwright-slash-item{color:#111827}.playwright-slash-item[data-selected=true]{background:#f3f4f6}