.sda-player{--sda-bg:#f6f8fa;--sda-panel:#fff;--sda-text:#1f2328;--sda-muted:#57606a;--sda-border:#d0d7de;--sda-accent:#0b5cad;--sda-accent-text:#fff;--sda-stage-bg:#fff;box-sizing:border-box;width:100%;height:100%;min-height:0;color:var(--sda-text);outline:none;grid-template-columns:minmax(0,1fr) 260px;gap:12px;font:14px/1.45 SDA Inter,Inter,Segoe UI,Roboto,Arial,sans-serif;display:grid}.sda-player *,.sda-player :before,.sda-player :after{box-sizing:border-box}.sda-player.sda-dark{--sda-bg:#0b0f14;--sda-panel:#151b22;--sda-text:#e6edf3;--sda-muted:#9ba7b4;--sda-border:#2d3640;--sda-accent:#58a6ff;--sda-accent-text:#0b0f14}.sda-main{background:var(--sda-panel);border:1px solid var(--sda-border);border-radius:10px;flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.sda-stage{background:var(--sda-stage-bg);cursor:pointer;flex:auto;min-height:220px;position:relative}.sda-svg{width:100%;height:100%;display:block;position:absolute;inset:0}.sda-overlay{background:var(--sda-accent);color:var(--sda-accent-text);font:inherit;cursor:pointer;border:0;border-radius:999px;align-items:center;gap:10px;padding:14px 26px 14px 20px;font-size:17px;font-weight:600;display:inline-flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 8px 28px #00000040}.sda-overlay[hidden]{display:none}.sda-overlay svg{width:26px;height:26px}.sda-progress{background:var(--sda-border);cursor:pointer;flex:none;height:6px;position:relative}.sda-progress-fill{background:var(--sda-accent);position:absolute;inset:0 auto 0 0}.sda-tick{background:var(--sda-panel);width:2px;margin-left:-1px;position:absolute;top:0;bottom:0}.sda-caption{border-bottom:1px solid var(--sda-border);flex:none;min-height:4.6em;max-height:8.5em;padding:10px 14px;font-size:15px;overflow:auto}.sda-controls{flex-wrap:wrap;flex:none;align-items:center;gap:6px;padding:8px 10px;display:flex}.sda-button{border:1px solid var(--sda-border);background:var(--sda-panel);height:34px;color:var(--sda-text);font:inherit;cursor:pointer;border-radius:8px;align-items:center;gap:4px;padding:0 12px;display:inline-flex}.sda-button:hover:not(:disabled){border-color:var(--sda-accent)}.sda-button:disabled{opacity:.45;cursor:default}.sda-button svg{width:18px;height:18px}.sda-play{background:var(--sda-accent);border-color:var(--sda-accent);width:46px;color:var(--sda-accent-text);justify-content:center}.sda-icon{justify-content:center;width:34px;padding:0}.sda-status{min-width:0;color:var(--sda-muted);flex:160px;font-size:13px}.sda-select{border:1px solid var(--sda-border);background:var(--sda-panel);max-width:220px;height:34px;color:var(--sda-text);font:inherit;border-radius:8px;display:none}.sda-aside{background:var(--sda-panel);border:1px solid var(--sda-border);border-radius:10px;flex-direction:column;min-height:0;display:flex;overflow:hidden}.sda-aside-title{border-bottom:1px solid var(--sda-border);align-items:center;gap:6px;padding:10px 12px;font-weight:600;display:flex}.sda-aside-title svg{width:18px;height:18px}.sda-chapters{margin:0;padding:6px;list-style:none;overflow:auto}.sda-chapter button{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;grid-template-columns:26px 1fr auto;align-items:start;gap:6px;padding:8px;display:grid}.sda-chapter button:hover{background:var(--sda-bg)}.sda-chapter.sda-current button{background:var(--sda-accent);color:var(--sda-accent-text)}.sda-chapter-number{opacity:.8;font-weight:600}.sda-chapter-time{opacity:.7;font-size:12px}@media (width<=860px){.sda-player{grid-template-columns:minmax(0,1fr)}.sda-aside{display:none}.sda-select{display:block}.sda-stage{aspect-ratio:4/3;flex:none;min-height:0}.sda-button span{display:none}}.sda-player:fullscreen{background:var(--sda-bg);padding:12px}:root{--bg:#eef1f5;--panel:#fff;--panel-2:#f6f8fa;--border:#d0d7de;--text:#1f2328;--muted:#57606a;--accent:#0b5cad;--accent-soft:#0b5cad1a;--danger:#cf222e;--good:#1a7f37;--radius:8px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0b0f14;--panel:#151b22;--panel-2:#10151b;--border:#2d3640;--text:#e6edf3;--muted:#9ba7b4;--accent:#4493f8;--accent-soft:#4493f826;--danger:#f85149;--good:#3fb950;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font:13.5px/1.45 SDA Inter,Inter,Segoe UI,Roboto,Arial,sans-serif}.boot{height:100%;color:var(--muted);place-items:center;display:grid}button,input,select,textarea{font:inherit;color:inherit}button{border:1px solid var(--border);background:var(--panel);cursor:pointer;white-space:nowrap;border-radius:6px;justify-content:center;align-items:center;gap:4px;min-height:30px;padding:3px 10px;display:inline-flex}button:hover:not(:disabled){border-color:var(--accent)}button:disabled{opacity:.45;cursor:default}button.on,button.active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}button.primary{background:var(--accent);border-color:var(--accent);color:#fff}button.danger{color:var(--danger)}button.recording{background:var(--danger);border-color:var(--danger);color:#fff}input,select,textarea{border:1px solid var(--border);background:var(--panel);border-radius:6px;width:100%;min-height:30px;padding:4px 8px}textarea{resize:vertical}input:focus,select:focus,textarea:focus,button:focus-visible{outline:2px solid var(--accent);outline-offset:-1px}select,code,.code-editor{font-variant-ligatures:none;font-feature-settings:"calt" 0, "liga" 0}code{background:var(--panel-2);border-radius:3px;padding:0 3px;font-family:SDA Mono,JetBrains Mono,Consolas,monospace;font-size:.92em}.muted{color:var(--muted)}.small{font-size:12px}.error{color:var(--danger)}.spacer{flex:auto}hr{border:0;border-top:1px solid var(--border);margin:4px 0}.app{flex-direction:column;height:100%;min-height:0;display:flex}.topbar{background:var(--panel);border-bottom:1px solid var(--border);flex:none;align-items:center;gap:6px;padding:6px 10px;display:flex}.brand{color:var(--accent);align-items:center;gap:6px;font-weight:700;display:flex}.brand svg{width:26px;height:26px}.project-title{background:0 0;border-color:#0000;width:260px;font-weight:600}.project-title:hover{border-color:var(--border)}.mode-switch{border:1px solid var(--border);border-radius:8px;margin-left:8px;display:flex;overflow:hidden}.mode-switch button{border:0;border-radius:0;min-width:96px}.mode-switch button.on{background:var(--accent);color:#fff}.menu-wrap{position:relative}.menu{z-index:30;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;min-width:300px;padding:4px;display:flex;position:absolute;top:calc(100% + 4px);left:0;box-shadow:0 10px 30px #0000002e}.menu.right{left:auto;right:0}.menu button{text-align:left;border:0;justify-content:flex-start}.menu button:hover{background:var(--accent-soft)}.workspace{flex:auto;grid-template-columns:minmax(280px,26%) minmax(0,1fr) minmax(320px,27%);min-height:0;display:grid}.pane{background:var(--panel);flex-direction:column;min-height:0;display:flex;overflow:hidden}.pane.left{border-right:1px solid var(--border)}.pane.right{border-left:1px solid var(--border);overflow:auto}.pane-head,.panel-head{align-items:center;gap:6px;display:flex}.pane-head{border-bottom:1px solid var(--border);padding:8px 10px}h2,h3,h4{margin:0}h3{font-size:14px}h4{font-size:13px}.badge{border-radius:999px;margin-left:auto;padding:1px 8px;font-size:12px}.badge.good{color:var(--good);background:#1a7f371f}.badge.bad{color:var(--danger);background:#cf222e1f}.code-editor{flex:auto;min-height:0;overflow:hidden}.code-editor .cm-editor{height:100%}.errors{border-top:1px solid var(--border);max-height:30%;color:var(--danger);flex:none;margin:0;padding:8px 10px 8px 28px;font-size:12.5px;overflow:auto}.center{flex-direction:column;min-width:0;min-height:0;display:flex}.toolbar{scrollbar-width:thin;background:var(--panel);border-bottom:1px solid var(--border);flex-wrap:nowrap;flex:none;align-items:center;gap:4px;padding:6px 8px;display:flex;overflow-x:auto}.toolbar .sep{background:var(--border);width:1px;height:22px;margin:0 4px}.replica-label{text-align:center;min-width:120px}.canvas-wrap{flex:auto;min-height:0;position:relative;overflow:hidden}.canvas-svg{touch-action:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;inset:0}.canvas-svg .sda-hit{cursor:pointer}.mode-diagram .canvas-svg [data-id]{cursor:grab}.hover-outline{fill:none;stroke:var(--accent);stroke-opacity:.45;stroke-dasharray:4 3}.selection-outline{fill:#0b5cad0f;stroke:var(--accent)}.drop-line{stroke:var(--accent)}.connect-hint line{stroke:var(--accent);stroke-dasharray:6 4}.connect-hint circle{fill:var(--accent)}.camera-frame rect{fill:none;stroke:#e8590c;stroke-dasharray:10 6}.camera-frame text{fill:#e8590c;font-family:SDA Inter,Inter,sans-serif;font-weight:600}.camera-draft{fill:#e8590c14;stroke:#e8590c}.inline-edit{z-index:10;border:2px solid var(--accent);min-height:48px;padding:6px 8px;position:absolute;box-shadow:0 6px 22px #0003}.zoom-controls{gap:4px;display:flex;position:absolute;bottom:10px;right:10px}.zoom-controls button{background:var(--panel);min-width:34px;box-shadow:0 2px 8px #0000001f}.canvas-hint{color:#fff;pointer-events:none;background:#0b5cadeb;border-radius:999px;max-width:90%;padding:6px 12px;font-size:12.5px;position:absolute;top:10px;left:50%;transform:translate(-50%)}.replica-strip{background:var(--panel);border-top:1px solid var(--border);flex:none;gap:2px;height:40px;padding:4px;display:flex;overflow:hidden}.replica-strip button{min-width:28px;color:var(--muted);white-space:nowrap;text-overflow:ellipsis;flex-basis:0;justify-content:flex-start;font-size:12px;overflow:hidden}.replica-strip button span{color:var(--text);font-weight:700}.replica-strip button.on{background:var(--accent);border-color:var(--accent);color:#fff}.replica-strip button.on span{color:#fff}.inspector,.scenario{flex-direction:column;gap:10px;padding:10px 12px 24px;display:flex}.element-id{color:var(--muted);font-weight:400}.field{flex-direction:column;gap:3px;min-width:0;display:flex}.field>span{color:var(--muted);font-size:12px}.field-row{align-items:flex-end;gap:6px;display:flex}.field-row>.field{flex:1 1 0}.check{align-items:center;gap:6px;display:flex}.check input{width:auto;min-height:0}.inline{color:var(--muted);align-items:center;gap:6px;font-size:12px;display:flex}.inline input{width:84px}.button-row{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.button-row select{width:auto}.swap{min-width:34px}.hint-block{border-radius:var(--radius);background:var(--panel-2);color:var(--muted);padding:8px 10px;font-size:12.5px}.hint-block p{margin:4px 0}.box{border:1px solid var(--border);border-radius:var(--radius);background:var(--panel-2);flex-direction:column;gap:8px;padding:10px;display:flex}.episode-list,.replica-list{margin:0;padding:0;list-style:none}.episode-list{flex-direction:column;gap:2px;display:flex}.episode-row,.replica-row,.add-row{text-align:left;background:0 0;border-color:#0000;grid-template-columns:22px 1fr auto;justify-content:stretch;gap:6px;width:100%;display:grid}.episode-row .title,.replica-row .title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.episode-row .num,.replica-row .num{color:var(--muted);font-weight:700}.episode-row .time,.replica-row .time{color:var(--muted);font-size:12px}.episode-list>li.current>.episode-row{background:var(--accent-soft);font-weight:600}.replica-list{border-left:2px solid var(--accent-soft);margin:2px 0 6px 14px;padding-left:6px}.replica-row.current{background:var(--accent);color:#fff}.replica-row.current .num,.replica-row.current .time{color:#fff}.add-row{color:var(--accent);display:flex}table.states{border-collapse:collapse;width:100%;font-size:12.5px}table.states td{border-bottom:1px solid var(--border);vertical-align:middle;padding:2px}table.states tr{cursor:pointer}table.states tr.selected{background:var(--accent-soft)}table.states tr.own .name{font-weight:700}table.states .name{text-overflow:ellipsis;white-space:nowrap;width:100%;max-width:0;overflow:hidden}table.states button{min-height:24px;padding:0 6px}.kind{background:var(--muted);border-radius:2px;width:8px;height:8px;margin-right:6px;display:inline-block}.kind-participant{background:#8250df}.kind-message{background:#0b5cad}.kind-note{background:#bf8700}.kind-block,.kind-branch{background:#57606a}.kind-divider{background:#1a7f37}.warn{color:#9a6700;background:#fff1c2;border-radius:8px;margin-left:4px;padding:0 5px;font-weight:700;display:inline-block}.segmented{display:inline-flex}.segmented button{min-width:26px;color:var(--muted);border-radius:0;margin-left:-1px}.segmented button:first-child{border-radius:6px 0 0 6px}.segmented button:last-child{border-radius:0 6px 6px 0}.segmented button.on{background:var(--accent);border-color:var(--accent);color:#fff}.star{color:var(--muted)}.star.on{color:#e8590c;border-color:#e8590c}.reset{color:var(--muted)}.modal-backdrop,.preview-backdrop{z-index:50;background:#0a0e1480;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:var(--panel);border-radius:12px;flex-direction:column;width:min(640px,100%);max-height:100%;display:flex;box-shadow:0 20px 60px #00000059}.modal.wide{width:min(980px,100%)}.modal-head{border-bottom:1px solid var(--border);align-items:center;padding:12px 16px;display:flex}.modal-head h2{font-size:16px}.modal-head .close{border:0;margin-left:auto}.modal-body{flex-direction:column;gap:10px;padding:14px 16px 16px;display:flex;overflow:auto}.modal-body p{margin:0}.modal-actions{justify-content:flex-end;gap:6px;margin-top:6px;display:flex}.tabs{gap:4px;display:flex}.progress{flex-direction:column;gap:4px;display:flex}.progress-bar{background:var(--panel-2);border-radius:4px;height:8px;overflow:hidden}.progress-bar div{background:var(--accent);height:100%;transition:width .2s}.result video{background:#000;border-radius:8px;width:100%;max-height:300px}.log{background:var(--panel-2);border-radius:6px;max-height:140px;margin:0;padding:8px;font-size:12px;overflow:auto}.preview-host{width:min(1400px,100%);height:min(900px,100%)}.toast{z-index:60;color:#fff;background:#1f2328;border-radius:8px;max-width:80%;padding:8px 16px;position:fixed;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #00000040}.toast.error{background:var(--danger)}@media (width<=1100px){.workspace{grid-template-rows:minmax(360px,60vh) auto auto;grid-template-columns:minmax(0,1fr);overflow:auto}.pane.left{border-right:0;border-top:1px solid var(--border);order:2;height:360px}.pane.right{border-left:0;border-top:1px solid var(--border);order:3}.project-title{width:140px}.save-state{display:none}}