*{margin:0;padding:0;box-sizing:border-box}#root{width:100vw;min-height:100vh}.app{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;background:linear-gradient(160deg,#1a1717,#171415,#1c1818 70%,#161314);color:#fff;overflow-y:auto;overflow-x:hidden;min-height:100vh;width:100vw;position:relative}.loading-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:linear-gradient(160deg,#1a1717,#171415,#1c1818 70%,#161314);display:flex;align-items:center;justify-content:center;flex-direction:column;transition:opacity .5s ease-out,visibility .5s ease-out}.loading-screen.fade-out{opacity:0;visibility:hidden;pointer-events:none}.loading-logo{font-size:200px;font-weight:700;line-height:1;background:linear-gradient(135deg,#ffe6d7f2,#eb9b7dd9,#c86e64e6,#eba587d9,#ffe6d7e6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 40px rgba(200,120,110,.4)) drop-shadow(0 0 80px rgba(165,95,90,.2));animation:loadFloat 2s ease-in-out infinite,loadGlow 2s ease-in-out infinite alternate;font-family:Times New Roman,serif;letter-spacing:-4px;position:relative;z-index:2}@keyframes loadFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-12px) scale(1.04)}}@keyframes loadGlow{0%{filter:drop-shadow(0 0 30px rgba(200,120,110,.3)) drop-shadow(0 0 60px rgba(165,95,90,.15))}to{filter:drop-shadow(0 0 60px rgba(210,140,120,.6)) drop-shadow(0 0 120px rgba(165,95,90,.35))}}.loading-glow{position:absolute;width:400px;height:400px;border-radius:50%;background:radial-gradient(ellipse at center,rgba(200,120,110,.1) 0%,rgba(165,95,90,.04) 40%,transparent 60%);animation:loadGlowPulse 2s ease-in-out infinite alternate}@keyframes loadGlowPulse{0%{transform:scale(.8);opacity:.4}to{transform:scale(1.2);opacity:.8}}.loading-ring{position:absolute;width:280px;height:280px;border-radius:50%;border:1px solid rgba(200,120,110,.12);animation:loadRing 2s ease-in-out infinite}@keyframes loadRing{0%{transform:scale(1);opacity:.3}50%{transform:scale(1.15);opacity:.6}to{transform:scale(1);opacity:.3}}.app:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background-image:linear-gradient(rgba(185,150,145,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(185,150,145,.04) 1px,transparent 1px);background-size:50px 50px}.app:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background:radial-gradient(ellipse at 15% 50%,rgba(180,110,105,.12) 0%,transparent 60%),radial-gradient(ellipse at 85% 20%,rgba(160,100,95,.1) 0%,transparent 50%),radial-gradient(ellipse at 50% 85%,rgba(165,120,110,.09) 0%,transparent 50%);animation:bgPulse 10s ease-in-out infinite alternate}@keyframes bgPulse{0%{opacity:.5}to{opacity:1}}.noise-overlay{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;opacity:.03;z-index:1;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E")}.bg-glow{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:80vw;height:80vh;background:radial-gradient(ellipse at center,rgba(175,110,100,.1) 0%,transparent 70%);pointer-events:none;z-index:0}.bg-glow-workspace{position:fixed;top:-20%;right:-10%;width:60vw;height:60vh;background:radial-gradient(ellipse at center,rgba(165,100,95,.1) 0%,transparent 70%);pointer-events:none;z-index:0;filter:blur(60px)}.bg-glow-workspace-2{position:fixed;bottom:-10%;left:20%;width:40vw;height:40vh;background:radial-gradient(ellipse at center,rgba(155,115,105,.08) 0%,transparent 60%);pointer-events:none;z-index:0;filter:blur(80px)}.sidebar{position:fixed;left:0;top:0;width:88px;height:100vh;display:flex;flex-direction:column;align-items:center;padding:24px 0;z-index:50;background:linear-gradient(180deg,#1e1a1beb,#161314e0);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-right:1px solid rgba(255,255,255,.05)}.sidebar .logo{font-size:24px;font-weight:700;letter-spacing:-2px;background:linear-gradient(135deg,#fff,#d4af37);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:40px}.sidebar-nav{display:flex;flex-direction:column;align-items:center;gap:12px;margin:auto 0}.sidebar-nav-oval{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 6px;border-radius:22px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08)}.sidebar-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:12px;color:#ffffff80;transition:all .3s ease;cursor:pointer;text-decoration:none;font-size:20px}.sidebar-icon:hover{background:#ffffff14;color:#fff}.sidebar-icon.active{background:#ffffff1f;color:#fff}.sidebar-bottom{display:flex;flex-direction:column;align-items:center;gap:12px}.sidebar-workspace{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 0;margin:8px 0;border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06);width:100%}.sidebar-workspace-label{font-size:9px;color:#ffffff4d;letter-spacing:1px;text-transform:uppercase}.sidebar-workspace-name{display:flex;flex-direction:column;align-items:center;gap:4px;color:#d4af37e6;font-size:18px}.sidebar-workspace-name span{font-size:10px;color:#ffffff80;writing-mode:vertical-rl}.login-text{writing-mode:vertical-rl;text-orientation:mixed;font-size:12px;color:#ffffff80;letter-spacing:4px;cursor:pointer;transition:color .3s}.login-text:hover{color:#fff}.sidebar-entry{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:9px 6px;border-radius:12px;color:#ffffffa6;cursor:pointer;position:relative;transition:all .3s ease}.sidebar-entry i{font-size:19px;line-height:1;color:#d4af37}.sidebar-entry-label{font-size:11px;font-weight:600;letter-spacing:.5px;white-space:nowrap;color:#ffffffd9}.sidebar-entry:hover{background:#d4af3724}.sidebar-avatar{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;color:#fff;line-height:1;background:#f97316;box-shadow:0 0 0 2px #f973164d}.contact-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:199}.sidebar-contact{position:relative}.sidebar-recharge{width:28px!important;height:28px!important;font-size:13px;color:#d4af37}.sidebar-points-box{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 8px;border-radius:14px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06)}.sidebar-points-icon{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:10px;color:#d4af37;font-size:14px;cursor:pointer;transition:background .3s}.sidebar-points-icon:hover{background:#d4af371f}.sidebar-points-value{font-size:10px;color:#d4af37;font-weight:600}.contact-popover{position:absolute;left:calc(100% + 12px);bottom:0;background:linear-gradient(135deg,#221e1e,#1a1717);border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:16px;min-width:180px;z-index:200;box-shadow:0 8px 32px #0006;animation:contactFadeIn .25s ease-out}@keyframes contactFadeIn{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.contact-popover:before{content:"";position:absolute;right:100%;bottom:12px;border:6px solid transparent;border-right-color:#ffffff14}.contact-popover p{display:flex;align-items:center;gap:8px;padding:6px 0;color:#fffc;font-size:12px;word-break:break-all}.contact-popover p:not(:last-child){border-bottom:1px solid rgba(255,255,255,.06)}.contact-popover i{color:#d4af37;width:14px;text-align:center;font-size:11px}.contact-qr{margin-top:8px;padding-top:10px;border-top:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;align-items:center;gap:6px}.contact-qr img{width:120px;height:120px;object-fit:contain;border-radius:8px;background:#fff;padding:4px}.contact-qr span{font-size:11px;color:#fff9}.profile-popover{position:absolute;left:calc(100% + 12px);bottom:0;background:linear-gradient(135deg,#221e1e,#1a1717);border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:16px;min-width:180px;z-index:200;box-shadow:0 8px 32px #0006;animation:contactFadeIn .25s ease-out}.profile-popover:before{content:"";position:absolute;right:100%;bottom:12px;border:6px solid transparent;border-right-color:#ffffff14}.profile-email{font-size:13px;color:#ffffffd9;margin-bottom:8px;word-break:break-all}.profile-points{font-size:18px;font-weight:700;color:#d4af37;margin-bottom:14px}.profile-points i{font-size:14px;margin-right:4px}.profile-logout-btn{width:100%;padding:8px 0;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#ffffff0a;color:#ffffff80;font-size:12px;cursor:pointer;transition:all .3s}.profile-logout-btn:hover{background:#fc5c651a;border-color:#fc5c654d;color:#fc5c65}.profile-member{display:inline-block;font-size:12px;font-weight:600;padding:3px 10px;border-radius:20px;margin-bottom:10px;background:#ffffff0f;color:#ffffff8c}.profile-member.vip{background:#d4af3726;border:1px solid rgba(212,175,55,.35);color:#d4af37}.profile-member i{margin-right:4px;font-size:11px}.profile-menu{display:flex;flex-direction:column;gap:6px;margin-bottom:10px}.profile-menu-btn{width:100%;padding:8px 12px;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#ffffff0a;color:#ffffffc7;font-size:12px;text-align:left;cursor:pointer;transition:all .3s}.profile-menu-btn i{margin-right:8px;color:#ffffff73}.profile-menu-btn:hover{background:#ffffff14;border-color:#ffffff40;color:#fff}.contact-modal,.contact-close,.contact-modal h3,.contact-info p,.contact-info i{display:none}.main-content{margin-left:88px;min-height:100vh;display:flex;flex-direction:column;position:relative;z-index:10}.home-content{min-height:100vh;display:flex;flex-direction:column}.carousel-section{padding-top:40px;display:flex;flex-direction:column;align-items:center;gap:20px;position:relative;z-index:10}.carousel-3d{width:340px;height:180px;position:relative;perspective:1200px;transform-style:preserve-3d}.carousel-card{width:340px;height:180px;border-radius:16px;overflow:hidden;position:absolute;background:linear-gradient(135deg,#221e1e,#1a1717);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0006;transition:all .7s cubic-bezier(.25,.46,.45,.94);cursor:pointer;backface-visibility:hidden;transform-style:preserve-3d}.carousel-center{transform:translateZ(0) scale(.85) rotateY(-5deg);z-index:3;box-shadow:0 12px 48px #d4af3733;border-color:#d4af3733;opacity:1;filter:blur(0);animation:carouselSpinCenter 18s linear infinite}@keyframes carouselSpinCenter{0%{transform:translateZ(0) scale(.85) rotateY(-5deg)}to{transform:translateZ(0) scale(.85) rotateY(355deg)}}.carousel-right{transform:translate(180px) translateZ(-100px) scale(.75) rotateY(-25deg);z-index:2;opacity:.7;filter:brightness(.6) blur(1px);animation:carouselSpinRight 12s linear infinite}.carousel-left{transform:translate(-180px) translateZ(-100px) scale(.75) rotateY(25deg);z-index:2;opacity:.7;filter:brightness(.6) blur(1px);animation:carouselSpinLeft 12s linear infinite}@keyframes carouselSpinRight{0%{transform:translate(180px) translateZ(-100px) scale(.75) rotateY(-25deg)}to{transform:translate(180px) translateZ(-100px) scale(.75) rotateY(335deg)}}@keyframes carouselSpinLeft{0%{transform:translate(-180px) translateZ(-100px) scale(.75) rotateY(25deg)}to{transform:translate(-180px) translateZ(-100px) scale(.75) rotateY(385deg)}}.carousel-hidden{transform:translate(0) translateZ(-200px) scale(.5) rotateY(0);z-index:1;opacity:0;pointer-events:none;filter:blur(3px)}.carousel-center:hover,.carousel-left:hover,.carousel-right:hover{animation-play-state:paused;opacity:.9;filter:brightness(.75) blur(0)}.carousel-card-content{position:absolute;bottom:0;left:0;right:0;padding:16px;background:linear-gradient(transparent,#000c)}.carousel-card-title{font-size:14px;font-weight:600;margin-bottom:4px}.carousel-card-desc{font-size:11px;color:#ffffffb3}.carousel-dots-3d{display:flex;justify-content:center;gap:10px}.dot-3d{width:28px;height:4px;border-radius:2px;background:#ffffff26;cursor:pointer;transition:all .4s ease}.dot-3d.active{background:#d4af37;width:36px;box-shadow:0 0 10px #d4af3766}.dot-3d:hover{background:#d4af3766}.hero-section{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.hero-x{position:relative;width:460px;height:320px;display:flex;align-items:center;justify-content:center;margin-bottom:40px}.x-shape{position:absolute;font-size:320px;font-weight:700;line-height:1;background:linear-gradient(135deg,#ffe6d7f2,#eb9b7dd9,#c86e64e6,#eba587d9,#ffe6d7e6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 50px rgba(200,120,110,.5)) drop-shadow(0 0 100px rgba(165,95,90,.25)) blur(0px);animation:sdZoom 5s ease-out forwards,sdPulse 3s ease-in-out 5s infinite;font-family:Times New Roman,serif;letter-spacing:-8px;will-change:transform,filter,opacity}@keyframes sdZoom{0%{transform:perspective(800px) translateZ(-300px) scale(.2) rotateY(0);opacity:.1;filter:drop-shadow(0 0 10px rgba(200,120,110,.2)) drop-shadow(0 0 20px rgba(165,95,90,.1)) blur(8px)}25%{transform:perspective(800px) translateZ(-120px) scale(.4) rotateY(90deg);opacity:.4;filter:drop-shadow(0 0 20px rgba(200,120,110,.25)) drop-shadow(0 0 40px rgba(165,95,90,.12)) blur(6px)}50%{transform:perspective(800px) translateZ(-50px) scale(.65) rotateY(180deg);opacity:.7;filter:drop-shadow(0 0 30px rgba(200,120,110,.35)) drop-shadow(0 0 60px rgba(165,95,90,.18)) blur(3px)}75%{transform:perspective(800px) translateZ(-10px) scale(.9) rotateY(270deg);opacity:.9;filter:drop-shadow(0 0 40px rgba(200,120,110,.45)) drop-shadow(0 0 80px rgba(165,95,90,.22)) blur(1px)}to{transform:perspective(800px) translateZ(0) scale(1) rotateY(360deg);opacity:1;filter:drop-shadow(0 0 50px rgba(200,120,110,.5)) drop-shadow(0 0 100px rgba(165,95,90,.25)) blur(0px)}}@keyframes sdPulse{0%,to{transform:perspective(800px) translateZ(0) scale(1)}50%{transform:perspective(800px) translateZ(-18px) scale(.92)}}.x-glow{position:absolute;width:100%;height:100%;background:radial-gradient(ellipse at center,rgba(212,175,55,.15) 0%,rgba(180,130,30,.06) 40%,transparent 60%);animation:glowPulse 4s ease-in-out infinite}@keyframes glowPulse{0%,to{opacity:.5}50%{opacity:1}}.hero-text{position:absolute;text-align:center;z-index:20}.hero-title{font-family:Songti SC,SimSun,STSong,"Noto Serif CJK SC",serif;font-size:56px;font-weight:700;letter-spacing:12px;margin-bottom:12px;text-shadow:0 4px 30px rgba(0,0,0,.5)}.hero-subtitle{font-family:Songti SC,SimSun,STSong,"Noto Serif CJK SC",serif;font-size:18px;color:#ffffffb3;letter-spacing:8px;margin-bottom:32px}.start-btn{padding:12px 36px;border-radius:24px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;font-size:14px;letter-spacing:2px;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;position:relative;overflow:hidden}.start-btn:hover{background:#fff3;border-color:#fff6;transform:translateY(-2px);box-shadow:0 8px 30px #d4af3733}.start-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.start-btn:hover:before{left:100%}.hero-actions{display:flex;gap:16px;justify-content:center;align-items:center}.function-cards{display:flex;gap:20px;justify-content:center;padding-bottom:60px}.func-card{width:140px;height:110px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;cursor:pointer;transition:all .4s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.func-card:hover{background:#ffffff1a;border-color:#ffffff40;transform:translateY(-6px);box-shadow:0 12px 40px #0006}.func-card.active{background:linear-gradient(135deg,#d4af3733,#c8506426);border-color:#d4af3766}.func-icon{font-size:24px;color:#ffffffe6}.func-name{font-size:14px;color:#fffc;letter-spacing:2px}.workspace-page{min-height:100vh;padding:40px 48px;display:flex;flex-direction:column}.page-header{margin-bottom:32px}.page-title{font-size:28px;font-weight:600;margin-bottom:8px;letter-spacing:1px}.page-subtitle{font-size:13px;color:#ffffff80}.toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.filter-btn{padding:8px 20px;border-radius:20px;background:#ffffff1a;border:1px solid rgba(255,255,255,.15);color:#fff;font-size:13px;cursor:pointer;transition:all .3s}.filter-btn:hover{background:#ffffff26}.create-btn{padding:8px 18px;border-radius:20px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);color:#fff;font-size:13px;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .3s}.create-btn:hover{background:#ffffff26;border-color:#fff3}.workspace-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;overflow-y:auto;padding-right:8px}.workspace-grid::-webkit-scrollbar{width:4px}.workspace-grid::-webkit-scrollbar-track{background:transparent}.workspace-grid::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:2px}.today-draft-panel{margin-top:20px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:14px;overflow:hidden;transition:all .3s ease}.today-draft-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;cursor:pointer;transition:background .3s}.today-draft-header:hover{background:#ffffff0a}.today-draft-header-left{display:flex;align-items:center;gap:10px;font-size:14px;color:#fffc}.today-draft-header-left i{color:#d4af37;font-size:14px}.today-draft-count{background:#d4af3726;color:#d4af37;font-size:11px;padding:2px 8px;border-radius:10px}.today-draft-arrow{color:#fff6;font-size:12px;transition:transform .3s}.today-draft-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;padding:0 18px 18px}.today-draft-sections{display:flex;flex-direction:column;gap:6px;padding:0 14px 14px}.today-draft-category{border:1px solid rgba(255,255,255,.05);border-radius:10px;overflow:hidden}.today-category-header{display:flex;align-items:center;gap:8px;padding:8px 14px;font-size:13px;color:#ffffffb3;background:#ffffff05;border-bottom:1px solid rgba(255,255,255,.04)}.today-category-header i{font-size:13px;color:#fff6}.category-count{font-size:11px;color:#ffffff4d;background:#ffffff0f;padding:1px 8px;border-radius:10px;margin-left:auto}.category-empty{padding:16px;text-align:center;font-size:12px;color:#fff3}.today-draft-category .today-draft-grid{padding:10px 12px 14px}.workspace-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:16px;overflow:hidden;cursor:pointer;transition:all .4s ease}.workspace-card:hover{background:#ffffff12;border-color:#ffffff26;transform:translateY(-4px);box-shadow:0 12px 40px #0000004d}.card-preview{height:170px;background:linear-gradient(135deg,#302c2c99,#1e1b1bbf);position:relative;display:flex;align-items:center;justify-content:center}.card-media-skeleton{width:100%;height:100%;background:linear-gradient(135deg,#342f2f99,#221e1ebf)}.card-preview-grid{width:60%;height:60%;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:4px;position:relative;z-index:2}.card-preview-grid .cell{background:#ffffff0a;border-radius:4px;position:relative;overflow:hidden}.card-preview-grid .cell img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.card-info{padding:16px}.card-title{font-size:15px;font-weight:500;margin-bottom:6px}.card-title-edit{font-size:15px;font-weight:500;margin-bottom:6px;padding:2px 6px;background:#ffffff14;border:1px solid rgba(212,175,55,.4);border-radius:4px;color:#fff;width:calc(100% - 4px);outline:none}.card-meta{font-size:12px;color:#ffffff73}.points-widget{position:fixed;left:80px;bottom:24px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:4px;z-index:50;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;transition:all .3s}.points-widget:hover{background:#ffffff1a}.points-label{font-size:11px;color:#ffffff80;display:flex;align-items:center;gap:4px}.points-value{font-size:20px;font-weight:700;color:#fff}.points-action{font-size:11px;color:#fff6}.particles{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:2}.particle{position:absolute;width:2px;height:2px;background:#ffffff4d;border-radius:50%;animation:float 15s infinite linear}@keyframes float{0%{transform:translateY(100vh) rotate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-100px) rotate(720deg);opacity:0}}.corner-text{position:fixed;right:24px;bottom:24px;writing-mode:vertical-rl;text-orientation:mixed;font-size:12px;color:#fff6;letter-spacing:4px;z-index:50}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease}.modal-content{width:420px;background:linear-gradient(135deg,#221e1e,#1b1818);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:40px;position:relative;box-shadow:0 24px 80px #0009;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-close{position:absolute;top:16px;right:16px;width:32px;height:32px;border-radius:50%;background:#ffffff0d;border:none;color:#fff9;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s}.modal-close:hover{background:#ffffff1a;color:#fff}.modal-header{text-align:center;margin-bottom:32px}.modal-logo{font-size:36px;font-weight:700;letter-spacing:-2px;background:linear-gradient(135deg,#fff,#d4af37);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:16px}.modal-title{font-size:22px;font-weight:600;margin-bottom:8px}.modal-subtitle{font-size:13px;color:#ffffff80}.modal-body{display:flex;flex-direction:column;gap:16px}.input-group{display:flex;flex-direction:column;gap:8px}.input-group label{font-size:13px;color:#ffffffb3}.input-group input{width:100%;padding:14px 16px;border-radius:12px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:#fff;font-size:15px;outline:none;transition:all .3s}.input-group input:focus{border-color:#d4af3780;background:#ffffff14}.input-group input::placeholder{color:#ffffff4d}.phone-input{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:12px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1)}.phone-input:focus-within{border-color:#d4af3780;background:#ffffff14}.phone-input .prefix{font-size:14px;color:#ffffffb3;border-right:1px solid rgba(255,255,255,.1);padding-right:12px}.phone-input input{flex:1;background:transparent;border:none;padding:0}.code-sent{font-size:12px;color:#fff6;margin-top:4px}.submit-btn{width:100%;padding:14px;border-radius:12px;background:linear-gradient(135deg,#d4af37cc,#c85064cc);border:none;color:#fff;font-size:15px;font-weight:500;cursor:pointer;transition:all .3s;margin-top:8px}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #d4af3740}.submit-btn:disabled{opacity:.5;cursor:not-allowed}.auth-error{background:#ff503c1a;border:1px solid rgba(255,80,60,.25);border-radius:8px;padding:8px 14px;margin-bottom:12px;color:#ff6050;font-size:12px;display:flex;align-items:center;gap:6px}.auth-error:before{content:"";font-family:"Font Awesome 5 Free";font-weight:900;font-size:12px}.back-btn{width:100%;padding:12px;border-radius:12px;background:transparent;border:1px solid rgba(255,255,255,.1);color:#fff9;font-size:13px;cursor:pointer;transition:all .3s}.back-btn:hover{background:#ffffff0d;color:#fff}.modal-tabs{display:flex;gap:0;margin-top:16px;border-radius:8px;overflow:hidden;border:1px solid rgba(255,255,255,.08)}.modal-tab{flex:1;padding:8px 0;background:#ffffff08;border:none;color:#ffffff73;font-size:13px;cursor:pointer;transition:all .3s}.modal-tab.active{background:#d4af371f;color:#d4af37}.modal-tab:hover:not(.active){color:#ffffffb3}.verify-row{display:flex;gap:8px}.verify-row input{flex:1}.verify-send-btn{padding:0 16px;border-radius:10px;background:#d4af371a;border:1px solid rgba(212,175,55,.2);color:#d4af37;font-size:12px;white-space:nowrap;cursor:pointer;transition:all .3s}.verify-send-btn:hover{background:#d4af3733}.verify-send-btn:disabled{opacity:.4;cursor:not-allowed}.verify-send-btn.counting{opacity:.5;cursor:not-allowed;background:#ffffff0a;color:#ffffff4d}.modal-footer{margin-top:24px;text-align:center}.agreement{display:flex;align-items:flex-start;gap:8px;font-size:12px;color:#fff6;cursor:pointer;text-align:left}.agreement input{margin-top:2px}.agreement a{color:#d4af37cc;text-decoration:none}.user-info{display:flex;align-items:center;gap:8px;cursor:pointer}.user-name{font-size:12px;color:#fffc;max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gen-page{display:flex;height:100vh;position:relative}.gen-panel{width:360px;min-width:360px;height:100vh;background:#ffffff08;border-right:1px solid rgba(255,255,255,.06);padding:28px;overflow-y:auto;z-index:10}.gen-panel::-webkit-scrollbar{width:4px}.gen-panel::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.gen-panel-header{margin-bottom:28px}.gen-panel-title{font-size:22px;font-weight:600;display:flex;align-items:center;gap:10px;margin-bottom:8px}.gen-panel-title i{color:#d4af37cc}.gen-panel-desc{font-size:13px;color:#ffffff73}.gen-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:10px}.form-group label{font-size:13px;color:#ffffffb3;font-weight:500}.form-row{display:flex;gap:16px}.flex-1{flex:1}.prompt-input,.text-input{width:100%;padding:14px;border-radius:12px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:#fff;font-size:14px;outline:none;resize:none;transition:all .3s;font-family:inherit}.prompt-input:focus,.text-input:focus{border-color:#d4af3766;background:#ffffff14}.prompt-input::placeholder,.text-input::placeholder{color:#ffffff4d}.model-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.model-card{padding:14px;border-radius:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);cursor:pointer;transition:all .3s}.model-card:hover{background:#ffffff14}.model-card.active{background:#d4af371f;border-color:#d4af3766}.model-name{font-size:14px;font-weight:500;margin-bottom:4px}.model-desc{font-size:11px;color:#fff6}.ratio-group{display:flex;gap:8px;flex-wrap:wrap}.ratio-btn{padding:8px 16px;border-radius:8px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:#ffffffb3;font-size:13px;cursor:pointer;transition:all .3s}.ratio-btn:hover{background:#ffffff1a}.ratio-btn.active{background:#d4af3726;border-color:#d4af3766;color:#fff}.style-tags{display:flex;flex-wrap:wrap;gap:8px}.style-tag{padding:6px 14px;border-radius:16px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);color:#ffffffb3;font-size:12px;cursor:pointer;transition:all .3s}.style-tag:hover{background:#ffffff1a}.style-tag.active{background:#d4af3726;border-color:#d4af3766;color:#fff}.generate-btn{width:100%;padding:14px;border-radius:12px;background:linear-gradient(135deg,#d4af37cc,#c85064cc);border:none;color:#fff;font-size:15px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .3s;margin-top:8px}.generate-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #d4af3740}.generate-btn:disabled{opacity:.5;cursor:not-allowed}.gen-preview{flex:1;padding:40px;overflow-y:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:32px;z-index:10}.gen-preview::-webkit-scrollbar{width:6px}.gen-preview::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.preview-empty{display:flex;flex-direction:column;align-items:center;gap:16px;color:#fff6}.preview-empty i{font-size:64px}.preview-empty p{font-size:14px}.preview-main{width:100%;max-width:720px;display:flex;flex-direction:column;gap:20px}.preview-image-container{width:100%;max-width:512px;margin:0 auto;border-radius:16px;overflow:hidden;background:#ffffff0d;border:1px solid rgba(255,255,255,.1)}.preview-image{width:100%;height:100%;object-fit:cover;display:block}.preview-video-container{width:100%;border-radius:16px;overflow:hidden;background:#ffffff0d;border:1px solid rgba(255,255,255,.1)}.preview-video{width:100%;display:block}.preview-actions{display:flex;justify-content:center;gap:12px}.action-btn{padding:10px 24px;border-radius:8px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);color:#fff;font-size:13px;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .3s}.action-btn:hover{background:#ffffff26}.action-btn.primary{background:linear-gradient(135deg,#d4af37b3,#c85064b3);border-color:transparent}.history-section{width:100%;max-width:720px}.history-title{font-size:14px;color:#fff9;margin-bottom:12px}.history-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px}.history-item{aspect-ratio:3 / 4;border-radius:10px;overflow:hidden;cursor:pointer;border:1px solid rgba(255,255,255,.08);transition:all .3s}.history-item:hover{border-color:#d4af3766;transform:translateY(-2px)}.history-item img{width:100%;height:100%;object-fit:cover}.upload-area{height:120px;border-radius:12px;border:1px dashed rgba(255,255,255,.2);background:#ffffff0a;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#ffffff80;cursor:pointer;transition:all .3s;overflow:hidden}.upload-area:hover{border-color:#d4af3766;background:#ffffff0f}.upload-area i{font-size:24px}.upload-preview{width:100%;height:100%;object-fit:cover}.clear-upload{margin-top:8px;padding:6px 12px;border-radius:6px;background:transparent;border:1px solid rgba(255,255,255,.1);color:#ffffff80;font-size:12px;cursor:pointer;transition:all .3s}.clear-upload:hover{background:#ffffff14;color:#fff}.progress-section{width:100%;max-width:600px}.progress-bar{width:100%;height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#d4af37cc,#c85064cc);transition:width .3s ease}.progress-text{text-align:center;margin-top:12px;font-size:13px;color:#ffffff80}.agent-page{min-height:100vh;padding:40px 48px;display:flex;flex-direction:column;position:relative;z-index:10}.agent-header{margin-bottom:32px}.agent-title{font-size:28px;font-weight:600;display:flex;align-items:center;gap:12px;margin-bottom:8px}.agent-title i{color:#d4af37cc}.agent-subtitle{font-size:13px;color:#ffffff80}.agent-content{flex:1;display:flex;gap:32px;min-height:0}.agent-input-section{width:420px;min-width:420px;display:flex;flex-direction:column;gap:24px}.task-input-wrapper{display:flex;flex-direction:column;gap:16px}.task-input{width:100%;padding:18px;border-radius:16px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:#fff;font-size:15px;outline:none;resize:none;transition:all .3s;font-family:inherit}.task-input:focus{border-color:#d4af3766;background:#ffffff14}.task-input::placeholder{color:#ffffff4d}.run-task-btn{padding:14px;border-radius:12px;background:linear-gradient(135deg,#d4af37cc,#c85064cc);border:none;color:#fff;font-size:15px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .3s}.run-task-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #d4af3740}.run-task-btn:disabled{opacity:.5;cursor:not-allowed}.agent-templates{flex:1;overflow-y:auto}.templates-title{font-size:14px;color:#fff9;margin-bottom:14px}.templates-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.template-card{padding:18px;border-radius:14px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);cursor:pointer;transition:all .3s;display:flex;align-items:flex-start;gap:12px}.template-card:hover{background:#ffffff14;border-color:#d4af374d;transform:translateY(-2px)}.template-card i{font-size:20px;color:#d4af37cc;margin-top:2px}.template-name{font-size:14px;font-weight:500;margin-bottom:4px}.template-desc{font-size:12px;color:#fff6}.agent-result-section{flex:1;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:20px;padding:32px;overflow-y:auto}.agent-empty{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:#fff6}.agent-empty i{font-size:64px}.agent-working{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:32px}.working-title{font-size:18px;color:#fffc}.steps-timeline{display:flex;flex-direction:column;gap:0;width:100%;max-width:400px}.timeline-item{display:flex;align-items:center;gap:16px;padding:18px 0;position:relative}.timeline-item:before{content:"";position:absolute;left:15px;top:48px;width:2px;height:calc(100% - 24px);background:#ffffff1a}.timeline-item:last-child:before{display:none}.timeline-dot{width:32px;height:32px;border-radius:50%;background:#ffffff14;border:1px solid rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;color:#ffffff80;font-size:12px;z-index:2}.timeline-item.active .timeline-dot{background:#d4af3733;border-color:#d4af3780;color:#d4af37e6}.timeline-item.completed .timeline-dot{background:#d4af3726;border-color:#d4af3766;color:#d4af37e6}.timeline-title{font-size:14px;color:#fff9;transition:color .3s}.timeline-item.active .timeline-title{color:#fff}.agent-result{display:flex;flex-direction:column;gap:24px}.result-title{font-size:18px;font-weight:500}.result-video{width:100%;border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,.1)}.result-video-player{width:100%;display:block}.result-section-title{font-size:14px;color:#ffffffb3;margin-bottom:12px}.result-image-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.result-image-grid img{width:100%;aspect-ratio:3 / 4;object-fit:cover;border-radius:10px;border:1px solid rgba(255,255,255,.08)}.result-actions{display:flex;gap:12px;margin-top:8px}.canvas-page{height:100vh;display:flex;flex-direction:column;background:#0b0d12;color:#fff;position:relative;z-index:10;overflow:hidden}.canvas-topbar{height:60px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 16px;border-bottom:1px solid rgba(255,255,255,.06);background:#ffffff05}.canvas-topbar-left{display:flex;align-items:center;gap:10px;min-width:0}.canvas-back{width:34px;height:34px;border-radius:8px;border:1px solid rgba(255,255,255,.1);background:transparent;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.canvas-back:hover{background:#ffffff14}.canvas-logo{color:#d4af37;font-size:20px}.canvas-title-input{background:transparent;border:1px solid transparent;color:#fff;font-size:15px;font-weight:500;padding:6px 10px;border-radius:8px;width:180px;outline:none;transition:all .2s}.canvas-title-input:hover,.canvas-title-input:focus{border-color:#ffffff1f;background:#ffffff08}.canvas-topbar-center{display:flex;align-items:center;gap:12px;flex:1;justify-content:center;min-width:0}.canvas-model-select{display:flex;align-items:center;gap:8px;padding:0 12px;height:36px;border-radius:8px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08)}.canvas-model-select i{color:#d4af37;font-size:13px}.canvas-model-select select{background:transparent;border:none;color:#fff;font-size:13px;outline:none;cursor:pointer}.canvas-model-select select option{background:#14161d;color:#fff}.canvas-quick-actions{display:flex;gap:6px;flex-wrap:wrap}.canvas-quick-btn{display:flex;align-items:center;gap:6px;height:36px;padding:0 12px;border-radius:8px;border:1px solid rgba(255,255,255,.08);background:#ffffff08;color:#ffffffbf;font-size:12px;cursor:pointer;transition:all .2s;white-space:nowrap}.canvas-quick-btn:hover{background:#ffffff14;color:#fff}.canvas-quick-btn i{color:#d4af37}.canvas-topbar-right{display:flex;gap:8px}.canvas-top-btn{display:flex;align-items:center;gap:6px;height:36px;padding:0 14px;border-radius:8px;border:1px solid rgba(255,255,255,.08);background:transparent;color:#ffffffbf;font-size:13px;cursor:pointer;transition:all .2s}.canvas-top-btn:hover{background:#ffffff14;color:#fff}.canvas-body{flex:1;display:flex;min-height:0;position:relative}.canvas-sidebar{width:190px;flex-shrink:0;border-right:1px solid rgba(255,255,255,.06);background:#ffffff05;display:flex;flex-direction:column;gap:20px;padding:16px 12px;overflow-y:auto}.canvas-side-title{font-size:11px;color:#fff6;text-transform:uppercase;letter-spacing:1px;margin-bottom:10px}.canvas-side-node{display:flex;align-items:center;gap:10px;width:100%;padding:9px 10px;border-radius:8px;border:none;background:transparent;color:#fffc;font-size:13px;cursor:pointer;transition:all .2s;text-align:left;margin-bottom:2px}.canvas-side-node:hover{background:#ffffff0f;color:#fff}.canvas-side-node i{width:18px;text-align:center;color:var(--node-color, #d4af37)}.canvas-side-hint{margin-top:auto;padding:12px;border-radius:10px;background:#ffffff08;border:1px dashed rgba(255,255,255,.1);text-align:center;color:#fff6;font-size:11px;line-height:1.6}.canvas-side-hint i{color:#d4af37;margin-bottom:6px;font-size:16px}.canvas-stage{flex:1;position:relative;overflow:hidden;background-color:#0b0d12;background-image:radial-gradient(circle,rgba(255,255,255,.07) 1px,transparent 1px);background-size:24px 24px;cursor:default;-webkit-user-select:none;user-select:none}.canvas-edges{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1}.canvas-edge{fill:none;stroke:#ffffff40;stroke-width:2;stroke-dasharray:6 4}.canvas-node{position:absolute;border-radius:12px;border:1.5px solid rgba(255,255,255,.15);background:#151823;box-shadow:0 8px 24px #0006;cursor:move;z-index:2;transition:box-shadow .2s,border-color .2s;display:flex;flex-direction:column;overflow:visible}.canvas-node:hover{box-shadow:0 12px 32px #0000008c}.canvas-node.selected{border-color:#d4af37!important;box-shadow:0 0 0 3px #d4af3733,0 12px 32px #0000008c}.canvas-node.connecting{box-shadow:0 0 0 3px #d4af3759}.canvas-node-head{display:flex;align-items:center;gap:8px;padding:8px 10px;border-bottom:1px solid rgba(255,255,255,.06);border-radius:12px 12px 0 0}.canvas-node-type{font-size:12px;font-weight:500;color:#ffffffd9;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.canvas-node-del{width:20px;height:20px;border-radius:6px;border:none;background:transparent;color:#fff6;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.canvas-node-body{flex:1;padding:8px 10px 10px;display:flex;flex-direction:column;min-height:60px}.canvas-node-media{width:100%;border-radius:8px;object-fit:cover;display:block;max-height:120px}.canvas-node-connect{position:absolute;right:-12px;bottom:-12px;width:26px;height:26px;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:#1c202b;color:#d4af37;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:13px;transition:all .2s;z-index:3}.canvas-node-connect:hover{background:#d4af37;color:#000;transform:scale(1.1)}.canvas-node-menu{position:absolute;z-index:10;width:160px;background:#171a24;border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:8px;box-shadow:0 16px 40px #0009}.canvas-node-menu-title{font-size:11px;color:#fff6;padding:4px 8px 8px}.canvas-node-menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border-radius:8px;border:none;background:transparent;color:#ffffffd9;font-size:13px;cursor:pointer;text-align:left;transition:all .15s}.canvas-inspector{width:300px;flex-shrink:0;border-left:1px solid rgba(255,255,255,.06);background:#ffffff05;padding:16px;overflow-y:auto}.canvas-inspector-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.canvas-inspector-type{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500}.canvas-inspector-close{width:28px;height:28px;border-radius:8px;border:none;background:transparent;color:#ffffff80;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.canvas-inspector-field input,.canvas-inspector-field textarea,.canvas-inspector-field select{width:100%;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;padding:10px;font-size:13px;outline:none;transition:border-color .2s;resize:vertical}.canvas-inspector-field input:focus,.canvas-inspector-field textarea:focus,.canvas-inspector-field select:focus{border-color:#d4af3780}.canvas-inspector-field select option{background:#14161d;color:#fff}.canvas-inspector-empty{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#ffffff4d;text-align:center;font-size:13px;line-height:1.7}.canvas-inspector-empty i{font-size:32px;opacity:.5}.canvas-page{height:100vh;display:flex;flex-direction:column;background:linear-gradient(160deg,#1a1717,#171415,#1c1818 70%,#161314);color:#fff;position:relative;overflow:hidden;z-index:auto}.canvas-topbar{height:56px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid rgba(255,255,255,.07);background:#ffffff05;z-index:5}.canvas-brand{display:flex;align-items:center;gap:10px}.canvas-brand-icon{width:30px;height:30px;border-radius:8px;background:linear-gradient(135deg,#d4af37,#b8942e);color:#000;display:flex;align-items:center;justify-content:center;font-size:15px}.canvas-brand-name{font-size:15px;font-weight:600;letter-spacing:.5px}.canvas-topbar-actions{display:flex;align-items:center;gap:10px}.canvas-btn-ghost,.canvas-btn-primary{height:34px;padding:0 14px;border-radius:8px;font-size:13px;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s}.canvas-btn-ghost{border:1px solid rgba(255,255,255,.1);background:transparent;color:#fffc}.canvas-btn-ghost:hover{background:#ffffff12;color:#fff}.canvas-btn-primary{border:none;background:#d4af37;color:#000;font-weight:600}.canvas-btn-primary:hover{filter:brightness(1.08)}.canvas-points{display:flex;align-items:center;gap:4px;font-size:13px;color:#fff;font-weight:600}.canvas-side-rail{position:absolute;left:14px;top:50%;transform:translateY(-50%);z-index:10;display:flex;flex-direction:column;gap:6px;background:#14161ee6;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:8px;box-shadow:0 8px 24px #0006}.canvas-rail-btn{width:42px;height:42px;border-radius:9px;border:none;background:transparent;color:#ffffffbf;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;transition:all .2s;position:relative}.canvas-rail-btn i{font-size:16px}.canvas-rail-btn span{font-size:9px;line-height:1;white-space:nowrap}.canvas-rail-btn:hover{background:#ffffff14;color:#fff}.canvas-rail-btn.primary{background:#d4af37;color:#000}.canvas-rail-btn.primary:hover{filter:brightness(1.08)}.canvas-rail-divider{height:1px;background:#ffffff1a;margin:2px 0}.canvas-stage{flex:1;position:relative;overflow:hidden;background-color:transparent;background-image:radial-gradient(circle,rgba(255,255,255,.03) 1px,transparent 1px);background-size:22px 22px;cursor:default;-webkit-user-select:none;user-select:none;min-height:0}.canvas-stage.drag-over{outline:2px dashed #d4af37;outline-offset:-12px}.canvas-world{position:absolute;left:0;top:0;transform-origin:0 0;width:0;height:0}.canvas-edges{position:absolute;left:0;top:0;width:1px;height:1px;overflow:visible;pointer-events:none}.canvas-edge{fill:none;stroke:#d4af37;stroke-width:2.5;pointer-events:stroke;cursor:pointer}.canvas-edge.edge-selected{stroke:#ffdf80;stroke-width:4}.canvas-edge.temp{stroke:#d4af37;stroke-width:2.5;pointer-events:none}.canvas-node{position:absolute;border-radius:18px;border:1px solid rgba(255,255,255,.13);background:linear-gradient(180deg,#23242b,#191a20);box-shadow:0 18px 44px #00000052;cursor:move;z-index:2;transition:box-shadow .15s;display:flex;flex-direction:column;overflow:visible}.canvas-node:hover{box-shadow:0 22px 52px #0006}.canvas-node.selected{border-color:#d4af37!important;box-shadow:0 0 0 3px #d4af3738,0 22px 52px #0006}.canvas-node-head{display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.06);border-radius:18px 18px 0 0;flex-shrink:0}.canvas-node-head i{font-size:13px}.canvas-node-type{font-size:12px;font-weight:600;color:#ffffffe6;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.canvas-node-del{width:20px;height:20px;border-radius:6px;border:none;background:transparent;color:#fff6;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;flex-shrink:0}.canvas-node-del:hover{background:#c83c3c99;color:#fff}.canvas-node-body{flex:1;padding:16px;display:flex;flex-direction:column;overflow:hidden;min-height:0;position:relative}.canvas-node-download{position:absolute;right:12px;bottom:12px;width:30px;height:30px;border-radius:50%;border:none;background:#0000008c;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:13px;transition:all .15s;z-index:2}.canvas-node-download:hover{background:#d4af37d9}.canvas-node-textarea{flex:1;width:100%;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;padding:8px;font-size:12px;outline:none;resize:none;line-height:1.5}.canvas-node-textarea:focus{border-color:#d4af3780}.canvas-node-media{width:100%;height:136px;border-radius:16px;object-fit:cover;display:block;flex-shrink:0}.canvas-node.node-card .canvas-node-media{flex:1;min-height:0;object-fit:contain;border-radius:12px}.canvas-node-audio{width:100%;height:32px}.canvas-node-placeholder{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#ffffff59;font-size:12px;text-align:center;min-height:60px}.canvas-node-placeholder i{font-size:22px;opacity:.6}.canvas-node-text{flex:1;min-height:0;overflow-y:auto;color:#ffffffd9;font-size:13px;line-height:1.6;white-space:pre-wrap;word-break:break-word;padding:2px}.canvas-node-loading{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;color:#fff9;font-size:13px;min-height:60px}.canvas-node-loading i{color:#fff}.canvas-node-error{margin-top:8px;padding:6px 8px;border-radius:8px;background:#e36b7a26;border:1px solid rgba(227,107,122,.4);color:#f5a3ad;font-size:11px;line-height:1.4;display:flex;align-items:flex-start;gap:6px;word-break:break-word}.canvas-node-error i{flex-shrink:0;margin-top:1px}.canvas-port{position:absolute;top:50%;transform:translateY(-50%);width:14px;height:14px;border-radius:50%;background:#1c202b;border:2px solid rgba(255,255,255,.5);cursor:crosshair;z-index:3;transition:all .15s}.canvas-port-in{left:-8px}.canvas-port-out{right:-8px}.canvas-port:hover{border-color:#d4af37;background:#d4af37}.canvas-node-menu{position:absolute;z-index:20;width:180px;max-height:70vh;overflow-y:auto;background:#171a24;border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:8px;box-shadow:0 16px 40px #0009}.canvas-node-menu-group{margin-bottom:4px}.canvas-node-menu-title{font-size:10px;color:#ffffff59;text-transform:uppercase;letter-spacing:.5px;padding:6px 8px 4px}.canvas-node-menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:7px 10px;border-radius:8px;border:none;background:transparent;color:#ffffffd9;font-size:13px;cursor:pointer;text-align:left;transition:all .12s}.canvas-node-menu-item:hover{background:#ffffff14}.canvas-node-menu-item i{width:16px;text-align:center}.canvas-empty-hint{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:#ffffff47;font-size:14px;pointer-events:none}.canvas-corner-controls{position:absolute;left:16px;bottom:16px;z-index:10;display:flex;align-items:center;gap:2px;background:#14161ee6;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:4px;box-shadow:0 8px 24px #0006}.canvas-corner-btn{width:32px;height:32px;border-radius:7px;border:none;background:transparent;color:#ffffffbf;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.canvas-corner-btn:hover:not(:disabled){background:#ffffff14;color:#fff}.canvas-corner-btn:disabled{opacity:.3;cursor:not-allowed}.canvas-zoom-text{min-width:46px;text-align:center;font-size:12px;color:#ffffffb3}.canvas-corner-divider{width:1px;height:18px;background:#ffffff1f;margin:0 4px}.canvas-inspector{position:absolute;right:16px;top:72px;width:300px;max-height:calc(100% - 100px);z-index:10;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:#14161ef2;padding:16px;overflow-y:auto;box-shadow:0 16px 40px #00000080}.canvas-inspector-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.canvas-inspector-type{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600}.canvas-inspector-close{width:26px;height:26px;border-radius:8px;border:none;background:transparent;color:#ffffff80;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.canvas-inspector-close:hover{background:#ffffff14;color:#fff}.canvas-inspector-field{margin-bottom:14px}.canvas-inspector-field label{display:block;font-size:12px;color:#ffffff80;margin-bottom:6px}.canvas-inspector-field textarea,.canvas-inspector-field select{width:100%;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;padding:10px;font-size:13px;outline:none;resize:vertical}.canvas-inspector-field textarea:focus{border-color:#d4af3780}.canvas-ratio-row{display:flex;gap:6px;flex-wrap:wrap}.canvas-ratio-btn{padding:6px 10px;border-radius:7px;border:1px solid rgba(255,255,255,.1);background:transparent;color:#ffffffb3;font-size:12px;cursor:pointer;transition:all .15s}.canvas-ratio-btn:hover{border-color:#d4af37;color:#d4af37}.canvas-generate-btn{width:auto;height:100%;min-height:36px;padding:0 18px;border-radius:10px;border:none;background:linear-gradient(135deg,#d4af37,#b8942e);color:#000;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s}.canvas-generate-btn:hover:not(:disabled){filter:brightness(1.08)}.canvas-generate-btn:disabled{opacity:.6;cursor:not-allowed}.canvas-node-panel{position:absolute;width:720px;z-index:30;border:1px solid rgba(255,255,255,.11);border-radius:22px;background:radial-gradient(circle at 16% 0,rgba(255,255,255,.04),transparent 34%),#1d1918;padding:14px 16px;box-shadow:0 26px 86px #00000080;display:flex;flex-direction:column;gap:12px}.canvas-panel-head{display:flex;align-items:center;justify-content:space-between}.canvas-panel-title{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#fff}.canvas-panel-close{width:24px;height:24px;border-radius:6px;border:none;background:transparent;color:#ffffff80;cursor:pointer;display:flex;align-items:center;justify-content:center}.canvas-panel-close:hover{background:#ffffff14;color:#fff}.canvas-panel-textarea{width:100%;min-height:150px;background:#00000040;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;padding:14px;font-size:17px;font-weight:600;line-height:1.48;outline:none;resize:vertical;-webkit-user-select:text;user-select:text}.canvas-panel-textarea::placeholder{color:#ffffff61}.canvas-panel-textarea:focus{border-color:#ffffff59;background:#00000059}.canvas-mention{width:100%;max-height:220px;overflow-y:auto;background:#1c1f2b;border:1px solid rgba(255,255,255,.14);border-radius:12px;box-shadow:0 10px 30px #00000073;padding:6px}.canvas-mention.empty{padding:14px;color:#fff6;font-size:13px;text-align:center}.canvas-mention-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border:none;background:transparent;border-radius:8px;color:#ffffffd9;font-size:14px;cursor:pointer;text-align:left}.canvas-mention-item:hover{background:#ffffff14}.canvas-mention-item i{width:18px;text-align:center;color:#d4af37}.canvas-mention-label{flex:1}.canvas-mention-type{font-size:11px;color:#fff6}.canvas-panel-options{display:flex;gap:10px}.canvas-panel-option{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.canvas-panel-option label{font-size:12px;color:#ffffff80}.canvas-panel-option select{width:100%;background:#00000040;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;padding:9px 10px;font-size:13px;outline:none}.canvas-panel-option-pair{flex-direction:row;gap:6px;flex:0 0 auto}.canvas-panel-option-model{flex:0 0 190px}.canvas-panel-option-generate{flex:0 0 auto}.canvas-panel-upload{flex:0 0 auto;align-self:flex-end;width:auto;height:40px;padding:0 14px;gap:6px;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:#ffffff0a;color:#ffffffb3;font-size:13px;white-space:nowrap;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.canvas-panel-upload:hover{border-color:#d4af3780;color:#d4af37}.canvas-panel-sub{flex:0 0 88px;min-width:0;display:flex;flex-direction:column;gap:6px}.canvas-panel-sub label{font-size:12px;color:#ffffff80}.canvas-panel-sub select{width:100%;background:#00000040;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;padding:9px 10px;font-size:13px;outline:none}.canvas-project-popover{position:absolute;right:16px;top:72px;width:280px;z-index:10;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:#14161ef2;padding:16px;box-shadow:0 16px 40px #00000080}.canvas-project-head{display:flex;align-items:center;justify-content:space-between;font-size:15px;font-weight:600;margin-bottom:14px}.canvas-project-name-input{width:100%;padding:12px;border-radius:8px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);color:#fff;font-size:13px;margin-bottom:12px;outline:none}.canvas-project-name-input:focus{border-color:#ffffff4d}.canvas-project-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}.canvas-project-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:10px 12px;border-radius:8px;border:1px solid rgba(255,255,255,.1);background:transparent;color:#ffffffd9;font-size:13px;cursor:pointer;transition:all .15s}.canvas-project-btn:hover{border-color:#d4af3780;color:#d4af37}.canvas-project-btn:disabled{opacity:.4;cursor:not-allowed}.canvas-project-list{max-height:260px;overflow-y:auto;display:flex;flex-direction:column;gap:6px}.canvas-project-item{display:flex;align-items:center;gap:6px;padding:4px;border-radius:8px;border:1px solid transparent}.canvas-project-item.active{border-color:#d4af3766;background:#d4af3714}.canvas-project-item-name{flex:1;display:flex;align-items:center;gap:8px;padding:8px 10px;border:none;background:transparent;color:#ffffffd9;font-size:13px;cursor:pointer;text-align:left;border-radius:6px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.canvas-project-item-name:hover{background:#ffffff0f}.canvas-project-item-del{flex-shrink:0;width:30px;height:30px;border:none;border-radius:6px;background:transparent;color:#ffffff59;cursor:pointer}.canvas-project-item-del:hover{color:#e36b7a;background:#e36b7a1f}.canvas-project-tip{font-size:12px;color:#ffffff59;margin-top:6px}.canvas-modal-mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#0000008c;display:flex;align-items:center;justify-content:center}.canvas-modal{width:420px;max-width:90vw;max-height:80vh;overflow-y:auto;background:#171a24;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:18px;box-shadow:0 24px 60px #0009}.canvas-modal-head{display:flex;align-items:center;justify-content:space-between;font-size:16px;font-weight:600;margin-bottom:16px}.canvas-shortcut-item{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.05)}.canvas-shortcut-item:last-child{border-bottom:none}.canvas-shortcut-keys{font-size:12px;color:#fff;font-weight:600}.canvas-shortcut-desc{font-size:13px;color:#ffffffbf}.canvas-tutorial-body{font-size:13px;line-height:1.9;color:#fffc}.canvas-tutorial-body b{color:#fff}.ai-studio-page{display:flex;height:100vh;position:relative;overflow:hidden}.studio-left-panel{width:500px;min-width:500px;height:100vh;background:#ffffff05;border-right:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;z-index:10}.studio-panel-header{display:flex;align-items:center;justify-content:space-between;padding:20px 20px 16px}.studio-title{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:600;color:#fff}.studio-title i{width:32px;height:32px;border-radius:8px;background:#d4af3726;color:#d4af37e6;display:flex;align-items:center;justify-content:center;font-size:14px}.studio-refresh{width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;color:#ffffff80;cursor:pointer;transition:all .3s}.studio-refresh:hover{background:#ffffff14;color:#fff}.studio-tabs{display:flex;gap:8px;padding:0 20px 16px}.studio-tabs button{flex:1;padding:10px 16px;border-radius:8px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);color:#ffffff80;font-size:13px;cursor:pointer;transition:all .3s;font-family:inherit}.studio-tabs button:hover{background:#ffffff14;color:#fffc}.studio-tabs button.active{background:#c8465a33;border-color:#c8465a66;color:#fff}.studio-form{flex:1;overflow-y:auto;padding:0 20px 20px;display:flex;flex-direction:column;gap:18px}.studio-form::-webkit-scrollbar{width:4px}.studio-form::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.studio-form-group{display:flex;flex-direction:column;gap:8px}.studio-form-group label{font-size:12px;color:#ffffff80;font-weight:500}.name-input-wrapper{position:relative}.name-input-wrapper .name-counter{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:11px;color:#ffffff59}.studio-text-input{width:100%;padding:12px 50px 12px 14px;border-radius:10px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);color:#fff;font-size:13px;outline:none;transition:all .3s;font-family:inherit}.studio-text-input:focus{border-color:#d4af374d;background:#ffffff12}.studio-select{position:relative;display:flex;align-items:center;gap:10px;padding:0;border-radius:10px;background:#141210e6;border:1px solid rgba(212,175,55,.25);cursor:pointer;transition:border-color .3s,background .3s,box-shadow .3s;overflow:hidden}.studio-select:focus-within{border-color:#d4af37b3;background:#141210f2;box-shadow:0 0 0 2px #d4af3726}.studio-select select{flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent!important;border:none!important;color:#ffffffe6!important;font-size:14px!important;outline:none;cursor:pointer;font-family:inherit;padding:10px 36px 10px 14px!important;border-radius:0!important;width:auto!important}.studio-select option{background:#1a1818;color:#ffffffe6}.studio-select .fa-chevron-down{position:absolute;right:12px;font-size:11px;color:#d4af37b3;pointer-events:none}.studio-select .model-icon{position:absolute;left:14px;font-size:13px;color:#fff6;pointer-events:none;z-index:1}.studio-select .model-icon+select{padding-left:36px!important}.model-icon{width:24px;height:24px;border-radius:6px;object-fit:cover;display:flex;align-items:center;justify-content:center;background:#ffffff14;color:#fff9;font-size:11px;font-weight:600}.studio-form-row{display:flex;gap:10px}.studio-select-inline{flex:1;padding:10px 8px;border-radius:10px;background:#1a1818b3;border:1px solid rgba(190,165,150,.15);color:#ffffffeb;font-size:13px;outline:none;cursor:pointer;font-family:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:border-color .3s,background .3s}.studio-select-inline:focus{border-color:#d4af3780;background:#1d1a1ae6;box-shadow:0 0 0 3px #d4af371f}.studio-select-inline option{background:#1a1818;color:#ffffffe6}.studio-select-inline option:hover,.studio-select-inline option:checked{background:#2a2525;color:#fff}.studio-text-inline{flex:1;padding:10px 12px;border-radius:10px;background:#1a1818b3;border:1px solid rgba(190,165,150,.15);color:#ffffffeb;font-size:13px;outline:none;font-family:inherit;transition:border-color .3s,background .3s}.studio-text-inline:focus{border-color:#d4af3780;background:#1d1a1ae6;box-shadow:0 0 0 3px #d4af371f}.studio-prompt-input{width:100%;padding:14px;border-radius:10px;background:#1a1818b3;border:1px solid rgba(190,165,150,.15);color:#fff;font-size:13px;outline:none;resize:none;transition:all .3s;font-family:inherit;line-height:1.6}.studio-prompt-input::placeholder{color:#ffffff4d}.studio-prompt-input:focus{border-color:#d4af3780;background:#1d1a1ae6;box-shadow:0 0 0 3px #d4af371f}.studio-actions{display:flex;gap:12px;padding:16px 20px 20px;border-top:1px solid rgba(255,255,255,.06)}.studio-generate-btn{flex:1;padding:12px 20px;border-radius:10px;background:linear-gradient(135deg,#a02832e6,#781e28d9);border:1px solid rgba(180,50,60,.15);color:#fff;font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .3s;font-family:inherit;box-shadow:0 0 16px #a0283214}.studio-generate-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 24px #a0283233,0 0 36px #781e281a}.studio-generate-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.studio-generate-btn i{font-size:12px}.studio-save-draft-btn{padding:12px 20px;border-radius:10px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff9;font-size:14px;cursor:pointer;transition:all .3s;font-family:inherit}.studio-save-draft-btn:hover{background:#ffffff14;color:#fff}.workspace-panel{flex:1;min-height:100vh;display:flex;flex-direction:column;position:relative;z-index:10}.studio-right-panel{overflow:hidden;height:100vh}.studio-right-panel>*{flex-shrink:0}.studio-right-panel .generated-results-section{flex:1;min-height:0;display:flex;flex-direction:column}.studio-right-panel .generated-results-section .materials-grid{height:auto;flex:1;min-height:0;overflow:hidden}.studio-right-panel>.workspace-panel{height:auto;flex:1;min-height:0}.workspace-panel-header{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-bottom:1px solid rgba(255,255,255,.06);background:#0003}.workspace-selector{display:flex;align-items:center;gap:8px;font-size:14px;color:#fffc;cursor:pointer;padding:8px 12px;border-radius:8px;transition:all .3s}.workspace-selector:hover{background:#ffffff0d}.workspace-selector i{font-size:11px;color:#fff6}.workspace-tabs{display:flex;gap:4px;background:#ffffff0a;padding:4px;border-radius:8px}.workspace-tabs button{padding:8px 16px;border-radius:6px;background:transparent;border:none;color:#ffffff80;font-size:13px;cursor:pointer;transition:all .3s;font-family:inherit}.workspace-tabs button:hover{color:#fffc}.workspace-tabs button.active{background:#ffffff14;color:#fff}.workspace-filters{display:flex;gap:4px}.workspace-filters button{width:32px;height:32px;border-radius:8px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);color:#ffffff80;font-size:12px;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center}.workspace-filters button:hover{background:#ffffff14;color:#fffc}.workspace-filters button.active{background:#c8465a33;border-color:#c8465a66;color:#fff}.workspace-panel-content{flex:1;display:flex;align-items:flex-start;justify-content:flex-start;padding:12px 12px 24px;overflow-y:auto}.upload-workspace-area{width:100%;max-width:560px;border:2px dashed rgba(255,255,255,.12);border-radius:20px;padding:60px 48px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px;cursor:pointer;transition:all .3s;background:#ffffff05}.upload-workspace-area:hover{border-color:#c8465a66;background:#ffffff0a}.upload-workspace-area.dragging{border-color:#d4af3780;background:#d4af370d}.upload-icon{width:64px;height:64px;border-radius:16px;background:#c8465a26;display:flex;align-items:center;justify-content:center}.upload-icon i{font-size:28px;color:#c8465ae6}.upload-workspace-area h3{font-size:18px;font-weight:500;color:#fff}.upload-workspace-area p{font-size:13px;color:#fff6;line-height:1.6;max-width:360px}.open-upload-btn{padding:10px 24px;border-radius:8px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);color:#fffc;font-size:13px;cursor:pointer;transition:all .3s;margin-top:8px;font-family:inherit}.open-upload-btn:hover{background:#ffffff1f;color:#fff}.upload-steps{display:flex;align-items:center;gap:12px;margin-top:24px}.upload-step{display:flex;align-items:center;gap:8px;font-size:12px;color:#ffffff80}.step-number{width:22px;height:22px;border-radius:50%;background:#c8465a33;color:#fffc;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:500}.step-arrow{width:24px;height:1px;background:#ffffff26;position:relative}.step-arrow:after{content:"";position:absolute;right:0;top:-3px;width:0;height:0;border-left:5px solid rgba(255,255,255,.15);border-top:3px solid transparent;border-bottom:3px solid transparent}.materials-grid{width:100%;height:100%;display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;align-content:flex-start}.material-item{aspect-ratio:1;border-radius:12px;overflow:hidden;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);position:relative;cursor:grab;transition:all .3s}.material-item:hover{border-color:#d4af374d;transform:translateY(-2px)}.material-item img,.material-item video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.material-info{position:absolute;bottom:0;left:0;right:0;padding:10px;background:linear-gradient(transparent,#000c);display:flex;flex-direction:column;gap:2px}.material-name{font-size:12px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.material-size{font-size:11px;color:#ffffff80}.material-time{font-size:11px;color:#d4af37b3}.generated-badge{position:absolute;top:8px;right:8px;padding:3px 8px;border-radius:6px;background:#d4af37d9;font-size:10px;font-weight:600;color:#1a1a2e;pointer-events:none}.generated-re-edit-btn{position:absolute;bottom:8px;right:8px;padding:4px 10px;border-radius:6px;border:1px solid rgba(212,175,55,.55);background:#d4af372e;color:#ffd666;font-size:11px;font-weight:500;cursor:pointer;opacity:0;transition:opacity .2s,background .2s;pointer-events:auto}.material-item.generated:hover .generated-re-edit-btn,.material-item.generated:focus-within .generated-re-edit-btn{opacity:1}.generated-re-edit-btn:hover{background:#d4af374d;border-color:#ffd666b3;color:#ffe58f}.material-item.generated{border-color:#d4af3733}.material-item.clickable{cursor:pointer}.image-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#000000eb;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.image-lightbox img{max-width:90vw;max-height:80vh;object-fit:contain;border-radius:8px;box-shadow:0 8px 40px #00000080}.lightbox-close{position:absolute;top:20px;right:24px;width:44px;height:44px;border-radius:50%;background:#ffffff1a;border:1px solid rgba(255,255,255,.15);color:#fff;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s;z-index:1}.lightbox-info{margin-top:16px;display:flex;gap:20px;color:#fff9;font-size:13px}.lightbox-stage{display:flex;flex-direction:column;align-items:center;gap:12px;max-width:90vw;max-height:92vh;overflow-y:auto;padding:4px}.image-lightbox .lightbox-main-img{object-fit:contain;border-radius:8px;box-shadow:0 8px 40px #00000080}.lightbox-section-label{font-size:12px;color:#d4af37d9;letter-spacing:1px}.lightbox-prompt-row,.lightbox-refs-row{width:100%;max-width:680px;display:flex;flex-direction:column;gap:6px;text-align:left}.lightbox-prompt-text{margin:0;color:#ffffffc7;font-size:13px;line-height:1.6;white-space:pre-wrap;word-break:break-word}.lightbox-refs-grid{display:flex;flex-wrap:wrap;gap:8px}.image-lightbox .lightbox-ref-img{width:72px;height:72px;object-fit:cover;border-radius:6px;border:1px solid rgba(255,255,255,.12);box-shadow:none}.video-lightbox-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#000000f0;display:flex;flex-direction:column;align-items:center;padding:40px;overflow-y:auto;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:fadeIn .25s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.video-lightbox-close{position:absolute;top:20px;right:24px;width:44px;height:44px;border-radius:50%;background:#ffffff1a;border:1px solid rgba(255,255,255,.15);color:#fff;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s;z-index:10}.video-lightbox-close:hover{background:#ff3c3c4d;border-color:#ff3c3c66}.video-lightbox-content{display:flex;flex-direction:row;align-items:flex-start;justify-content:center;gap:28px;max-width:94vw;margin:auto 0}.video-lightbox-player{max-width:min(66vw,960px);max-height:78vh;border-radius:12px;box-shadow:0 8px 40px #00000080,0 0 60px #d4af3714;background:#000}.video-lightbox-info{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:12px;width:340px;flex-shrink:0;max-height:78vh;overflow-y:auto;color:#ffffffb3;font-size:13px;text-align:left}.video-lightbox-head{position:sticky;top:0;z-index:2;background:#000000f0;display:flex;flex-direction:column;gap:4px;padding-bottom:12px}.video-lightbox-name{font-weight:600;color:#fff;font-size:15px}.video-lightbox-meta-block{width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:8px}.video-lightbox-label{font-size:12px;color:#d4af37bf;letter-spacing:1px}.video-lightbox-prompt{width:100%;text-align:left;color:#ffffff80;font-size:13px;line-height:1.6;max-width:100%;white-space:normal;word-break:break-word;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}.video-lightbox-prompt.expanded{display:block;-webkit-line-clamp:unset;overflow:visible}.lightbox-prompt-toggle{align-self:flex-start;background:none;border:none;color:#d4af37d9;font-size:12px;cursor:pointer;padding:0;letter-spacing:1px}.lightbox-prompt-toggle:hover{color:#d4af37}.video-lightbox-refs{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-start}.video-lightbox-refs img{width:96px;height:96px;object-fit:cover;border-radius:8px;border:1px solid rgba(255,255,255,.12);background:#ffffff08}@media (max-width: 760px){.video-lightbox-content{flex-direction:column;align-items:center}.video-lightbox-player{max-width:90vw}.video-lightbox-info{width:100%;max-width:90vw;align-items:center;text-align:center}.video-lightbox-meta-block{align-items:center}.video-lightbox-prompt{text-align:center}.video-lightbox-refs{justify-content:center}}.material-item.add-more{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:#fff6;cursor:pointer;background:#ffffff05;border:1px dashed rgba(255,255,255,.1);border-radius:12px;min-height:120px}.material-item.add-more:hover{color:#ffffffb3;border-color:#d4af374d;background:#ffffff0a}.material-item.add-more i{font-size:28px;opacity:.6}.material-item.add-more span{font-size:13px;font-weight:500}.material-item.add-more small{font-size:10px;color:#fff3}.generated-results-section{width:100%;border:1px solid rgba(255,255,255,.06);border-radius:12px;background:#ffffff05;overflow:hidden;margin-bottom:8px}.generated-results-section .materials-grid{padding:10px}.result-pagination{display:flex;align-items:center;justify-content:center;gap:12px;padding:10px;border-top:1px solid rgba(255,255,255,.06)}.result-pagination .page-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:8px;border:1px solid rgba(255,255,255,.12);background:#ffffff0a;color:#ffffffd9;font-size:13px;cursor:pointer;transition:all .3s}.result-pagination .page-btn:hover:not(:disabled){border-color:#d4af3780;color:#d4af37}.result-pagination .page-btn:disabled{opacity:.35;cursor:not-allowed}.result-pagination .page-info{font-size:13px;color:#fff9}.material-item.generating{display:flex;align-items:center;justify-content:center;background:#ffffff08;border:1px dashed rgba(255,255,255,.1);cursor:default}.generating-inner{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px;text-align:center}.progress-ring-svg{filter:drop-shadow(0 0 8px rgba(212,175,55,.3))}.generating-name{font-size:12px;font-weight:500;color:#fffc;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.generating-text{font-size:11px;color:#ffffff80}.progress-bar-wrapper-small{display:flex;align-items:center;gap:6px;width:100%}.progress-bar-small{flex:1;height:4px;background:#ffffff14;border-radius:2px;overflow:hidden}.progress-fill-small{height:100%;background:linear-gradient(90deg,#d4af37cc,#ffc864cc);border-radius:2px;transition:width .5s ease}.progress-text-small{font-size:10px;color:#fff6;min-width:32px}@keyframes pulseBar{0%,to{opacity:.5}50%{opacity:1}}.material-item.error-card{display:flex;align-items:center;justify-content:center;aspect-ratio:auto;min-height:150px;overflow:visible;background:#ff3c3c0f;border:1px solid rgba(255,60,60,.15);cursor:pointer}.material-item.error-card:hover{border-color:#ff3c3c4d}.error-text{font-size:11px;color:#ff7878cc;line-height:1.4;word-break:break-all}.error-retry{font-size:10px;color:#ffffff4d}.draft-empty{display:flex;flex-direction:column;align-items:center;gap:16px;color:#fff6}.draft-empty i{font-size:48px}.draft-empty p{font-size:14px}.material-sections{display:flex;flex-direction:column;gap:8px;width:100%}.material-section{border:1px solid rgba(255,255,255,.06);border-radius:12px;background:#ffffff05;overflow:hidden}.material-section-header{display:flex;align-items:center;gap:8px;padding:10px 14px;font-size:13px;font-weight:500;color:#fffc;background:#ffffff08;border-bottom:1px solid rgba(255,255,255,.04)}.material-section-header i{font-size:14px;color:#ffffff80}.section-count{font-size:11px;color:#ffffff4d;background:#ffffff0f;padding:1px 8px;border-radius:10px;margin-left:auto}.section-empty{padding:20px;text-align:center;font-size:12px;color:#ffffff40}.material-section-upload{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px;border:1px dashed rgba(255,255,255,.1);border-radius:10px;cursor:pointer;transition:all .25s;color:#ffffff59;font-size:13px}.material-section-upload:hover{border-color:#d4af374d;color:#fff9;background:#ffffff08}.material-section-upload i{font-size:16px}.material-section-upload small{font-size:11px;color:#fff3}.material-section .materials-grid{padding:10px}.workspace-card.draft-card .card-preview{overflow:hidden}.workspace-card.draft-card .card-preview>img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.workspace-card.draft-card:hover{border-color:#d4af3759}.today-date{font-size:15px;font-weight:400;color:#fff6;margin-left:10px}.card-type-badge{position:absolute;top:8px;left:8px;background:#0009;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#ffffffbf;font-size:11px;padding:3px 8px;border-radius:4px;pointer-events:none}.workspace-card.module-card{position:relative;border-color:#648cff26;cursor:pointer}.workspace-card.module-card:hover{border-color:#648cff4d}.module-delete-btn{position:absolute;top:8px;right:8px;width:24px;height:24px;border-radius:6px;border:none;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#ffffff80;font-size:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .2s}.workspace-card.module-card:hover .module-delete-btn{opacity:1}.module-delete-btn:hover{background:#dc3232b3;color:#fff}.pending-drafts-section{margin-top:20px}.pending-drafts-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;margin-top:10px}.pending-draft-card{display:flex;flex-direction:column;padding:12px 14px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:12px;gap:10px;transition:border-color .2s,transform .2s}.pending-draft-card:hover{border-color:#d4af3733;transform:translateY(-2px)}.pending-draft-info{min-width:0}.pending-draft-name{font-size:13px;font-weight:500;color:#fffc;display:block;margin-bottom:4px}.pending-draft-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.badge-model{font-size:10px;padding:2px 7px;border-radius:4px;background:#d4af371f;color:#d4af37cc;font-weight:500}.pending-draft-prompt{font-size:11px;color:#ffffff4d;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.pending-draft-mats{font-size:10px;color:#45b7d1b3}.pending-draft-actions{display:flex;gap:6px;flex-shrink:0;margin-top:auto;padding-top:10px;border-top:1px solid rgba(255,255,255,.05)}.pending-draft-btn{padding:5px 10px;border-radius:6px;border:1px solid rgba(255,255,255,.1);background:transparent;color:#ffffff80;font-size:11px;cursor:pointer;transition:all .2s;white-space:nowrap}.pending-draft-btn:hover{color:#fff}.pending-draft-btn.edit:hover{border-color:#d4af3766;background:#d4af371a}.pending-draft-btn.generate{flex:1;border-color:#26de814d;color:#26de81b3}.pending-draft-btn.generate:hover{border-color:#26de8199;background:#26de811a;color:#26de81}.pending-draft-btn.delete{padding:5px 8px;border-color:#ffffff0f;color:#ffffff40}.pending-draft-btn.delete:hover{border-color:#dc323266;background:#dc323226;color:#fc5c65}.workspace-detail-page{display:flex;flex-direction:column;height:100vh;overflow:hidden;position:relative}.ws-mode-bar{flex-shrink:0;height:56px;display:flex;align-items:center;gap:16px;padding:0 20px;background:#0a0a14d9;border-bottom:1px solid rgba(255,255,255,.06);z-index:30;position:relative}.ws-mode-back{width:36px;height:36px;border-radius:9px;border:1px solid rgba(255,255,255,.08);background:#ffffff08;color:#fff9;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s;flex-shrink:0}.ws-mode-back:hover{background:#ffffff14;color:#fff}.ws-mode-name{font-size:15px;font-weight:600;color:#ffffffd9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px}.ws-mode-tabs{margin-left:auto;display:flex;gap:6px;padding:4px;background:#ffffff0a;border-radius:12px;border:1px solid rgba(255,255,255,.06)}.ws-mode-tabs button{display:flex;align-items:center;gap:6px;padding:8px 18px;border-radius:9px;border:none;background:transparent;color:#ffffff8c;font-size:14px;cursor:pointer;transition:all .25s}.ws-mode-tabs button:hover{color:#fff}.ws-mode-tabs button.active{background:linear-gradient(135deg,#d4af3733,#d4af3714);color:#d4af37;font-weight:600}.ws-mode-body{flex:1;min-height:0;position:relative}.ws-mode-body .ai-studio-page,.ws-mode-body .studio-left-panel{height:100%}.ws-detail-left{flex:0 1 520px;max-width:520px;min-width:0}.ws-detail-right{width:340px;flex-shrink:0;border-left:1px solid rgba(255,255,255,.04);padding-left:24px;overflow-y:auto;max-height:calc(100vh - 48px);position:sticky;top:24px}.ws-detail-header{display:flex;align-items:center;gap:16px;margin-bottom:20px}.ws-back-btn{width:40px;height:40px;border-radius:10px;border:1px solid rgba(255,255,255,.08);background:#0a0a1480;color:#ffffff80;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s;flex-shrink:0}.ws-back-btn:hover{background:#ffffff0f;color:#fffc;border-color:#ffffff1f}.ws-detail-title{font-size:22px;font-weight:600;color:#fff;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ws-name-input{font-size:22px;font-weight:600;color:#fff;background:#ffffff0f;border:1px solid rgba(212,175,55,.3);border-radius:8px;padding:4px 12px;outline:none;max-width:300px}.ws-func-tabs{display:flex;gap:8px;margin-bottom:24px;padding:4px;background:#0a0a1499;border-radius:14px;border:1px solid rgba(255,255,255,.04);position:relative;overflow:hidden}.ws-func-tabs:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:1px;background:linear-gradient(90deg,transparent,rgba(0,180,255,.15),transparent);animation:tabScanLine 4s linear infinite}@keyframes tabScanLine{0%{left:-100%}to{left:200%}}.ws-func-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:7px;padding:10px 16px;border-radius:10px;border:none;background:transparent;color:#fff6;font-size:14px;cursor:pointer;transition:all .3s;position:relative;z-index:1}.ws-func-tab:hover{color:#fff9;background:#ffffff08}.ws-func-tab.active{background:#00b4ff14;color:#5cc8ff;font-weight:500;box-shadow:0 0 12px #00b4ff0f,inset 0 0 8px #00b4ff05}.ws-func-tab i{font-size:15px}.ws-prompt-large{min-height:170px!important;font-size:15px!important;line-height:1.7!important}input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=submit]):not([type=button]):not([type=reset]),textarea,select{background:#141210e6!important;border:1px solid rgba(212,175,55,.25)!important;color:#ffffffe6!important;border-radius:10px!important;padding:10px 14px!important;font-size:14px!important;outline:none!important;transition:border-color .3s,background .3s,box-shadow .3s!important;width:100%;box-sizing:border-box}input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=submit]):not([type=button]):not([type=reset]):focus,textarea:focus,select:focus{border-color:#d4af37b3!important;background:#141210f2!important;box-shadow:0 0 0 2px #d4af3726!important}input::placeholder,textarea::placeholder{color:#ffffff40}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='rgba(212,175,55,0.7)'%3E%3Cpath d='M6 8L1 3h10z'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 12px center!important;padding-right:32px!important}select option{background:#1a1818;color:#ffffffe6;padding:10px}select:hover{border-color:#d4af3780!important}.ws-detail-body{background:#0a0a1480;border:1px solid rgba(255,255,255,.05);border-radius:16px;padding:24px;margin-bottom:0;position:relative;overflow:hidden}.ws-detail-body:after{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(0,180,255,.08),transparent);pointer-events:none}.ws-func-panel .ws-form-row{margin-bottom:16px}.ws-func-panel .ws-form-row-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}.ws-func-panel .ws-form-group{display:flex;flex-direction:column;gap:6px}.ws-detail-body .studio-select,.ws-detail-body select{max-width:260px}.ws-func-panel .ws-form-group label{font-size:13px;color:#ffffff80;font-weight:500}.ws-error{margin-top:12px;padding:12px 16px;background:#dc32321a;border:1px solid rgba(220,50,50,.2);border-radius:10px;color:#f87171;font-size:13px;display:flex;align-items:center;gap:8px}.ws-result{margin-top:20px}.ws-result img,.ws-result video{width:100%;max-height:400px;object-fit:contain;border-radius:12px;background:#0000004d}.ws-result-actions{display:flex;gap:12px;margin-top:12px;justify-content:center}.ws-result-actions a{padding:8px 20px;border-radius:8px;font-size:13px;color:#ffffffb3;border:1px solid rgba(255,255,255,.12);background:#ffffff0a;text-decoration:none;transition:all .3s}.ws-result-actions a:hover{background:#ffffff14;color:#fff}.ws-items-title{font-size:16px;color:#ffffffb3;margin-bottom:16px;display:flex;align-items:center}.ws-items-count{font-size:12px;color:#00b4ff66;margin-left:8px}.ws-items-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:#00b4ff1a;gap:10px;font-size:13px}.ws-items-empty i{font-size:36px}.ws-items-list{display:flex;flex-direction:column;gap:8px}.ws-item-row{display:flex;align-items:center;gap:10px;padding:10px;border-radius:10px;border:1px solid rgba(255,255,255,.04);background:#0a0a1466;cursor:pointer;transition:all .2s;position:relative}.ws-item-row:hover{border-color:#ffffff14;background:#ffffff08;box-shadow:0 0 12px #0000004d}.ws-item-thumb{width:52px;height:52px;border-radius:8px;overflow:hidden;flex-shrink:0;background:#0000004d}.ws-item-thumb img,.ws-item-thumb video{width:100%;height:100%;object-fit:cover}.ws-item-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.ws-item-body .ws-item-name{font-size:13px;color:#ffffffbf;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ws-item-body .ws-item-time{font-size:11px;color:#ffffff4d}.ws-item-row .ws-item-badge{position:static;font-size:10px;background:#ffffff0f;color:#fff6;padding:2px 8px;border-radius:4px;flex-shrink:0}@media (max-width: 768px){.workspace-detail-page{flex-direction:column}.ws-detail-right{width:100%;border-left:none;border-top:1px solid rgba(255,255,255,.06);padding-left:0;padding-top:16px;max-height:none;position:static}}@media (max-width: 640px){.ws-func-tabs{flex-direction:column}.ws-func-panel .ws-form-row-3{grid-template-columns:1fr}}.draft-empty-page{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#ffffff59;text-align:center}.draft-empty-page i{font-size:48px;margin-bottom:16px}.draft-empty-page p{font-size:14px;max-width:300px;line-height:1.6}.recharge-page{width:100vw;height:100vh;position:fixed;top:0;left:0;background:linear-gradient(160deg,#1a1717,#171415,#1c1818 70%,#161314);z-index:100;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden}.recharge-glow{position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at 50% 50%,rgba(120,30,50,.15) 0%,transparent 60%);pointer-events:none;z-index:0}.recharge-header{display:flex;align-items:center;justify-content:space-between;padding:24px 40px;border-bottom:1px solid rgba(255,255,255,.06);position:relative;z-index:10}.recharge-user{display:flex;align-items:center;gap:14px}.recharge-avatar{width:48px;height:48px;border-radius:50%;background:#ffffff14;border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;color:#fff9;font-size:20px}.recharge-avatar-orange{border:none;background:#f97316;color:#fff;font-size:20px;font-weight:700;box-shadow:0 0 0 2px #f973164d}.recharge-user-info{display:flex;flex-direction:column;gap:6px}.recharge-username{font-size:16px;font-weight:600;color:#fff}.recharge-points{display:flex;align-items:center;gap:8px;font-size:13px;color:#ffffff80}.recharge-points i:first-of-type{font-size:10px}.recharge-points i:nth-of-type(2){color:#d4af37;font-size:11px}.recharge-actions{display:flex;align-items:center;gap:12px}.recharge-tab-btn{padding:10px 20px;border-radius:8px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff9;font-size:14px;cursor:pointer;transition:all .3s;font-family:inherit}.recharge-tab-btn:hover{background:#ffffff1a;color:#fff}.recharge-tab-btn.active{background:#c8465a33;border-color:#c8465a66;color:#fff}.recharge-close{width:36px;height:36px;border-radius:50%;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff9;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s;margin-left:8px}.recharge-close:hover{background:#ffffff1a;color:#fff}.recharge-main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;position:relative;z-index:10;overflow-y:auto}.recharge-title{font-size:28px;font-weight:600;margin-bottom:48px;background:linear-gradient(135deg,#fff,#ff9a9e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.recharge-plans{display:flex;gap:20px;justify-content:center;width:100%;max-width:1200px}.plan-card{flex:1;max-width:280px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:32px 24px;display:flex;flex-direction:column;position:relative;transition:all .3s ease}.plan-card:hover{transform:translateY(-4px);border-color:#c8465a4d;box-shadow:0 16px 48px #0006}.plan-card.featured{background:linear-gradient(180deg,#c8465a1f,#ffffff08 40%);border-color:#c8465a59}.plan-card.enterprise{background:#ffffff05}.plan-badge{position:absolute;top:-1px;left:50%;transform:translate(-50%);padding:6px 16px;background:linear-gradient(135deg,#c8465ae6,#b43c50e6);color:#fff;font-size:12px;border-radius:0 0 12px 12px}.plan-name{font-size:16px;font-weight:600;color:#fff;margin-bottom:20px}.plan-price{margin-bottom:24px;display:flex;align-items:flex-start;gap:2px}.price-symbol{font-size:20px;color:#c8465ae6;font-weight:500;margin-top:6px}.price-value{font-size:48px;font-weight:700;color:#c8465ae6;line-height:1}.enterprise-price{font-size:28px;font-weight:700;color:#fff}.plan-buy-btn{width:100%;padding:14px;border-radius:12px;background:linear-gradient(135deg,#c8465ae6,#b43c50e6);border:none;color:#fff;font-size:15px;font-weight:500;cursor:pointer;transition:all .3s;margin-bottom:20px;font-family:inherit}.plan-buy-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #c8465a4d}.plan-buy-btn.outline{background:transparent;border:1px solid rgba(255,255,255,.2);color:#fff}.plan-buy-btn.outline:hover{background:#ffffff0d}.plan-points{display:flex;align-items:center;justify-content:center;gap:6px;padding:12px;border-radius:10px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);margin-bottom:24px;font-size:14px;color:#fff}.plan-points i{color:#d4af37;font-size:12px}.plan-points span:first-of-type{color:#c8465ae6;font-weight:600}.plan-features{list-style:none;display:flex;flex-direction:column;gap:14px}.plan-features li{font-size:13px;color:#ffffffd9;line-height:1.5;position:relative;padding-left:16px}.plan-features li:before{content:"";position:absolute;left:0;top:8px;width:5px;height:5px;border-radius:50%;background:#c8465ab3}.recharge-notice{margin-top:40px;font-size:12px;color:#ffffff59;text-align:center}.order-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:200}.order-modal{width:100%;max-width:520px;height:520px;background:#1c1919;border:1px solid rgba(255,255,255,.08);border-radius:16px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 24px 80px #0009}.order-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.08)}.order-modal-header h3{font-size:16px;font-weight:600;color:#fff}.order-modal-close{width:28px;height:28px;border-radius:50%;background:transparent;border:none;color:#ffffff80;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s}.order-modal-close:hover{background:#ffffff14;color:#fff}.order-modal-body{flex:1;display:flex;align-items:center;justify-content:center;padding:24px;overflow-y:auto}.order-empty{text-align:center}.order-empty-title{font-size:15px;color:#ffffffb3;margin-bottom:10px}.order-empty-desc{font-size:13px;color:#ffffff59}.order-list{width:100%;display:flex;flex-direction:column;gap:12px}.order-item{display:flex;justify-content:space-between;padding:16px;border-radius:10px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);font-size:14px;color:#fff}.order-item-left{display:flex;flex-direction:column;gap:4px}.order-item-name{font-weight:500}.order-item-meta{font-size:12px;color:#fff6}.order-item-right{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.order-item-amount{color:#f7b731;font-weight:600}.order-item-status{font-size:12px;padding:2px 8px;border-radius:4px;background:#ffffff0d;color:#fff6}.order-item-status.done{background:#26de811a;color:#26de81}.order-modal-footer{padding:16px 24px;border-top:1px solid rgba(255,255,255,.08);font-size:12px;color:#ffffff59;text-align:center}.points-widget{cursor:pointer}.reference-upload{width:100%;aspect-ratio:16 / 6;border-radius:12px;border:2px dashed rgba(255,255,255,.12);background:#ffffff08;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s;overflow:hidden;position:relative}.reference-upload:hover{border-color:#c8465a66;background:#ffffff0d}.reference-upload.has-image{border-style:solid;border-color:#ffffff14}.reference-placeholder{display:flex;flex-direction:column;align-items:center;gap:8px;color:#fff6}.reference-placeholder i{font-size:24px}.reference-placeholder span{font-size:13px}.reference-placeholder small{font-size:11px;color:#ffffff40}.reference-preview{width:100%;height:100%;position:relative}.reference-preview img{width:100%;height:100%;object-fit:cover}.reference-uploading{position:absolute;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#fff;font-size:13px}.reference-remove{position:absolute;top:8px;right:8px;width:28px;height:28px;border-radius:50%;background:#0009;border:1px solid rgba(255,255,255,.2);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s}.reference-remove:hover{background:#c8465acc}.reference-url-input input{font-size:12px!important;padding:8px 12px!important}.material-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(56px,1fr));gap:6px;margin-bottom:12px}.material-grid-item{position:relative;aspect-ratio:1;border-radius:6px;overflow:hidden;background:#ffffff0a;border:1px solid rgba(255,255,255,.08)}.material-grid-item img,.material-grid-item video{width:100%;height:100%;object-fit:cover}.material-grid-item.uploading{opacity:.6}.material-uploading-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0006;font-size:18px;color:#fff9}.material-type-badge{position:absolute;top:2px;right:2px;font-size:8px;padding:1px 4px;border-radius:3px;background:#d4af37cc;color:#000;font-weight:600}.material-ref-badge{position:absolute;top:2px;left:2px;font-size:9px;padding:1px 5px;border-radius:3px;background:#50a0dcd9;color:#fff;font-weight:700;cursor:pointer;transition:all .2s;z-index:2}.material-ref-badge:hover{background:#64b4f0;transform:scale(1.1)}.material-remove-btn{position:absolute;top:0;right:0;width:22px;height:22px;border-radius:0 6px;background:#c83c3cd9;border:none;color:#fff;font-size:13px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;z-index:3}.material-remove-btn:hover{background:#e62828f2;transform:scale(1.1)}.material-add-row{display:flex;gap:8px;align-items:center;margin-bottom:10px}.material-add-btn{display:flex;align-items:center;gap:4px;padding:6px 12px;border-radius:6px;background:#d4af3726;border:1px dashed rgba(212,175,55,.3);color:#d4af37e6;font-size:11px;cursor:pointer;white-space:nowrap;transition:all .3s}.material-add-btn:hover{background:#d4af3740;border-color:#d4af3780}.material-url-row{flex:1;display:flex;gap:6px}.material-url-row input{flex:1;font-size:11px!important;padding:6px 10px!important}.material-url-add{padding:6px 10px;border-radius:6px;background:#ffffff14;border:1px solid rgba(255,255,255,.1);color:#fff9;font-size:11px;cursor:pointer;white-space:nowrap;transition:all .3s}.material-url-add:hover:not(:disabled){background:#d4af3733;border-color:#d4af3766;color:#fff}.material-url-add:disabled{opacity:.3;cursor:not-allowed}.material-drop-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:14px 10px;border-radius:8px;border:1px dashed rgba(212,175,55,.25);background:#d4af370a;cursor:pointer;transition:all .3s;min-width:120px;flex:1}.material-drop-zone:hover{border-color:#d4af3780;background:#d4af3714}.material-drop-zone i{font-size:18px;color:#d4af3780}.material-drop-zone span{font-size:11px;color:#fff6}.material-drop-zone small{display:none}.prompt-mention-wrapper{position:relative;width:100%}.mention-popup{position:absolute;bottom:100%;left:0;margin-bottom:4px;background:#141218fa;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:4px;max-height:160px;overflow-y:auto;z-index:100;width:220px;display:flex;flex-direction:column;gap:2px;animation:mentionFadeIn .15s ease}@keyframes mentionFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.mention-item{display:flex;align-items:center;gap:8px;padding:4px 6px;border-radius:6px;cursor:pointer;transition:background .15s}.mention-item:hover{background:#ffffff0f}.mention-thumb{width:32px;height:32px;border-radius:4px;overflow:hidden;flex-shrink:0;background:#ffffff0d}.mention-thumb img,.mention-thumb video{width:100%;height:100%;object-fit:cover}.mention-info{display:flex;flex-direction:column;gap:2px}.mention-label{font-size:13px;font-weight:600;color:#8cb4f0}.mention-type{font-size:11px;color:#ffffff59}.draft-picker-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:9999;display:flex;align-items:center;justify-content:center;animation:overlayFadeIn .2s ease}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.draft-picker{background:#16141afa;border:1px solid rgba(255,255,255,.08);border-radius:16px;width:520px;max-height:70vh;display:flex;flex-direction:column;animation:pickerSlideUp .25s ease}@keyframes pickerSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.draft-picker-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.06)}.draft-picker-header h3{font-size:15px;font-weight:600;color:#ffffffe6}.draft-picker-header-right{display:flex;align-items:center;gap:8px}.draft-picker-upload-btn{display:flex;align-items:center;gap:5px;padding:6px 12px;border-radius:6px;background:#ffffff14;color:#fff9;font-size:12px;cursor:pointer;transition:all .2s}.draft-picker-upload-btn:hover{background:#ffffff1f;color:#ffffffd9}.draft-picker-close{width:30px;height:30px;border-radius:8px;border:none;background:#ffffff0f;color:#ffffff80;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.draft-picker-close:hover{background:#ffffff1a;color:#fff}.draft-picker-body{overflow-y:auto;flex:1;padding:12px 20px;display:flex;flex-direction:column;gap:6px}.draft-picker-empty{text-align:center;color:#ffffff4d;font-size:13px;padding:40px 0}.draft-picker-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;cursor:pointer;transition:all .15s;border:1px solid transparent}.draft-picker-item:hover{background:#ffffff0a}.draft-picker-item.selected{background:#648cdc1a;border-color:#648cdc4d}.draft-picker-check{font-size:18px;color:#ffffff4d;flex-shrink:0}.draft-picker-item.selected .draft-picker-check{color:#648cdc}.draft-picker-thumb{width:48px;height:48px;border-radius:8px;overflow:hidden;flex-shrink:0;background:#ffffff0d}.draft-picker-thumb img,.draft-picker-thumb video{width:100%;height:100%;object-fit:cover}.draft-picker-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.draft-picker-name{font-size:13px;color:#ffffffd9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.draft-picker-date{font-size:11px;color:#ffffff59}.draft-picker-rename-btn{width:28px;height:28px;border-radius:6px;border:none;background:transparent;color:#ffffff40;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s;font-size:11px}.draft-picker-rename-btn:hover{background:#ffffff14;color:#fff9}.draft-picker-rename-input{background:#ffffff0f;border:1px solid rgba(255,255,255,.15);border-radius:4px;color:#fff;font-size:13px;padding:2px 6px;width:100%;outline:none}.draft-picker-rename-input:focus{border-color:#648cdc80}.draft-picker-footer{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;border-top:1px solid rgba(255,255,255,.06)}.draft-picker-footer span{font-size:12px;color:#fff6}.draft-picker-import{padding:8px 20px;border-radius:8px;border:none;background:linear-gradient(135deg,#6b3a5b,#8b4a3a);color:#fff;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.draft-picker-import:hover:not(:disabled){opacity:.85;transform:translateY(-1px)}.draft-picker-import:disabled{opacity:.35;cursor:not-allowed}.material-add-btn.secondary{background:#ffffff0d;border:1px solid rgba(255,255,255,.08);color:#fff9}.material-add-btn.secondary:hover{background:#ffffff14;color:#fffc}.image-preview-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;z-index:10000;display:flex;align-items:center;justify-content:center;animation:overlayFadeIn .2s ease}.image-preview-close{position:absolute;top:20px;right:20px;width:40px;height:40px;border-radius:50%;border:none;background:#ffffff1a;color:#fff;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:1;transition:background .2s}.image-preview-close:hover{background:#fff3}.image-preview-content{max-width:90vw;max-height:90vh;object-fit:contain;border-radius:8px}.video-result{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px}.video-result.loading{gap:24px;color:#fff9}.progress-ring{width:64px;height:64px;border-radius:50%;border:3px solid rgba(255,255,255,.1);border-top-color:#c8465ae6;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.progress-bar-wrapper{display:flex;align-items:center;gap:12px;width:100%;max-width:320px}.progress-bar{flex:1;height:6px;border-radius:3px;background:#ffffff14;overflow:hidden}.progress-fill{height:100%;border-radius:3px;background:linear-gradient(90deg,#c8465ab3,#c8465a);transition:width .5s ease}.progress-text{font-size:13px;color:#ffffff80;min-width:36px}.video-result.error{gap:16px;color:#ff6464cc;text-align:center}.video-result.error i{font-size:48px}.video-result.error p{max-width:400px;line-height:1.6}.video-result.error button{padding:10px 24px;border-radius:8px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);color:#fff;cursor:pointer;transition:all .3s}.video-result.error button:hover{background:#ffffff1f}.video-result.success{gap:24px;max-width:480px}.video-result.success video{width:100%;max-height:500px;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.result-actions-bar{display:flex;gap:12px}.result-btn{padding:12px 24px;border-radius:10px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);color:#fffc;text-decoration:none;font-size:14px;display:flex;align-items:center;gap:8px;transition:all .3s}.result-btn:hover{background:#ffffff1f;color:#fff}.result-btn.primary{background:linear-gradient(135deg,#c8465ae6,#b43c50e6);border:none;color:#fff}.result-btn.primary:hover{box-shadow:0 6px 20px #c8465a4d}.history-table-wrap{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:12px;overflow:hidden}.history-table{width:100%;border-collapse:collapse}.history-table th{padding:14px 20px;text-align:left;font-size:12px;font-weight:500;color:#fff6;border-bottom:1px solid rgba(255,255,255,.06);text-transform:uppercase;letter-spacing:.5px}.history-table td{padding:14px 20px;font-size:13px;color:#ffffffbf;border-bottom:1px solid rgba(255,255,255,.04)}.history-table tr:last-child td{border-bottom:none}.history-table tr:hover{background:#ffffff05}.history-time{color:#ffffff80;font-size:12px;white-space:nowrap}.history-cost{color:#e06070;font-weight:600}.history-status{display:inline-block;padding:2px 10px;border-radius:10px;font-size:11px;font-weight:500}.history-status.status-ok{background:#26de811f;color:#26de81}.history-status.status-warn{background:#f7b7311f;color:#f7b731}.history-status.status-err{background:#c83c3c1f;color:#e06070}.history-empty{text-align:center;padding:40px 20px!important;color:#ffffff59;font-size:14px}.history-pagination{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:24px}.history-page-info{font-size:13px;color:#ffffff80}.history-row-refund{background:#26de8108}.history-refund{color:#26de81;font-weight:600}.category-folders{display:flex;flex-direction:column;gap:8px;width:100%}.category-add-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:9px 14px;border-radius:10px;border:1px dashed rgba(212,175,55,.3);background:#d4af370f;color:#d4af37d9;font-size:13px;cursor:pointer;transition:all .2s}.category-add-btn:hover{border-color:#d4af3780;background:#d4af371f}.category-add-row{display:flex;gap:8px;align-items:center}.category-add-row input{flex:1;min-width:0}.category-add-confirm,.category-add-cancel{padding:8px 14px;border-radius:8px;font-size:12px;cursor:pointer;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;color:#ffffffb3;transition:all .2s;white-space:nowrap}.category-add-confirm{border-color:#d4af3766;color:#d4af37e6}.category-add-confirm:hover,.category-add-cancel:hover{background:#ffffff1a;color:#fff}.category-folder{border:1px solid rgba(255,255,255,.06);border-radius:12px;background:#ffffff05;overflow:hidden}.category-folder-header{display:flex;align-items:center;gap:8px;padding:11px 14px;cursor:pointer;-webkit-user-select:none;user-select:none;background:#ffffff08;border-bottom:1px solid rgba(255,255,255,.04);transition:background .2s}.category-folder-header:hover{background:#ffffff0d}.category-folder-arrow{font-size:12px;color:#fff6;width:14px;text-align:center}.category-folder-name{font-size:13px;font-weight:500;color:#fffc}.category-folder-count{font-size:11px;color:#ffffff4d;background:#ffffff0f;padding:1px 8px;border-radius:10px;margin-left:auto}.category-folder-delete{width:24px;height:24px;border-radius:6px;border:none;background:transparent;color:#ffffff40;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.category-folder-delete:hover{background:#dc323233;color:#fc5c65}.category-folder-body{padding:10px;display:flex;flex-wrap:wrap;gap:10px;align-items:flex-start}.category-folder-empty{padding:16px;text-align:center;font-size:12px;color:#ffffff40;width:100%}.category-folder-body .workspace-card.draft-card{width:96px;border-radius:10px}.category-folder-body .workspace-card.draft-card .card-preview{height:96px}.category-folder-body .workspace-card.draft-card .card-info{padding:6px 8px}.category-folder-body .workspace-card.draft-card .card-title{font-size:11px;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.category-folder-body .workspace-card.draft-card .card-meta{font-size:10px}.category-folder-body .workspace-card.draft-card .card-type-badge{top:4px;left:4px;font-size:9px;padding:2px 5px}.category-folder-body .draft-card-categorize{top:4px;right:4px;width:22px;height:22px;font-size:10px}.category-folder-body .material-item{width:96px;flex:0 0 96px}.category-folder-body .material-item .generated-badge{top:4px;right:4px;font-size:9px;padding:2px 5px}.category-folder-body .material-item .material-info{padding:6px}.category-folder-body .material-item .material-name{font-size:10px}.category-folder-body .material-item .material-time{font-size:9px}.material-categorize-btn{width:22px;height:22px;border-radius:6px;border:none;background:#3c78c8d9;color:#fff;font-size:11px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;z-index:3}.material-categorize-btn:hover{background:#5096e6f2;transform:scale(1.1)}.draft-card-categorize{position:absolute;top:8px;right:8px;width:26px;height:26px;border-radius:6px;border:none;background:#0000008c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff9;font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .2s}.workspace-card.draft-card:hover .draft-card-categorize{opacity:1}.draft-card-categorize:hover{background:#3c78c8cc;color:#fff}.workspace-categories-section{margin-top:24px}.category-picker-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:9999;display:flex;align-items:center;justify-content:center;animation:overlayFadeIn .2s ease}.category-picker{background:#16141afa;border:1px solid rgba(255,255,255,.08);border-radius:16px;width:320px;max-height:70vh;display:flex;flex-direction:column;animation:pickerSlideUp .25s ease}.category-picker-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid rgba(255,255,255,.06);font-size:14px;font-weight:600;color:#ffffffe6}.category-picker-close{width:28px;height:28px;border-radius:8px;border:none;background:#ffffff0f;color:#ffffff80;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.category-picker-close:hover{background:#ffffff1a;color:#fff}.category-picker-body{overflow-y:auto;padding:10px;display:flex;flex-direction:column;gap:4px}.category-picker-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;cursor:pointer;font-size:13px;color:#fffc;transition:background .15s}.category-picker-item:hover{background:#ffffff0f}.category-picker-item i{color:#d4af37b3;width:16px;text-align:center}.category-picker-empty{text-align:center;color:#ffffff4d;font-size:13px;padding:24px 0}.lightbox-close{color:#fff;background:#ffffff1a;border:1px solid rgba(255,255,255,.15)}.lightbox-close:hover{background:#fff3}.lightbox-info{color:#fff9}.video-lightbox-close{color:#fff;background:#ffffff1a;border:1px solid rgba(255,255,255,.15)}.video-lightbox-info{color:#ffffffb3}.video-lightbox-name{color:#fff}.video-lightbox-time{color:#ffffff73}.video-lightbox-prompt{color:#ffffff59}.carousel-card-title{color:#fff}.carousel-card-desc{color:#ffffffb3}.material-name{color:#fff}.material-size{color:#ffffffb3}.card-type-badge{color:#ffffffd9}.module-delete-btn{color:#ffffffb3}.module-delete-btn:hover{color:#fff}.reference-uploading{color:#ffffffd9}.reference-remove{color:#fff}.material-uploading-overlay{color:#ffffffd9}.material-remove-btn,.material-categorize-btn{color:#fff}.draft-card-categorize{color:#ffffffd9}.draft-card-categorize:hover{color:#fff}.image-preview-close{color:#fff;background:#ffffff1f}.image-preview-close:hover{background:#ffffff38}.delete-confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;z-index:10000;display:flex;align-items:center;justify-content:center;animation:overlayFadeIn .2s ease}.delete-confirm-dialog{background:#16141afa;border:1px solid rgba(255,255,255,.08);border-radius:16px;width:400px;padding:28px 24px 24px;display:flex;flex-direction:column;align-items:center;text-align:center;animation:pickerSlideUp .25s ease}.delete-confirm-icon{width:56px;height:56px;border-radius:50%;background:#ff525226;display:flex;align-items:center;justify-content:center;margin-bottom:16px}.delete-confirm-icon i{font-size:24px;color:#ff5252}.delete-confirm-dialog h3{margin:0 0 8px;font-size:18px;font-weight:600;color:#fff}.delete-confirm-desc{margin:0 0 6px;font-size:13px;color:#ffffff8c;line-height:1.5}.delete-confirm-hint{margin:0 0 16px;font-size:13px;color:#ffffffbf}.delete-confirm-hint strong{color:#ff5252;font-weight:600}.delete-confirm-input{width:100%;box-sizing:border-box;padding:10px 12px;border-radius:8px;border:1px solid rgba(255,255,255,.15);background:#ffffff0d;color:#fff;font-size:14px;outline:none;text-align:center;margin-bottom:20px;transition:border-color .2s}.delete-confirm-input:focus{border-color:#ff5252}.delete-confirm-actions{display:flex;gap:12px;width:100%}.delete-confirm-actions button{flex:1;padding:10px 0;border-radius:8px;font-size:14px;cursor:pointer;border:none;transition:opacity .2s}.delete-confirm-cancel{background:#ffffff14;color:#fffc}.delete-confirm-cancel:hover{background:#ffffff24}.delete-confirm-submit{background:#ff5252;color:#fff;font-weight:600}.delete-confirm-submit:disabled{background:#ff52524d;cursor:not-allowed;color:#ffffff80}.delete-confirm-submit:not(:disabled):hover{background:#ff6b6b}