.studio-root{--studio-main-bg:#f4f5f7;--studio-panel-bg:#ffffff;--studio-panel-border:#e5e7eb;--studio-panel-shadow:0 20px 45px rgba(15,23,42,0.08);--studio-text:#111827;--studio-muted:#6b7280;position:relative;min-height:100vh;color:var(--studio-text);background:var(--studio-main-bg)}.studio-root *{transition-timing-function:cubic-bezier(.4,0,.2,1)}.studio-root ::selection{background:rgba(11,11,11,.1)}.studio-root ::-webkit-scrollbar{width:6px;height:6px}.studio-root ::-webkit-scrollbar-track{background:transparent}.studio-root ::-webkit-scrollbar-thumb{background:#c8c8c8;border-radius:3px}.studio-root ::-webkit-scrollbar-thumb:hover{background:#a0a0a0}.studio-shell{min-height:100vh;display:flex;background:var(--studio-main-bg)}.studio-sidebar{width:80px;height:100vh;position:fixed;inset:0 auto 0 0;z-index:40;overflow:hidden}.studio-main{width:calc(100% - 80px);margin-left:80px}.studio-main,.studio-page{min-height:100vh;background:var(--studio-main-bg)}.studio-panel{background:linear-gradient(180deg,rgba(15,23,42,.92),rgba(8,15,31,.94));border:1px solid rgba(255,255,255,.08);border-radius:24px;box-shadow:0 24px 80px rgba(2,6,23,.28);backdrop-filter:blur(20px)}.studio-panel-strong{background:linear-gradient(180deg,rgba(15,23,42,.96),rgba(8,15,31,.98))}.studio-panel-muted{background:rgba(15,23,42,.62);border:1px solid rgba(255,255,255,.08)}.studio-card-hover:hover{border-color:rgba(96,165,250,.34);box-shadow:0 18px 40px rgba(15,23,42,.3),0 0 0 1px rgba(96,165,250,.1)}.studio-kicker{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:rgba(148,163,184,.72)}.studio-muted{color:rgba(148,163,184,.82)}.studio-dim{color:rgba(100,116,139,.9)}.studio-empty{min-height:240px;display:grid;place-items:center;border:1px dashed rgba(148,163,184,.28);background:linear-gradient(180deg,rgba(248,250,252,.9),rgba(241,245,249,.95));border-radius:22px}.studio-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;font-size:12px;line-height:1;background:#f3f4f6;color:#6b7280;border:1px solid #e5e7eb}.studio-grid{display:grid;gap:20px;padding:24px;min-height:100vh}.studio-workbench{display:grid;grid-template-columns:320px minmax(0,1fr) 320px;gap:20px;min-height:0}.studio-result-actions{display:flex;flex-wrap:wrap;gap:10px}.studio-line-clamp-2{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.studio-pulse{animation:studioPulse 6s ease-in-out infinite}.studio-shimmer{background:linear-gradient(120deg,rgba(229,231,235,.6),rgba(255,255,255,1),rgba(229,231,235,.6));background-size:200% 100%;animation:studioShimmer 2.6s linear infinite}.studio-v5-panel{background:var(--studio-panel-bg);border:1px solid var(--studio-panel-border);border-radius:16px;box-shadow:var(--studio-panel-shadow)}.studio-v5-soft{background:rgba(255,255,255,.95);border:1px solid #e5e7eb;box-shadow:0 8px 24px rgba(15,23,42,.06)}.studio-sidebar-glass{background:linear-gradient(180deg,rgba(15,23,42,.95),rgba(30,27,75,.92) 25%,rgba(49,46,129,.9) 50%,rgba(30,27,75,.92) 75%,rgba(15,23,42,.95));backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-right:1px solid rgba(255,255,255,.08);box-shadow:0 0 60px rgba(59,130,246,.15),inset 0 0 60px rgba(99,102,241,.05)}.studio-liquid-overlay{background:radial-gradient(ellipse at 20% 20%,rgba(99,102,241,.15) 0,transparent 50%),radial-gradient(ellipse at 80% 80%,rgba(59,130,246,.1) 0,transparent 50%),radial-gradient(ellipse at 50% 50%,rgba(139,92,246,.08) 0,transparent 60%);animation:studioLiquidFlow 8s ease-in-out infinite}.studio-stars-container{overflow:hidden;pointer-events:none}.studio-stars,.studio-stars-container{position:absolute;inset:0}.studio-stars-2{animation:studioStarFloat 20s linear infinite}.studio-star{position:absolute;width:2px;height:2px;background:white;border-radius:50%;box-shadow:0 0 4px rgba(255,255,255,.8),0 0 8px rgba(147,197,253,.6),0 0 12px rgba(99,102,241,.4);animation:studioStarTwinkle var(--duration,4s) ease-in-out infinite;animation-delay:var(--delay,0s)}.studio-star-small{width:1px;height:1px;opacity:.6}.studio-liquid-button{position:relative;overflow:hidden;transition:all .3s ease}.studio-liquid-button:before{content:"";position:absolute;inset:-2px;background:linear-gradient(45deg,rgba(99,102,241,.6),rgba(59,130,246,.6),rgba(139,92,246,.6),rgba(99,102,241,.6));background-size:400% 400%;border-radius:inherit;z-index:-1;opacity:0;transition:opacity .3s ease;animation:studioLiquidGradient 3s ease infinite}.studio-liquid-button:hover:before{opacity:1}.studio-liquid-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(99,102,241,.4),0 0 20px rgba(59,130,246,.3)}.studio-liquid-nav-item{position:relative;overflow:hidden}.studio-liquid-nav-item:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,0),rgba(255,255,255,.1) 50%,rgba(255,255,255,0));transform:translateX(-100%);transition:transform .6s ease}.studio-liquid-nav-item:hover:before{transform:translateX(100%)}.studio-liquid-shine{background:linear-gradient(135deg,transparent,rgba(255,255,255,.2) 30%,rgba(255,255,255,.3) 50%,rgba(255,255,255,.2) 70%,transparent);background-size:200% 200%;animation:studioShineSweep 2s ease infinite}.studio-root .wardrobe-btn{display:flex;align-items:center;justify-content:center;padding:10px 16px;background:linear-gradient(135deg,rgba(99,102,241,.1),rgba(59,130,246,.1));border:1px solid rgba(99,102,241,.3);border-radius:10px;color:#4f46e5;font-weight:500;transition:all .3s ease;position:relative;overflow:hidden}.studio-root .wardrobe-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(99,102,241,.2),rgba(59,130,246,.2),rgba(139,92,246,.2));background-size:200% 200%;opacity:0;transition:opacity .3s ease;animation:studioLiquidGradient 3s ease infinite}.studio-root .wardrobe-btn:hover:before{opacity:1}.studio-root .wardrobe-btn:hover{border-color:rgba(99,102,241,.6);transform:translateY(-2px);box-shadow:0 8px 20px rgba(99,102,241,.2),0 0 20px rgba(99,102,241,.1)}.studio-root .wardrobe-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;background:linear-gradient(135deg,#6366f1,#4f46e5);color:white;font-size:11px;font-weight:600;border-radius:10px;margin-left:4px}.studio-root .liquid-generate-btn{position:relative;background:linear-gradient(135deg,#6366f1,#4f46e5)!important;color:white!important;border:none!important;overflow:hidden;transition:all .3s ease}.studio-root .liquid-generate-btn:before{content:"";position:absolute;inset:-2px;background:linear-gradient(45deg,#6366f1,#3b82f6,#8b5cf6,#6366f1);background-size:400% 400%;border-radius:inherit;z-index:-1;filter:blur(12px);opacity:0;transition:opacity .3s ease;animation:studioLiquidGradient 3s ease infinite}.studio-root .liquid-generate-btn:hover:before{opacity:.8}.studio-root .liquid-generate-btn:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(99,102,241,.5),0 0 30px rgba(59,130,246,.4)}.studio-root .liquid-generate-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.studio-root .liquid-generate-btn:disabled:before{opacity:0}.studio-root .action-btn-v2{display:flex;align-items:center;gap:6px;padding:8px 14px;background:white;border:1px solid #e5e7eb;border-radius:10px;color:#374151;font-size:13px;font-weight:500;transition:all .3s ease;position:relative;overflow:hidden}.studio-root .action-btn-v2:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(99,102,241,.1),rgba(59,130,246,.1));opacity:0;transition:opacity .3s ease}.studio-root .action-btn-v2:hover{border-color:#818cf8;color:#4f46e5;transform:translateY(-2px);box-shadow:0 4px 12px rgba(99,102,241,.2),0 0 12px rgba(99,102,241,.1)}.studio-root .action-btn-v2:hover:before{opacity:1}.studio-root .action-btn-v2.variant-pose{background:linear-gradient(135deg,rgba(245,158,11,.1),rgba(251,191,36,.1));border-color:rgba(245,158,11,.4);color:#d97706}.studio-root .action-btn-v2.variant-pose:hover{border-color:#f59e0b;color:#b45309;box-shadow:0 4px 12px rgba(245,158,11,.25),0 0 12px rgba(245,158,11,.15)}.studio-wardrobe-modal-glass{background:rgba(15,23,42,.4);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.15);box-shadow:0 25px 80px -20px rgba(0,0,0,.5),0 0 60px rgba(99,102,241,.2),inset 0 0 60px rgba(255,255,255,.03)}.studio-modal-stars-container{position:absolute;inset:0;overflow:hidden;pointer-events:none}.studio-modal-star{position:absolute;border-radius:50%;background:white;box-shadow:0 0 6px rgba(255,255,255,.9),0 0 12px rgba(147,197,253,.7),0 0 18px rgba(99,102,241,.5);animation:studioModalStarTwinkle var(--duration,4s) ease-in-out infinite;animation-delay:var(--delay,0s)}.studio-modal-star-small{width:1.5px;height:1.5px;opacity:.6}.studio-modal-star-medium{width:2.5px;height:2.5px;opacity:.8}.studio-modal-particle{position:absolute;width:3px;height:3px;border-radius:50%;background:linear-gradient(135deg,rgba(99,102,241,.8),rgba(59,130,246,.6));box-shadow:0 0 8px rgba(99,102,241,.6),0 0 16px rgba(59,130,246,.4);animation:studioParticleFloat var(--duration,15s) linear infinite;animation-delay:var(--delay,0s)}.studio-modal-gradient-overlay{position:absolute;inset:0;background:radial-gradient(ellipse at 20% 20%,rgba(99,102,241,.15) 0,transparent 50%),radial-gradient(ellipse at 80% 80%,rgba(59,130,246,.1) 0,transparent 50%),radial-gradient(ellipse at 50% 50%,rgba(139,92,246,.08) 0,transparent 60%);pointer-events:none;animation:studioGradientPulse 8s ease-in-out infinite}.studio-category-tab-glass{position:relative;overflow:hidden;backdrop-filter:blur(8px)}.studio-category-tab-glass:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(99,102,241,.2),rgba(59,130,246,.15));opacity:0;transition:opacity .3s ease}.studio-category-tab-glass:hover:before{opacity:1}.studio-item-card-glass{position:relative;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(8px);transition:all .3s ease}.studio-item-card-glass:before{content:"";position:absolute;inset:-1px;background:linear-gradient(135deg,rgba(99,102,241,.4),rgba(59,130,246,.3),rgba(139,92,246,.4));background-size:200% 200%;border-radius:inherit;z-index:-1;opacity:0;transition:opacity .3s ease;animation:studioLiquidGradient 3s ease infinite}.studio-item-card-glass:hover:before{opacity:1}.studio-item-card-glass:hover{transform:translateY(-4px);box-shadow:0 12px 30px rgba(99,102,241,.25),0 0 20px rgba(59,130,246,.15)}.studio-liquid-confirm-btn-glass{position:relative;overflow:hidden;transition:all .3s ease;backdrop-filter:blur(8px)}.studio-liquid-confirm-btn-glass:before{content:"";position:absolute;inset:-2px;background:linear-gradient(45deg,#6366f1,#3b82f6,#8b5cf6,#6366f1);background-size:400% 400%;border-radius:inherit;z-index:-1;filter:blur(12px);opacity:0;transition:opacity .3s ease;animation:studioLiquidGradient 3s ease infinite}.studio-liquid-confirm-btn-glass:hover:before{opacity:.8}.studio-liquid-confirm-btn-glass:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(99,102,241,.4),0 0 30px rgba(59,130,246,.3)}.studio-root .batch-template-card{background:white;border:1px solid #e5e7eb;border-radius:16px;padding:20px;box-shadow:0 1px 3px rgba(0,0,0,.04);transition:all .3s ease}.studio-root .batch-template-card:hover{box-shadow:0 4px 20px rgba(0,0,0,.08);border-color:#d1d5db}.studio-root .batch-task-wrapper{background:white;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;transition:all .3s ease}.studio-root .batch-task-wrapper:hover{border-color:#c7d2fe;box-shadow:0 2px 12px rgba(99,102,241,.1)}.studio-root .batch-task-header{display:flex;align-items:center;gap:16px;padding:12px 16px;background:#f9fafb;transition:all .3s ease}.studio-root .batch-task-header:hover{background:white}.studio-root .batch-task-header.generating{background:linear-gradient(90deg,#eef2ff,#e0e7ff)}.studio-root .batch-task-header.completed{background:#f0fdf4}.studio-root .batch-task-expanded{padding:16px;background:white;border-top:1px solid #e5e7eb}.studio-root .batch-generate-btn{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#6366f1,#4f46e5);color:white;transition:all .3s ease;position:relative;overflow:hidden}.studio-root .batch-generate-btn:before{content:"";position:absolute;inset:-2px;background:linear-gradient(45deg,#6366f1,#3b82f6,#8b5cf6,#6366f1);background-size:400% 400%;border-radius:inherit;z-index:-1;filter:blur(8px);opacity:0;transition:opacity .3s ease;animation:studioLiquidGradient 3s ease infinite}.studio-root .batch-generate-btn:hover:before{opacity:.8}.studio-root .batch-generate-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(99,102,241,.4)}.studio-root .batch-generate-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.studio-root .batch-generate-btn.generating{background:linear-gradient(135deg,#818cf8,#6366f1)}.studio-root .batch-add-task-btn{display:flex;align-items:center;gap:12px;padding:12px 16px;border:2px dashed #e5e7eb;border-radius:12px;transition:all .3s ease;width:100%}.studio-root .batch-add-task-btn:hover{border-color:#818cf8;background:#eef2ff}.studio-root .generated-item-card{transition:all .3s ease}.studio-root .generated-item-card:hover{transform:translateY(-2px)}.studio-root .liquid-glow-button-primary{position:relative;background:linear-gradient(135deg,#6366f1,#4f46e5);color:white;border:none;overflow:hidden;transition:all .3s ease}.studio-root .liquid-glow-button-primary:before{content:"";position:absolute;inset:-2px;background:linear-gradient(45deg,#6366f1,#3b82f6,#8b5cf6,#6366f1);background-size:400% 400%;border-radius:inherit;z-index:-1;filter:blur(12px);opacity:0;transition:opacity .3s ease;animation:studioLiquidGradient 3s ease infinite}.studio-root .liquid-glow-button-primary:hover:before{opacity:.8}.studio-root .liquid-glow-button-primary:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(99,102,241,.5)}@keyframes studioLiquidFlow{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.02)}}@keyframes studioStarTwinkle{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}@keyframes studioStarFloat{0%{transform:translateY(0) translateX(0)}25%{transform:translateY(-10px) translateX(5px)}50%{transform:translateY(-5px) translateX(-5px)}75%{transform:translateY(-15px) translateX(3px)}to{transform:translateY(0) translateX(0)}}@keyframes studioPulse{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes studioShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes studioShineSweep{0%{background-position:200% 200%}to{background-position:-200% -200%}}@keyframes studioLiquidGradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes studioModalStarTwinkle{0%,to{opacity:.2;transform:scale(.8)}50%{opacity:1;transform:scale(1.3)}}@keyframes studioParticleFloat{0%{transform:translateY(100%) translateX(0);opacity:0}10%{opacity:.8}90%{opacity:.8}to{transform:translateY(-100vh) translateX(50px);opacity:0}}@keyframes studioGradientPulse{0%,to{opacity:.8}50%{opacity:1}}@media (max-width:1280px){.studio-workbench{grid-template-columns:280px minmax(0,1fr)}}@media (max-width:960px){.studio-sidebar{width:74px}.studio-main{width:calc(100% - 74px);margin-left:74px}.studio-grid{padding:18px}.studio-workbench{grid-template-columns:1fr}}@media (max-width:768px){.studio-sidebar{display:none}.studio-main{width:100%;margin-left:0;padding-bottom:72px}.studio-topbar .studio-panel{padding:12px 16px}.studio-topbar h1{font-size:1.125rem}.studio-topbar .studio-kicker{display:none}.studio-grid{padding:12px}.studio-workbench{grid-template-columns:1fr}}.studio-mobile-nav{display:none}@media (max-width:768px){.studio-mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:50;height:64px;align-items:center;justify-content:space-around;background:rgba(15,23,42,.92);backdrop-filter:blur(20px) saturate(1.8);-webkit-backdrop-filter:blur(20px) saturate(1.8);border-top:1px solid rgba(255,255,255,.08);padding:0 4px env(safe-area-inset-bottom,0)}.studio-mobile-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;flex:1;height:100%;color:rgba(255,255,255,.45);transition:color .2s;text-decoration:none;-webkit-tap-highlight-color:transparent}.studio-mobile-nav-item.active{color:#60a5fa}.studio-mobile-nav-item span{font-size:10px;line-height:1;font-weight:500}}