/* Slide editor: thumbnail strip + one 16:9 canvas. Canvas centre sits at workspace (568, 416),
   which is the camera's fixed point for the PPT shot (timeline.js SHOTS). */
.pp{position:absolute;inset:0;display:flex;background:#eef0f3}
.pp-strip{position:relative;width:160px;flex:none;overflow:hidden;background:#f6f7f8;border-right:1px solid #e3e6e9}
.pp-strip-in{position:absolute;left:0;right:0;top:0;padding-top:8px}
.pp-thumb{position:relative;height:82px;display:flex;align-items:center;gap:6px;padding:0 10px 0 6px;opacity:0}
.pp-thumb span{width:18px;flex:none;text-align:right;font-size:10px;color:#8a9097}
.pp-timg{position:relative;width:116px;height:65.25px;background:#fff;box-shadow:0 0 0 1px #dfe2e6}
.pp-timg img{display:block;width:100%;height:100%}
.pp-timg .pp-tblue{position:absolute;inset:0}
.pp-sel{position:absolute;left:28px;top:14.4px;width:120px;height:69.25px;border:2px solid #d04a02;border-radius:2px;pointer-events:none;z-index:1;box-sizing:border-box;margin-top:0}
.pp-main{position:relative;flex:1}
.pp-canvas{position:absolute;left:31px;top:160px;width:720px;height:405px;background:#fff;box-shadow:0 1px 4px #00000024;overflow:hidden}
.pp-canvas img{position:absolute;inset:0;width:100%;height:100%;opacity:0}
.pp-notes{position:absolute;left:0;right:0;top:585px;text-align:center;font-size:11px;color:#80868b}
/* Selection frame + eight handles (ppt.js renderBox) */
.pp-panel{position:absolute;background:#f2f2f2;opacity:0}
.pp-box{position:absolute;left:0;top:0;z-index:2;border:1.5px solid #3b7ddd;box-sizing:border-box;pointer-events:none}
.pp-box i{position:absolute;width:7px;height:7px;margin:-4px 0 0 -4px;background:#fff;border:1.5px solid #3b7ddd;box-sizing:border-box}
.pp-box i:nth-child(1){left:0;top:0}.pp-box i:nth-child(2){left:50%;top:0}.pp-box i:nth-child(3){left:100%;top:0}
.pp-box i:nth-child(4){left:100%;top:50%}.pp-box i:nth-child(5){left:100%;top:100%}.pp-box i:nth-child(6){left:50%;top:100%}
.pp-box i:nth-child(7){left:0;top:100%}.pp-box i:nth-child(8){left:0;top:50%}
/* Round 3: slide 8's chart well (88,175,768×424 of 1440×810), redrawn so the requested edits can land on it. */
.pp-chart{position:absolute;left:6.111%;top:21.605%;width:53.333%;height:52.346%;background:#fff;opacity:0}
.cgraph{display:block;width:100%;height:100%;overflow:visible}
.cgraph text{font-family:Inter,'Helvetica Neue',Arial,sans-serif;fill:#3F4B57}
.cgraph .cg-a{fill:#00A9F4}
.cgraph .cg-g{fill:#051C2C}
.cg-grid{stroke:#DADADA;stroke-width:1}
.cg-base{stroke:#9AA6B2;stroke-width:1.2}
.cgraph .cg-yl{font-size:12px;fill:#8E9AA6;text-anchor:end}
.cgraph .cg-xl{font-size:13px;text-anchor:middle}
.cgraph .cg-val{font-size:12.5px;font-weight:600;text-anchor:middle;opacity:0}
.cgraph .cg-va{fill:#0B76B8}
.cgraph .cg-vg{fill:#7C8894}
.cgraph .cg-beat{font-size:11px;font-style:italic;font-weight:600;fill:#00A9F4;text-anchor:middle;opacity:0}
.cgraph .cg-lg{font-size:13px;font-family:'Kaiti SC',KaiTi,STKaiti,serif}
.cg-note{opacity:0}
/* Round 1 draws the chart in the red deck's colours (sampled off r8.jpg); rounds 2–3 use the blue deck's. */
.pp-chart[data-deck=red] .cg-a{fill:#F40E00}
.pp-chart[data-deck=red] .cg-g{fill:#2A0C04}
.pp-chart[data-deck=red]{background:none}   /* nothing to cover yet: the chart group is not revealed from the render */
.pp-chart[data-deck=red] .cg-legend{display:none}   /* already on the slide, written with the takeaway band */
.cg-note rect{fill:#00A9F4}
.cgraph .cg-nt{font-size:16px;font-weight:700;fill:#051C2C;font-family:'Kaiti SC',KaiTi,STKaiti,serif}
.cgraph .cg-nb{font-size:13px;fill:#5B6773;font-family:'Kaiti SC',KaiTi,STKaiti,serif}