:root{--studio-sidebar-bg:rgba(25,25,28,0.45);--studio-viewport-bg:rgba(20,20,22,0.7);--studio-canvas-container-bg:rgba(0,0,0,0.25);--studio-card-bg:rgba(25,25,28,0.3);--studio-inner-panel-bg:rgba(20,20,22,0.75);--studio-active-bg:rgba(229,151,94,0.08);--studio-active-border:rgba(229,151,94,0.15);--studio-hover-bg:rgba(255,255,255,0.05);--studio-btn-bg:#e5975e;--studio-btn-fg:#151311}[data-theme=light],html.light{--studio-sidebar-bg:rgba(242,240,235,0.85);--studio-viewport-bg:rgba(255,255,255,0.75);--studio-canvas-container-bg:rgba(21,19,17,0.04);--studio-card-bg:rgba(255,255,255,0.9);--studio-inner-panel-bg:rgba(255,255,255,0.85);--studio-active-bg:rgba(212,139,82,0.09);--studio-active-border:rgba(212,139,82,0.2);--studio-hover-bg:rgba(21,19,17,0.05);--studio-btn-bg:#d48b52;--studio-btn-fg:#ffffff}.studio-container{max-width:1440px;width:calc(100% - 48px);margin:16px auto 48px;height:min(740px,calc(100vh - 190px));border-radius:20px;border:1px solid var(--gf-border);background:var(--gf-panel-bg);box-shadow:var(--gf-shadow-panel-soft);display:flex;flex-direction:column;overflow:hidden;backdrop-filter:blur(20px);position:relative;font-family:var(--font-sans),-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}.studio-main{display:flex;flex:1;height:100%;overflow:hidden}.studio-sidebar{width:260px;height:100%;border-right:1px solid var(--gf-border);background:var(--studio-sidebar-bg);display:flex;flex-direction:column;padding:24px 16px;gap:8px;flex-shrink:0;overflow-y:auto}.studio-workspace{flex:1;height:100%;display:flex;flex-direction:column;overflow:hidden;background:transparent}.studio-panel{flex:1;display:grid;grid-template-columns:320px 1fr;height:100%;overflow:hidden}.studio-sidebar-settings{border-right:1px solid var(--gf-border);background:var(--gf-panel-bg);padding:20px;overflow-y:auto}.studio-viewport{background:var(--gf-bg);display:flex;align-items:center;justify-content:center;padding:40px;position:relative;overflow:auto}.glass-panel{background:var(--gf-panel-bg);border:1px solid var(--gf-border);box-shadow:var(--gf-shadow-panel-soft);backdrop-filter:blur(20px);transition:border-color .25s,box-shadow .25s}.studio-nav-button{transition:all .25s cubic-bezier(.16,1,.3,1)!important}.studio-nav-button:hover{background:var(--studio-hover-bg)!important;color:var(--gf-text-hi)!important;transform:translateX(4px)}.studio-nav-button:hover span{color:var(--gf-accent)!important}.studio-nav-button:active{transform:translateX(2px) scale(.98)}.sidebar-cta-box{margin-top:auto;padding:16px 12px;border-radius:12px;border:1px dashed var(--gf-border-strong);background:var(--studio-canvas-container-bg);text-align:center;flex-shrink:0;transition:border-color .2s,background-color .2s}.sidebar-cta-box:hover{border-color:var(--gf-accent);background:rgba(255,255,255,.02)}html.light .sidebar-cta-box:hover{background:rgba(0,0,0,.01)}.chat-image-wrapper:hover .chat-image-actions{opacity:1!important}.glass-panel::-webkit-scrollbar,.studio-sidebar-settings::-webkit-scrollbar,.studio-sidebar::-webkit-scrollbar,div::-webkit-scrollbar{width:6px;height:6px}.glass-panel::-webkit-scrollbar-track,.studio-sidebar-settings::-webkit-scrollbar-track,.studio-sidebar::-webkit-scrollbar-track,div::-webkit-scrollbar-track{background:transparent}.glass-panel::-webkit-scrollbar-thumb,.studio-sidebar-settings::-webkit-scrollbar-thumb,.studio-sidebar::-webkit-scrollbar-thumb,div::-webkit-scrollbar-thumb{background:rgba(255,255,255,.08);border-radius:99px}html.light .glass-panel::-webkit-scrollbar-thumb,html.light .studio-sidebar-settings::-webkit-scrollbar-thumb,html.light .studio-sidebar::-webkit-scrollbar-thumb,html.light div::-webkit-scrollbar-thumb{background:rgba(0,0,0,.08)}.glass-panel::-webkit-scrollbar-thumb:hover,.studio-sidebar-settings::-webkit-scrollbar-thumb:hover,.studio-sidebar::-webkit-scrollbar-thumb:hover,div::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.16)}html.light .glass-panel::-webkit-scrollbar-thumb:hover,html.light .studio-sidebar-settings::-webkit-scrollbar-thumb:hover,html.light .studio-sidebar::-webkit-scrollbar-thumb:hover,html.light div::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.16)}.studio-container input[type=text],.studio-container select,.studio-container textarea{transition:all .25s cubic-bezier(.16,1,.3,1)!important;border:1px solid var(--gf-border)!important}.studio-container input[type=text]:focus,.studio-container select:focus,.studio-container textarea:focus{border-color:var(--gf-accent)!important;box-shadow:0 0 0 3px var(--studio-active-bg)!important;background:rgba(255,255,255,.03)!important}html.light .studio-container input[type=text]:focus,html.light .studio-container select:focus,html.light .studio-container textarea:focus{background:rgba(0,0,0,.01)!important}.studio-container input[type=range]{-webkit-appearance:none;appearance:none;background:var(--gf-border);height:4px;border-radius:99px;outline:none;transition:all .2s}.studio-container input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:var(--gf-accent);cursor:pointer;border:2px solid var(--gf-bg);box-shadow:0 2px 6px rgba(0,0,0,.3);transition:transform .15s cubic-bezier(.175,.885,.32,1.275),background-color .15s ease}.studio-container input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.25);background:var(--gf-accent)}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.spin-animation{animation:spin 1s linear infinite}.studio-btn-primary{background:var(--studio-btn-bg)!important;color:var(--studio-btn-fg)!important;border:none!important;transition:all .25s cubic-bezier(.16,1,.3,1)!important;box-shadow:0 4px 12px rgba(229,151,94,.15)!important}html.light .studio-btn-primary{box-shadow:0 4px 12px rgba(212,139,82,.15)!important}.studio-btn-primary:hover{opacity:.92!important;transform:translateY(-1px)!important;box-shadow:0 6px 18px rgba(229,151,94,.3)!important}html.light .studio-btn-primary:hover{box-shadow:0 6px 18px rgba(212,139,82,.3)!important}.studio-btn-primary:active{transform:translateY(0) scale(.98)!important;box-shadow:0 2px 6px rgba(229,151,94,.1)!important}html.light .studio-btn-primary:active{box-shadow:0 2px 6px rgba(212,139,82,.1)!important}.studio-btn-primary:disabled{opacity:.6!important;cursor:not-allowed!important;transform:none!important;box-shadow:none!important}.studio-dropdown-menu{position:fixed;z-index:99999;border-radius:20px;border:1px solid rgba(255,255,255,.16)!important;background:linear-gradient(135deg,rgba(10,10,12,.72),rgba(5,5,7,.55))!important;backdrop-filter:blur(24px) saturate(140%)!important;-webkit-backdrop-filter:blur(24px) saturate(140%)!important;box-shadow:0 10px 30px rgba(0,0,0,.45);padding:0;overflow:hidden;transform:translateZ(0);-webkit-transform:translateZ(0);transition:all .2s ease}[data-theme=light] .studio-dropdown-menu,html.light .studio-dropdown-menu{border:1px solid var(--gf-border)!important;background:rgba(252,251,249,.8)!important;backdrop-filter:var(--gf-dropdown-blur,blur(40px) saturate(1.8))!important;-webkit-backdrop-filter:var(--gf-dropdown-blur,blur(40px) saturate(1.8))!important;box-shadow:var(--gf-shadow-panel-soft)!important}.studio-sidebar{transition:all .3s cubic-bezier(.2,.8,.2,1)}.studio-sidebar.collapsed{width:0!important;padding-left:0!important;padding-right:0!important;border-right-width:0!important;opacity:0;pointer-events:none}.sidebar-grip-seam{position:absolute;top:0;left:0;width:16px;height:100%;cursor:pointer;z-index:100;display:flex;align-items:center;justify-content:center}.sidebar-grip-seam:before{content:"";position:absolute;top:0;left:7px;width:1px;height:100%;background:var(--gf-border);transition:all .25s ease}.sidebar-grip-handle{position:absolute;top:120px;left:0;width:15px;height:48px;border-radius:6px;background:var(--studio-sidebar-bg);border:1px solid var(--gf-border);box-shadow:0 4px 12px rgba(0,0,0,.15);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;transition:all .25s cubic-bezier(.2,.8,.2,1);backdrop-filter:blur(10px)}.sidebar-grip-handle .grip-dot{width:3px;height:3px;border-radius:50%;background:var(--gf-text-sub);transition:all .25s ease}.sidebar-grip-seam:hover:before{background:var(--gf-accent);width:2px;box-shadow:0 0 8px var(--gf-accent)}.sidebar-grip-seam:hover .sidebar-grip-handle{transform:translateX(4px);border-color:var(--gf-accent);box-shadow:0 4px 16px rgba(229,151,94,.25)}.sidebar-grip-seam:hover .sidebar-grip-handle .grip-dot{background:var(--gf-accent)}.welcome-hub-root{display:flex;flex-direction:column;width:100%;height:100%;overflow-y:auto;padding:12px 8px}.welcome-hub-title{font-family:var(--font-sans);font-size:28px;font-weight:800;letter-spacing:-.03em;color:var(--gf-text-hi);margin-bottom:8px;background:linear-gradient(135deg,var(--gf-text-hi) 0,rgba(255,255,255,.7) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}[data-theme=light] .welcome-hub-title,html.light .welcome-hub-title{background:linear-gradient(135deg,var(--gf-text-hi) 0,rgba(21,19,17,.75) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.welcome-hub-subtitle{font-family:var(--font-sans);color:var(--gf-text-sub);font-size:14px;line-height:1.5;margin:0 0 24px}.welcome-hub-split{display:grid;grid-template-columns:1.15fr 1.85fr;gap:24px;align-items:stretch;flex:1;min-height:0}@media (max-width:960px){.welcome-hub-split{grid-template-columns:1fr;overflow-y:auto}}.welcome-hub-card{border-radius:20px;border:1px solid var(--gf-border);background:var(--studio-card-bg);padding:32px 24px;box-shadow:0 4px 20px rgba(0,0,0,.08);display:flex;flex-direction:column;transition:all .3s cubic-bezier(.2,.8,.2,1)}.cta-upload-card{justify-content:center;align-items:center;text-align:center;border:2px dashed var(--gf-border-strong)}.cta-upload-card:hover{border-color:var(--gf-accent);background:rgba(229,151,94,.03);box-shadow:0 12px 32px rgba(229,151,94,.06)}.welcome-hub-upload-icon-container{width:80px;height:80px;border-radius:24px;background:var(--gf-input-bg);border:1px solid var(--gf-border-strong);display:flex;align-items:center;justify-content:center;color:var(--gf-accent);margin-bottom:24px;box-shadow:inset 0 2px 6px rgba(0,0,0,.1);transition:all .3s ease}.cta-upload-card:hover .welcome-hub-upload-icon-container{transform:scale(1.05);box-shadow:0 0 20px rgba(229,151,94,.2)}.welcome-hub-upload-btn{background:var(--studio-btn-bg);color:var(--studio-btn-fg);border:none;border-radius:12px;padding:12px 24px;font-family:var(--font-sans);font-size:14px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;width:100%;transition:all .25s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 12px rgba(229,151,94,.3)}.welcome-hub-upload-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(229,151,94,.45)}.welcome-hub-upload-btn:active{transform:translateY(0)}.welcome-hub-tools-panel{display:flex;flex-direction:column}.welcome-hub-tools-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;flex:1}@media (max-width:640px){.welcome-hub-tools-grid{grid-template-columns:1fr}}.welcome-hub-tool-card{border-radius:16px;border:1px solid var(--gf-border);background:var(--studio-card-bg);padding:14px 16px;display:flex;align-items:center;gap:16px;cursor:pointer;transition:all .25s cubic-bezier(.2,.8,.2,1);text-decoration:none;min-width:0;width:100%;outline:none}.welcome-hub-tool-card:hover{transform:translateY(-2px);border-color:var(--gf-border-strong);background:var(--studio-hover-bg);box-shadow:0 6px 18px rgba(0,0,0,.12)}.welcome-hub-tool-card:active{transform:translateY(0)}.welcome-hub-tool-icon-wrapper{width:42px;height:42px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.history-card{transition:all .25s cubic-bezier(.16,1,.3,1)!important}.history-card:hover{border-color:var(--gf-accent)!important;background:rgba(229,151,94,.04)!important;box-shadow:0 4px 16px rgba(229,151,94,.08)}html.light .history-card:hover{background:rgba(212,139,82,.04)!important;box-shadow:0 4px 16px rgba(212,139,82,.08)}