:root{--ui:#f3f2ee;--panel:#fbfaf8;--line:#dbd8d0;--text:#22201c;--dim:#726d63;--accent:#b4430f;--select:#2f7cf6;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--ui:#19191b;--panel:#222225;--line:#37373c;--text:#e9e7e2;--dim:#9a968d;--accent:#f08a4b}}*{box-sizing:border-box}html,body,#root,#app{height:100%;margin:0}#app{flex-direction:column;display:flex}body{background:var(--ui);color:var(--text);font:13px/1.4 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}button,input,select,textarea{font:inherit;color:inherit}button,summary,select{cursor:pointer}button,select,summary{border:1px solid var(--line);background:var(--panel);border-radius:6px;padding:5px 10px}button:hover:not(:disabled),summary:hover{border-color:var(--dim)}button:disabled{opacity:.45;cursor:default}:focus-visible{outline:2px solid var(--select);outline-offset:1px}.grow{flex:1}.slide{--bg:#fbfaf7;--fg:#1c1b19;--accent:#c2410c;--font:"Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;background:var(--bg);color:var(--fg);font-family:var(--font);position:absolute;inset:0;overflow:hidden}.t-ink{--bg:#121315;--fg:#f1efea;--accent:#e9b44c;--font:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}.t-chalk{--bg:#1f3a34;--fg:#eef3ee;--accent:#f2c14e;--font:"Avenir Next", Avenir, "Segoe UI", system-ui, sans-serif}.t-signal{--bg:#fff;--fg:#0b1f33;--accent:#1d4ed8;--font:"Helvetica Neue", Helvetica, Arial, sans-serif}.el{position:absolute}.el.text{white-space:pre-wrap;overflow-wrap:break-word;flex-direction:column;line-height:1.25;display:flex}.el.text.filled{border-radius:10px;justify-content:center;padding:0 24px}.el .t{outline:0;min-height:1em}.el.rect{background:var(--accent);border-radius:10px}.el.ellipse{background:var(--accent);border-radius:50%}.el.image img{width:100%;height:100%;display:block}.thumb{pointer-events:none;border-radius:3px;flex:none;position:relative;overflow:hidden}.scaler{width:1600px;height:900px;position:absolute;top:50%;left:50%}.fit{position:relative}.thumb .scaler{transform-origin:0 0;top:0;left:0}#bar{border-bottom:1px solid var(--line);background:var(--panel);align-items:center;gap:8px;padding:8px 10px;display:flex}#title{background:0 0;border:1px solid #0000;border-radius:6px;width:200px;padding:5px 8px;font-size:14px;font-weight:600}#title:hover,#title:focus{border-color:var(--line)}.group{border-left:1px solid var(--line);gap:4px;padding-left:8px;display:flex}#saved{color:var(--accent)}.primary{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}@media (prefers-color-scheme:dark){.primary{color:#1a1a1a}}.menu{position:relative}.menu summary{list-style:none}.menu summary::-webkit-details-marker{display:none}.menu>div{z-index:5;background:var(--panel);border:1px solid var(--line);border-radius:8px;width:160px;padding:4px;display:grid;position:absolute;top:calc(100% + 4px);right:0;box-shadow:0 6px 24px #00000026}.menu>div>*{text-align:left;color:inherit;background:0 0;border:0;border-radius:5px;padding:7px 10px;text-decoration:none}.menu>div>:hover{background:var(--ui)}#work{flex:1;grid-template-columns:188px 1fr 230px;min-height:0;display:grid}#side,#props{background:var(--panel);overflow-y:auto}#side{border-right:1px solid var(--line);flex-direction:column;display:flex}.sideBtns{gap:4px;padding:8px;display:flex}.sideBtns button{flex:1;padding:4px 0;font-size:12px}#strip{flex:1;align-content:start;gap:6px;padding:0 8px 8px;display:grid;overflow-y:auto}#strip button{background:0 0;border:2px solid #0000;gap:6px;padding:4px;display:flex}#strip button.on{border-color:var(--accent)}#strip span{width:14px;color:var(--dim);text-align:right;font-size:11px}#strip .thumb{box-shadow:0 0 0 1px var(--line)}#center{flex-direction:column;min-width:0;display:flex}.stage{flex:1;min-height:0;margin:28px}.stage .slide{box-shadow:0 0 0 1px var(--line), 0 8px 30px #0000001f;overflow:visible}.stage .el{cursor:move;-webkit-user-select:none;user-select:none}.stage .el:hover{outline:calc(1px * var(--k)) solid var(--select)}.stage .el.sel{outline:calc(2px * var(--k)) solid var(--select)}.stage .t[contenteditable]{cursor:text;-webkit-user-select:text;user-select:text}.handle{width:calc(12px * var(--k));height:calc(12px * var(--k));margin:calc(-6px * var(--k));border:calc(2px * var(--k)) solid var(--select);background:#fff;border-radius:50%;position:absolute}.guide{pointer-events:none;background:#e0457b;position:absolute}.guide.v{width:calc(1px * var(--k));top:0;bottom:0}.guide.h{height:calc(1px * var(--k));left:0;right:0}.nw{cursor:nwse-resize;top:0;left:0}.se{cursor:nwse-resize;bottom:0;right:0}.ne{cursor:nesw-resize;top:0;right:0}.sw{cursor:nesw-resize;bottom:0;left:0}#notes{resize:none;border:0;border-top:1px solid var(--line);background:var(--panel);outline:0;flex:none;height:88px;padding:10px 14px}#props{border-left:1px solid var(--line);flex-direction:column;gap:8px;padding:12px;display:flex}#props h2{margin:0 0 4px;font-size:13px}#props h3{margin:10px 0 0;font-size:12px}.field{align-items:center;gap:6px;display:flex}.field span{width:76px;color:var(--dim)}.field select,.field input[type=number]{border:1px solid var(--line);background:var(--panel);border-radius:6px;flex:1;min-width:0;padding:4px 6px}.field input[type=color]{border:1px solid var(--line);background:0 0;border-radius:6px;width:36px;height:26px;padding:0}.field button{padding:3px 8px;font-size:12px}.check{white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:6px;display:flex;overflow:hidden}.hint{color:var(--dim);margin:0;font-size:12px}.row{gap:6px;display:flex}.row button{flex:1}@media (width<=900px){#work{grid-template-columns:120px 1fr}#props{display:none}#strip .thumb{zoom:.65}#bar{flex-wrap:wrap}}#show{z-index:10;cursor:none;color:#eee;background:#000;position:fixed;inset:0}#show.awake,#show.grid{cursor:default}#show.awake [data-link]{cursor:pointer}.screen{position:absolute;inset:0;overflow:hidden}.black .screen{visibility:hidden}.grid-view{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));align-content:start;gap:16px;padding:32px;display:grid;overflow-y:auto}.grid-view button{color:#bbb;background:0 0;border:2px solid #0000;justify-items:center;gap:6px;padding:6px;font-size:13px;display:grid;overflow:hidden}.grid-view button.on{color:#fff;border-color:#fff}.hud{opacity:0;pointer-events:none;background:#181818e6;border-radius:10px;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;max-width:92vw;padding:6px;transition:opacity .15s;display:flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.awake .hud,.grid .hud{opacity:1;pointer-events:auto}.hud button{color:#eee;background:0 0;border-color:#0000}.hud button:hover{background:#ffffff1f}.hud .choice{border-color:#ffffff59}.hud span{font-variant-numeric:tabular-nums;padding:0 6px}.num{background:#181818e6;border-radius:8px;padding:6px 12px;font-size:16px;position:absolute;bottom:20px;left:20px}.num:empty{display:none}#pv{color:#e6e4df;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#131314;grid-template:1fr auto auto/1.7fr 1fr;gap:12px;height:100%;padding:12px;display:grid}#pv h2{letter-spacing:.08em;text-transform:uppercase;color:#8d8a83;margin:0;font-size:11px;font-weight:600}#pv button{color:inherit;background:#232326;border-color:#3a3a3f}.pvNow,.pvNext{position:relative;overflow:hidden}.pvSide{flex-direction:column;gap:8px;min-height:0;display:flex}.pvNext{aspect-ratio:16/9;background:#000;flex:none}.pvNext p{color:#8d8a83;place-items:center;margin:0;display:grid;position:absolute;inset:0}.pvChoices{flex-wrap:wrap;gap:6px;display:flex}.pvNotes{white-space:pre-wrap;flex:1;min-height:0;font-size:20px;line-height:1.45;overflow-y:auto}.pvStrip{grid-column:1/-1;gap:6px;padding-bottom:4px;display:flex;overflow-x:auto}.pvStrip button,#pv .pvStrip button{color:#8d8a83;border:2px solid #0000;flex:none;justify-items:center;gap:2px;padding:4px;font-size:11px;display:grid;background:0 0!important}#pv .pvStrip button.on{color:#fff;border-color:#f08a4b}.pvBar{font-variant-numeric:tabular-nums;grid-column:1/-1;justify-content:space-between;align-items:center;font-size:22px;display:flex}.pvBar button{min-width:96px;font-size:22px}@page{size:1600px 900px;margin:0}@media print{#app,#show{display:none!important}html,body,#root{background:0 0;height:auto}.page{break-after:page;width:1600px;height:900px;position:relative;overflow:hidden}*{-webkit-print-color-adjust:exact;print-color-adjust:exact}}