@import"https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;1,400&family=Inter:wght@300;400;500&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-chrome: #111111;--bg-chrome-mid: #1a1a1a;--bg-chrome-light: #222222;--border: #2a2a2a;--border-mid: #333333;--text-dim: #555555;--text-mid: #888888;--text-light: #aaaaaa;--text-bright: #dddddd;--accent-teal: #B8E3E9;--accent-coral: #F5C5C5;--gradient: linear-gradient(90deg, var(--accent-teal), var(--accent-coral));--slide-w: 1280px;--slide-h: 720px;--header-h: 44px;--nav-h: 52px;--sidebar-w: 200px;--notes-h: 180px}html,body,#root{height:100%;overflow:hidden;background:var(--bg-chrome);color:var(--text-light);font-family:Inter,Helvetica Neue,sans-serif;font-size:13px;-webkit-font-smoothing:antialiased}.presenter-root{display:flex;flex-direction:column;height:100vh;overflow:hidden}.presenter-header{height:var(--header-h);background:var(--bg-chrome);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 16px;flex-shrink:0;gap:16px;z-index:50}.header-left{display:flex;align-items:center;gap:12px;min-width:0}.header-center{display:flex;align-items:center;gap:10px;flex:1;justify-content:center}.header-right{display:flex;align-items:center;gap:8px}.header-title{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-mid);white-space:nowrap}.lock-badge{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);border:1px solid var(--border-mid);padding:2px 8px;border-radius:2px;white-space:nowrap}.slide-counter{font-size:11px;color:var(--text-dim);font-variant-numeric:tabular-nums;letter-spacing:.06em}.slide-name{font-size:12px;color:var(--text-light);letter-spacing:.04em}.icon-btn{background:none;border:none;color:var(--text-mid);cursor:pointer;padding:6px;border-radius:3px;display:flex;align-items:center;justify-content:center;transition:color .15s,background .15s;flex-shrink:0}.icon-btn:hover{color:var(--text-bright);background:var(--bg-chrome-light)}.notes-toggle{background:none;border:1px solid var(--border-mid);color:var(--text-mid);cursor:pointer;padding:4px 12px;border-radius:3px;font-size:11px;font-family:inherit;letter-spacing:.06em;text-transform:uppercase;transition:all .15s}.notes-toggle:hover{color:var(--text-bright);border-color:var(--text-dim)}.notes-toggle.active{color:var(--accent-teal);border-color:var(--accent-teal);background:#b8e3e90f}.presenter-body{flex:1;display:flex;overflow:hidden;min-height:0}.slide-sidebar{width:0;background:#0d0d0d;border-right:1px solid var(--border);overflow:hidden;flex-shrink:0;transition:width .22s ease}.slide-sidebar.open{width:var(--sidebar-w)}.sidebar-inner{width:var(--sidebar-w);padding:8px;overflow-y:auto;height:100%}.sidebar-inner::-webkit-scrollbar{width:4px}.sidebar-inner::-webkit-scrollbar-track{background:transparent}.sidebar-inner::-webkit-scrollbar-thumb{background:var(--border-mid);border-radius:2px}.thumb-item{display:flex;align-items:baseline;gap:7px;width:100%;background:none;border:1px solid var(--border);border-radius:2px;padding:7px 8px;cursor:pointer;margin-bottom:4px;text-align:left;transition:border-color .15s,background .15s;font-family:inherit}.thumb-item:hover{border-color:var(--text-dim);background:var(--bg-chrome-light)}.thumb-item.active{border-color:var(--accent-teal);background:#b8e3e90d}.thumb-num{font-size:9px;color:var(--text-dim);font-variant-numeric:tabular-nums;letter-spacing:.06em;flex-shrink:0}.thumb-item.active .thumb-num{color:var(--accent-teal)}.thumb-label{font-size:10px;color:var(--text-mid);letter-spacing:.04em;text-transform:uppercase;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.thumb-item.active .thumb-label{color:var(--text-light)}.stage-area{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.slide-stage{flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:24px;min-height:0}.slide-wrapper{position:relative;width:var(--slide-w);height:var(--slide-h);transform-origin:center center;box-shadow:0 12px 48px #000000b3,0 2px 8px #0006}.slide-iframe{width:var(--slide-w);height:var(--slide-h);border:none;display:block;background:#f7f7f7}.notes-panel{height:var(--notes-h);border-top:1px solid var(--border);background:var(--bg-chrome);display:flex;flex-direction:column;flex-shrink:0}.notes-header{display:flex;align-items:center;justify-content:space-between;padding:8px 16px 6px;border-bottom:1px solid var(--border)}.notes-label{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim)}.notes-hint{font-size:10px;color:var(--text-dim);letter-spacing:.04em}.notes-textarea{flex:1;background:transparent;border:none;outline:none;resize:none;color:var(--text-light);font-family:Inter,Helvetica Neue,sans-serif;font-size:13px;line-height:1.65;padding:12px 16px;caret-color:var(--accent-teal)}.notes-textarea::placeholder{color:var(--text-dim)}.notes-textarea::-webkit-scrollbar{width:4px}.notes-textarea::-webkit-scrollbar-thumb{background:var(--border-mid);border-radius:2px}.presenter-nav{height:var(--nav-h);background:var(--bg-chrome);border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 20px;flex-shrink:0;gap:16px}.nav-btn{background:var(--bg-chrome-light);border:1px solid var(--border-mid);color:var(--text-mid);padding:8px 22px;border-radius:3px;cursor:pointer;font-size:12px;font-family:inherit;letter-spacing:.04em;transition:all .15s;white-space:nowrap}.nav-btn:hover:not(:disabled){background:var(--bg-chrome-light);border-color:var(--text-dim);color:var(--text-bright)}.nav-btn:disabled{opacity:.2;cursor:not-allowed}.progress-area{flex:1;display:flex;align-items:center;gap:12px;max-width:480px}.progress-track{flex:1;height:2px;background:var(--border-mid);border-radius:1px;overflow:hidden}.progress-fill{height:100%;background:var(--gradient);border-radius:1px;transition:width .3s ease}.progress-label{font-size:10px;color:var(--text-dim);letter-spacing:.06em;font-variant-numeric:tabular-nums;width:28px;text-align:right}@media (max-width: 900px){.slide-sidebar.open{width:160px}}