:root{color-scheme:dark;--bg:#101c25;--panel:#192b36;--text:#eef5f8;--muted:#9eb5c3;--accent:#55e1bc;--line:#304955}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.45 system-ui,sans-serif;padding:calc(18px + env(safe-area-inset-top)) 18px calc(100px + env(safe-area-inset-bottom));overflow-wrap:anywhere}body.reviewing{padding-bottom:calc(240px + env(safe-area-inset-bottom))}header,main,#notice{max-width:700px;margin:auto}header{margin-bottom:20px}.heading{display:flex;align-items:center;justify-content:space-between}.heading #refresh{font-size:25px;min-width:48px}small,.eyebrow{letter-spacing:1.6px;color:var(--accent);font-size:11px}h1{font-size:28px;margin:4px 0}h2{font-size:21px;margin:8px 0 12px}h3{font-size:18px}p{margin:8px 0 14px}#title,.hint,#where,#counts{color:var(--muted);font-size:13px}#title{margin:3px 0}.surface{background:var(--panel);padding:16px;border:1px solid var(--line);border-radius:16px;margin:14px 0}.next-step{border-color:#3f7a6d}button{font:inherit;border:1px solid var(--line);background:var(--panel);color:var(--text);padding:11px 14px;border-radius:11px;min-height:46px;cursor:pointer}button:disabled{opacity:.4;cursor:default}button.active,.primary{background:var(--accent);border-color:var(--accent);color:#09291f;font-weight:700}.wide{width:100%}.quiet{background:transparent;border-color:transparent;color:var(--muted);font-size:13px}.danger{color:#ffb1aa}button:focus-visible{outline:3px solid #fff;outline-offset:2px}label{display:block;margin:14px 0 6px;color:var(--muted);font-size:13px}textarea,input,select{display:block;width:100%;min-width:0;font:16px/1.45 system-ui,sans-serif;color:var(--text);background:#11212b;border:1px solid var(--line);border-radius:10px;padding:11px;margin-top:6px}textarea{resize:vertical}input[type=checkbox]{width:20px;height:20px;flex-shrink:0;margin:0 10px 0 0;accent-color:var(--accent)}.check{display:flex;align-items:center}.times,.filters{display:grid;grid-template-columns:1fr 1fr;gap:10px}.tabs{display:flex;gap:4px;background:var(--panel);padding:4px;border-radius:13px}.tabs button{flex:1;border:0}.list-meta{display:flex;align-items:center;justify-content:space-between;gap:8px}.list-meta p{margin:12px 0}.item{display:block;width:100%;text-align:left;margin:10px 0;padding:16px}.item strong{display:block;font-size:15px;margin-bottom:6px}.item span{display:block;font-size:14px;white-space:pre-wrap;color:var(--muted)}.item small{display:block;margin-top:10px;letter-spacing:0;color:var(--accent)}#notice{white-space:pre-wrap;border-left:3px solid var(--accent);padding:10px 12px;background:var(--panel);margin-bottom:16px;font-size:13px}#notice:empty{display:none}.detail-nav{display:flex;align-items:center;gap:8px}.detail-nav #itemPosition{flex:1;text-align:center;font-size:13px;color:var(--muted)}.detail-nav button{padding:8px 12px}.mediaButtons,.secondary-actions{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.mediaButtons button,.secondary-actions button{flex:1;font-size:14px}.secondary-actions{flex-direction:column}video,img,audio{width:100%;max-height:420px;margin:12px 0;border-radius:12px}img{object-fit:contain;background:#253b4a}#translation{background:var(--panel);padding:16px;border-radius:12px;white-space:pre-wrap;margin-top:16px}details summary{cursor:pointer;min-height:28px;font-size:14px;color:var(--muted)}#navigation{position:fixed;bottom:0;left:0;right:0;max-width:736px;margin:auto;display:flex;padding:8px 12px calc(8px + env(safe-area-inset-bottom));background:#101c25fa;border-top:1px solid var(--line);gap:6px;z-index:4}#navigation button{flex:1;background:transparent;border:0;font-size:13px;color:var(--muted);padding:5px}#navigation button span{display:block;font-size:11px;letter-spacing:1px;margin-bottom:2px}#navigation button.active{background:#203e3b;color:var(--accent)}footer{position:fixed;bottom:calc(71px + env(safe-area-inset-bottom));left:0;right:0;max-width:736px;margin:auto;padding:12px 18px;background:#101c25fa;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:7px;z-index:3}footer .primary{grid-column:1/-1}footer button{font-size:14px}progress{width:100%;height:12px;accent-color:var(--accent)}#processSteps p{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0;padding:12px 0;border-bottom:1px solid var(--line);font-size:14px}#processSteps p:last-child{border:0;padding-bottom:0}#processSteps span{font-size:12px;color:var(--accent);text-align:right}#processSteps strong{font-weight:500}#processLog{white-space:pre-wrap;overflow-wrap:anywhere;font:13px/1.5 system-ui}#processError,#exportError{color:#ffb1aa;white-space:pre-wrap}#exportTarget,#folderPath{font-size:13px}#folders{max-height:260px;overflow:auto}#folderBrowser{margin-top:12px;border-top:1px solid var(--line);padding-top:12px}[hidden]{display:none!important}
@media(max-height:500px){body.reviewing{padding-bottom:150px}footer{grid-template-columns:2fr 1fr 1fr;padding:8px 12px}footer .primary{grid-column:auto}#navigation{padding-top:4px;padding-bottom:calc(4px + env(safe-area-inset-bottom))}#navigation button span{display:none}footer{bottom:calc(55px + env(safe-area-inset-bottom))}}
@media(max-width:360px){body{padding-left:12px;padding-right:12px}.filters{grid-template-columns:1fr}footer{padding-left:12px;padding-right:12px}}
#resultVideo{max-height:65vh;background:#000}#driveLink{display:block;color:var(--accent);padding:12px 0}#driveSettings{margin-top:16px}#uploadMessage{font-size:14px}
#inputSteps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}#inputSteps button{font-size:12px;padding:10px 3px;min-width:0}.input-file{padding:14px 0;border-bottom:1px solid var(--line)}.input-file small{display:block;color:var(--muted);overflow-wrap:anywhere}.input-file button{font-size:13px;margin:6px 6px 0 0}#inputFolders{max-height:260px;overflow:auto;display:grid;gap:6px}#draftFolder,#inputBrowserPath{overflow-wrap:anywhere;font-size:13px}#deviceProgress{overflow-wrap:anywhere}




.inline-status{white-space:pre-wrap;border-left:3px solid var(--accent);padding:10px;font-size:14px;background:#203e3b}.neighbor-row{border-bottom:1px solid var(--line);padding:10px 0;font-size:13px}.neighbor-row strong{color:var(--accent)}dialog{color:var(--text);background:var(--panel);border:1px solid #ed968f;border-radius:16px;width:calc(100% - 32px);max-width:480px;max-height:75dvh;padding:22px}dialog::backdrop{background:#000a}#errorText{white-space:pre-wrap;max-height:45dvh;overflow:auto}.block-editor{border-bottom:1px solid var(--line);padding-bottom:12px}#editRows{max-height:55dvh;overflow:auto}#editInspector{scroll-margin-top:12px}#navigation button{font-size:11px}#editVideo{max-height:50dvh}#musicFiles{max-height:240px;overflow:auto}
body{padding-top:calc(18px + max(env(safe-area-inset-top),var(--tg-content-safe-top,0px)));padding-bottom:calc(100px + max(env(safe-area-inset-bottom),var(--tg-content-safe-bottom,0px)));overscroll-behavior-y:contain}#navigation{padding-bottom:calc(8px + max(env(safe-area-inset-bottom),var(--tg-content-safe-bottom,0px)))}.transport{display:flex;align-items:center;justify-content:space-between;gap:8px}.transport label{margin:0;flex:1}.transport button{font-size:13px;padding:8px}.transport strong{font-variant-numeric:tabular-nums;white-space:nowrap}.montage-player #editVideo{max-height:42dvh;background:#000;margin:4px 0}.montage-player{padding:12px}.timeline-panel{padding:12px}#timelineScroll{overflow:auto;overscroll-behavior-x:contain;border:1px solid var(--line);border-radius:8px;max-height:40dvh}#montageTimeline{display:block;touch-action:none}#timelineZoom,#timelineSeek{padding:0;accent-color:var(--accent);min-height:32px}#rangeStart+button,#rangeEnd+button{width:100%;font-size:13px;margin-top:6px}#logoRows>div{padding:12px 0;border-bottom:1px solid var(--line)}#logoRows small{display:block;letter-spacing:0}#logoRows button{margin:6px 6px 0 0;font-size:13px}#logoFiles{max-height:260px;overflow:auto}#elementList{margin-top:12px}#editInspector{border-color:var(--accent)}

#logoSearchResults{max-height:240px;overflow:auto}#logoUploadPanel{margin-top:16px;padding-top:12px;border-top:1px solid var(--line)}#logoSearchStatus,#logoUploadStatus{white-space:pre-wrap}

#liveStage{position:relative;line-height:0}#liveStage video{display:block;width:100%;max-height:none}#liveStage video[hidden]{display:none}#liveCanvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}#liveCanvas.moving{pointer-events:auto;touch-action:none}#liveStage:has(video[hidden]){display:none}

#timelineMenu{position:fixed;z-index:5;max-width:calc(100vw - 16px);padding:6px;background:#192b36f5;border:1px solid var(--accent);border-radius:12px;box-shadow:0 4px 18px #0007}#timelineMenu>div{display:flex;gap:4px}#timelineMenu button{font-size:12px;min-height:40px;padding:6px 9px}#timelineMenu small{display:block;letter-spacing:0;font-size:11px;margin:4px}#timelineEdges{margin-top:4px}