*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;width:100%;overflow:hidden}html{font-size:16px}body{background:#0a0a0a;color:#f0ece4;font-family:Noto Sans JP,Hiragino Kaku Gothic ProN,Yu Gothic,sans-serif;user-select:none;-webkit-user-select:none}:root{--bg-deep: #0a0a0a;--bg-surface: #111;--bg-card: #1a1a1a;--text-1: #f0ece4;--text-2: #8a8578;--text-3: #4a4740;--accent: #e63946;--accent-dim: rgba(230, 57, 70, .15);--accent-glow: rgba(230, 57, 70, .4);--border: #2a2a2a;--tonbo: rgba(80, 75, 65, .25);--gold: #c9a96e;--teal: #6ec9b0;--blue: #6e8ec9;--pink: #c96eb0;--font-en: "Cormorant Garamond", "Times New Roman", serif;--font-mono: "Consolas", "SF Mono", "Courier New", monospace;--font-mincho: "Noto Serif JP", "Yu Mincho", "游明朝", serif}body,h1,h2,h3,h4,h5,h6,.frame-inner h1,.frame-inner h2,.frame-inner p,.frame-inner span,.frame-inner div{font-weight:300}.font-mincho{font-family:var(--font-mincho)}.font-serif{font-family:var(--font-en)}.app{display:grid;grid-template-rows:auto 1fr auto;height:100%;width:100%;overflow:hidden;position:relative}.header{display:flex;align-items:center;justify-content:space-between;padding:10px 20px;border-bottom:1px solid var(--border);background:var(--bg-surface);z-index:100;flex-shrink:0}.header-left{display:flex;align-items:center;gap:16px;min-width:0}.logo{font-family:var(--font-en);font-size:1rem;font-weight:300;letter-spacing:.3em;text-transform:uppercase;color:var(--text-2);flex-shrink:0}.logo span{color:var(--accent);font-weight:400}.header-title{font-size:.75rem;font-weight:300;color:var(--text-3);border-left:1px solid var(--border);padding-left:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.header-counter{font-family:var(--font-mono);font-size:.7rem;font-weight:300;color:var(--text-3);letter-spacing:.1em;flex-shrink:0}.counter-current{color:var(--accent);font-size:1rem;font-weight:400}.main{overflow:hidden;position:relative;min-height:0;min-width:0}.drop-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:20px;position:relative;padding:20px}.drop-zone--over:after{content:"";position:absolute;inset:20px;border:2px dashed var(--accent);border-radius:4px;pointer-events:none;animation:pulseBorder 1.5s ease-in-out infinite}@keyframes pulseBorder{0%,to{opacity:.3}50%{opacity:1}}.drop-icon{width:72px;height:72px;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:1.4rem;color:var(--text-3);font-family:var(--font-en);font-weight:300;position:relative}.drop-icon:before,.drop-icon:after{content:"";position:absolute;width:18px;height:18px;border-color:var(--tonbo);border-style:solid}.drop-icon:before{top:-7px;left:-7px;border-width:1px 0 0 1px}.drop-icon:after{bottom:-7px;right:-7px;border-width:0 1px 1px 0}.drop-text{font-size:.8rem;font-weight:300;color:var(--text-3);text-align:center;line-height:1.8}.drop-text strong{color:var(--text-2);font-weight:300}.btn-accent{padding:8px 24px;border:1px solid var(--accent);background:none;color:var(--accent);font-size:.75rem;font-weight:300;letter-spacing:.15em;cursor:pointer;transition:background .3s;font-family:var(--font-en);text-transform:uppercase}.btn-accent:hover{background:var(--accent-dim)}.btn-ghost{padding:8px 24px;border:1px solid var(--border);background:none;color:var(--text-3);font-size:.7rem;font-weight:300;letter-spacing:.1em;cursor:pointer;transition:all .3s;font-family:inherit}.btn-ghost:hover{border-color:var(--text-2);color:var(--text-2)}.viewer{width:100%;height:100%;display:flex;overflow:clip}.viewer-stage{flex:1;min-width:0;min-height:0;position:relative;display:flex;align-items:center;justify-content:center;padding:16px;container-type:size}.tonbo-overlay{position:absolute;inset:-20px;pointer-events:none;z-index:50}.tonbo-corner{position:absolute;width:24px;height:24px}.tonbo-corner:before,.tonbo-corner:after{content:"";position:absolute;background:var(--tonbo)}.tonbo-tl{top:0;left:0}.tonbo-tr{top:0;right:0}.tonbo-bl{bottom:0;left:0}.tonbo-br{bottom:0;right:0}.tonbo-tl:before{width:1px;height:20px;top:0;left:0}.tonbo-tl:after{width:20px;height:1px;top:0;left:0}.tonbo-tr:before{width:1px;height:20px;top:0;right:0}.tonbo-tr:after{width:20px;height:1px;top:0;right:0}.tonbo-bl:before{width:1px;height:20px;bottom:0;left:0}.tonbo-bl:after{width:20px;height:1px;bottom:0;left:0}.tonbo-br:before{width:1px;height:20px;bottom:0;right:0}.tonbo-br:after{width:20px;height:1px;bottom:0;right:0}.tonbo-cross{position:absolute;width:16px;height:16px}.tonbo-cross:before,.tonbo-cross:after{content:"";position:absolute;background:var(--tonbo)}.tonbo-cross:before{width:1px;height:100%;left:50%;top:0}.tonbo-cross:after{width:100%;height:1px;top:50%;left:0}.tonbo-top{top:0;left:50%;transform:translate(-50%,-50%)}.tonbo-bottom{bottom:0;left:50%;transform:translate(-50%,50%)}.tonbo-left{left:0;top:50%;transform:translate(-50%,-50%)}.tonbo-right{right:0;top:50%;transform:translate(50%,-50%)}.frame-container{position:relative;aspect-ratio:16 / 9;width:min(100%,calc(100cqh * 16 / 9));container-type:inline-size}.frame-border{position:absolute;inset:0;border:1px solid #333;pointer-events:none;z-index:10}.frame-border:before{content:"";position:absolute;top:-1px;left:-1px;width:32px;height:32px;border-top:2px solid var(--accent);border-left:2px solid var(--accent)}.frame-border:after{content:"";position:absolute;bottom:-1px;right:-1px;width:32px;height:32px;border-bottom:2px solid var(--accent);border-right:2px solid var(--accent)}.frame-inner{position:absolute;inset:0;background:var(--bg-card);overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;animation:frameFadeIn .35s ease}@keyframes frameFadeIn{0%{opacity:0}to{opacity:1}}.frame-inner--bright{background:#e8e4dc}.frame-inner--bright .scanlines{opacity:.015}.frame-inner--bright .grain{opacity:.02}.frame-inner--bright .context-header{background:linear-gradient(180deg,rgba(255,255,255,.5),transparent)}.frame-inner--bright .ctx-badge--chapter{border-color:#a03040;color:#a03040}.frame-inner--bright .ctx-badge--scene{border-color:#2a7a6a;color:#2a7a6a}.frame-inner--bright .info-strip{color:#3c372d4d}.scanlines{position:absolute;inset:0;pointer-events:none;z-index:8;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.03) 2px,rgba(0,0,0,.03) 4px)}.grain{position:absolute;inset:0;pointer-events:none;z-index:9;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.tf{position:absolute;inset:0;z-index:25;pointer-events:none;overflow:hidden}.tf-grain{position:absolute;inset:0;opacity:.06;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='p'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.65' numOctaves='5' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23p)'/%3E%3C/svg%3E")}.tf-tonbo{position:absolute;width:28px;height:28px}.tf-tonbo:before,.tf-tonbo:after{content:"";position:absolute;background:currentColor;opacity:.4}.tf-tl{top:8%;left:8%}.tf-tr{top:8%;right:8%}.tf-bl{bottom:8%;left:8%}.tf-br{bottom:8%;right:8%}.tf-tl:before{width:1px;height:18px;top:0;left:0}.tf-tl:after{width:18px;height:1px;top:0;left:0}.tf-tr:before{width:1px;height:18px;top:0;right:0}.tf-tr:after{width:18px;height:1px;top:0;right:0}.tf-bl:before{width:1px;height:18px;bottom:0;left:0}.tf-bl:after{width:18px;height:1px;bottom:0;left:0}.tf-br:before{width:1px;height:18px;bottom:0;right:0}.tf-br:after{width:18px;height:1px;bottom:0;right:0}.tf-center-cross{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:36px;height:36px}.tf-center-cross:before,.tf-center-cross:after{content:"";position:absolute;background:currentColor;opacity:.35}.tf-center-cross:before{width:1px;height:100%;left:50%;top:0}.tf-center-cross:after{width:100%;height:1px;top:50%;left:0}.tf-center-cross--thin:before,.tf-center-cross--thin:after{opacity:.2}.tf-grid{position:absolute;inset:10%;background-image:linear-gradient(currentColor 1px,transparent 1px),linear-gradient(90deg,currentColor 1px,transparent 1px);background-size:20% 20%;opacity:.07}.tf-kanji{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:var(--font-mincho);font-size:min(28cqi,8rem);font-weight:200;line-height:1;letter-spacing:.1em;opacity:.15;color:currentColor}.tf-tech-label{position:absolute;top:12%;left:12%;font-family:var(--font-mono);font-size:clamp(.4rem,1.2cqi,.7rem);font-weight:300;letter-spacing:.4em;text-transform:uppercase;opacity:.35;color:currentColor}.tf-tech-ratio{position:absolute;bottom:12%;right:12%;font-family:var(--font-mono);font-size:clamp(.35rem,1cqi,.6rem);font-weight:300;letter-spacing:.2em;opacity:.25;color:currentColor}.tf-mid-h,.tf-mid-v{position:absolute;background:currentColor;opacity:.08}.tf-mid-h{left:8%;right:8%;height:1px;top:50%}.tf-mid-v{top:8%;bottom:8%;width:1px;left:50%}.tf-watermark{position:absolute;bottom:10%;left:50%;transform:translate(-50%);font-family:var(--font-en);font-size:clamp(.35rem,.8cqi,.55rem);font-weight:300;letter-spacing:.8em;text-transform:uppercase;opacity:.12;color:currentColor}.tf-diagonal{position:absolute;inset:10%;opacity:.05;pointer-events:none}.tf-diagonal:before{content:"";position:absolute;inset:0;border-top:1px solid currentColor;transform-origin:top left}.tf-diagonal--lr:before{transform:rotate(atan2(80%,100%));width:128%}.tf-diagonal--rl:before{transform-origin:top right;transform:rotate(calc(-1*atan2(80%,100%)));width:128%}.tf-kanji-sub{position:absolute;bottom:14%;left:50%;transform:translate(-50%);font-family:var(--font-en);font-size:clamp(.3rem,.7cqi,.45rem);font-weight:300;letter-spacing:1em;text-transform:uppercase;opacity:.1;color:currentColor}.tf-guide-h,.tf-guide-v{position:absolute;background:currentColor;opacity:.06}.tf-guide-h--t{left:8%;right:8%;height:1px;top:33.33%}.tf-guide-h--b{left:8%;right:8%;height:1px;top:66.67%}.tf-guide-v--l{top:8%;bottom:8%;width:1px;left:33.33%}.tf-guide-v--r{top:8%;bottom:8%;width:1px;left:66.67%}.tf-tech-frame{position:absolute;inset:12%;border:1px solid currentColor;opacity:.06}.tf-typo-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:var(--font-en);font-size:clamp(.6rem,2cqi,1.2rem);font-weight:300;letter-spacing:.6em;text-transform:uppercase;opacity:.2;color:currentColor}.tf-typo-rule{position:absolute;left:15%;right:15%;height:1px;background:currentColor;opacity:.12}.tf-typo-rule--above{top:calc(50% - 1.8em)}.tf-typo-rule--below{top:calc(50% + 1.8em)}.tf-typo-side{position:absolute;top:25%;bottom:25%;width:1px;background:currentColor;opacity:.08}.tf-typo-side--l{left:10%}.tf-typo-side--r{right:10%}.tf-vertical-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);writing-mode:vertical-rl;font-family:var(--font-mincho);font-size:clamp(.8rem,2.5cqi,1.4rem);font-weight:200;letter-spacing:.5em;opacity:.18;color:currentColor}.tf-vertical-rule{position:absolute;top:15%;bottom:15%;left:calc(50% + 2em);width:1px;background:currentColor;opacity:.08}.tf-number{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:var(--font-mono);font-size:min(20cqi,6rem);font-weight:200;letter-spacing:.3em;opacity:.1;color:currentColor;line-height:1}.tf-number-label{position:absolute;top:20%;left:50%;transform:translate(-50%);font-family:var(--font-mono);font-size:clamp(.4rem,1cqi,.6rem);font-weight:300;letter-spacing:.5em;text-transform:uppercase;opacity:.25;color:currentColor}.tf-number-frame{position:absolute;inset:18%;border:1px solid currentColor;opacity:.05}.context-header{position:absolute;top:0;left:0;right:0;padding:10px 16px;display:flex;align-items:center;gap:10px;z-index:5;background:linear-gradient(180deg,rgba(0,0,0,.7),transparent)}.ctx-badge{font-size:clamp(.45rem,1cqi,.65rem);font-weight:300;letter-spacing:.15em;padding:2px 8px;border:1px solid;font-family:var(--font-en)}.ctx-badge--chapter{border-color:var(--accent);color:var(--accent)}.ctx-badge--scene{border-color:var(--teal);color:var(--teal)}.info-strip{position:absolute;left:0;right:0;display:flex;padding:6px 10px;font-family:var(--font-mono);font-size:clamp(.4rem,.9cqi,.6rem);font-weight:300;color:var(--tonbo);letter-spacing:.1em;z-index:6;pointer-events:none}.info-strip--top{top:0;justify-content:space-between}.info-strip--bottom{bottom:0;justify-content:flex-end}.animate-in{animation:slideUp .4s ease both}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.ev-meta{display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center;padding:0 20px}.ev-meta-key{font-family:var(--font-en);font-size:clamp(.45rem,1cqi,.65rem);font-weight:300;letter-spacing:.3em;text-transform:uppercase;color:var(--text-3)}.ev-meta-value{font-size:clamp(.85rem,2.3cqi,1.4rem);letter-spacing:.12em;color:var(--text-1);font-weight:300;white-space:nowrap}.ev-meta-line{width:60px;height:1px;background:linear-gradient(90deg,transparent,var(--accent),transparent);animation:expandLine 1s .2s ease both}@keyframes expandLine{0%{width:0;opacity:0}to{width:60px;opacity:1}}.ev-character{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;padding:0 20px;position:relative;width:100%;height:100%;justify-content:center}.ev-character-bg{position:absolute;inset:0;opacity:.55}.ev-label-tag--char{color:#2a2520;opacity:.6}.ev-label-tag{font-size:clamp(.45rem,1cqi,.65rem);font-weight:300;letter-spacing:.3em;color:var(--text-3)}.ev-label-tag--scene{color:var(--teal)}.ev-character-name{font-size:clamp(.8rem,2.1cqi,1.2rem);letter-spacing:.12em;font-weight:300;color:#1a1510;position:relative}.ev-character-desc{font-size:clamp(.55rem,1.3cqi,.8rem);font-weight:300;color:#3a3530;line-height:1.6;white-space:nowrap;position:relative}.ev-scene{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;padding:0 24px}.ev-scene-title{font-size:clamp(.75rem,1.9cqi,1.15rem);letter-spacing:.1em;font-weight:300}.ev-scene-desc{font-size:clamp(.6rem,1.4cqi,.85rem);font-weight:300;color:var(--text-3);line-height:1.6;white-space:nowrap}.ev-dim{color:var(--text-3)!important}.ev-chapter{display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center;padding:0 24px}.ev-chapter-number{font-family:var(--font-en);font-size:clamp(.5rem,1.2cqi,.75rem);font-weight:300;letter-spacing:.5em;text-transform:uppercase;color:var(--accent)}.ev-chapter-line{width:50px;height:1px;background:var(--accent);animation:expandChapterLine .8s .3s ease both}@keyframes expandChapterLine{0%{width:0;opacity:0}to{width:50px;opacity:1}}.ev-chapter-title{font-size:clamp(.65rem,1.5cqi,.9rem);font-weight:300;color:var(--text-2);line-height:1.8;white-space:nowrap}.subtitle-area{position:absolute;bottom:0;left:0;right:0;z-index:5;display:flex;flex-direction:column;align-items:center;padding-bottom:28px;pointer-events:none}.subtitle-box{text-align:center;max-width:80%}.subtitle-speaker{font-size:clamp(.5rem,1.1cqi,.7rem);font-weight:300;color:var(--accent);letter-spacing:.2em;margin-bottom:6px;display:block;opacity:.8}.subtitle-text{font-size:clamp(.8rem,2.2cqi,1.3rem);font-weight:300;line-height:1.7;letter-spacing:.1em;color:#fff;white-space:nowrap;text-shadow:0 1px 4px rgba(0,0,0,.9),0 0 20px rgba(0,0,0,.6)}.ev-line-dramatic{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:12px;z-index:5}.ev-line-dramatic-speaker{font-size:clamp(.45rem,1cqi,.65rem);font-weight:300;color:var(--accent);letter-spacing:.3em;opacity:.7}.ev-line-dramatic-text{font-family:var(--font-mincho);font-size:clamp(1.6rem,5cqi,3rem);font-weight:200;letter-spacing:.2em;color:var(--text-1);white-space:nowrap;line-height:1.4}.ev-line-centered{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:10px;z-index:5}.ev-line-centered-speaker{font-size:clamp(.45rem,1cqi,.65rem);font-weight:300;color:var(--accent);letter-spacing:.25em;opacity:.8}.ev-line-centered-text{font-size:clamp(1rem,3cqi,1.8rem);font-weight:300;letter-spacing:.12em;color:#fff;white-space:nowrap;line-height:1.6;text-shadow:0 1px 3px rgba(0,0,0,.7),0 0 12px rgba(0,0,0,.4)}.ev-action{position:relative;text-align:center;padding:0 48px;max-width:85%;z-index:2}.ev-action:before,.ev-action:after{content:"";position:absolute;width:30px;height:1px;background:var(--text-3);top:50%;animation:lineExpand .6s .2s ease both}.ev-action:before{right:calc(100% + 8px)}.ev-action:after{left:calc(100% + 8px)}@keyframes lineExpand{0%{width:0;opacity:0}to{width:30px;opacity:.5}}.ev-action-label{font-size:clamp(.45rem,1cqi,.65rem);font-weight:300;letter-spacing:.25em;margin-bottom:8px;display:block}.ev-action-label--action{color:var(--gold)}.ev-action-label--se{color:#8a2060}.ev-action-text{font-size:clamp(.75rem,1.9cqi,1.15rem);font-weight:300;line-height:1.8;letter-spacing:.05em;white-space:nowrap}.ev-action-text--action{font-style:italic;color:var(--text-2)}.ev-action-text--se{font-family:var(--font-mono);color:#4a1a35;letter-spacing:.08em}.ev-wait{display:flex;flex-direction:column;align-items:center;gap:12px}.ev-wait-dots{display:flex;gap:8px}.ev-wait-dot{width:5px;height:5px;border-radius:50%;background:#3a5a7a;animation:waitPulse 1.5s ease-in-out infinite}.ev-wait-dot:nth-child(2){animation-delay:.3s}.ev-wait-dot:nth-child(3){animation-delay:.6s}@keyframes waitPulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.6)}}.ev-wait-label{font-size:clamp(.5rem,1.2cqi,.75rem);font-weight:300;color:#5a5550;letter-spacing:.2em}.key-hints{position:absolute;bottom:8px;left:50%;transform:translate(-50%);display:flex;gap:12px;font-size:.6rem;font-weight:300;color:var(--text-3);z-index:10;pointer-events:none;opacity:.4;transition:opacity .5s;white-space:nowrap}.viewer-stage:hover .key-hints{opacity:.8}.key-hints kbd{background:var(--bg-card);border:1px solid var(--border);padding:1px 5px;border-radius:2px;font-family:var(--font-mono);font-size:.55rem;font-weight:300}.sidebar{--sidebar-w: 300px;width:var(--sidebar-w);flex-shrink:0;background:var(--bg-surface);border-left:1px solid var(--border);display:flex;flex-direction:column;margin-right:calc(-1 * var(--sidebar-w));transition:margin-right .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.sidebar--open{margin-right:0}.sidebar-hd{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid var(--border);flex-shrink:0}.sidebar-title{font-size:.7rem;font-weight:300;letter-spacing:.2em;color:var(--text-2);font-family:var(--font-en)}.sidebar-close{background:none;border:none;color:var(--text-3);cursor:pointer;font-size:1.1rem;padding:4px;font-weight:300}.sidebar-close:hover{color:var(--text-1)}.ev-list{flex:1;overflow-y:auto;padding:6px 0}.ev-list::-webkit-scrollbar{width:3px}.ev-list::-webkit-scrollbar-track{background:transparent}.ev-list::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.ev-item{width:100%;padding:6px 14px;cursor:pointer;display:flex;align-items:flex-start;gap:8px;transition:background .15s;border:none;border-left:2px solid transparent;background:none;color:var(--text-2);font-family:inherit;font-size:inherit;font-weight:300;text-align:left}.ev-item:hover{background:#ffffff08}.ev-item--active{background:var(--accent-dim);border-left-color:var(--accent)}.ev-item-idx{font-family:var(--font-mono);font-size:.6rem;font-weight:300;color:var(--text-3);min-width:24px;text-align:right;padding-top:2px}.ev-item-type{font-size:.5rem;font-weight:300;letter-spacing:.08em;text-transform:uppercase;padding:1px 4px;border:1px solid;font-family:var(--font-en);white-space:nowrap}.ev-item-type--line{border-color:var(--text-2);color:var(--text-2)}.ev-item-type--action{border-color:var(--gold);color:var(--gold)}.ev-item-type--scene{border-color:var(--teal);color:var(--teal)}.ev-item-type--chapter{border-color:var(--accent);color:var(--accent)}.ev-item-type--wait{border-color:var(--blue);color:var(--blue)}.ev-item-type--meta{border-color:var(--text-3);color:var(--text-3)}.ev-item-type--character{border-color:var(--gold);color:var(--gold)}.ev-item-type--se{border-color:var(--pink);color:var(--pink)}.ev-item-type--scene_end{border-color:var(--text-3);color:var(--text-3)}.ev-item-text{font-size:.7rem;font-weight:300;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.controls{display:flex;align-items:center;padding:8px 16px;gap:10px;border-top:1px solid var(--border);background:var(--bg-surface);z-index:100;flex-shrink:0}.ctrl-btn{background:none;border:1px solid var(--border);color:var(--text-2);width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;flex-shrink:0}.ctrl-btn:hover{border-color:var(--accent);color:var(--accent)}.ctrl-btn svg{width:14px;height:14px;fill:currentColor}.timeline{flex:1;height:28px;display:flex;align-items:center;cursor:pointer;position:relative;min-width:0}.timeline-track{width:100%;height:2px;background:var(--border);position:relative;border-radius:1px}.timeline-progress{height:100%;background:var(--accent);border-radius:1px;transition:width .15s ease;position:relative}.timeline-progress:after{content:"";position:absolute;right:-3px;top:-2.5px;width:7px;height:7px;background:var(--accent);border-radius:50%;box-shadow:0 0 6px var(--accent-glow)}.timeline-marker{position:absolute;top:-2px;width:2px;height:6px;transform:translate(-50%);z-index:2}.timeline-marker--chapter{background:var(--accent)}.timeline-marker--scene{background:var(--teal)}.speed-select{font-family:var(--font-mono);font-size:.65rem;font-weight:300;color:var(--text-3);background:none;border:1px solid var(--border);padding:3px 6px;cursor:pointer;outline:none;flex-shrink:0}.speed-select option{background:var(--bg-surface);color:var(--text-1)}@media(max-width:1024px){.header{padding:8px 16px}.header-title{max-width:200px}.controls{padding:8px 12px;gap:8px}.sidebar{--sidebar-w: 260px}}@media(max-width:640px){.header{padding:6px 12px}.header-title{display:none}.logo{font-size:.85rem}.controls{padding:6px 8px;gap:6px}.ctrl-btn{width:28px;height:28px}.ctrl-btn svg{width:12px;height:12px}.speed-select{font-size:.6rem;padding:2px 4px}.sidebar{--sidebar-w: 240px}.viewer-stage{padding:8px}.tonbo-overlay,.key-hints{display:none}.subtitle-area{padding-bottom:16px}}.help-page{height:100%;overflow:hidden;display:flex;flex-direction:column}.help-scroll{flex:1;overflow-y:auto;padding:32px 40px 64px;max-width:720px;margin:0 auto;width:100%}.help-scroll::-webkit-scrollbar{width:3px}.help-scroll::-webkit-scrollbar-track{background:transparent}.help-scroll::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.help-back{margin-bottom:24px;font-size:.7rem}.help-h1{font-family:var(--font-en);font-size:1.4rem;font-weight:300;letter-spacing:.2em;color:var(--text-1);margin-bottom:8px}.help-h1 span{font-family:var(--font-en);font-size:.75rem;font-weight:300;letter-spacing:.15em;color:var(--text-3);margin-left:8px}.help-lead{font-size:.75rem;font-weight:300;color:var(--text-2);line-height:1.8;margin-bottom:32px}.help-section{margin-bottom:32px}.help-section h2{font-size:.8rem;font-weight:300;letter-spacing:.2em;color:var(--accent);border-bottom:1px solid var(--border);padding-bottom:6px;margin-bottom:16px}.help-section ul{list-style:none;padding:0;margin:0 0 12px}.help-section ul li{font-size:.72rem;font-weight:300;color:var(--text-2);line-height:2;padding-left:1em;position:relative}.help-section ul li:before{content:"—";position:absolute;left:0;color:var(--text-3)}.help-ev{margin-bottom:20px;padding-left:12px;border-left:2px solid var(--border)}.help-ev h3{font-size:.75rem;font-weight:300;margin-bottom:4px}.help-ev h3 code{font-family:var(--font-mono);color:var(--teal);font-size:.72rem;font-weight:300}.help-ev p{font-size:.7rem;font-weight:300;color:var(--text-2);line-height:1.8;margin-bottom:6px}.help-sub{margin:4px 0 8px!important}.help-sub li{font-size:.65rem!important;line-height:1.8!important;color:var(--text-3)!important}.help-ev pre,.help-example{font-family:var(--font-mono);font-size:.65rem;font-weight:300;color:var(--text-1);background:var(--bg-card);border:1px solid var(--border);padding:8px 12px;overflow-x:auto;line-height:1.8;white-space:pre}.help-section code{font-family:var(--font-mono);font-size:.68rem;color:var(--teal);background:#6ec9b014;padding:1px 4px;border-radius:2px}.help-example{margin-top:8px}@media(max-aspect-ratio:4/5){.viewer{flex-direction:column}.sidebar{--sidebar-h: 35vh;width:100%;height:var(--sidebar-h);border-left:none;border-top:1px solid var(--border);margin-right:0;margin-bottom:calc(-1 * var(--sidebar-h));transition:margin-bottom .3s cubic-bezier(.4,0,.2,1)}.sidebar--open{margin-right:0;margin-bottom:0}}