*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:"Segoe UI",system-ui,sans-serif;background:#f3f2f1;color:#262626;display:flex;flex-direction:column;min-height:100dvh}
.titlebar{display:flex;align-items:center;gap:8px;padding:5px 10px;background:#b33a1f;color:#fff}.glyph{width:26px;height:26px}.decktitle{flex:1;min-width:0;font:inherit;font-size:15px;font-weight:600;color:#fff;border:1px solid transparent;border-radius:4px;padding:4px 8px;background:transparent;text-align:center}.decktitle:focus{border-color:#fff;background:rgba(255,255,255,.15);outline:none}.savestate{font-size:12px;color:rgba(255,255,255,.85);white-space:nowrap}.qatbtn{font:inherit;font-size:13px;font-weight:600;color:#fff;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.5);border-radius:4px;padding:6px 10px;cursor:pointer}
.ribbon{background:#fff;border-bottom:1px solid #d2d0ce;position:relative;z-index:30}.ribbontabs{display:flex;gap:2px;padding:2px 8px 0}.filebtn{font:inherit;font-size:13.5px;font-weight:600;color:#fff;background:#b33a1f;border:0;border-radius:4px 4px 0 0;padding:6px 16px;cursor:pointer;min-height:32px}.ribtab{font:inherit;font-size:13.5px;background:transparent;border:0;border-bottom:3px solid transparent;padding:6px 12px;cursor:pointer;min-height:32px}.ribtab.active{font-weight:700;color:#b33a1f;border-bottom-color:#b33a1f}.menuwrap{position:relative}.menupanel{position:absolute;top:calc(100% + 4px);left:0;min-width:272px;background:#fff;border:1px solid #d2d0ce;border-radius:6px;box-shadow:0 6px 20px rgba(0,0,0,.22);padding:6px 0;z-index:50}.menupanel[hidden]{display:none}.menuitem{display:block;width:100%;text-align:left;font:inherit;font-size:13.5px;background:transparent;border:0;padding:8px 16px;cursor:pointer}.menuitem:hover{background:#fdeee9}.menuhint{display:block;font-size:11.5px;color:#605e5c}.menusep{height:1px;background:#edebe9;margin:6px 0}.ribbonbody{background:#faf9f8;border-top:1px solid #edebe9}.ribbonpanel{display:flex;padding:6px 8px;overflow-x:auto}.ribbonpanel[hidden]{display:none}.rgroup{display:flex;flex-direction:column;align-items:center;padding:0 10px;border-right:1px solid #e1dfdd}.rrow{display:flex;align-items:center;gap:4px;flex:1}.rlabel{font-size:11px;color:#605e5c}.rbtn{min-height:32px;padding:0 8px;border:1px solid transparent;border-radius:4px;background:transparent;font:inherit;font-size:14px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.rbtn:hover{background:#fdeee9}.rbtn.on{background:#fbd38d;border-color:#b33a1f}.rbtn.big{height:38px;padding:0 12px;font-size:13.5px;white-space:nowrap}.rbtn.bold{font-weight:700}.colorbtn{gap:4px}select{font:inherit;padding:5px;border:1px solid #d2d0ce;border-radius:4px}
main{flex:1;display:flex;min-height:0}#slideRail{width:190px;flex:none;background:#fff;border-right:1px solid #d2d0ce;overflow-y:auto;padding:10px}#thumbList{display:flex;flex-direction:column;gap:10px}.thumb{cursor:pointer;border:2px solid transparent;border-radius:6px;padding:4px}.thumb.active{border-color:#b33a1f}.thumb-slide{position:relative;aspect-ratio:16/9;border:1px solid #ccc;border-radius:3px;overflow:hidden;font-size:4px}.thumb-el{position:absolute;overflow:hidden;white-space:pre-wrap}.thumb-num{font-size:11px;color:#666}.railadd{width:100%;margin-top:10px;padding:8px;border:1px dashed #b33a1f;background:#fff;color:#b33a1f;border-radius:6px;cursor:pointer;font:inherit}
#stageWrap{flex:1;padding:16px;overflow:auto;display:flex;flex-direction:column;align-items:center}#canvasScaler{width:min(960px,100%)}#slideCanvas{position:relative;width:100%;aspect-ratio:16/9;background:#fff;border:1px solid #d2d0ce;box-shadow:0 4px 18px rgba(0,0,0,.12);transform-origin:top left;overflow:hidden}.el{position:absolute;padding:6px;overflow:hidden;cursor:move;white-space:pre-wrap;word-break:break-word;line-height:1.25}.el.selected{outline:2px solid #b33a1f}.el-text{outline:none;min-height:1em}.handle{position:absolute;right:-6px;bottom:-6px;width:14px;height:14px;background:#b33a1f;border:2px solid #fff;border-radius:50%;cursor:nwse-resize;z-index:5}.fine{font-size:12px;color:#605e5c}footer{padding:6px 12px;background:#f3f2f1}.version{font-size:11px;color:#8a8886}
#presentOverlay{position:fixed;inset:0;background:#000;z-index:100;display:flex;align-items:center;justify-content:center}#presentOverlay[hidden]{display:none}#presentSlide{position:relative;width:100vw;height:56.25vw;max-height:100vh;max-width:177.78vh;aspect-ratio:16/9;overflow:hidden}#presentSlide .el{cursor:default}.presenthint{position:fixed;bottom:10px;left:50%;transform:translateX(-50%);color:#fff;background:rgba(0,0,0,.6);padding:4px 10px;border-radius:999px;font-size:12px}
@media(max-width:700px){#slideRail{width:110px;padding:6px}.savestate{display:none}#stageWrap{padding:8px}}