:root{--bg:#fff7f0;--card:#fff;--ink:#3a2a22;--soft:#8a7268;--acc:#ff7a59;--acc2:#ffb347;--line:#f1e1d6}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.45 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}header{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;padding-top:max(14px,env(safe-area-inset-top));position:sticky;top:0;background:var(--bg);z-index:5}h1{font-size:21px;margin:0}h2{font-size:19px;margin:0 0 12px;display:flex;gap:10px;align-items:center}main{max-width:640px;margin:0 auto;padding:0 12px 60px}.card{background:var(--card);border-radius:20px;padding:18px;margin:12px 0;box-shadow:0 4px 18px #ff7a5914;border:1px solid var(--line)}.num{background:linear-gradient(135deg,var(--acc),var(--acc2));color:#fff;border-radius:50%;width:32px;height:32px;display:inline-grid;place-items:center;font-size:17px;flex:none}button{font:inherit;cursor:pointer;border:0;border-radius:14px;padding:12px 16px;background:#f4e8df;color:var(--ink)}button:disabled{opacity:.45;cursor:not-allowed}.primary{background:linear-gradient(135deg,var(--acc),var(--acc2));color:#fff;font-weight:700}.ghost{background:transparent;border:1px solid var(--line)}.wide{width:100%;margin-top:12px}.bigbtn{display:block;width:100%;text-align:center;font-size:20px;padding:18px;border-radius:18px;font-weight:700;text-decoration:none;color:var(--ink);background:#f4e8df}.bigbtn.primary{color:#fff;background:linear-gradient(135deg,var(--acc),var(--acc2));box-shadow:0 6px 16px #ff7a5940}.ghostbtn{margin-top:10px;border:2px solid var(--acc);background:#fff}.file input{display:none}.hint{color:var(--soft);font-size:15px;margin:10px 0 0}.small{font-size:15px;padding-left:20px}.seg{display:grid;grid-template-columns:1fr 1fr;gap:10px}.seg button{padding:14px;border:2px solid transparent}.seg button.on{border-color:var(--acc);background:#fff1ea}.seg small{color:var(--soft);font-size:13px}.narrators{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:8px;margin-top:8px}.narrators button{padding:4px;background:#fbf3ee;border:2px solid transparent;overflow:hidden;height:118px}.narrators button.on{border-color:var(--acc);background:#fff1ea}.narrators img{width:100%;height:150px;object-fit:cover;object-position:50% 12%;display:block}.prog{margin-top:14px}.bar{height:14px;background:#f4e8df;border-radius:9px;overflow:hidden}.bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--acc),var(--acc2));transition:width .3s}#progMsg{margin:8px 0 0;font-weight:600}.err{background:#ffe9e6;color:#a1271a;padding:12px;border-radius:12px;margin-top:12px}.hidden{display:none!important}video{width:100%;border-radius:14px;background:#000;max-height:70vh}dialog{border:0;border-radius:20px;max-width:520px;width:calc(100% - 24px);padding:20px}dialog::backdrop{background:#0006}dialog input[type=password]{width:100%;font:inherit;padding:14px;border-radius:12px;border:1px solid var(--line);margin:8px 0}.row{display:flex;gap:10px;align-items:center;margin:10px 0}.end{justify-content:flex-end}.shot{display:grid;grid-template-columns:120px 1fr;gap:10px;padding:10px 0;border-top:1px solid var(--line)}.shot canvas{width:120px;border-radius:8px;background:#eee}.shot select,.shot input{font:inherit;font-size:14px;padding:6px;border-radius:8px;border:1px solid var(--line);width:100%;margin-bottom:4px}.shot .t{font-size:13px;color:var(--soft)}.shot label{font-size:12px;color:var(--soft)}.edgrid{display:grid;grid-template-columns:1fr 1fr;gap:4px}.two{display:grid;grid-template-columns:1fr 1fr;gap:10px}.bigbtn.edit{background:#fff;border:2px solid var(--acc);color:var(--ink)}body.noscroll{overflow:hidden}.edview{position:fixed;inset:0;background:var(--bg);z-index:20;display:flex;flex-direction:column;padding-top:env(safe-area-inset-top)}.edtop{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;gap:8px}.edtop span{display:flex;gap:6px}.edtop button{padding:10px 14px;font-size:18px}.edtabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:0 10px}.edtabs button.on{background:var(--acc);color:#fff}#edScenes,#edLibrary{flex:1;overflow-y:auto;padding:8px 10px 20px;-webkit-overflow-scrolling:touch}.timeline{display:flex;gap:8px;overflow-x:auto;padding:6px 2px 10px;scroll-snap-type:x mandatory}.scard{flex:none;width:112px;padding:4px;background:#fff;border:2px solid var(--line);border-radius:12px;display:flex;flex-direction:column;align-items:stretch;text-align:left;scroll-snap-align:center}.scard.on{border-color:var(--acc);background:#fff1ea}.scard canvas{width:100%;border-radius:8px;background:#eee;max-height:150px;object-fit:contain}.scard .tm{font-size:12px;font-weight:700;margin-top:3px}.scard .cap{font-size:11px;color:var(--soft);line-height:1.2;height:2.4em;overflow:hidden}.pvwrap{background:#fff;border-radius:16px;padding:8px;border:1px solid var(--line)}.pvwrap canvas{width:100%;max-height:46vh;object-fit:contain;border-radius:10px;background:#000;display:block}.pvctl{display:flex;gap:10px;align-items:center;margin-top:8px;flex-wrap:wrap}.pvctl .hint{margin:0}details{background:#fff;border:1px solid var(--line);border-radius:16px;margin-top:10px;padding:4px 12px 12px}summary{font-weight:700;padding:10px 0;font-size:17px;cursor:pointer}.pgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:6px;margin:6px 0}.pgrid.bgs{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.pick{padding:4px;background:#fbf3ee;border:2px solid transparent;border-radius:12px;display:flex;flex-direction:column;align-items:center;gap:2px}.pick.on{border-color:var(--acc);background:#fff1ea}.pick small{font-size:11px;line-height:1.15;text-align:center;color:var(--ink)}.pick img{width:100%;height:64px;object-fit:contain}.faces .pick img{height:84px;object-fit:cover;object-position:50% 8%}.bgs .pick img{height:66px;object-fit:cover;border-radius:8px}.pick .big{font-size:34px;height:64px;display:grid;place-items:center}.person{border-top:1px solid var(--line);padding-top:8px;margin-top:8px}.lbl{font-size:13px;color:var(--soft);margin-top:8px}.seg3{display:flex;gap:6px;flex-wrap:wrap;margin:4px 0}.seg3 button{flex:1;padding:10px 6px;font-size:15px}.seg3 button.on{background:var(--acc);color:#fff}.row{flex-wrap:wrap}.row button{padding:10px 12px;font-size:15px}.tl{width:56px;font-weight:600}textarea{width:100%;font:inherit;padding:10px;border-radius:12px;border:1px solid var(--line)}.edbottom{display:flex;gap:10px;align-items:center;padding:10px;padding-bottom:max(10px,env(safe-area-inset-bottom));border-top:1px solid var(--line);background:#fff}.edbottom .hint{margin:0;flex:none;font-size:13px}.edbottom .bigbtn{padding:14px;font-size:18px}#toast{position:fixed;left:50%;bottom:90px;transform:translate(-50%);background:#3a2a22;color:#fff;padding:10px 16px;border-radius:20px;opacity:0;transition:opacity .2s;z-index:30;pointer-events:none}#toast.show{opacity:1}.progpanel{position:fixed;left:8px;right:8px;top:max(8px,env(safe-area-inset-top));z-index:15;background:#fff;border-radius:18px;padding:14px 16px;box-shadow:0 8px 30px #3a2a2233;border:2px solid var(--acc);max-width:620px;margin:0 auto}.prow{display:flex;justify-content:space-between;align-items:baseline;gap:8px}#progPct{font-size:40px;line-height:1;color:var(--acc)}#progEta{margin:0;font-weight:600}.progpanel .bar{margin-top:8px;height:16px}.keep{margin:6px 0 0;font-size:13px;color:#a1271a}body.working main{padding-top:150px}.bigbtn.primary.notready{background:#e9e1db;color:#6d5a51;box-shadow:none;border:2px dashed #c9b8ad;font-size:18px}.flash{animation:fl 1.5s}@keyframes fl{0%,60%{box-shadow:0 0 0 5px var(--acc)}to{box-shadow:none}}.narrators button{height:auto}.narrators small{display:block;font-size:11px;line-height:1.2;padding:3px 2px 2px;color:var(--ink);height:2.4em;overflow:hidden}