:root{color-scheme:light dark;--accent: #1a73e8;--line: #8884;--bg2: #8881}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font:14px/1.4 system-ui,sans-serif}.page{max-width:960px;margin:0 auto;padding:24px 16px}.muted{opacity:.65}.small{font-size:12px}.pad{padding:16px}.error{color:#d93025}.warn{color:#b06000}.row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.btn{font:inherit;padding:6px 12px;border:1px solid var(--line);border-radius:6px;background:var(--bg2);color:inherit;cursor:pointer;text-decoration:none;display:inline-block}.btn:disabled{opacity:.4;cursor:default}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.danger{color:#d93025}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;margin-top:24px}.card{border:1px solid var(--line);border-radius:8px;overflow:hidden}.card img{width:100%;aspect-ratio:16/10;object-fit:cover;display:block;background:var(--bg2)}.card-body{padding:10px;display:flex;flex-direction:column;gap:6px}.editor{display:flex;flex-direction:column;height:100%}.editor-bar{display:flex;gap:12px;align-items:center;padding:8px 12px;border-bottom:1px solid var(--line)}.title-input{flex:1;font:inherit;font-weight:600;padding:6px 8px;border:1px solid transparent;border-radius:6px;background:transparent;color:inherit}.title-input:hover,.title-input:focus{border-color:var(--line)}.editor-body{flex:1;min-height:0;display:grid;grid-template-columns:200px 1fr 280px}.filmstrip{list-style:none;margin:0;padding:8px;overflow:auto;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:8px}.filmstrip li{position:relative;border:2px solid transparent;border-radius:6px;padding:4px;cursor:pointer}.filmstrip li.on{border-color:var(--accent)}.filmstrip img{width:100%;display:block;border-radius:3px}.filmstrip .num{position:absolute;top:8px;left:8px;background:#000a;color:#fff;border-radius:10px;padding:0 6px;font-size:11px}.filmstrip .cap{display:block;font-size:11px;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.canvas{padding:16px;display:flex;align-items:center;justify-content:center;min-width:0;overflow:auto}.panel{border-left:1px solid var(--line);padding:12px;display:flex;flex-direction:column;gap:12px;overflow:auto}.panel label{display:flex;flex-direction:column;gap:4px;font-weight:600;font-size:12px}.panel input,.panel textarea,.panel select{font:inherit;padding:6px 8px;border:1px solid var(--line);border-radius:6px;background:transparent;color:inherit}.frame{position:relative;display:inline-block;max-width:100%;line-height:0;box-shadow:0 2px 16px #0004}.shot{display:block;max-width:100%;max-height:calc(100vh - 160px);-webkit-user-select:none;user-select:none}.hotspot{position:absolute;border:0;padding:0;background:transparent;border-radius:6px;cursor:pointer}.hotspot.edit{border:2px dashed var(--accent);cursor:move;touch-action:none}.beacon{position:absolute;width:22px;height:22px;margin:-11px 0 0 -11px;border-radius:50%;background:#1a73e8bb;border:2px solid #fff;animation:pulse 1.4s infinite;pointer-events:none}@keyframes pulse{0%{box-shadow:0 0 #1a73e899}to{box-shadow:0 0 0 16px #1a73e800}}.handle{position:absolute;right:-7px;bottom:-7px;width:14px;height:14px;background:var(--accent);border:2px solid #fff;border-radius:3px;cursor:nwse-resize;touch-action:none}.tooltip{position:absolute;z-index:5;width:260px;transform:translate(-50%);background:#fff;color:#1f1f1f;border-radius:10px;padding:12px;line-height:1.4;box-shadow:0 6px 24px #0005}.tooltip.side-left,.tooltip.side-right{transform:translateY(-50%)}.tooltip p{margin:6px 0 10px}.tooltip .row{margin-top:10px}.player{display:flex;flex-direction:column;height:100%;background:#111;color:#eee}.player-bar{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;gap:12px}.player-stage{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:12px}.complete{text-align:center}@media (max-width: 800px){.editor-body{grid-template-columns:1fr;grid-auto-rows:auto;overflow:auto}.filmstrip{flex-direction:row;border-right:0;border-bottom:1px solid var(--line)}.filmstrip li{min-width:120px}.panel{border-left:0;border-top:1px solid var(--line)}}.blurbox{position:absolute;border:2px dashed #e8710a;background:#e8710a33;cursor:move;touch-action:none}.blurtag{position:absolute;top:2px;left:4px;font:11px/1 system-ui;color:#e8710a;pointer-events:none}.blurbox .handle{background:#e8710a}.blur-list{display:flex;flex-direction:column;gap:6px}.shot.pending{background:#8883}.row.spread{justify-content:space-between}.signin{max-width:360px;display:flex;flex-direction:column;gap:12px}.signin label{display:flex;flex-direction:column;gap:4px;font-weight:600;font-size:12px}.signin input{font:inherit;padding:8px;border:1px solid var(--line);border-radius:6px;background:transparent;color:inherit}.ext{margin-top:24px;display:flex;flex-direction:column;gap:8px}.ext .row{justify-content:space-between}.share{position:relative}.share summary{list-style:none}.share-pop{position:absolute;right:0;top:36px;z-index:20;width:340px;background:Canvas;color:CanvasText;border:1px solid var(--line);border-radius:8px;padding:12px;display:flex;flex-direction:column;gap:10px;box-shadow:0 6px 24px #0004}.share-pop label{display:flex;flex-direction:column;gap:4px;font-weight:600;font-size:12px}.share-pop input,.share-pop select{font:inherit;padding:6px 8px;border:1px solid var(--line);border-radius:6px;background:transparent;color:inherit;min-width:0;flex:1}.shot.unavailable{display:flex;align-items:center;justify-content:center;color:#aaa}.caption{position:absolute;left:50%;bottom:4%;transform:translate(-50%);max-width:86%;padding:6px 12px;border-radius:6px;background:#000000c7;color:#fff;font-size:17px;line-height:1.35;text-align:center;pointer-events:none}.narration{display:grid;gap:6px;padding:8px 0;border-top:1px solid #e3e3e8;border-bottom:1px solid #e3e3e8}.narration audio{width:100%;height:32px}.error.small{margin:0}.badge{display:inline-block;margin-left:6px;padding:1px 7px;border-radius:10px;background:#fff1c2;color:#6b4e00;font-size:12px;font-weight:600;vertical-align:middle}.warnbadge{position:absolute;top:4px;right:4px;margin:0}.draft-banner{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:10px 16px;background:#fff7d6;border-bottom:1px solid #e8d48a}.article-import{margin:12px 0}.article-import form input{flex:1;min-width:280px;padding:8px}