.slide-list-container{flex:1;overflow-x:hidden;overflow-y:auto;padding-bottom:24px;scrollbar-color:#ccc transparent;scrollbar-width:thin}.slide-list-container::-webkit-scrollbar{width:6px}.slide-list-container::-webkit-scrollbar-track{background:transparent}.slide-list-container::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.slide-list-container::-webkit-scrollbar-thumb:hover{background:#999}.slide-list-menu ul li.dragging{box-shadow:0 4px 12px #007aff33;opacity:.5;transform:scale(.98)}.drop-line{align-items:center;background:transparent;display:flex;height:3px;margin:2px 8px;padding:0;pointer-events:none}.drop-indicator{animation:dropLineGlow 1s ease-in-out infinite alternate;background:#007aff;border-radius:2px;box-shadow:0 1px 3px #007aff80;height:3px;width:100%}@keyframes dropLineGlow{0%{box-shadow:0 1px 3px #007aff80}to{box-shadow:0 1px 6px #007affcc,0 0 12px #007aff66}}.add-slide-btn{background:#e3f0ff!important;color:#007aff!important;font-weight:700}.add-slide-btn:hover{background:#b3e0ff!important}.slide-canvas,.slide-el,.slide-el-text,.slide-el-text-input{font-family:Inter,Helvetica Neue,Arial,Hiragino Sans,Meiryo,sans-serif!important}.slide-canvas{background:#fff;border-radius:16px;box-shadow:0 8px 32px #0002,0 1.5px 6px #0001;overflow:hidden;position:relative}.slide-canvas[slideshow]{border-radius:0!important;box-shadow:none!important}.slide-thumb{align-items:center;background:#fff;border-radius:6px;box-shadow:0 1px 4px #0001;display:flex;height:28px;justify-content:center;overflow:hidden;width:44px}.slide-thumb-text{color:#333;font-size:.95em;max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.canvas-zoom-wrapper{align-items:center;display:flex;height:100vh;justify-content:center;overflow:auto;position:relative;width:100vw}.modern-edit-panel{background:#fafdff;border-radius:18px;box-shadow:0 4px 24px #007aff11;box-sizing:border-box;margin:0 auto;max-width:340px;min-width:280px;padding:28px 22px 20px;text-align:left}.edit-title{color:#007aff;font-size:1.25em;font-weight:700;letter-spacing:.02em;margin-bottom:18px;text-align:center}.edit-group{display:flex;flex-direction:column;gap:4px;margin-bottom:14px}.edit-actions,.edit-group,.edit-row,.zorder-group{align-items:flex-start;justify-content:flex-start}.edit-label{color:#007aff;font-size:.98em;font-weight:600;margin-bottom:2px}.edit-input{background:#f7fafd;border:1.2px solid #e0e0e0;border-radius:8px;box-shadow:0 1px 4px #007aff11;font-size:1em;max-width:100%;outline:none;padding:7px 10px;transition:border .2s,box-shadow .2s;width:100%}.edit-input:focus{border:1.2px solid #007aff;box-shadow:0 2px 8px #007aff22}.edit-input.short{max-width:70px;min-width:0;width:70px}.edit-color{background:none;border:none;height:32px;padding:0;width:36px}.color-group .color-row{align-items:center;display:flex;flex-direction:row;gap:8px}.edit-row{display:flex;flex-direction:row;flex-wrap:wrap;gap:12px;margin-bottom:10px}.edit-actions{align-items:center;display:flex;gap:10px;justify-content:space-between;margin-top:22px}.edit-btn{background:linear-gradient(90deg,#007aff 60%,#4fc3f7);border:none;border-radius:8px;box-shadow:0 2px 8px #007aff22;color:#fff;cursor:pointer;font-size:1em;font-weight:600;min-width:90px;padding:10px 22px;transition:background .2s,box-shadow .2s,transform .1s}.edit-btn.delete{background:linear-gradient(90deg,#ff5f5f 60%,#ffb3b3)}.edit-btn.zorder{background:#e3f0ff;color:#007aff;font-weight:700;margin-left:4px;min-width:80px;padding:10px 14px}.edit-btn.zorder:hover{background:#b3e0ff}.zorder-group{display:flex;gap:8px}.share-view[data-v-4c8e6899]{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh}.error[data-v-4c8e6899],.loading[data-v-4c8e6899],.shared-slide[data-v-4c8e6899]{display:flex;flex-direction:column;min-height:100vh}.error[data-v-4c8e6899],.loading[data-v-4c8e6899]{align-items:center;justify-content:center;text-align:center}.error button[data-v-4c8e6899]{background:#007aff;border:none;border-radius:8px;color:#fff;cursor:pointer;margin-top:16px;padding:8px 16px}.share-header[data-v-4c8e6899]{background:#fff;box-shadow:0 2px 8px #0000001a;padding:24px;text-align:center}.share-header h1[data-v-4c8e6899]{color:#333;margin:0 0 16px}.slide-info[data-v-4c8e6899]{color:#666;display:flex;gap:24px;justify-content:center;margin-bottom:16px}.start-slideshow-btn[data-v-4c8e6899]{background:#007aff;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px}.slide-viewer[data-v-4c8e6899]{margin:0 auto;max-width:1400px;padding:24px}.slide-navigation[data-v-4c8e6899]{align-items:center;display:flex;gap:16px;justify-content:center;margin-bottom:24px}.slide-navigation button[data-v-4c8e6899]{background:#007aff;border:none;border-radius:8px;color:#fff;cursor:pointer;padding:8px 16px}.slide-navigation button[data-v-4c8e6899]:disabled{cursor:not-allowed;opacity:.5}.slide-counter[data-v-4c8e6899]{color:#333;font-weight:600}.slide-container[data-v-4c8e6899]{align-items:center;background:transparent;border-radius:16px;display:flex;justify-content:center;padding:24px}.keynote-bg{background:linear-gradient(135deg,#e9e9f3,#f7fafd);font-family:San Francisco,Helvetica Neue,Arial,Hiragino Sans,Meiryo,sans-serif;min-height:100vh;padding:0}.keynote-flex{display:flex;flex-direction:row;min-height:100vh}.slide-list-menu{align-items:stretch;background:#f4f6fa;border-right:1.5px solid #e0e0e0;box-shadow:2px 0 12px #0001;display:flex;flex-direction:column;height:100vh;left:0;padding:0;position:fixed;top:0;width:220px;z-index:1000}.slide-list-title{border-bottom:1.5px solid #e0e0e0;color:#007aff;flex-shrink:0;font-size:1.1em;font-weight:700;letter-spacing:.02em;margin-bottom:8px;padding:24px 0 12px;text-align:center}.slide-list-menu ul{list-style:none;margin:0;padding:0}.slide-list-menu li{align-items:center;border-radius:12px;cursor:pointer;display:flex;gap:10px;margin:4px 8px;padding:10px 16px;transition:background .15s,box-shadow .15s}.slide-list-menu li.active{background:linear-gradient(90deg,#e3f0ff 60%,#f7fafd);box-shadow:0 2px 8px #007aff22}.slide-list-menu li:hover{background:#e9f3ff}.slide-thumb{height:28px;width:44px}.slide-thumb-text{font-size:.95em;max-width:110px}.keynote-main{flex:1 1 0%;flex-direction:column;margin-left:220px;min-width:0;padding:0 0 40px}.add-bar,.keynote-main{align-items:center;display:flex}.add-bar{gap:16px;justify-content:flex-start;margin:36px auto 0;padding:0 0 18px;width:100%}.add-bar input{background:#f7fafd;border:1.5px solid #e0e0e0;border-radius:12px;box-shadow:0 1px 4px #007aff11;flex:1 1 0%;font-size:1.1em;min-width:0;outline:none;padding:10px 14px;transition:border .2s,box-shadow .2s}.add-bar input:focus{border:1.5px solid #007aff;box-shadow:0 2px 8px #007aff22}.add-bar button{background:linear-gradient(90deg,#007aff 60%,#4fc3f7);border:none;border-radius:14px;box-shadow:0 2px 8px #007aff22;color:#fff;cursor:pointer;font-size:1.1em;font-weight:600;padding:10px 22px;transition:background .2s,box-shadow .2s,transform .1s}.add-bar button:hover:not(:disabled){background:linear-gradient(90deg,#0051a8 60%,#09f);box-shadow:0 4px 16px #007aff33;transform:translateY(-2px) scale(1.04)}.add-bar button:disabled{background:#d1d5db;box-shadow:none;color:#888;cursor:not-allowed}.slideshow.keynote-slide{aspect-ratio:16/9;background:#fff;border-radius:16px;box-shadow:0 8px 32px #0002,0 1.5px 6px #0001;flex-direction:column;margin:0 auto 32px;min-height:405px;padding:0;position:relative;text-align:center;transition:box-shadow .2s}.slide-content,.slideshow.keynote-slide{align-items:center;display:flex;justify-content:center;width:100%}.slide-content{box-sizing:border-box;flex:1 1 0%;flex-direction:column;height:100%;min-height:0;min-width:0;padding:32px 32px 0}.slide-image{border-radius:18px;display:block;height:auto;margin-bottom:24px;max-height:320px;max-width:100%;-o-object-fit:contain;object-fit:contain;width:auto}.slide-text{color:#222;font-size:2em;font-weight:600;letter-spacing:.01em;margin-bottom:24px;text-align:center;width:100%}.controls{align-items:center;display:flex;gap:32px;justify-content:center;margin-bottom:0}.controls button{background:linear-gradient(90deg,#007aff 60%,#4fc3f7);border:none;border-radius:18px;box-shadow:0 2px 8px #007aff22;color:#fff;cursor:pointer;font-size:1.1em;font-weight:600;padding:12px 32px;transition:background .2s,box-shadow .2s,transform .1s}.controls button:hover:not(:disabled){background:linear-gradient(90deg,#0051a8 60%,#09f);box-shadow:0 4px 16px #007aff33;transform:translateY(-2px) scale(1.04)}.controls button:disabled{background:#d1d5db;box-shadow:none;color:#888;cursor:not-allowed}.controls span{color:#555;font-size:1.1em;font-weight:500}.panel-row{display:flex;flex-wrap:wrap;gap:32px;justify-content:center;margin-bottom:40px}.keynote-panel{align-items:stretch;background:#fff;border-radius:20px;box-shadow:0 2px 12px #0001;display:flex;flex:1 1 320px;flex-direction:column;margin:0 0 24px;max-width:400px;min-width:280px;padding:28px 24px 20px}.keynote-panel h3{color:#007aff;font-size:1.2em;font-weight:700;letter-spacing:.01em;margin-bottom:18px;margin-top:0}label{color:#333;display:block;font-size:1em;font-weight:500;margin-bottom:18px}input{background:#f7fafd;border:1.5px solid #e0e0e0;border-radius:12px;box-shadow:0 1px 4px #007aff11;font-size:1.1em;margin-top:6px;outline:none;padding:10px 14px;transition:border .2s,box-shadow .2s;width:100%}input:focus{border:1.5px solid #007aff;box-shadow:0 2px 8px #007aff22}.keynote-panel button{background:linear-gradient(90deg,#007aff 60%,#4fc3f7);border:none;border-radius:14px;box-shadow:0 2px 8px #007aff22;color:#fff;cursor:pointer;font-size:1.1em;font-weight:600;margin-top:8px;padding:10px 0;transition:background .2s,box-shadow .2s,transform .1s}.keynote-panel button:hover:not(:disabled){background:linear-gradient(90deg,#0051a8 60%,#09f);box-shadow:0 4px 16px #007aff33;transform:translateY(-2px) scale(1.04)}.keynote-panel button:disabled{background:#d1d5db;box-shadow:none;color:#888;cursor:not-allowed}.slide-canvas{overflow:hidden;position:relative}.slide-el{transition:box-shadow .15s,border .15s}.slide-el.selected{border:2px solid #007aff!important}.slide-el-img{height:100%;-o-object-fit:contain;object-fit:contain;pointer-events:none;width:100%}.slide-el-text{font-size:1.2em;font-weight:600;pointer-events:auto}.slide-el-text,.slide-el-text-input{align-items:center;display:flex;height:100%;justify-content:center;text-align:center;width:100%}.slide-el-text-input{border:2px solid #007aff;border-radius:6px;box-sizing:border-box;color:inherit;font-size:inherit;font-weight:inherit;outline:none;padding:0 6px}.left-edit-panel{background:#fafdff;box-shadow:0 2px 12px #007aff11;margin:24px 12px 0}.keynote-main.main-flex{align-items:flex-start;display:flex;flex-direction:row;min-width:0;padding:0 0 40px;width:100%}.main-center{align-items:center;display:flex;flex:1 1 0%;flex-direction:column;min-width:0}.right-edit-panel{align-self:flex-start;background:#fafdff;box-shadow:0 2px 12px #007aff11;margin:36px 24px 0;max-width:400px;min-width:260px}.resize-handle{background:#fff;border:2px solid #007aff;border-radius:50%;cursor:pointer;height:12px;position:absolute;transition:box-shadow .15s;width:12px;z-index:30}.handle-nw{cursor:nwse-resize;left:-7px;top:-7px}.handle-ne{cursor:nesw-resize;right:-7px;top:-7px}.handle-sw{bottom:-7px;cursor:nesw-resize;left:-7px}.handle-se{bottom:-7px;cursor:nwse-resize;right:-7px}.handle-n{cursor:ns-resize;left:50%;top:-7px;transform:translate(-50%)}.handle-e{cursor:ew-resize;right:-7px;top:50%;transform:translateY(-50%)}.handle-s{bottom:-7px;cursor:ns-resize;left:50%;transform:translate(-50%)}.handle-w{cursor:ew-resize;left:-7px;top:50%;transform:translateY(-50%)}.slide-el.selected{z-index:20}.keynote-main,.keynote-main.main-flex{height:100vh;min-height:0}.main-center,.slide-canvas{height:100%;min-height:0}.slide-canvas{min-width:0;width:100%}.canvas-zoom-wrapper{height:100vh;overflow:auto;position:relative;width:100vw}.canvas-zoom-ui{align-items:center;background:#fff9;border-radius:12px;bottom:6px;box-shadow:0 2px 8px #007aff22;display:flex;gap:8px;padding:6px 14px;position:fixed;right:32px;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:9999}.canvas-zoom-ui button{background:#fff;border:1.5px solid #007aff44;border-radius:6px;color:#007aff;cursor:pointer;font-size:1.1em;font-weight:600;padding:4px 10px;transition:background .2s,color .2s}.canvas-zoom-ui button:disabled{background:#f0f0f0;border-color:#ccc;color:#aaa;cursor:not-allowed}.canvas-zoom-ui span{color:#007aff;font-size:1.1em;font-weight:600;min-width:48px;text-align:center}@media (max-width:900px){.keynote-flex{flex-direction:column}.slide-list-menu{border-bottom:1.5px solid #e0e0e0;border-right:none;flex-direction:row;max-height:none;min-height:120px;overflow-x:auto;overflow-y:visible;width:100vw}.slide-list-title{display:none}.slide-list-menu ul{display:flex;flex-direction:row;gap:0;overflow-x:auto;width:100vw}.slide-list-menu li{align-items:center;flex-direction:column;gap:2px;margin:8px 4px;min-width:120px;padding:6px 4px}.slide-thumb{height:28px;width:44px}.keynote-main{padding:0 0 40px}.add-bar{flex-direction:column;gap:8px;margin:16px auto 0;max-width:98vw;padding:0 0 8px}.slideshow.keynote-slide{max-width:98vw;padding:24px 4vw 18px}.left-edit-panel{margin:8px 8px 0;max-width:320px;min-width:220px}.keynote-main.main-flex{align-items:stretch;flex-direction:column}.main-center{width:100%}.right-edit-panel{margin:16px 8px 0;max-width:100vw;min-width:0}}@media (max-width:600px){.canvas-zoom-ui{bottom:8px;padding:4px 8px;right:8px}}body,html{font-family:Inter,Helvetica Neue,Arial,Hiragino Sans,Meiryo,sans-serif;height:100%;overflow:hidden}.app-bar{align-items:center;background:linear-gradient(90deg,#007aff 60%,#4fc3f7);box-shadow:0 2px 8px #007aff22;color:#fff;display:flex;height:56px;justify-content:space-between;left:0;min-width:0;overflow-x:hidden;padding:0 32px;position:fixed;top:0;width:100%;z-index:5000}.app-bar-title{font-size:1.3em;font-weight:700;letter-spacing:.04em}.app-bar-left{display:flex;gap:12px;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch;align-items:center;flex-shrink:1;max-width:calc(100vw - 300px);min-width:0}.app-bar-btn{background:#fff;border:none;border-radius:8px;box-shadow:0 1px 4px #007aff11;color:#007aff;cursor:pointer;font-size:1em;font-weight:600;padding:7px 16px;transition:background .2s,color .2s}.app-bar-btn:hover{background:#e3f0ff;color:#0051a8}.keynote-bg{padding-bottom:72px;padding-top:56px}.canvas-zoom-wrapper,.keynote-main .main-center{align-items:center;display:flex;height:100%;justify-content:center}.canvas-zoom-wrapper{overflow:hidden;width:100%}.main-slide-container{height:720px;position:relative;width:1280px}.slideshow-overlay{background:#111e;bottom:0;font-family:Inter,Helvetica Neue,Arial,Hiragino Sans,Meiryo,sans-serif;right:0;z-index:99999}.slideshow-canvas-wrapper{background:#000;height:100vh;max-height:100vh;max-width:100vw;overflow:hidden;width:100vw}.slideshow-canvas-scaler{align-items:center;display:flex;height:720px;justify-content:center;width:1280px}.slideshow-canvas-wrapper>.slide-canvas{align-items:center;aspect-ratio:16/9;background:#fff;border-radius:0;box-shadow:none;display:flex;font-family:Inter,Helvetica Neue,Arial,Hiragino Sans,Meiryo,sans-serif;justify-content:center;max-height:100vh!important;max-width:100vw!important}.slideshow-exit-btn{font-size:1.1em;padding:8px 18px;right:24px;top:18px}.slideshow-exit-btn,.slideshow-next-btn,.slideshow-prev-btn{background:#fff;box-shadow:0 1px 4px #007aff22;color:#007aff;z-index:10}.slideshow-next-btn,.slideshow-prev-btn{font-size:2em;height:48px;opacity:.8;width:48px}.slideshow-prev-btn{left:-64px}.slideshow-next-btn{right:-64px}.slideshow-page{background:#fff9;border-radius:8px;bottom:18px;box-shadow:0 1px 4px #007aff22;color:#007aff;font-size:1.1em;padding:4px 16px;right:32px}.autosave-toggle{align-items:center;color:#fff;display:flex;font-size:1em;font-weight:600;gap:8px;height:100%;margin-left:16px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.autosave-toggle input[type=checkbox]{accent-color:#007aff;height:18px;width:18px}.ios-switch{display:inline-block;height:26px;position:relative;width:44px}.ios-switch input[type=checkbox]{height:0;opacity:0;width:0}.ios-switch .slider{background:#ccc;border-radius:26px;cursor:pointer;inset:0;position:absolute;transition:background .2s}.ios-switch .slider:before{background:#fff;border-radius:50%;bottom:2px;box-shadow:0 1px 4px #0002;content:"";height:22px;left:2px;position:absolute;transition:transform .2s;width:22px}.ios-switch input:checked+.slider{background:#4fc3f7}.ios-switch input:checked+.slider:before{transform:translate(18px)}.home-bg{align-items:center;background:linear-gradient(135deg,#e9e9f3,#f7fafd);display:flex;justify-content:center;min-height:100vh}.home-container{background:#fff;border-radius:24px;box-shadow:0 4px 24px #007aff22;max-width:60vw;min-width:340px;padding:48px 32px 32px;width:100%}.home-btn{background:#007aff;border:none;border-radius:12px;box-shadow:0 2px 8px #007aff22;color:#fff;cursor:pointer;font-size:1.2em;font-weight:700;margin-bottom:24px;margin-right:10px;padding:12px 32px;transition:background .2s}.home-btn:hover{background:#0051a8}.slides-list{margin-top:16px}.slide-list-item{align-items:center;background:#f4f6fa;border-radius:10px;box-shadow:0 1px 4px #007aff11;display:flex;gap:16px;margin-bottom:12px;padding:16px 18px;position:relative;transition:all .2s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.slide-list-item.dragging{box-shadow:0 4px 12px #007aff33;opacity:.5;transform:scale(.98)}.slide-list-item.drag-over{background:#e3f0ff;border:2px dashed #007aff;box-shadow:0 4px 16px #007aff44;transform:scale(1.02)}.slide-list-item:hover:not(.dragging){background:#eef2ff;box-shadow:0 2px 8px #007aff22;transform:translateY(-1px)}.drag-handle{align-items:center;cursor:grab;display:flex;flex-shrink:0;height:32px;justify-content:center;opacity:.6;transition:opacity .2s;width:20px}.drag-handle:active{cursor:grabbing}.drag-handle:hover{opacity:1}.drag-icon{color:#666;font-size:14px;font-weight:700;letter-spacing:-2px;line-height:1}.slide-actions{display:flex;flex-shrink:0;gap:8px}.slide-title{color:#007aff;flex:1 1 0%;font-size:1.1em;font-weight:600}.slide-date{color:#888;font-size:.95em;margin-right:12px}.slide-list-item button{background:#fff;border:1.5px solid #007aff44;border-radius:6px;color:#007aff;cursor:pointer;flex-shrink:0;font-size:1em;font-weight:600;padding:6px 16px;transition:background .2s,color .2s}.slide-list-item button:hover{background:#e3f0ff;color:#0051a8}.slide-thumb{align-items:center;background:#fff;border-radius:6px;box-shadow:0 1px 4px #0001;display:flex;height:36px;justify-content:center;margin-right:12px;overflow:hidden;width:56px}.slide-thumb img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.slide-thumb-text{color:#333;font-size:.8em;font-weight:600;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.slide-thumb-placeholder{color:#bbb;font-size:.7em;text-align:center}.slide-title-input{background:#f7fafd;border:1.5px solid #e0e0e0;border-radius:8px;box-shadow:0 1px 4px #007aff11;color:#222;font-size:1.1em;font-weight:600;margin-right:12px;max-width:320px;min-width:180px;outline:none;padding:6px 16px;transition:border .2s,box-shadow .2s}.slide-title-input:focus{border:1.5px solid #007aff;box-shadow:0 2px 8px #007aff22}.bottom-bar{align-items:center;background:linear-gradient(90deg,#007aff 60%,#4fc3f7);bottom:0;box-shadow:0 -2px 8px #007aff22;color:#fff;display:flex;gap:12px;height:56px;justify-content:center;left:0;padding:0 24px;position:fixed;right:0;z-index:5000}.bottom-bar-btn{background:#fff;border:none;border-radius:8px;box-shadow:0 1px 4px #007aff11;color:#007aff;cursor:pointer;font-size:1em;font-weight:600;padding:7px 16px;transition:background .2s,color .2s}.bottom-bar-btn:hover{background:#e3f0ff;color:#0051a8}.bottom-bar .canvas-zoom-ui{align-items:center;background:none;box-shadow:none;display:flex;gap:4px;margin:0 12px}.bottom-bar .canvas-zoom-ui button{background:#fff;border:none;border-radius:6px;color:#007aff;cursor:pointer;font-size:1em;font-weight:600;padding:4px 10px;transition:background .2s,color .2s}.bottom-bar .canvas-zoom-ui button:disabled{cursor:not-allowed;opacity:.5}.bottom-bar .canvas-zoom-ui span{color:#fff;font-weight:600;min-width:40px;text-align:center}.bottom-autosave{color:#fff;font-size:1em;font-weight:600;height:100%;margin-left:16px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.slideshow-overlay{background:#000;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:10000}.slideshow-canvas-wrapper,.slideshow-overlay{align-items:center;display:flex;justify-content:center}.slideshow-canvas-wrapper{height:100%;position:relative;width:100%}.slideshow-canvas-scaler{box-shadow:0 8px 32px #0000004d;position:relative}.slideshow-exit-btn{background:#ffffffe6;border:none;border-radius:8px;box-shadow:0 2px 8px #0003;color:#333;cursor:pointer;font-size:1em;font-weight:600;padding:10px 20px;position:absolute;right:20px;top:20px;transition:all .2s ease;z-index:10001}.slideshow-exit-btn:hover{background:#fff;box-shadow:0 4px 12px #0000004d;transform:translateY(-1px)}.slideshow-next-btn,.slideshow-prev-btn{align-items:center;background:#ffffffe6;border:none;border-radius:50%;box-shadow:0 2px 8px #0003;color:#333;cursor:pointer;display:flex;font-size:24px;font-weight:700;height:60px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:all .2s ease;width:60px;z-index:10001}.slideshow-prev-btn{left:20px}.slideshow-next-btn{right:20px}.slideshow-next-btn:hover,.slideshow-prev-btn:hover{background:#fff;box-shadow:0 4px 12px #0000004d;transform:translateY(-50%) scale(1.1)}.slideshow-next-btn:disabled,.slideshow-prev-btn:disabled{cursor:not-allowed;opacity:.5;transform:translateY(-50%) scale(1)}.slideshow-next-btn.at-boundary,.slideshow-prev-btn.at-boundary{background:#ffc7c7e6;color:#d32f2f}.slideshow-next-btn.at-boundary:hover,.slideshow-prev-btn.at-boundary:hover{background:#ffb4b4;color:#b71c1c}.slideshow-page{background:#ffffffe6;border-radius:20px;bottom:20px;box-shadow:0 2px 8px #0003;color:#333;font-size:1em;font-weight:600;left:50%;padding:8px 16px;position:absolute;transform:translate(-50%);z-index:10001}.auth-section{align-items:center;display:flex;flex-shrink:0;gap:12px}.google-login-btn{align-items:center;background:#fff!important;border:1px solid #dadce0;border-radius:8px;box-shadow:0 1px 3px #0000001a;color:#757575!important;cursor:pointer;display:flex;font-size:.9em;font-weight:500;gap:8px;padding:8px 16px;transition:all .2s}.google-login-btn:hover{background:#f8f9fa!important;box-shadow:0 2px 8px #00000026}.google-logo{height:18px;width:18px}.user-menu{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:8px;cursor:pointer;display:flex;gap:8px;padding:6px 12px;position:relative;transition:all .2s}.user-menu:hover{background:#fff3}.user-menu.menu-open{background:#ffffff40}.user-avatar{border:2px solid hsla(0,0%,100%,.3);border-radius:50%;height:32px;width:32px}.user-name{color:#fff;font-size:.9em;font-weight:600;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-arrow{color:#fff;font-size:.7em;transition:transform .2s}.menu-open .dropdown-arrow{transform:rotate(180deg)}.user-dropdown{background:#fff;border-radius:8px;box-shadow:0 4px 16px #0003;margin-top:8px;min-width:150px;overflow:hidden;position:absolute;right:0;top:100%;z-index:10001}.dropdown-item{background:#fff;border:none;color:#333;cursor:pointer;font-size:.9em;padding:12px 16px;text-align:left;transition:background-color .2s;width:100%}.dropdown-item:hover{background:#f5f5f5}.auth-btn{background:#4285f4!important;color:#fff!important}.auth-btn:hover{background:#3367d6!important}.user-info{align-items:center;display:flex;gap:8px}.auth-status{background:#e3f2fd;border-radius:8px;color:#1976d2;font-weight:600;margin-bottom:16px;padding:12px;text-align:center}.slide-tabs{display:flex;gap:8px;justify-content:center;margin-bottom:16px}.tab-btn{background:#fff;border:2px solid #007aff;border-radius:8px;color:#007aff;cursor:pointer;font-weight:600;padding:8px 16px;transition:all .2s}.tab-btn.active,.tab-btn:hover{background:#007aff;color:#fff}.firebase-slide{border-left:4px solid #4285f4}.firebase-slide .slide-thumb{background:linear-gradient(135deg,#4285f4,#34a853)}.firebase-slide .slide-thumb-placeholder{color:#fff;font-size:1.2em}