@import"https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800&family=Plus+Jakarta+Sans:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";:root{--app-bg: #07090e;--stage-bg: #0b0e14;--text-primary: #f8fafc;--text-secondary: #94a3b8;--accent-color: #10b981;--accent-glow: rgba(16, 185, 129, .4);--accent-bg: #064e3b;--input-bg: rgba(11, 15, 23, .8);--border-color: rgba(16, 185, 129, .18);--glass-border: rgba(255, 255, 255, .06);--font-sans: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--font-display: "Outfit", sans-serif;--font-mono: "JetBrains Mono", monospace}html,body{height:100%;margin:0;padding:0;font-family:var(--font-sans);background-color:var(--app-bg);color:var(--text-primary);overflow:hidden}#root{height:100vh;width:100vw;display:flex;flex-direction:column}.immersive-app{flex:1;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;perspective:1500px;overflow:hidden}.stage-container{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;transition:all .5s cubic-bezier(.16,1,.3,1)}.empty-state{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;text-align:center;color:var(--text-secondary);opacity:1;transform:scale(1);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1),visibility 0s linear .8s;z-index:0;animation:ambientFadeIn 1.5s ease-out forwards;padding:20px}@keyframes ambientFadeIn{0%{opacity:0}to{opacity:1}}.empty-state.fade-out{opacity:0;transform:scale(1.05) translateY(-10px);visibility:hidden;pointer-events:none}.empty-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:20px;width:100%}.empty-content h1{font-family:var(--font-display);color:#fff;font-weight:900;letter-spacing:-.02em;font-size:7rem;margin:0;opacity:0;animation:dramaticEntrance 1.4s cubic-bezier(.16,1,.3,1) forwards;animation-delay:.1s;line-height:1;transform:perspective(1000px) rotateX(16deg) rotateY(-8deg);transform-style:preserve-3d;text-shadow:-1px 1px 0px #0d9488,-2px 2px 0px #0f766e,-3px 3px 0px #115e59,-4px 4px 0px #134e4a,-5px 5px 0px #042f2e,-6px 6px 15px rgba(16,185,129,.4),0 0 40px rgba(16,185,129,.25)}.empty-content p{font-size:1.4rem;max-width:550px;line-height:1.4;margin:0;opacity:0;color:#94a3b8;animation:dramaticEntrance 1.4s cubic-bezier(.16,1,.3,1) forwards;animation-delay:.3s}.surprise-button{margin-top:15px;background:linear-gradient(135deg,#10b98133,#06b6d433);border:1px solid rgba(16,185,129,.4);color:#fff;padding:12px 28px;border-radius:99px;font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;opacity:0;animation:dramaticEntrance 1.4s cubic-bezier(.16,1,.3,1) forwards;animation-delay:.5s;transition:all .3s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 20px #10b98126}.surprise-button:hover{background:linear-gradient(135deg,#10b9814d,#06b6d44d);border-color:#10b98199;transform:translateY(-2px) scale(1.03);box-shadow:0 10px 25px #10b98159}.empty-themes-suggestions{margin-top:32px;display:flex;flex-direction:column;align-items:center;gap:12px;opacity:0;animation:dramaticEntrance 1.4s cubic-bezier(.16,1,.3,1) forwards;animation-delay:.6s;width:100%}.empty-themes-suggestions .suggestions-title{font-size:.82rem;font-weight:700;color:#ffffff73;text-transform:uppercase;letter-spacing:.08em}.empty-themes-suggestions .suggestions-list{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;max-width:600px}.empty-themes-suggestions .suggestion-tag{background:#10b98112;border:1px solid rgba(16,185,129,.22);color:#34d399;padding:6px 14px;border-radius:99px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .25s cubic-bezier(.16,1,.3,1)}.empty-themes-suggestions .suggestion-tag:hover{background:#10b98133;border-color:#10b981;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #10b98140}@keyframes dramaticEntrance{0%{opacity:0;filter:blur(12px);transform:translateY(30px) scale(.97)}to{opacity:1;filter:blur(0);transform:translateY(0) scale(1)}}.session-group{position:absolute;width:100%;height:100%;display:flex;align-items:center;justify-content:center;transition:transform .8s cubic-bezier(.16,1,.3,1),opacity .8s ease,filter .8s ease;transform-style:preserve-3d}.session-group.active-session{transform:translate(0) scale(1);opacity:1;z-index:10;pointer-events:auto}.session-group.past-session{transform:translate(-120%) translateZ(-300px);opacity:0;z-index:5;pointer-events:none}.session-group.future-session{transform:translate(120%) translateZ(-300px);opacity:0;z-index:5;pointer-events:none}.artifact-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:28px;width:95%;max-width:1500px;height:72vh;perspective:1200px;transition:all .6s cubic-bezier(.16,1,.3,1)}.stage-container.mode-focus .artifact-grid{pointer-events:none}.artifact-card{position:relative;background:#0a0c12d9;border-radius:16px;border:1px solid rgba(16,185,129,.18);overflow:hidden;display:flex;flex-direction:column;cursor:pointer;transition:all .6s cubic-bezier(.16,1,.3,1);box-shadow:0 10px 40px -10px #000000b3;transform-origin:center center;pointer-events:auto}.artifact-header{padding:10px 20px;border-bottom:1px solid rgba(16,185,129,.18);background:#0a0c12f2;display:flex;justify-content:space-between;align-items:center;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;font-weight:600;color:#34d399;transition:opacity .3s;-webkit-user-select:none;user-select:none}.artifact-style-tag{background:#10b9811a;padding:4px 10px;border-radius:6px;border:1px solid rgba(16,185,129,.15)}.artifact-card:hover{border-color:#10b98166;transform:translateY(-6px) scale(1.02);box-shadow:0 20px 50px #10b98126}.artifact-card-inner{flex:1;position:relative;background:#fff;width:100%;height:100%}.artifact-iframe{width:100%;height:100%;border:none;display:block;pointer-events:none}.stage-container.mode-focus .artifact-card{opacity:0;pointer-events:none;transform:scale(.85)}.stage-container.mode-focus .artifact-card.focused{position:fixed;top:50%;left:50%;width:90vw;max-width:1250px;height:82vh;transform:translate(-50%,-50%);z-index:100;opacity:1;pointer-events:auto;box-shadow:0 30px 100px #10b98140;border-color:#10b9814d;border-radius:20px;cursor:default}.stage-container.mode-focus{perspective:none!important}.stage-container.mode-focus .session-group.active-session{transform:none!important;transform-style:flat!important}.stage-container.mode-focus .artifact-grid{transform:none!important;perspective:none!important}.stage-container.mode-focus .artifact-card.focused .artifact-header{display:flex;border-radius:19px 19px 0 0}.stage-container.mode-focus .artifact-card.focused .artifact-iframe{pointer-events:auto;border-radius:0 0 19px 19px}.artifact-card.generating{border-color:var(--accent-color);box-shadow:0 0 30px #10b98140}.generating-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;background:#04060af5;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end}.code-stream-preview{margin:0;padding:24px;color:#10b981;font-family:var(--font-mono);font-size:11px;line-height:1.5;white-space:pre-wrap;word-break:break-all;overflow:hidden;-webkit-mask-image:linear-gradient(to bottom,transparent,black 15%);mask-image:linear-gradient(to bottom,transparent,black 15%);opacity:.9}.floating-input-container{position:absolute;bottom:35px;width:100%;display:flex;justify-content:center;z-index:100;padding:0 20px;box-sizing:border-box;pointer-events:none}.input-wrapper{pointer-events:auto;width:100%;max-width:650px;background:var(--input-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(16,185,129,.25);border-radius:999px;padding:8px 8px 8px 26px;display:flex;align-items:center;gap:12px;box-shadow:0 15px 40px #000c;transition:all .3s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.input-wrapper:focus-within{border-color:#10b98199;box-shadow:0 20px 45px #10b98133;transform:translateY(-3px)}.animated-placeholder{position:absolute;left:26px;color:var(--text-secondary);opacity:.65;pointer-events:none;animation:placeholderSlideUp .5s cubic-bezier(.16,1,.3,1) forwards;white-space:nowrap;overflow:hidden;display:flex;align-items:center;gap:12px;right:70px}.placeholder-text{text-overflow:ellipsis;overflow:hidden;font-weight:500}.tab-hint{font-size:.65rem;text-transform:uppercase;background:#10b98133;padding:2px 8px;color:#e6fdf4;border-radius:5px;font-weight:700;opacity:.8}@keyframes placeholderSlideUp{0%{opacity:0;transform:translateY(8px);filter:blur(3px)}to{opacity:.65;transform:translateY(0);filter:blur(0)}}.input-wrapper.loading{border-color:transparent;box-shadow:0 0 30px #10b98166}.input-wrapper.loading:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(16,185,129,.25),transparent);animation:shimmerMove 1.8s infinite linear;pointer-events:none}@keyframes shimmerMove{0%{transform:translate(0)}to{transform:translate(200%)}}.input-wrapper input{flex:1;background:transparent;border:none;outline:none;color:var(--text-primary);font-size:1.05rem;font-family:var(--font-sans);font-weight:500}.input-wrapper input::placeholder{color:transparent}.input-generating-label{flex:1;display:flex;align-items:center;justify-content:space-between;gap:12px;color:#34d399;overflow:hidden;padding-right:8px}.generating-prompt-text{font-size:.95rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:.85;animation:pulseText 1.5s infinite alternate ease-in-out}.input-generating-label .spin-icon{animation:spin 1s linear infinite;font-size:1.25rem;flex-shrink:0;color:#34d399}@keyframes pulseText{0%{opacity:.45;transform:translate(0)}to{opacity:1;transform:translate(3px)}}.send-button{width:42px;height:42px;border-radius:50%;border:none;background:linear-gradient(135deg,#34d399,#10b981);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);flex-shrink:0;z-index:2;box-shadow:0 4px 10px #10b9814d}.send-button:hover:not(:disabled){transform:scale(1.06);box-shadow:0 6px 15px #10b98180}.send-button:disabled{background:#ffffff0a;color:#fff3;cursor:not-allowed;opacity:.5;box-shadow:none}.mic-button{width:42px;height:42px;border-radius:50%;border:1px solid rgba(16,185,129,.25);background:#0b0f1780;color:#10b981;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .25s cubic-bezier(.16,1,.3,1);flex-shrink:0;z-index:2;box-shadow:0 4px 10px #0000004d}.mic-button:hover{transform:scale(1.06);background:#10b9811f;border-color:#10b98180;color:#34d399}.mic-button.listening{background:linear-gradient(135deg,#ef4444,#dc2626);border-color:transparent;color:#fff;animation:pulseListen 1.5s infinite alternate ease-in-out}@keyframes pulseListen{0%{transform:scale(1);box-shadow:0 0 10px #ef444480}to{transform:scale(1.08);box-shadow:0 0 20px #ef4444cc}}.action-bar{position:absolute;bottom:105px;display:flex;flex-direction:column;align-items:center;gap:12px;opacity:0;transform:translateY(20px);transition:all .4s cubic-bezier(.16,1,.3,1) .2s;z-index:90;pointer-events:none}.action-bar.visible{opacity:1;transform:translateY(0)}.active-prompt-label{color:#e2e8f0;font-size:.9rem;font-weight:500;background:#0b0f17d9;border:1px solid rgba(16,185,129,.2);padding:8px 16px;border-radius:20px;max-width:80vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:auto;box-shadow:0 4px 15px #0006}.action-buttons{display:flex;gap:12px;pointer-events:auto}.action-buttons button{background:#0b0f17cc;border:1px solid rgba(16,185,129,.25);color:var(--text-primary);padding:10px 20px;border-radius:999px;font-size:.85rem;font-weight:600;display:flex;align-items:center;gap:8px;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 6px 15px #0006}.action-buttons button:hover{background:#10b98126;border-color:#10b98180;transform:translateY(-3px);box-shadow:0 8px 20px #10b98140}.nav-handle{position:absolute;top:50%;transform:translateY(-50%);background:transparent;border:none;color:#10b981;padding:22px;cursor:pointer;z-index:80;opacity:0;transition:opacity .3s ease,color .2s ease}.immersive-app:hover .nav-handle{opacity:.6}.nav-handle:hover{opacity:1!important;color:#34d399}.nav-handle.left{left:15px}.nav-handle.right{right:15px}.drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:200;display:flex;justify-content:flex-end}.drawer-content{width:100%;max-width:440px;background:#080a0fe0;backdrop-filter:blur(30px) saturate(190%);-webkit-backdrop-filter:blur(30px) saturate(190%);border-left:1px solid rgba(16,185,129,.2);display:flex;flex-direction:column;animation:slideInRight .4s cubic-bezier(.16,1,.3,1);box-shadow:-20px 0 60px #000c}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.drawer-header{padding:26px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(16,185,129,.15)}.drawer-header h2{margin:0;font-family:var(--font-display);font-size:1.35rem;font-weight:700;letter-spacing:-.02em;color:var(--text-primary)}.close-button{background:#10b9811a;border:none;color:#34d399;width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;line-height:1;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1)}.close-button:hover{background:#10b98133;color:#fff}.drawer-body{flex:1;overflow-y:auto;padding:26px}.sexy-grid{display:flex;flex-direction:column;gap:26px}.sexy-card{background:#0a0c12e6;border:1px solid rgba(16,185,129,.15);border-radius:18px;overflow:hidden;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);position:relative}.sexy-card:hover{transform:translateY(-5px) scale(1.02);border-color:#10b98173;box-shadow:0 15px 35px #10b98126}.sexy-preview{height:230px;background:#000;position:relative;overflow:hidden}.sexy-preview iframe{width:400%;height:400%;border:none;pointer-events:none;transform:scale(.25);transform-origin:top left}.sexy-label{padding:18px;text-align:center;font-weight:600;color:#34d399;background:#10b9810d;border-top:1px solid rgba(16,185,129,.15);font-size:.95rem}.sexy-card:hover .sexy-label{color:#fff;background:#10b98140}.code-block{background:#030406e6;padding:20px;border-radius:14px;overflow-x:hidden;font-family:var(--font-mono);font-size:.85rem;color:#e2e8f0;border:1px solid rgba(16,185,129,.2);margin:0;white-space:pre-wrap;word-break:break-word;box-shadow:inset 0 2px 8px #000c}.loading-state{color:#34d399;display:flex;align-items:center;gap:12px;justify-content:center;padding:60px 0;font-size:1.15rem;font-weight:500}@keyframes spin{to{transform:rotate(360deg)}}.library-toggle-btn{position:absolute;top:24px;left:24px;z-index:95;background:#0b0f17bf;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(16,185,129,.2);color:var(--text-primary);padding:10px 18px;border-radius:99px;font-size:.85rem;font-weight:600;display:flex;align-items:center;gap:8px;cursor:pointer;box-shadow:0 4px 15px #0006;transition:all .3s cubic-bezier(.16,1,.3,1)}.library-toggle-btn:hover{background:#10b9811f;border-color:#10b98173;transform:translateY(-2px);box-shadow:0 6px 20px #10b98140}.sidebar-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:200;display:flex;justify-content:flex-start}.sidebar-content{width:100%;max-width:440px;background:#080a0feb;backdrop-filter:blur(35px) saturate(190%);-webkit-backdrop-filter:blur(35px) saturate(190%);border-right:1px solid rgba(16,185,129,.2);display:flex;flex-direction:column;animation:slideInLeft .4s cubic-bezier(.16,1,.3,1);box-shadow:20px 0 60px #000c}@keyframes slideInLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}.sidebar-header{padding:24px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(16,185,129,.15)}.sidebar-title-group{display:flex;align-items:center;gap:10px}.sidebar-title-icon{color:#10b981}.sidebar-header h2{margin:0;font-family:var(--font-display);font-size:1.35rem;font-weight:700;letter-spacing:-.02em;color:var(--text-primary)}.sidebar-search-container{padding:16px 24px;border-bottom:1px solid rgba(16,185,129,.1)}.sidebar-search-wrapper{position:relative;display:flex;align-items:center;background:#0000004d;border:1px solid rgba(16,185,129,.15);border-radius:99px;padding:8px 16px 8px 36px;transition:all .2s ease}.sidebar-search-wrapper:focus-within{border-color:#10b98173;box-shadow:0 0 10px #10b98126}.sidebar-search-wrapper .search-icon{position:absolute;left:14px;color:var(--text-secondary)}.sidebar-search-wrapper input{background:transparent;border:none;outline:none;color:var(--text-primary);font-size:.85rem;width:100%}.sidebar-search-wrapper input::placeholder{color:#ffffff59}.clear-search{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:2px}.clear-search:hover{color:#fff}.sidebar-body{flex:1;overflow-y:auto;padding:24px}.sidebar-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-secondary);text-align:center;padding:60px 0;gap:12px}.sidebar-empty-state .empty-icon{color:#10b98140}.sidebar-empty-state p{font-size:.9rem;margin:0}.sessions-list{display:flex;flex-direction:column;gap:20px}.sidebar-session-item{background:#0a0c1266;border:1px solid rgba(16,185,129,.08);border-radius:12px;padding:14px;transition:all .25s ease}.sidebar-session-item.active-session-item{border-color:#10b98140;background:#10b98108}.session-item-header{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.session-meta{display:flex;align-items:center;gap:4px;font-size:.7rem;color:var(--text-secondary);font-family:var(--font-mono)}.session-prompt{font-size:.95rem;font-weight:600;margin:0;color:#fff;cursor:pointer;line-height:1.3;transition:color .2s ease}.session-prompt:hover{color:#10b981}.grid-view-toggle-btn{display:flex;align-items:center;gap:6px;align-self:flex-start;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);color:var(--text-secondary);padding:4px 10px;border-radius:6px;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s ease}.grid-view-toggle-btn:hover{background:#10b9811a;border-color:#10b98133;color:#10b981}.grid-view-toggle-btn.active{background:#10b98126;border-color:#10b9814d;color:#34d399}.session-artifacts-list{display:flex;flex-direction:column;gap:6px;border-top:1px solid rgba(255,255,255,.05);padding-top:10px}.sidebar-artifact-option{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:8px;cursor:pointer;background:#00000026;border:1px solid transparent;transition:all .2s ease}.sidebar-artifact-option:hover{background:#10b98114;border-color:#10b98126}.sidebar-artifact-option.selected{background:#10b98126;border-color:#10b9814d}.artifact-bullet{display:flex;align-items:center;justify-content:center;width:14px}.bullet-active{color:#10b981}.bullet-inactive{color:#fff3;transition:color .2s}.sidebar-artifact-option:hover .bullet-inactive{color:#10b981}.artifact-style-name{font-size:.82rem;font-weight:500;color:#e2e8f0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-artifact-option.selected .artifact-style-name{color:#fff;font-weight:600}.artifact-status-badge{font-size:.65rem;font-family:var(--font-mono);color:#ffffff4d}.sidebar-artifact-option.keyboard-highlighted{background:#10b98138!important;border-color:#10b98199!important;box-shadow:0 0 12px #10b98140!important}.sidebar-artifact-option.keyboard-highlighted .artifact-style-name{color:#fff!important}.bullet-inactive.bullet-highlighted{color:#10b981!important}.grid-view-toggle-btn.keyboard-highlighted{background:#10b98140!important;border-color:#10b981!important;color:#34d399!important;box-shadow:0 0 12px #10b98159!important}.sidebar-telemetry-panel{background:#10b9810a;border:1px solid rgba(16,185,129,.15);border-radius:12px;padding:14px;margin:0 24px 18px;display:flex;flex-direction:column;gap:12px;box-shadow:0 4px 15px #0003}.telemetry-stat{display:flex;justify-content:space-between;align-items:center}.telemetry-stat .stat-label{font-size:.78rem;color:#fff9;font-weight:500}.telemetry-stat .stat-value{font-size:1.1rem;font-weight:700;color:#10b981;font-family:var(--font-mono);text-shadow:0 0 8px rgba(16,185,129,.4)}.telemetry-themes{display:flex;flex-direction:column;gap:6px;border-top:1px solid rgba(16,185,129,.1);padding-top:8px}.themes-label{font-size:.72rem;font-weight:600;color:#fff6;text-transform:uppercase;letter-spacing:.05em}.themes-list{display:flex;flex-wrap:wrap;gap:6px}.theme-tag{background:#10b9811a;border:1px solid rgba(16,185,129,.2);color:#34d399;padding:3px 8px;border-radius:99px;font-size:.72rem;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1)}.theme-tag:hover{background:#10b98138;border-color:#10b981;color:#fff;transform:translateY(-1px);box-shadow:0 2px 8px #10b98133}@media(max-width:1024px){.artifact-grid{grid-template-columns:1fr;height:100%;max-height:100vh;overflow-y:auto;display:flex;flex-direction:column;padding:40px 20px 160px;width:100%;box-sizing:border-box;gap:20px;-webkit-overflow-scrolling:touch}.stage-container.mode-focus .artifact-grid{overflow-y:hidden!important;pointer-events:none;height:100vh}.artifact-card{min-height:350px;flex-shrink:0}.empty-content h1{font-size:3.8rem}.stage-container.mode-focus .artifact-card.focused{width:92vw;height:65vh;top:40%;left:50%;transform:translate(-50%,-40%)!important}.action-bar{bottom:90px;width:100%;gap:8px}.action-buttons{flex-wrap:wrap;justify-content:center}.floating-input-container{padding:0 10px;bottom:20px}.sexy-preview{height:160px}.sexy-preview iframe{width:1000px;height:640px;transform:scale(.16)}}.templates-toggle-btn{position:absolute;top:24px;left:154px;z-index:95;background:#0b0f17bf;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(16,185,129,.2);color:var(--text-primary);padding:10px 18px;border-radius:99px;font-size:.85rem;font-weight:600;display:flex;align-items:center;gap:8px;cursor:pointer;box-shadow:0 4px 15px #0006;transition:all .3s cubic-bezier(.16,1,.3,1)}.templates-toggle-btn:hover{background:#10b9811f;border-color:#10b98173;transform:translateY(-2px);box-shadow:0 6px 20px #10b98140}.templates-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:250;display:flex;align-items:center;justify-content:center;padding:20px}.templates-modal-content{width:100%;max-width:820px;max-height:85vh;background:#0a0e17f2;-webkit-backdrop-filter:blur(40px) saturate(200%);backdrop-filter:blur(40px) saturate(200%);border:1px solid rgba(16,185,129,.25);border-radius:20px;display:flex;flex-direction:column;box-shadow:0 25px 60px #000000e6;animation:zoomInTemplates .3s cubic-bezier(.16,1,.3,1);overflow:hidden}@keyframes zoomInTemplates{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.templates-modal-header{padding:24px 28px 12px;display:flex;justify-content:space-between;align-items:center}.templates-modal-title-group{display:flex;align-items:center;gap:12px}.templates-modal-title-icon{color:#10b981}.templates-modal-header h2{margin:0;font-family:var(--font-display);font-size:1.5rem;font-weight:700;letter-spacing:-.02em;color:var(--text-primary)}.templates-close-button{background:none;border:none;color:var(--text-secondary);cursor:pointer;transition:color .2s;padding:4px}.templates-close-button:hover{color:#ef4444}.templates-modal-subtitle{margin:0 28px 20px;font-size:.9rem;color:var(--text-secondary);line-height:1.5}.templates-filters-container{padding:0 28px 20px;display:flex;flex-direction:column;gap:16px;border-bottom:1px solid rgba(16,185,129,.1)}.templates-search-wrapper{position:relative;display:flex;align-items:center;background:#0000004d;border:1px solid rgba(16,185,129,.15);border-radius:12px;padding:10px 16px 10px 42px;transition:all .2s ease}.templates-search-wrapper:focus-within{border-color:#10b98173;box-shadow:0 0 12px #10b98126}.templates-search-wrapper .search-icon{position:absolute;left:16px;color:var(--text-secondary)}.templates-search-wrapper input{background:transparent;border:none;outline:none;color:var(--text-primary);font-size:.9rem;width:100%}.templates-search-wrapper input::placeholder{color:#ffffff59}.category-tabs{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px}.category-tab{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);color:var(--text-secondary);padding:6px 16px;border-radius:99px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.category-tab:hover{background:#10b98114;border-color:#10b98133;color:#10b981}.category-tab.active{background:#10b98126;border-color:#10b98159;color:#34d399}.templates-grid-scroll{flex:1;overflow-y:auto;padding:24px 28px;background:#00000026}.templates-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-secondary);text-align:center;padding:60px 0;gap:12px}.templates-empty-state .empty-icon{color:#10b98133}.templates-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}@media(max-width:640px){.templates-grid{grid-template-columns:1fr}}.template-card{background:#0a0c1280;border:1px solid rgba(16,185,129,.1);border-radius:14px;padding:18px;display:flex;flex-direction:column;gap:12px;transition:all .25s cubic-bezier(.16,1,.3,1)}.template-card:hover{transform:translateY(-2px);border-color:#10b9814d;box-shadow:0 10px 25px #00000080}.template-card-header{display:flex;justify-content:space-between;align-items:center}.template-icon-wrapper{width:34px;height:34px;border-radius:8px;background:#10b9811a;display:flex;align-items:center;justify-content:center}.template-icon{color:#10b981}.difficulty-badge{font-size:.65rem;font-family:var(--font-mono);font-weight:600;padding:3px 8px;border-radius:99px}.difficulty-badge.simple{background:#10b9811f;color:#34d399}.difficulty-badge.intermédiaire{background:#f59e0b1f;color:#fbbf24}.difficulty-badge.avancé{background:#ef44441f;color:#f87171}.template-card-title{margin:0;font-size:1.05rem;font-weight:700;color:#fff}.template-card-desc{margin:0;font-size:.8rem;color:var(--text-secondary);line-height:1.45;flex:1}.template-prompt-preview{background:#00000040;border:1px solid rgba(255,255,255,.05);border-radius:8px;padding:8px 12px}.template-prompt-preview code{font-size:.72rem;color:#94a3b8;font-style:italic;font-family:var(--font-mono);display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.template-insert-btn{display:flex;align-items:center;justify-content:center;gap:8px;background:#10b9811a;border:1px solid rgba(16,185,129,.25);color:#34d399;width:100%;padding:8px 12px;border-radius:8px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s ease}.template-insert-btn:hover{background:#10b981;color:#000;border-color:#10b981}.template-insert-btn.inserted{background:#10b98133;color:#10b981;border-color:#10b98166;cursor:default}.btn-hint-icon{opacity:.5;margin-left:auto}.stage-container.mode-focus .artifact-card.focused.inspect-active{width:95vw;max-width:1450px;height:85vh;border-radius:20px;box-shadow:0 35px 120px #10b98159}.inspect-split-container{display:flex;width:100%;height:100%;background:#04060a}.inspect-preview-pane{flex:1.1;height:100%;position:relative;border-right:1px solid rgba(16,185,129,.22);background:#fff;overflow:hidden}.inspect-preview-pane .artifact-iframe{width:100%;height:100%;border:none;border-radius:19px 0 0 19px!important}.inspect-code-pane{flex:.9;height:100%;background:#06090f;display:flex;flex-direction:column;overflow:hidden}.inspect-code-panel{display:flex;flex-direction:column;height:100%;width:100%;overflow:hidden}.inspect-code-header{padding:14px 22px;border-bottom:1px solid rgba(16,185,129,.18);background:#090e17;display:flex;justify-content:space-between;align-items:center}.inspect-code-title{display:flex;align-items:center;gap:8px;font-family:var(--font-display);font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#94a3b8}.inspect-code-title .terminal-icon{color:#10b981}.inspect-copy-btn{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);color:var(--text-secondary);padding:6px 14px;border-radius:6px;font-size:.75rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s cubic-bezier(.16,1,.3,1)}.inspect-copy-btn:hover{background:#10b9811f;border-color:#10b98159;color:#34d399;transform:translateY(-1px)}.inspect-code-scroll{flex:1;overflow-y:auto;padding:20px 0;font-family:var(--font-mono);font-size:.78rem;line-height:1.65;background:#05080c}.inspect-code-line{display:flex;padding:2px 24px;transition:all .25s ease;border-left:3px solid transparent}.inspect-code-line.highlighted{background:#10b98121;border-left-color:#10b981;padding-left:21px}.inspect-line-number{width:36px;text-align:right;margin-right:20px;color:#ffffff29;-webkit-user-select:none;user-select:none;font-size:.72rem;font-weight:500}.inspect-line-content{white-space:pre-wrap;word-break:break-all;color:#cbd5e1}.inspect-code-line.highlighted .inspect-line-content{color:#fff;text-shadow:0 0 10px rgba(16,185,129,.25);font-weight:500}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.95)}}@media(max-width:1024px){.inspect-split-container{flex-direction:column}.inspect-preview-pane{flex:1;border-right:none;border-bottom:1px solid rgba(16,185,129,.22)}.inspect-code-pane{flex:1}.inspect-preview-pane .artifact-iframe{border-radius:19px 19px 0 0!important}}.artifact-export-container{position:relative;display:inline-block;pointer-events:auto}.artifact-export-btn{background:#10b9810f;border:1px solid rgba(16,185,129,.18);color:#34d399;padding:5px 10px;border-radius:6px;font-size:.72rem;font-weight:600;display:flex;align-items:center;gap:6px;cursor:pointer;text-transform:none;letter-spacing:normal;transition:all .2s cubic-bezier(.16,1,.3,1)}.artifact-export-btn:hover,.artifact-export-btn.active{background:#10b98124;border-color:#10b98166;color:#10b981;box-shadow:0 0 10px #10b98126}.artifact-export-btn .chevron-icon{transition:transform .2s ease;opacity:.7}.artifact-export-btn .chevron-icon.open{transform:rotate(180deg)}.artifact-export-dropdown{position:absolute;top:calc(100% + 6px);right:0;width:230px;background:#080b12fa;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border:1px solid rgba(16,185,129,.25);border-radius:8px;padding:6px;box-shadow:0 12px 30px #000000d9;z-index:150;display:flex;flex-direction:column;gap:4px;animation:dropdownFadeIn .2s cubic-bezier(.16,1,.3,1)}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.artifact-export-dropdown .dropdown-item{background:transparent;border:none;outline:none;padding:8px 10px;border-radius:6px;display:flex;align-items:center;gap:10px;cursor:pointer;text-align:left;width:100%;transition:all .15s ease}.artifact-export-dropdown .dropdown-item:hover{background:#10b9811f}.artifact-export-dropdown .dropdown-item .item-icon{flex-shrink:0}.artifact-export-dropdown .dropdown-item .html-icon{color:#f06529}.artifact-export-dropdown .dropdown-item .tsx-icon{color:#61dafb}.artifact-export-dropdown .dropdown-item .item-text{display:flex;flex-direction:column;gap:2px}.artifact-export-dropdown .dropdown-item .item-title{color:#f1f5f9;font-size:.75rem;font-weight:600;text-transform:none;letter-spacing:normal}.artifact-export-dropdown .dropdown-item .item-desc{color:#64748b;font-size:.65rem;font-weight:400;text-transform:none;letter-spacing:normal}.artifact-history-container{position:relative;display:inline-block;pointer-events:auto}.artifact-history-btn{background:#10b9810f;border:1px solid rgba(16,185,129,.18);color:#34d399;padding:5px 10px;border-radius:6px;font-size:.72rem;font-weight:600;display:flex;align-items:center;gap:6px;cursor:pointer;text-transform:none;letter-spacing:normal;transition:all .2s cubic-bezier(.16,1,.3,1)}.artifact-history-btn:hover,.artifact-history-btn.active{background:#10b98124;border-color:#10b98166;color:#10b981;box-shadow:0 0 10px #10b98126}.artifact-history-btn .chevron-icon{transition:transform .2s ease;opacity:.7}.artifact-history-btn .chevron-icon.open{transform:rotate(180deg)}.artifact-history-dropdown{position:absolute;top:calc(100% + 6px);right:0;width:260px;background:#080b12fa;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border:1px solid rgba(16,185,129,.25);border-radius:8px;box-shadow:0 12px 30px #000000d9;z-index:150;display:flex;flex-direction:column;animation:dropdownFadeIn .2s cubic-bezier(.16,1,.3,1);overflow:hidden}.artifact-history-dropdown .dropdown-header{font-size:.68rem;font-weight:600;color:#64748b;padding:10px 12px;border-bottom:1px solid rgba(16,185,129,.1);text-transform:uppercase;letter-spacing:.05em}.artifact-history-dropdown .dropdown-list{max-height:240px;overflow-y:auto;display:flex;flex-direction:column;padding:4px;gap:2px}.artifact-history-dropdown .dropdown-item{background:transparent;border:none;outline:none;padding:8px 10px;border-radius:6px;display:flex;align-items:center;gap:10px;cursor:pointer;text-align:left;width:100%;transition:all .15s ease}.artifact-history-dropdown .dropdown-item:hover{background:#10b98114}.artifact-history-dropdown .dropdown-item.active{background:#10b9811f}.artifact-history-dropdown .item-marker-container{width:12px;height:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.artifact-history-dropdown .active-marker{width:6px;height:6px;border-radius:50%;background:transparent;transition:all .2s ease}.artifact-history-dropdown .active-marker.active{background:#10b981;box-shadow:0 0 6px #10b981}.artifact-history-dropdown .item-text{display:flex;flex-direction:column;gap:1px}.artifact-history-dropdown .item-title{color:#f1f5f9;font-size:.75rem;font-weight:600;text-transform:none;letter-spacing:normal}.artifact-history-dropdown .item-desc{color:#64748b;font-size:.65rem;font-weight:400;text-transform:none;letter-spacing:normal}.shortcuts-toggle-btn{position:absolute;top:24px;right:24px;z-index:95;background:#0b0f17bf;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(16,185,129,.2);color:var(--text-primary);padding:10px 18px;border-radius:99px;font-size:.85rem;font-weight:600;display:flex;align-items:center;gap:8px;cursor:pointer;box-shadow:0 4px 15px #0006;transition:all .3s cubic-bezier(.16,1,.3,1)}.shortcuts-toggle-btn:hover{background:#10b9811f;border-color:#10b98173;transform:translateY(-2px);box-shadow:0 6px 20px #10b98140}.shortcuts-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#04060ad9;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:300;display:flex;align-items:center;justify-content:center;padding:20px}.shortcuts-modal-content{width:100%;max-width:540px;background:#0b0f18f5;-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);border:1px solid rgba(16,185,129,.25);border-radius:16px;display:flex;flex-direction:column;box-shadow:0 25px 60px #000000f2;animation:zoomInShortcuts .25s cubic-bezier(.16,1,.3,1);overflow:hidden}@keyframes zoomInShortcuts{0%{opacity:0;transform:scale(.96) translateY(6px)}to{opacity:1;transform:scale(1) translateY(0)}}.shortcuts-modal-header{display:flex;justify-content:space-between;align-items:center;padding:18px 22px;border-bottom:1px solid rgba(16,185,129,.12)}.shortcuts-modal-header .title-area{display:flex;align-items:center;gap:10px}.shortcuts-modal-header .keyboard-icon{color:#10b981}.shortcuts-modal-header h2{color:#f1f5f9;font-size:1.05rem;font-weight:600;margin:0}.shortcuts-modal-header .close-btn{background:transparent;border:none;outline:none;color:#64748b;cursor:pointer;padding:4px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.shortcuts-modal-header .close-btn:hover{background:#ffffff0d;color:#f1f5f9}.shortcuts-modal-body{padding:22px;display:flex;flex-direction:column;gap:20px}.shortcuts-info-banner{background:#10b9810d;border:1px solid rgba(16,185,129,.12);border-radius:8px;padding:10px 12px;display:flex;gap:8px;align-items:flex-start}.shortcuts-info-banner .banner-icon{color:#10b981;margin-top:2px;flex-shrink:0}.shortcuts-info-banner span{color:#94a3b8;font-size:.78rem;line-height:1.4}.shortcuts-groups-container{display:flex;flex-direction:column;gap:24px}.shortcuts-group{display:flex;flex-direction:column;gap:10px}.shortcuts-group .group-title{color:#10b981;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.shortcuts-group .group-items{display:flex;flex-direction:column;gap:8px}.shortcuts-group .shortcut-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0;border-bottom:1px solid rgba(255,255,255,.03)}.shortcuts-group .shortcut-row:last-child{border-bottom:none}.shortcuts-group .shortcut-desc{color:#cbd5e1;font-size:.82rem}.shortcuts-group .kbd-container{display:flex;align-items:center;gap:4px}.shortcuts-group .kbd-plus{color:#64748b;font-size:.75rem}.shortcuts-group kbd,.shortcuts-modal-footer kbd{background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-bottom-width:2px;border-radius:4px;color:#f1f5f9;font-family:var(--font-mono);font-size:.7rem;padding:3px 6px;min-width:22px;text-align:center;display:inline-block;box-shadow:0 1px 1px #0000004d}.shortcuts-modal-footer{padding:14px 22px;background:#0003;border-top:1px solid rgba(16,185,129,.12);display:flex;justify-content:center}.shortcuts-modal-footer .footer-tip{color:#64748b;font-size:.75rem}@media(max-width:640px){.shortcuts-toggle-btn{right:12px;top:12px;padding:8px 14px;font-size:.75rem}}.active-users-panel{position:absolute;top:24px;right:180px;z-index:95;background:#0b0f17bf;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(16,185,129,.2);padding:6px 14px;border-radius:99px;display:flex;align-items:center;gap:12px;box-shadow:0 4px 15px #0006;height:42px}.presence-status{display:flex;align-items:center;gap:6px;font-size:.75rem;font-weight:700;color:#ffffffa6;text-transform:uppercase;letter-spacing:.05em;border-right:1px solid rgba(255,255,255,.1);padding-right:10px;height:100%}.presence-pulse-dot{width:6px;height:6px;background-color:#10b981;border-radius:50%;display:inline-block;box-shadow:0 0 8px #10b981;animation:pulse-ring 2s cubic-bezier(.215,.61,.355,1) infinite}@keyframes pulse-ring{0%{transform:scale(.9);box-shadow:0 0 #10b981b3}70%{transform:scale(1.1);box-shadow:0 0 0 6px #10b98100}to{transform:scale(.9);box-shadow:0 0 #10b98100}}.presence-status-text{font-family:var(--font-sans)}.avatar-stack{display:flex;align-items:center}.user-avatar{width:26px;height:26px;border-radius:50%;border:1.5px solid;background:#0d1117;display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:800;color:#fff;margin-left:-8px;transition:all .25s cubic-bezier(.16,1,.3,1);cursor:pointer;-webkit-user-select:none;user-select:none;font-family:var(--font-mono)}.user-avatar:first-child{margin-left:0}.user-avatar:hover{transform:translateY(-4px) scale(1.15);z-index:10;box-shadow:0 8px 16px #00000080!important}@media(max-width:1024px){.active-users-panel{display:none}}.presence-cursors-layer{z-index:99999!important;transform:translateZ(80px);transform-style:preserve-3d}.admin-layout{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999999;background-color:#0b0f19;color:#f3f4f6;font-family:var(--font-sans);display:flex;flex-direction:column;overflow-y:auto;padding:0;margin:0}.admin-glow-blob{position:fixed;width:600px;height:600px;border-radius:50%;filter:blur(160px);opacity:.15;pointer-events:none;z-index:1}.admin-glow-blob.top-left{top:-10%;left:-10%;background:radial-gradient(circle,#10b98166,#0000 70%)}.admin-glow-blob.bottom-right{bottom:-10%;right:-10%;background:radial-gradient(circle,#8b5cf64d,#0000 70%)}.admin-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:16px 32px;background:#0b0f17d9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.08)}.admin-header-left{display:flex;align-items:center;gap:16px}.admin-back-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fffc;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease}.admin-back-btn:hover{background:#ffffff14;color:#fff;border-color:#10b98166;transform:translate(-2px)}.admin-divider{width:1px;height:24px;background-color:#ffffff1f}.admin-brand{display:flex;align-items:center;gap:10px}.admin-logo-dot{width:8px;height:8px;background-color:#10b981;border-radius:50%;box-shadow:0 0 10px #10b981}.admin-brand h1{font-size:1.15rem;font-weight:800;letter-spacing:-.025em;color:#fff;margin:0}.admin-badge{font-size:.65rem;font-weight:700;background:#10b98126;border:1px solid rgba(16,185,129,.3);color:#10b981;padding:2px 8px;border-radius:4px;text-transform:uppercase;letter-spacing:.05em}.admin-header-right{display:flex;align-items:center}.admin-time{display:flex;align-items:center;gap:8px;font-size:.8rem;color:#fff9;background:#ffffff08;padding:6px 14px;border-radius:6px;border:1px solid rgba(255,255,255,.05)}.admin-main{position:relative;z-index:2;flex:1;padding:32px;max-width:1600px;width:100%;margin:0 auto;display:flex;flex-direction:column;gap:32px}.admin-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.admin-stat-card{background:#111622a6;border:1px solid rgba(255,255,255,.06);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:24px;border-radius:14px;display:flex;align-items:center;gap:20px;box-shadow:0 10px 30px #00000040;transition:transform .3s cubic-bezier(.16,1,.3,1),border-color .3s ease}.admin-stat-card:hover{transform:translateY(-4px);border-color:#ffffff1f}.admin-stat-icon-wrapper{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center}.admin-stat-info{display:flex;flex-direction:column}.admin-stat-label{font-size:.75rem;font-weight:600;color:#ffffff80;text-transform:uppercase;letter-spacing:.05em}.admin-stat-value{font-size:1.85rem;font-weight:800;color:#fff;margin:4px 0;line-height:1;font-family:var(--font-mono)}.admin-stat-subtext{font-size:.7rem}.admin-columns{display:grid;grid-template-columns:1.1fr 1.3fr;gap:28px}@media(max-width:1150px){.admin-columns{grid-template-columns:1fr}}.admin-column{display:flex;flex-direction:column;gap:24px}.admin-content-card{background:#111622a6;border:1px solid rgba(255,255,255,.06);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:16px;box-shadow:0 10px 30px #00000040;display:flex;flex-direction:column;overflow:hidden}.admin-card-header{padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.06);display:flex;align-items:center;justify-content:space-between}.admin-card-title{display:flex;align-items:center;gap:10px}.admin-card-title h3{font-size:.95rem;font-weight:700;color:#fff;margin:0}.admin-badge-live{background:#ef444426;border:1px solid rgba(239,68,68,.3);color:#f87171;font-size:.65rem;font-weight:800;padding:2px 6px;border-radius:4px;animation:flash-animation 1.5s infinite alternate}@keyframes flash-animation{0%{opacity:.5}to{opacity:1}}.admin-card-body{padding:24px}.admin-themes-chart{display:flex;flex-direction:column;gap:16px}.admin-chart-row{display:flex;flex-direction:column;gap:8px}.admin-chart-label{display:flex;align-items:center;gap:8px;font-size:.8rem;font-weight:600}.theme-index{color:#10b981;font-family:var(--font-mono)}.theme-name{color:#ffffffd9}.admin-bar-container{height:28px;background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:6px;display:flex;align-items:center;position:relative;overflow:hidden}.admin-bar-fill{height:100%;background:linear-gradient(90deg,#10b98126,#10b98159);border-right:2px solid #10b981;transition:width 1s cubic-bezier(.16,1,.3,1)}.admin-bar-count{position:absolute;right:12px;font-family:var(--font-mono);font-size:.75rem;font-weight:700;color:#fff}.admin-users-list{display:flex;flex-direction:column;gap:12px}.admin-user-row{display:flex;align-items:center;gap:14px;padding:12px;background:#ffffff05;border:1px solid rgba(255,255,255,.04);border-radius:10px;transition:background .2s ease}.admin-user-row:hover{background:#ffffff0a}.admin-user-avatar{width:32px;height:32px;border-radius:50%;border:1.5px solid;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:800;font-family:var(--font-mono)}.admin-user-details{flex:1;display:flex;flex-direction:column}.admin-user-name{font-size:.85rem;font-weight:700;color:#fff}.admin-user-role{font-size:.7rem;color:#ffffff73}.admin-status-dot{width:8px;height:8px;border-radius:50%}.pulse-emerald{background-color:#10b981;box-shadow:0 0 8px #10b981;animation:simple-pulse 2s infinite}@keyframes simple-pulse{0%{transform:scale(.9);opacity:.7}50%{transform:scale(1.1);opacity:1}to{transform:scale(.9);opacity:.7}}.admin-controls-grid{display:flex;flex-direction:column;gap:16px}.admin-control-box{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px;background:#ef444405;border:1px solid rgba(239,68,68,.1);border-radius:10px}.control-desc h4{font-size:.85rem;font-weight:700;color:#fff;margin:0}.control-desc p{font-size:.75rem;color:#ffffff80;margin:4px 0 0;line-height:1.4}.admin-btn-action{display:flex;align-items:center;gap:6px;padding:8px 14px;border-radius:6px;font-size:.8rem;font-weight:700;cursor:pointer;transition:all .2s ease}.admin-btn-action.btn-red{background:#ef444426;border:1px solid rgba(239,68,68,.3);color:#f87171}.admin-btn-action.btn-red:hover{background:#ef444440;border-color:#ef444480;color:#fff}.admin-search-wrapper{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:10px;color:#fff6;pointer-events:none}.admin-search-input{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:6px;padding:6px 12px 6px 30px;font-size:.75rem;color:#fff;width:180px;transition:all .2s ease}.admin-search-input:focus{outline:none;border-color:#10b98166;background:#ffffff0f;width:240px}.admin-sessions-list{display:flex;flex-direction:column;gap:16px;max-height:520px;overflow-y:auto;padding-right:6px}.admin-sessions-list::-webkit-scrollbar{width:5px}.admin-sessions-list::-webkit-scrollbar-track{background:transparent}.admin-sessions-list::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}.admin-session-item{background:#ffffff05;border:1px solid rgba(255,255,255,.05);padding:16px;border-radius:10px;display:flex;flex-direction:column;gap:10px}.session-item-header{display:flex;align-items:center;justify-content:space-between}.session-id{font-family:var(--font-mono);font-size:.7rem;color:#fff6}.session-badge{font-size:.65rem;font-weight:700;color:#10b981;background:#10b9811a;padding:2px 8px;border-radius:4px}.session-prompt-box{font-size:.85rem;color:#fff;line-height:1.4;font-style:italic;font-weight:500;background:#00000026;padding:10px 12px;border-radius:6px;border-left:3px solid rgba(139,92,246,.6)}.session-artifacts-preview{display:flex;flex-wrap:wrap;gap:6px}.session-art-tag{display:flex;align-items:center;gap:4px;font-size:.65rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);padding:2px 6px;border-radius:4px;color:#ffffffb3}.admin-empty-state{text-align:center;padding:24px;color:#fff6}.admin-sessions-explorer-card{grid-column:span 1}@media(min-width:1150px){.admin-sessions-explorer-card{grid-column:span 2}.admin-columns{grid-template-columns:1fr}}.admin-explorer-split{display:flex;height:650px;border-top:1px solid rgba(255,255,255,.06);background:#0b0f1733}@media(max-width:768px){.admin-explorer-split{flex-direction:column;height:auto}}.admin-explorer-master{width:320px;border-right:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;overflow-y:auto;background:#11162266;flex-shrink:0}@media(max-width:768px){.admin-explorer-master{width:100%;height:250px;border-right:none;border-bottom:1px solid rgba(255,255,255,.06)}}.admin-explorer-detail{flex:1;display:flex;flex-direction:column;overflow-y:auto;background:#0b0f1766}.admin-session-item-btn{width:100%;text-align:left;padding:16px;background:transparent;border:none;border-bottom:1px solid rgba(255,255,255,.04);cursor:pointer;display:flex;flex-direction:column;gap:8px;transition:all .2s ease;outline:none}.admin-session-item-btn:hover{background:#ffffff08}.admin-session-item-btn.active{background:#8b5cf614;border-left:3px solid #8b5cf6}.session-time{font-size:.7rem;color:#ffffff73;display:flex;align-items:center}.admin-session-item-btn.active .session-time{color:#a78bfacc}.session-count-badge{font-size:.65rem;font-weight:700;background:#ffffff0d;color:#ffffffb3;padding:2px 6px;border-radius:4px}.admin-session-item-btn.active .session-count-badge{background:#8b5cf633;color:#c084fc}.session-prompt-preview{font-size:.8rem;color:#fffc;line-height:1.4;font-weight:500;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.admin-session-item-btn.active .session-prompt-preview{color:#fff}.detail-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:40px;color:#ffffff59;text-align:center}.admin-detail-container{padding:24px;display:flex;flex-direction:column;gap:20px}.detail-section-header{border-bottom:1px solid rgba(255,255,255,.06);padding-bottom:14px}.detail-meta{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px}.detail-id{font-family:var(--font-mono);font-size:.75rem;color:#ffffff73;font-weight:600}.detail-timestamp{font-size:.75rem;color:#ffffff80}.section-subtitle{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#fff6;margin:0 0 8px}.detail-prompt-box{position:relative;background:#0003;border:1px solid rgba(255,255,255,.05);padding:14px;border-radius:8px;border-left:3px solid #8b5cf6}.detail-prompt-box p{margin:0;font-size:.85rem;line-height:1.5;color:#ffffffe6;font-style:italic;padding-right:32px}.prompt-copy-btn{position:absolute;top:12px;right:12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);color:#fff9;width:24px;height:24px;border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.prompt-copy-btn:hover{background:#ffffff14;color:#fff;border-color:#ffffff1f}.detail-artifacts-list{display:flex;flex-direction:column;gap:16px}.artifact-detail-item{background:#ffffff03;border:1px solid rgba(255,255,255,.05);border-radius:10px;overflow:hidden}.artifact-detail-header{padding:12px 16px;background:#ffffff04;border-bottom:1px solid rgba(255,255,255,.04);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.art-title-info{display:flex;align-items:center;gap:8px}.art-index{font-family:var(--font-mono);font-size:.7rem;font-weight:700;color:#34d399;background:#34d3991a;padding:2px 6px;border-radius:4px}.art-style-name{font-size:.8rem;font-weight:700;color:#fff}.art-actions{display:flex;align-items:center;gap:8px}.status-badge{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:2px 8px;border-radius:4px}.status-badge.complete{background:#10b9811f;border:1px solid rgba(16,185,129,.25);color:#34d399}.status-badge.streaming{background:#f59e0b1f;border:1px solid rgba(245,158,11,.25);color:#fbbf24;animation:flash-animation 1.5s infinite alternate}.status-badge.error{background:#ef44441f;border:1px solid rgba(239,68,68,.25);color:#f87171}.art-action-btn{width:26px;height:26px;background:#ffffff08;border:1px solid rgba(255,255,255,.05);color:#fff9;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.art-action-btn:hover{background:#ffffff14;color:#fff;border-color:#ffffff1f}.art-action-btn.active{background:#8b5cf626;border-color:#8b5cf666;color:#a78bfa}.artifact-code-container,.artifact-preview-container{border-top:1px solid rgba(255,255,255,.04)}.code-header,.preview-header{background:#0003;padding:6px 16px;font-size:.65rem;font-family:var(--font-mono);color:#fff6;border-bottom:1px solid rgba(255,255,255,.04)}.code-block{margin:0;max-height:240px;overflow-y:auto;background:#05070c;padding:12px 16px;font-family:var(--font-mono);font-size:.75rem;color:#ffffffbf;line-height:1.5}.code-block code{white-space:pre-wrap;word-break:break-all}.artifact-preview-iframe{width:100%;height:350px;border:none;background:#fff}.admin-toggle-btn{position:absolute;top:24px;left:294px;z-index:95;background:#0b0f17bf;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(139,92,246,.3);color:var(--text-primary);padding:10px 18px;border-radius:99px;font-size:.85rem;font-weight:600;display:flex;align-items:center;gap:8px;cursor:pointer;box-shadow:0 4px 15px #0006;transition:all .3s cubic-bezier(.16,1,.3,1)}.admin-toggle-btn:hover{background:#8b5cf61f;border-color:#8b5cf68c;transform:translateY(-2px);box-shadow:0 6px 20px #8b5cf640}@media(max-width:820px){.admin-toggle-btn{left:auto;right:170px}}@media(max-width:640px){.admin-toggle-btn{right:135px;top:12px;padding:8px 12px;font-size:.75rem}.admin-toggle-btn span{display:none}}