:root,[data-theme=dark]{--studio-bg:#111;--studio-dot:#a0917d1f;--sidebar-bg:#161616;--sidebar-border:#ffffff0d;--sidebar-text:#ffffff59;--sidebar-text-hover:#ffffffb3;--sidebar-hover-bg:#ffffff0a;--sidebar-active-bg:#a0917d1a;--sidebar-active-color:#a0917d;--sidebar-avatar-bg:#ffffff0f;--sidebar-avatar-border:#ffffff14;--sidebar-avatar-text:#ffffff80;--sidebar-profile-name:#ffffffb3;--sidebar-dropdown-bg:#1c1c1c;--sidebar-dropdown-border:#ffffff0f;--sidebar-dropdown-shadow:#00000080;--sidebar-display-name:#e8e4de;--sidebar-email:#ffffff4d;--sidebar-divider:#ffffff0d;--sidebar-menu-text:#ffffff73;--sidebar-menu-hover-bg:#a0917d14;--sidebar-menu-hover-color:#a0917d;--sidebar-logout-text:#ffffff59;--sidebar-logout-hover-bg:#c8504614;--sidebar-logout-hover-color:#c8504a;--sidebar-expand-bg:#161616;--sidebar-expand-shadow:#0000004d;--connector-stroke:#ffffff14;--connector-dot-border:#111;--connector-dot-shadow:#a0917d33;--card-bg:#141414;--card-border:#2a2a2a;--card-border-hover:#353535;--card-input-bg:#1c1c1c;--card-text:#f5f5f5;--card-text-muted:#999;--card-text-dim:#777;--card-text-faint:#555;--card-accent:#5b8def;--card-accent-hover:#7ba4f7;--card-accent-bg:#5b8def14;--card-accent-border:#5b8def1f;--card-shadow:0 2px 8px #0006,0 12px 40px #00000040,inset 0 1px 0 #ffffff08}[data-theme=light]{--studio-bg:#fff;--studio-dot:#bbb;--sidebar-bg:#fff;--sidebar-border:#e5e5e5;--sidebar-text:#777;--sidebar-text-hover:#333;--sidebar-hover-bg:#f3f3f3;--sidebar-active-bg:#5b8def1a;--sidebar-active-color:#5b8def;--sidebar-avatar-bg:#efefef;--sidebar-avatar-border:#e5e5e5;--sidebar-avatar-text:#333;--sidebar-profile-name:#333;--sidebar-dropdown-bg:#fff;--sidebar-dropdown-border:#e5e5e5;--sidebar-dropdown-shadow:#00000026;--sidebar-display-name:#111;--sidebar-email:#888;--sidebar-divider:#e5e5e5;--sidebar-menu-text:#555;--sidebar-menu-hover-bg:#eef2ff;--sidebar-menu-hover-color:#5b8def;--sidebar-logout-text:#777;--sidebar-logout-hover-bg:#fef2f2;--sidebar-logout-hover-color:#dc2626;--sidebar-expand-bg:#fff;--sidebar-expand-shadow:#00000014;--connector-stroke:#0003;--connector-dot-border:#fff;--connector-dot-shadow:#5b8def4d;--card-bg:#fff;--card-border:#e5e7eb;--card-border-hover:#d1d5db;--card-input-bg:#f3f4f6;--card-text:#111827;--card-text-muted:#6b7280;--card-text-dim:#9ca3af;--card-text-faint:#d1d5db;--card-accent:#5b8def;--card-accent-hover:#4a7de0;--card-accent-bg:#5b8def14;--card-accent-border:#5b8def26;--card-shadow:0 1px 3px #00000014,0 4px 16px #0000000a}.studio-page{background-color:var(--studio-bg);background-image:radial-gradient(circle,var(--studio-dot)1px,transparent 1px);z-index:10;background-size:28px 28px;width:100vw;height:100vh;font-family:Inter,Space Grotesk,sans-serif;transition:background-color .3s;position:fixed;top:0;left:0;overflow:hidden}.canvas-world{width:100%;height:100%;position:absolute;top:0;left:0}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.75)}}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:1024px){.studio-page{background-size:22px 22px}}@media (max-width:768px){.studio-page{touch-action:none;-webkit-overflow-scrolling:touch;background-size:18px 18px}.studio-credit-badge{padding:5px 10px!important;font-size:11px!important;top:12px!important;right:12px!important}}@media (max-width:480px){.studio-page{background-size:14px 14px}}.generation-toast{-webkit-backdrop-filter:blur(16px);z-index:1000;background:#141414b3;border:1px solid #ffffff1a;border-radius:16px;width:90%;max-width:400px;animation:.4s cubic-bezier(.16,1,.3,1) forwards toastSlideUp;position:fixed;bottom:32px;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 16px 40px #0006,inset 0 1px #ffffff0d}.generation-toast-inner{align-items:flex-start;gap:14px;padding:16px 20px;display:flex}.generation-toast-icon{color:#5b8def;background:#5b8def26;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.generation-toast-icon svg{width:16px;height:16px;animation:2s ease-in-out infinite pulse}.generation-toast-content{flex-grow:1}.generation-toast-title{color:#fff;margin:0 0 4px;font-family:Space Grotesk,sans-serif;font-size:14px;font-weight:600}.generation-toast-message{color:#fff9;margin:0;font-size:13px;line-height:1.4}.generation-toast-close{color:#fff6;cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;padding:4px;transition:all .2s}.generation-toast-close:hover{color:#fff;background:#ffffff1a}.generation-toast-close svg{width:16px;height:16px}.generation-toast-progress{background:#5b8def;height:3px;animation:8s linear forwards toastProgress;position:absolute;bottom:0;left:0}@keyframes toastSlideUp{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}@keyframes toastProgress{0%{width:100%}to{width:0%}}[data-theme=light] .generation-toast{background:#ffffffd9;border:1px solid #00000014;box-shadow:0 16px 40px #0000001f}[data-theme=light] .generation-toast-title{color:#111}[data-theme=light] .generation-toast-message{color:#666}[data-theme=light] .generation-toast-close{color:#999}[data-theme=light] .generation-toast-close:hover{color:#333;background:#0000000d}
.studio-sidebar{background:var(--sidebar-bg);border-right:1px solid var(--sidebar-border);width:180px;height:max(100vh,100dvh);padding:20px 12px;padding-bottom:max(20px,env(safe-area-inset-bottom));will-change:transform;z-index:100;color:var(--sidebar-text);flex-direction:column;align-items:stretch;transition:transform .32s cubic-bezier(.25,.46,.45,.94),background .3s cubic-bezier(.25,.46,.45,.94),border-color .3s cubic-bezier(.25,.46,.45,.94);display:flex;position:fixed;top:0;left:0;overflow:hidden auto}.sidebar-collapse{margin-bottom:4px}.sidebar-divider{background:var(--sidebar-divider);height:1px;margin:8px 0;transition:background .3s}.sidebar-nav{flex-direction:column;gap:4px;width:100%;display:flex}.sidebar-item{color:var(--sidebar-text);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;padding:10px 12px;font-family:Inter,sans-serif;font-size:13px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.sidebar-item:hover{background:var(--sidebar-hover-bg);color:var(--sidebar-text-hover)}.sidebar-item.active{background:var(--sidebar-active-bg);color:var(--sidebar-active-color)}.sidebar-item svg{flex-shrink:0;width:18px;height:18px}.sidebar-label{text-overflow:ellipsis;overflow:hidden}.sidebar-bottom{flex-direction:column;flex-shrink:0;gap:4px;margin-top:auto;display:flex}.user-avatar{background:var(--sidebar-avatar-bg);width:32px;height:32px;color:var(--sidebar-avatar-text);border-radius:50%;justify-content:center;align-items:center;margin:8px 0 0 12px;font-size:14px;font-weight:600;display:flex}.sidebar-expand-btn{background:var(--sidebar-expand-bg);border:1px solid var(--sidebar-border);cursor:pointer;width:36px;height:36px;color:var(--sidebar-text);z-index:200;will-change:opacity;box-shadow:0 2px 8px var(--sidebar-expand-shadow);touch-action:manipulation;-webkit-tap-highlight-color:transparent;border-radius:8px;justify-content:center;align-items:center;transition:opacity .32s cubic-bezier(.25,.46,.45,.94),background .2s,color .2s;display:flex;position:fixed;top:16px;left:12px}.sidebar-expand-btn:hover{background:var(--sidebar-hover-bg);color:var(--sidebar-active-color)}.sidebar-expand-btn svg{width:18px;height:18px}.sidebar-profile-btn{cursor:pointer;-webkit-tap-highlight-color:transparent;z-index:210;background:0 0;border:none;border-radius:10px;align-items:center;gap:10px;width:100%;padding:8px 12px;transition:background .2s;display:flex;position:relative}.sidebar-profile-btn:hover{background:var(--sidebar-hover-bg)}.sidebar-profile-avatar{object-fit:cover;border:2px solid var(--sidebar-avatar-border);border-radius:50%;flex-shrink:0;width:32px;height:32px}.sidebar-profile-name{color:var(--sidebar-profile-name);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;overflow:hidden}.sidebar-profile-dropdown{background:var(--sidebar-dropdown-bg);border:1px solid var(--sidebar-dropdown-border);width:220px;box-shadow:0 12px 40px -8px var(--sidebar-dropdown-shadow);z-index:200;pointer-events:auto;border-radius:12px;animation:.2s slideUp;position:absolute;bottom:calc(100% + 8px);left:0;overflow:hidden}@keyframes slideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.sidebar-profile-info{align-items:center;gap:10px;padding:14px;display:flex}.sidebar-profile-dropdown-avatar{object-fit:cover;border:2px solid var(--sidebar-avatar-border);border-radius:50%;flex-shrink:0;width:36px;height:36px}.sidebar-profile-details{overflow:hidden}.sidebar-profile-displayname{color:var(--sidebar-display-name);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:13px;font-weight:600;overflow:hidden}.sidebar-profile-email{color:var(--sidebar-email);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:11px;overflow:hidden}.sidebar-profile-divider{background:var(--sidebar-divider);height:1px}.sidebar-profile-menu-item{width:100%;color:var(--sidebar-menu-text);cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;padding:12px 14px;font-family:Inter,sans-serif;font-size:13px;font-weight:500;text-decoration:none;transition:all .15s;display:flex}.sidebar-profile-menu-item:hover{background:var(--sidebar-menu-hover-bg);color:var(--sidebar-menu-hover-color)}.sidebar-profile-logout{width:100%;color:var(--sidebar-logout-text);cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;padding:12px 14px;font-family:Inter,sans-serif;font-size:13px;font-weight:500;transition:all .15s;display:flex}.sidebar-profile-logout:hover{background:var(--sidebar-logout-hover-bg);color:var(--sidebar-logout-hover-color)}.sidebar-overlay{will-change:opacity;transition:opacity .28s cubic-bezier(.25,.46,.45,.94);display:none}@media (max-width:768px){.studio-sidebar{width:240px;box-shadow:4px 0 24px #00000080}.sidebar-overlay{z-index:99;-webkit-backdrop-filter:blur(2px);background:#00000080;transition:opacity .28s cubic-bezier(.4,0,.2,1);display:block;position:fixed;inset:0}.sidebar-expand-btn{width:42px;height:42px;top:12px;left:10px}.sidebar-expand-btn svg{width:20px;height:20px}.sidebar-profile-dropdown{width:calc(100% - 16px);left:8px}}@media (max-width:480px){.studio-sidebar{width:220px;padding:16px 10px}.sidebar-item{padding:12px 10px;font-size:14px}.sidebar-profile-btn{padding:10px}}