@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Fira+Code:wght@400;500&display=swap";:root{--bg-color:#0f1115;--panel-bg:#17192199;--border-color:#ffffff14;--text-primary:#f8fafc;--text-secondary:#94a3b8;--accent-color:#6366f1;--accent-glow:#6366f14d;--gradient-bg:linear-gradient(135deg, #0f1115 0%, #1e1b4b 100%);--shadow-sm:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--shadow-md:0 10px 15px -3px #0000004d, 0 4px 6px -2px #00000026;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--gradient-bg);width:100vw;height:100vh;color:var(--text-primary);margin:0;padding:0;overflow:hidden}#root{width:100%;height:100%}.app-container{background:radial-gradient(circle at 50% -20%,#6366f126,#0000 50%);flex-direction:column;width:100%;height:100%;display:flex}.header{-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);z-index:10;background:#0f1115cc;justify-content:space-between;align-items:center;height:60px;padding:0 1.5rem;display:flex}.header-title{background:linear-gradient(90deg,#818cf8,#c084fc);-webkit-text-fill-color:transparent;-webkit-background-clip:text;align-items:center;gap:.5rem;font-size:1.1rem;font-weight:600;display:flex}.header-badges{align-items:center;gap:1rem;display:flex}.badge{border:1px solid var(--border-color);color:var(--text-secondary);background:#ffffff0d;border-radius:9999px;align-items:center;gap:.375rem;padding:.25rem .75rem;font-size:.8rem;font-weight:500;display:flex}.badge.active{color:#4ade80;background:#22c55e1a;border-color:#22c55e33}.badge.active .dot{background-color:#4ade80;border-radius:50%;width:6px;height:6px;animation:2s infinite pulse;box-shadow:0 0 8px #4ade80}@keyframes pulse{0%{opacity:1;box-shadow:0 0 8px #4ade80}50%{opacity:.5;box-shadow:0 0 2px #4ade80}to{opacity:1;box-shadow:0 0 8px #4ade80}}.workspace{flex:1;display:flex;position:relative;overflow:hidden}.pane{background:var(--panel-bg);-webkit-backdrop-filter:blur(16px);flex-direction:column;flex:1;display:flex;overflow:hidden}.pane-editor{border-right:1px solid var(--border-color)}.pane-header{color:var(--text-secondary);border-bottom:1px solid var(--border-color);text-transform:uppercase;letter-spacing:.05em;background:#0003;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.85rem;font-weight:500;display:flex}.cm-theme-dark{height:100%}.cm-editor{font-size:14px;height:100%!important;font-family:Fira Code,monospace!important}.cm-scroller{padding:1rem 0;font-family:Fira Code,monospace!important}.yRemoteSelection{background-color:#fa810033}.yRemoteSelectionHead{box-sizing:border-box;z-index:10;border-top:2px solid orange;border-bottom:2px solid orange;border-left:2px solid orange;height:1.2em;display:inline-block;position:absolute}.yRemoteSelectionHead:after{content:" ";border:4px solid #0000;border-top-color:orange;position:absolute;top:-4px;left:-2px}.preview-container{background:#111;flex:1;justify-content:center;align-items:center;padding:2rem;display:flex;overflow:auto}.slide-wrapper{box-shadow:var(--shadow-md);aspect-ratio:16/9;background:#fff;border-radius:8px;flex-direction:column;width:100%;max-width:1280px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden}.slide-wrapper:hover{box-shadow:0 20px 25px -5px #0006,0 8px 10px -6px #0003}.loading-screen{background:var(--bg-color);flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;height:100vh;display:flex}.spinner{border:3px solid #ffffff1a;border-top-color:var(--accent-color);border-radius:50%;width:40px;height:40px;animation:1s ease-in-out infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{color:var(--text-secondary);font-weight:500;animation:2s infinite pulse}