.slides-body{background:#faf8f5}.upload-button{position:relative;cursor:pointer;margin:0;overflow:hidden}.upload-button input{position:absolute;inset:0;opacity:0;cursor:pointer;font-size:0}.slide-workspace{display:grid;grid-template-columns:230px minmax(0,1fr);gap:28px;margin-top:25px}.slide-sidebar{padding-right:20px;border-right:1px solid var(--line)}.slide-thumbnails{display:flex;flex-direction:column;gap:10px;margin-top:20px}.slide-thumb{background:white;color:#49345a;text-align:left;justify-content:start;border:1px solid #d9c8e7;border-radius:14px;font-size:12px;padding:15px 12px}.slide-thumb.active{background:#e9d8fa;border:2px solid #8c5eaf}.slide-thumb span{background:#39234d;color:#d6ff69;border-radius:7px;padding:6px 10px}.slide-thumb strong{font-size:12px;line-height:1.4}.slide-edit-area{min-width:0}.slide-edit-area>.row{margin-bottom:16px}.slide-canvas{position:relative;width:100%;aspect-ratio:var(--ratio);overflow:hidden;container-type:inline-size;box-shadow:0 12px 35px #29183f18}.slide-element{position:absolute;overflow:hidden;white-space:pre-wrap;font-family:Arial,sans-serif;line-height:1.12;overflow-wrap:break-word}.slide-element.image img{display:block;width:100%;height:100%;object-fit:fill}.slide-element.ellipse{border-radius:50%}.element-selected{outline:2px dashed #ae7be1;outline-offset:2px}.slide-element[role=button]{cursor:pointer}.slide-add{margin-top:20px}.slide-add label{font-size:12px}.slide-add input[type=color]{height:30px;width:70px;padding:2px}.element-settings{margin-top:20px;padding:22px}.element-settings h3{margin:0}.element-format>label{min-width:100px;max-width:180px}.element-position{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.element-settings input[type=color]{height:40px;padding:3px;max-width:120px}.slide-edit-area textarea{min-height:100px}.import-notes{margin-top:20px}.import-notes summary{font-weight:750;cursor:pointer}.import-notes li{margin:8px 0}.slide-presenting{background:#160e24;color:white;overflow:hidden}.slide-presenting>header{display:none}.slide-presenting #slides-app{width:100%;max-width:none;height:100dvh;min-height:0;padding:12px 20px;display:flex;flex-direction:column;gap:12px}.presentation-stage{flex:1;min-height:0;display:flex;align-items:center;justify-content:center}.presentation-stage .slide-canvas{max-width:calc((100dvh - 120px)*16/9);max-height:calc(100dvh - 100px);width:100%;box-shadow:none}.presentation-controls{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:12px;flex-wrap:wrap;padding:6px 0}.presentation-controls .ghost{color:#dfc5f7;border-color:#806096}.presenter-notes{position:absolute;bottom:90px;right:30px;max-width:500px;max-height:40vh;overflow:auto;padding:25px;background:#38234f;border:1px solid #9167af;border-radius:18px;box-shadow:0 10px 40px #0008}.presenter-notes p{white-space:pre-wrap;margin-top:12px;margin-bottom:0}.slide-presenting .presentation-controls .row{gap:8px}@media(max-width:900px){.slide-workspace{grid-template-columns:1fr}.slide-sidebar{padding:0;border:0}.slide-thumbnails{flex-direction:row;overflow:auto;padding-bottom:10px}.slide-thumb{min-width:180px;max-width:230px}.slide-sidebar .full{max-width:220px}.slide-sidebar>label{max-width:550px}.element-position{grid-template-columns:1fr 1fr}.slide-presenting #slides-app{padding:10px}.presentation-controls{gap:10px}.presentation-controls>span{order:-1;flex-basis:100%}.presentation-stage .slide-canvas{max-height:calc(100dvh - 180px)}.presenter-notes{right:15px;left:15px;bottom:140px}}@media print{body>header,.presentation-controls,.presenter-notes{display:none!important}.slide-presenting{overflow:auto;background:white}.slide-presenting #slides-app{height:auto;padding:0}.slide-canvas{box-shadow:none}}
.presentation-stage .slide-canvas{width:min(100%,calc((100dvh - 130px)*var(--present-ratio)));max-width:none;max-height:none}@media(max-width:900px){.presentation-stage .slide-canvas{width:min(100%,calc((100dvh - 200px)*var(--present-ratio)))}}
#slide-preview .slide-element[role=button]{cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none}#slide-preview .slide-element.element-dragging{cursor:grabbing;outline:2px solid #d6ff69;z-index:1000}#slide-preview .slide-element img{pointer-events:none;-webkit-user-drag:none}
.slide-element.youtube iframe{display:block;width:100%;height:100%;border:0}.youtube-placeholder{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:#160e24;color:#fff;border:1px solid #8f6aaf;white-space:normal;text-align:center}.youtube-placeholder b{font-size:5cqw;color:#d6ff69}.youtube-placeholder strong{font-size:2cqw}.youtube-placeholder small{font-size:1.3cqw;color:#dfc5f7}.youtube-dialog{width:min(560px,90vw);max-height:90dvh;overflow:auto;color:#29183f;border:1px solid #d9c8e7}.youtube-dialog::backdrop{background:#160e24bb}.video-playback-help{flex-basis:100%;font-size:12px;color:#dfc5f7;margin:0}.video-playback-help a{color:#d6ff69}.slide-presenting.has-video-slide .presentation-stage .slide-canvas{width:min(100%,calc((100dvh - 210px)*var(--present-ratio)))}@media(max-width:900px){.slide-presenting.has-video-slide .presentation-stage .slide-canvas{width:min(100%,calc((100dvh - 280px)*var(--present-ratio)))}}