.create-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:#0f172a73;padding:24px}.create-modal{position:relative;width:min(720px,100%);background:#fff;border-radius:20px;padding:32px 28px 28px;box-shadow:0 24px 60px #0f172a2e}.create-modal-close{position:absolute;top:16px;right:16px;width:32px;height:32px;border:none;background:#f1f5f9;border-radius:999px;font-size:20px;line-height:1;color:#64748b;cursor:pointer}.create-modal-title{margin:0 0 8px;font-size:22px;font-weight:700;color:#0f172a;text-align:center}.create-modal-sub{margin:0 0 24px;text-align:center;color:#64748b;font-size:14px}.create-modal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}@media (max-width: 720px){.create-modal-grid{grid-template-columns:1fr}}.create-modal-card{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:20px 18px;border:1px solid #e2e8f0;border-radius:16px;background:#fff;cursor:pointer;text-align:left;transition:border-color .15s,box-shadow .15s,transform .15s}.create-modal-card:hover{border-color:#818cf8;box-shadow:0 8px 24px #4f46e51f;transform:translateY(-2px)}.create-modal-icon{font-size:28px}.create-modal-card-title{font-size:16px;font-weight:700;color:#1e293b}.create-modal-card-desc{font-size:13px;line-height:1.5;color:#64748b}.portal-layout{display:flex;flex-direction:column;min-height:100vh}.portal-layout--home .portal-main{background:transparent}.portal-layout .portal-main:has(.artist-list-page){background:#f4f6f9}.portal-header{position:sticky;top:0;z-index:100;background:#0f172af2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.08)}.portal-header--transparent{position:absolute;top:0;left:0;right:0;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;border-bottom:1px solid rgba(255,255,255,.06)}.portal-header--transparent .nav-link.active{border-bottom-color:#d4b08c}.header-inner{max-width:1280px;margin:0 auto;padding:0 24px;height:64px;display:flex;align-items:center;gap:32px}.logo{display:flex;align-items:center;gap:10px;flex-shrink:0}.logo-icon{flex-shrink:0}.logo-text{display:flex;flex-direction:column}.logo-name{font-size:15px;font-weight:700;color:#fff;line-height:1.2}.logo-sub{font-size:10px;color:#ffffff80;line-height:1}.header-nav{display:flex;align-items:center;gap:4px;flex:1}.nav-link{padding:6px 12px;border-radius:6px;font-size:14px;color:#ffffffb3;transition:all .2s;white-space:nowrap}button.nav-link{border:none;background:none;cursor:pointer;font:inherit}.nav-link:hover{color:#fff;background:#ffffff14}.nav-link.active{color:#fff;border-bottom:2px solid #818cf8}.header-actions{display:flex;align-items:center;gap:12px;flex-shrink:0}.cart-btn{position:relative;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:8px;color:#fffc;transition:all .2s;cursor:pointer}.cart-btn:hover{background:#ffffff1a;color:#fff}.cart-badge{position:absolute;top:4px;right:4px;background:#ef4444;color:#fff;font-size:10px;font-weight:700;width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center}.user-menu{position:relative;display:flex;align-items:center;gap:8px;cursor:pointer;padding:6px 10px;border-radius:8px;color:#ffffffd9;transition:background .2s}.user-menu:hover{background:#ffffff14}.user-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover}.user-name{font-size:14px}.dropdown-menu{position:absolute;top:calc(100% + 8px);right:0;background:#fff;border-radius:10px;box-shadow:0 10px 40px #00000026;border:1px solid #e2e8f0;min-width:160px;overflow:hidden;animation:slideUp .15s ease}.dropdown-item{display:block;padding:10px 16px;font-size:14px;color:#1e293b;transition:background .15s;cursor:pointer;width:100%;text-align:left}.dropdown-item:hover{background:#f8fafc}.dropdown-item.danger{color:#ef4444}.dropdown-divider{height:1px;background:#e2e8f0;margin:4px 0}.portal-main{flex:1}.portal-footer{background:#0a0f1c;color:#fff9;padding:40px 0 24px}.footer-inner{max-width:1280px;margin:0 auto;padding:0 24px;display:flex;flex-direction:column;align-items:center;gap:20px;text-align:center}.footer-logo{font-size:16px;font-weight:700;color:#fff;display:block;margin-bottom:4px}.footer-brand p{font-size:13px}.footer-nav{display:flex;gap:24px;flex-wrap:wrap;justify-content:center}.footer-nav a{font-size:13px;color:#ffffff80;transition:color .2s}.footer-nav a:hover{color:#fff}.footer-link-btn{border:none;background:none;padding:0;font-size:13px;color:#ffffff80;cursor:pointer;transition:color .2s}.footer-link-btn:hover{color:#fff}.footer-links{font-size:12px;color:#ffffff59}.portal-header .btn-ghost{color:#fffc}.portal-header .btn-ghost:hover{background:#ffffff1a;color:#fff}.portal-header .btn-primary{background:#4f46e5}.home-page{--home-dark: #05070a;--home-gold: #d4af37;--home-gold-soft: #c5a059;--home-gold-muted: #d4b08c;--home-paper: #f7f2e8;--home-paper-deep: #f0e8d8;--home-paper-text: #3d3428;--home-purple: #5e5ce6;--home-purple-hover: #4f46e5;background:var(--home-dark)}.home-hero{position:relative;background:var(--home-dark);overflow:hidden}.home-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 42% 50% at 68% 48%,rgba(255,210,140,.2) 0%,transparent 62%),radial-gradient(ellipse 38% 42% at 58% 52%,rgba(130,150,255,.1) 0%,transparent 68%),radial-gradient(ellipse 55% 45% at 12% 40%,rgba(93,92,230,.07) 0%,transparent 70%),linear-gradient(180deg,#05070a,#070a10 55%,#080b12);pointer-events:none;z-index:0}.home-hero-shell{position:relative;z-index:1;max-width:1440px;margin:0 auto;min-height:clamp(560px,72vh,680px);padding:0 40px}.home-hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,500px) minmax(0,1.2fr);gap:4px 8px;align-items:center;padding:clamp(88px,10vh,108px) 0 clamp(72px,9vh,96px)}.home-hero-content{padding-bottom:8px}.home-hero-title{display:flex;flex-direction:column;align-items:flex-start;gap:2px;margin:0 0 20px}.home-hero-title-line{display:block;font-size:clamp(38px,4.6vw,56px);font-weight:700;line-height:1.22;letter-spacing:.02em}.home-hero-title-line--primary{color:#fff}.home-hero-title-line2-wrap{position:relative;display:inline-block;padding-right:clamp(100px,14vw,168px);margin-top:2px}.home-hero-title-line--accent{background:linear-gradient(95deg,#e2c88a,#f0e6d0 38%,#fff 88%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.home-hero-legal-use{position:absolute;left:auto;right:0;bottom:0;height:clamp(46px,5.8vw,68px);width:auto;max-width:none;object-fit:contain;object-position:right bottom;transform:translate(12%,18%);pointer-events:none;z-index:2;filter:drop-shadow(0 2px 12px rgba(212,175,55,.25))}.home-hero-sub{font-size:clamp(15px,1.5vw,18px);font-weight:500;color:#e8d4b0;letter-spacing:.22em;margin:0 0 16px}.home-hero-desc{display:flex;flex-direction:column;gap:.2em;font-size:14px;color:#ffffffe0;line-height:1.72;max-width:400px;margin:0 0 22px}.home-hero-btns{display:flex;gap:14px;align-items:center;justify-content:flex-start;flex-wrap:wrap;margin-bottom:12px}.home-hero-btn{position:relative;padding:2px;border:none;border-radius:999px;cursor:pointer;transition:transform .25s ease,filter .25s ease;background:transparent}.home-hero-btn-inner{display:block;padding:12px 30px;border-radius:999px;font-size:16px;font-weight:600;line-height:1.2;letter-spacing:.04em}.home-hero-btn--create{background:linear-gradient(135deg,#c4b5fd,#7c6cf8,#5e5ce6 70%,#a78bfa);box-shadow:0 0 24px #5e5ce673,0 4px 16px #00000040}.home-hero-btn--create .home-hero-btn-inner{color:#fff;background:linear-gradient(180deg,#7d6ef5,#5e5ce6 45%,#4f46e5);box-shadow:inset 0 1px #ffffff47}.home-hero-btn--actor{background:linear-gradient(135deg,#fff0c2,#f0d078,#e5b567 60%,#ffe9a8);box-shadow:0 0 22px #e5b56766,0 4px 16px #00000038}.home-hero-btn--actor .home-hero-btn-inner{color:#2a1f08;background:linear-gradient(180deg,#f5dc8a,#e8c547 40%,#d4af37);box-shadow:inset 0 1px #ffffff73}.home-hero-btn:hover{transform:translateY(-2px);filter:brightness(1.06)}.home-hero-btn:active{transform:translateY(0)}.home-hero-browse{display:inline-flex;align-items:center;gap:8px;padding:0;border:none;background:none;color:#ffffffa6;font-size:14px;cursor:pointer;transition:color .25s}.home-hero-browse:hover{color:#fffffff2}.home-btn-primary{display:inline-flex;align-items:center;gap:6px;padding:14px 28px;border-radius:8px;border:none;background:linear-gradient(135deg,var(--home-purple) 0%,#7c3aed 100%);color:#fff;font-size:16px;font-weight:600;cursor:pointer;box-shadow:0 4px 24px #5e5ce666;transition:transform .25s,box-shadow .25s}.home-btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 32px #5e5ce680}.home-btn-ghost{display:inline-flex;align-items:center;gap:8px;padding:13px 22px;border-radius:8px;background:transparent;border:1.5px solid rgba(255,255,255,.22);color:#ffffffe6;font-size:15px;font-weight:500;cursor:pointer;transition:border-color .25s,background .25s}.home-btn-ghost:hover{border-color:#ffffff73;background:#ffffff0f}.home-hero-visual{position:relative;align-self:center;line-height:0;width:100%;margin-left:clamp(-56px,-5vw,-24px);margin-right:0;overflow:visible}.home-hero-visual-fx{position:absolute;top:-10%;right:0;bottom:-14%;left:-8%;pointer-events:none;z-index:0;overflow:hidden}.home-hero-glow{position:absolute;border-radius:50%;filter:blur(40px)}.home-hero-glow--warm{width:62%;height:55%;right:18%;top:16%;background:radial-gradient(circle,rgba(255,195,110,.55) 0%,transparent 68%);animation:homeHeroGlowWarm 5s ease-in-out infinite}.home-hero-glow--cool{width:50%;height:48%;right:38%;top:6%;background:radial-gradient(circle,rgba(140,160,255,.35) 0%,transparent 70%);animation:homeHeroGlowCool 6.5s ease-in-out infinite}.home-hero-shimmer{position:absolute;top:5%;left:-20%;width:45%;height:90%;background:linear-gradient(105deg,transparent 0%,rgba(255,255,255,.06) 42%,rgba(255,230,180,.18) 50%,rgba(255,255,255,.06) 58%,transparent 100%);animation:homeHeroShimmer 7s ease-in-out infinite}@keyframes homeHeroGlowWarm{0%,to{opacity:.55;transform:scale(1) translate(0)}50%{opacity:.95;transform:scale(1.08) translate(-2%,3%)}}@keyframes homeHeroGlowCool{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.75;transform:scale(1.12) translate(3%,-2%)}}@keyframes homeHeroShimmer{0%,to{transform:translate(-30%) skew(-8deg);opacity:0}45%{opacity:.7}55%{opacity:.5}to{transform:translate(80%) skew(-8deg);opacity:0}}@keyframes homeHeroFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.home-hero-top-img{position:relative;z-index:1;display:block;width:118%;max-width:min(1100px,72vw);min-width:520px;height:auto;margin-left:0;margin-right:auto;object-fit:contain;object-position:left center;filter:drop-shadow(0 24px 48px rgba(0,0,0,.35));animation:homeHeroFloat 5.5s ease-in-out infinite;transform-origin:left center}@media (prefers-reduced-motion: reduce){.home-hero-glow--warm,.home-hero-glow--cool,.home-hero-shimmer,.home-hero-top-img{animation:none}}.home-hero-motto{position:absolute;right:clamp(20px,4vw,56px);bottom:clamp(56px,7vh,88px);z-index:2;display:flex;align-items:flex-end;gap:10px;pointer-events:none}.home-hero-motto-text{margin:0;text-align:right;font-size:13px;font-weight:400;color:#ffffffd1;line-height:1.65;letter-spacing:.14em}.home-hero-motto-text span{display:block}.home-hero-motto-mark{flex-shrink:0;width:clamp(36px,4vw,52px);height:auto;margin-bottom:2px;opacity:.92}.home-wave{line-height:0;position:relative;z-index:3;pointer-events:none}.home-wave svg{display:block;width:100%}.home-wave--hero{margin-top:-1px}.home-wave--hero svg{height:clamp(56px,8vw,96px)}.home-wave--soft svg{height:clamp(32px,4vw,48px)}.home-wave--to-dark{margin-top:-56px;margin-bottom:-2px;z-index:4}.home-wave--to-dark svg{height:clamp(80px,11vw,130px)}.home-light-zone{position:relative;background-color:var(--home-paper);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.045'/%3E%3C/svg%3E"),radial-gradient(ellipse 120% 80% at 10% 0%,rgba(255,252,245,.9) 0%,transparent 55%),radial-gradient(ellipse 90% 60% at 90% 100%,rgba(212,176,140,.07) 0%,transparent 50%),linear-gradient(180deg,#faf4e8,#f7f2e8 35%,#f3ecdf);margin-top:-2px}.home-light-zone:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(212,176,140,.015) 3px,rgba(212,176,140,.015) 4px);pointer-events:none}.home-light-zone>.home-section{position:relative;z-index:1}.home-section{padding:44px 0}.home-section-inner{max-width:1280px;margin:0 auto;padding:0 32px}.home-section-head{text-align:center;margin-bottom:32px}.home-section-head--left{text-align:left}.home-section-head--left .home-title-squiggle{margin:0 0 10px}.home-section-head--left .home-section-title{justify-content:flex-start}.home-section-head--left .home-section-sub{margin:0;max-width:640px}.home-section-head--left .home-section-title{display:flex}.home-title-squiggle{display:block;width:48px;height:22px;margin:0 auto 14px;color:#e8b84a}.home-title-squiggle svg{width:100%;height:100%;display:block}.home-section-title{font-family:"Noto Serif SC",Songti SC,STSong,serif;font-size:clamp(28px,3.2vw,36px);font-weight:600;color:var(--home-paper-text);margin:0 0 12px;letter-spacing:.14em;line-height:1.4;display:inline-flex;align-items:baseline;flex-wrap:wrap;gap:10px}.home-section-mark{font-family:Liu Jian Mao Cao,Ma Shan Zheng,STKaiti,KaiTi,cursive;font-size:clamp(22px,2.8vw,32px);font-weight:400;color:#c9a227;letter-spacing:.02em;line-height:1}.home-section-sub{font-size:15px;color:#8a7d6b;letter-spacing:.04em;line-height:1.7;max-width:520px;margin:0 auto}.home-advantages{padding-top:36px;padding-bottom:36px}.home-adv-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.home-adv-card{position:relative;aspect-ratio:597 / 688;border-radius:20px;overflow:hidden;border:none;background:transparent;box-shadow:0 10px 36px #3d34281a;transition:transform .3s ease,box-shadow .3s ease}.home-adv-card:hover{transform:translateY(-4px);box-shadow:0 16px 44px #3d342824}.home-adv-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block;pointer-events:none}.home-adv-copy{position:absolute;top:0;left:0;z-index:1;max-width:100%;padding:clamp(18px,2.2vw,26px) clamp(16px,2vw,22px);pointer-events:none}.home-adv-copy h3{font-family:"Noto Serif SC",Songti SC,serif;font-size:clamp(14px,1.2vw,16px);font-weight:600;color:var(--home-paper-text);margin:0 0 8px;letter-spacing:.04em;line-height:1.4}.home-adv-copy p{font-size:clamp(11px,1vw,13px);color:#6a5f50;line-height:1.7;margin:0;max-width:16em}.home-users{padding-top:28px;padding-bottom:28px}.home-users-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:40px}.home-user-item{text-align:center}.home-user-avatar{width:128px;height:128px;border-radius:50%;overflow:hidden;margin:0 auto 22px;border:4px solid rgba(255,252,247,.9);box-shadow:0 10px 36px #3d34281f,0 0 0 1px #d4b08c40}.home-user-avatar img{width:100%;height:100%;object-fit:contain;background:linear-gradient(160deg,#f3eeff,#faf6ff)}.home-user-item h3{font-family:"Noto Serif SC",Songti SC,serif;font-size:18px;font-weight:600;color:var(--home-paper-text);margin:0 0 10px;letter-spacing:.06em}.home-user-item p{font-size:13px;color:#7a6f5e;line-height:1.65;margin:0}.home-protected{padding-top:20px;padding-bottom:20px}.home-protected-panel{display:flex;flex-direction:column;gap:18px;padding:26px 32px 28px;border-radius:20px;background:#f0e6d6;border:1px solid rgba(212,176,140,.35);box-shadow:0 6px 28px #3d34280d;max-width:920px}.home-protected-item{margin:0;font-size:14px;color:#6a5f50;line-height:1.85;letter-spacing:.02em}.home-protected-item strong{font-family:"Noto Serif SC",Songti SC,serif;font-size:16px;font-weight:600;color:var(--home-paper-text);letter-spacing:.06em}.home-workflow{padding-top:28px;padding-bottom:48px}.home-workflow-track{margin-bottom:32px}.home-workflow-track-label{font-family:"Noto Serif SC",Songti SC,serif;font-size:20px;font-weight:600;color:var(--home-paper-text);margin:0 0 20px;letter-spacing:.08em;text-align:left}.home-workflow-track--creator .home-workflow-track-label{color:#5e5ce6}.home-workflow-track--actor .home-workflow-track-label{color:#c49a2e}.home-workflow-steps{display:flex;align-items:center;justify-content:space-between;gap:2px}.home-workflow-arrow{flex:0 0 auto;width:clamp(32px,3.2vw,52px);height:auto;align-self:center;object-fit:contain;flex-shrink:0}.home-workflow-step{flex:1 1 0;min-width:0;display:flex;justify-content:center}.home-workflow-card{width:100%;max-width:200px;display:flex;flex-direction:column;border-radius:18px;overflow:hidden;background:#faf6ef;box-shadow:0 8px 28px #3d342812}.home-workflow-copy{flex-shrink:0;padding:16px 14px 6px}.home-workflow-num{display:block;font-family:"Noto Serif SC",Songti SC,STSong,serif;font-size:clamp(42px,4.5vw,58px);font-weight:200;font-style:italic;line-height:1;margin:0 0 4px;letter-spacing:.06em}.home-workflow-track--creator .home-workflow-num{color:#7873c86b}.home-workflow-track--actor .home-workflow-num{color:#c49a5073}.home-workflow-copy h3{font-family:"Noto Serif SC",Songti SC,serif;font-size:clamp(13px,1.1vw,15px);font-weight:600;color:var(--home-paper-text);margin:0;line-height:1.45;letter-spacing:.04em;text-align:left}.home-workflow-mock{width:100%;line-height:0;margin:0;padding:0;border:none;background:#faf6ef;box-shadow:none}.home-workflow-mock img{width:100%;height:auto;display:block;vertical-align:top}.home-workflow-cta{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin:4px 0 8px}.home-cta{position:relative;min-height:580px;overflow:hidden;background:var(--home-dark);margin-top:-1px;padding:80px 0 56px}.home-cta-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:72% 42%;pointer-events:none}.home-cta-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(105deg,#05070af0,#05070ab8 32%,#05070a47 58%,#05070a14),radial-gradient(ellipse 55% 50% at 78% 55%,rgba(212,176,140,.14) 0%,transparent 70%);pointer-events:none;z-index:1}.home-cta-curve-bottom{position:absolute;left:0;right:0;bottom:0;line-height:0;pointer-events:none;z-index:3}.home-cta-curve-bottom svg{display:block;width:100%;height:clamp(28px,4vw,52px)}.home-cta-inner{position:relative;z-index:2;max-width:1280px;margin:0 auto;padding:0 32px}.home-cta-content{max-width:520px;margin-bottom:52px}.home-cta-title{font-family:"Noto Serif SC",Songti SC,serif;font-size:clamp(26px,3vw,34px);font-weight:600;color:#fff;line-height:1.5;margin:0 0 18px;letter-spacing:.08em}.home-cta-desc{font-size:14px;color:#ffffff8c;line-height:1.85;margin:0 0 28px}.home-cta-btns{display:flex;gap:14px;flex-wrap:wrap}.home-btn-gold{padding:14px 32px;border-radius:8px;border:none;background:linear-gradient(135deg,#e8c547,#d4af37,#c49a2e);color:#1a1208;font-size:16px;font-weight:700;cursor:pointer;box-shadow:0 4px 20px #d4af3759;transition:transform .25s,box-shadow .25s}.home-btn-gold:hover{transform:translateY(-2px);box-shadow:0 8px 28px #d4af3773}.home-btn-outline{padding:14px 32px;border-radius:8px;background:transparent;border:1.5px solid rgba(255,255,255,.4);color:#fffffff2;font-size:16px;font-weight:500;cursor:pointer;transition:border-color .25s,background .25s}.home-btn-outline:hover{border-color:#ffffffb3;background:#ffffff14}.home-trust-bar{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;padding:28px 32px;border-radius:20px;background:#00000061;border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 40px #00000040}.home-trust-item{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px}.home-trust-icon{width:44px;height:44px;border-radius:50%;background:#d4af371f;border:1px solid rgba(212,175,55,.25);color:var(--home-gold);display:flex;align-items:center;justify-content:center}.home-trust-title{font-size:13px;font-weight:700;color:#fff}.home-trust-desc{font-size:10px;color:#ffffff73;line-height:1.5}.home-copyright{text-align:center;margin:24px 0 8px;font-size:12px;color:#ffffff52}@media (max-width: 1200px){.home-hero-shell{padding:0 24px;min-height:auto}.home-hero-grid{grid-template-columns:1fr;padding:88px 0 48px;text-align:center}.home-hero-content{padding-bottom:16px}.home-hero-title{align-items:center}.home-hero-title-line2-wrap{padding-right:clamp(88px,22vw,140px)}.home-hero-legal-use{transform:translate(8%,16%)}.home-hero-desc{margin-left:auto;margin-right:auto;align-items:center}.home-hero-btns,.home-hero-browse{justify-content:center;margin-left:auto;margin-right:auto}.home-hero-visual{max-width:820px;margin-left:auto;margin-right:auto}.home-hero-top-img{width:100%;min-width:0;max-width:100%;margin:0 auto;object-position:center center;transform-origin:center center}.home-hero-motto{right:24px;bottom:32px}.home-adv-grid,.home-users-grid{grid-template-columns:repeat(2,1fr)}.home-protected-panel{padding:28px 24px}.home-workflow-steps{flex-wrap:wrap;justify-content:flex-start;gap:28px 16px;align-items:flex-start}.home-workflow-arrow{display:none}.home-workflow-step{flex:0 1 calc(33.333% - 12px);max-width:220px}.home-workflow-card{max-width:100%}.home-trust-bar{grid-template-columns:repeat(3,1fr)}}@media (max-width: 640px){.home-hero-shell{padding:0 20px}.home-hero-grid{padding:80px 0 40px}.home-hero-title-line{font-size:30px}.home-hero-title-line2-wrap{padding-right:96px}.home-hero-legal-use{left:5.4em;height:38px}.home-hero-sub{font-size:14px;letter-spacing:.14em}.home-hero-motto{right:16px;bottom:24px;gap:6px}.home-hero-motto-text{font-size:11px;letter-spacing:.1em}.home-hero-motto-mark{width:28px}.home-section-inner,.home-cta-inner{padding-left:20px;padding-right:20px}.home-adv-grid{grid-template-columns:1fr}.home-workflow-step{flex:0 1 100%;max-width:280px}.home-workflow-card{max-width:240px;margin:0 auto}.home-users-grid{grid-template-columns:1fr 1fr;gap:28px}.home-trust-bar{grid-template-columns:1fr 1fr;padding:20px 16px}.home-cta{min-height:520px;padding:64px 0 48px}.home-cta-bg{object-position:65% 50%}}.help-page{--help-header-offset: 88px;min-height:calc(100vh - 64px);background:radial-gradient(ellipse 80% 50% at 10% -10%,rgba(79,70,229,.07),transparent 55%),radial-gradient(ellipse 60% 40% at 100% 0%,rgba(14,165,233,.05),transparent 50%),#f4f6f9;padding:32px 24px 50vh}.help-inner{max-width:860px;margin:0 auto}.help-header{margin-bottom:32px}.help-header h1{font-size:24px;font-weight:700;color:#0f172a;margin:0 0 6px;letter-spacing:-.02em}.help-header p{margin:0;font-size:14px;color:#64748b}.help-section{scroll-margin-top:var(--help-header-offset);margin-bottom:28px}.help-section-title{font-size:18px;font-weight:700;color:#0f172a;margin:0 0 12px;padding-left:2px}.help-accordion{background:#fff;border:1px solid #e8edf3;border-radius:16px;box-shadow:0 1px 2px #0f172a0a,0 8px 24px #0f172a0d;overflow:hidden}.help-item+.help-item{border-top:1px solid #e8edf3}.help-item-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;text-align:left;background:#fff;color:#0f172a;font-size:15px;font-weight:600;line-height:1.5;cursor:pointer;transition:background .15s ease}.help-item-trigger:hover{background:#f8fafc}.help-item.is-open .help-item-trigger{background:#fafbff}.help-item-q{flex:1;min-width:0}.help-item-icon{flex-shrink:0;width:20px;height:20px;color:#64748b;transition:transform .2s ease,color .15s ease}.help-item.is-open .help-item-icon{transform:rotate(180deg);color:#4f46e5}.help-item-panel{display:grid;grid-template-rows:0fr;overflow:hidden;transition:grid-template-rows .2s ease}.help-item.is-open .help-item-panel{grid-template-rows:1fr}.help-item-panel-inner{overflow:hidden;min-height:0}.help-item-answer{padding:0 20px 18px;font-size:14px;line-height:1.75;color:#475569}.help-item-answer a{color:#4f46e5;font-weight:500;word-break:break-all}.help-item-answer a:hover{text-decoration:underline}.help-route{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:13px;color:#334155;background:#f1f5f9;padding:1px 6px;border-radius:4px}@media (max-width: 640px){.help-page{padding:24px 16px 50vh}.help-item-trigger{padding:14px 16px;font-size:14px}.help-item-answer{padding:0 16px 16px}}.artist-list-page{--al-primary: #4f46e5;--al-primary-soft: #eef2ff;--al-bg: #f4f6f9;--al-card: #ffffff;--al-text: #0f172a;--al-muted: #64748b;--al-border: #e8edf3;--al-shadow: 0 4px 24px rgba(15, 23, 42, .06);--al-shadow-hover: 0 12px 32px rgba(15, 23, 42, .1);max-width:1440px;margin:0 auto;padding:28px 32px 48px;display:grid;grid-template-columns:228px minmax(0,1fr) 308px;gap:24px;align-items:start;background:var(--al-bg);min-height:calc(100vh - 64px)}.filter-panel{position:sticky;top:88px;background:var(--al-card);border-radius:16px;padding:22px 18px;border:1px solid var(--al-border);box-shadow:0 2px 16px #0f172a0a}.filter-section{margin-bottom:22px}.filter-section--price{margin-bottom:18px}.filter-label{font-size:14px;font-weight:700;color:var(--al-text);margin-bottom:12px}.filter-btns{display:flex;flex-wrap:wrap;gap:8px}.filter-btn{padding:6px 14px;border-radius:999px;font-size:12px;font-weight:500;border:1px solid var(--al-border);background:#fff;color:var(--al-muted);cursor:pointer;transition:all .18s ease;line-height:1.4}.filter-btn:hover{border-color:#c7d2fe;color:var(--al-primary);background:#fafbff}.filter-btn.active{background:var(--al-primary);color:#fff;border-color:var(--al-primary);box-shadow:0 4px 12px #4f46e547}.filter-price-range{width:100%;height:4px;margin:8px 0 10px;accent-color:var(--al-primary);cursor:pointer}.filter-price-labels{display:flex;justify-content:space-between;font-size:12px;color:var(--al-muted)}.filter-reset{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 16px;border-radius:10px;border:1px solid var(--al-border);background:#fff;color:var(--al-muted);font-size:13px;font-weight:500;cursor:pointer;transition:all .18s ease}.filter-reset:hover{border-color:#cbd5e1;color:var(--al-text);background:#f8fafc}.artist-list-main{min-width:0}.artist-list-header{margin-bottom:24px}.artist-list-heading h1{font-size:28px;font-weight:800;color:var(--al-text);margin:0 0 8px;letter-spacing:-.02em}.artist-list-heading p{font-size:14px;color:var(--al-muted);margin:0}.artist-list-toolbar{display:flex;align-items:center;gap:12px;margin-top:20px}.artist-search{flex:1;display:flex;align-items:center;gap:10px;min-width:0;padding:0 16px;height:44px;background:#fff;border:1px solid var(--al-border);border-radius:12px;box-shadow:0 1px 4px #0f172a08;transition:border-color .18s,box-shadow .18s}.artist-search:focus-within{border-color:#c7d2fe;box-shadow:0 0 0 3px #4f46e51a}.artist-search svg{color:#94a3b8;flex-shrink:0}.artist-search-input{border:none;outline:none;width:100%;font-size:14px;color:var(--al-text);background:transparent}.artist-search-input::placeholder{color:#94a3b8}.toolbar-filter-btn{display:inline-flex;align-items:center;gap:6px;height:44px;padding:0 16px;border-radius:12px;border:1px solid var(--al-border);background:#fff;color:var(--al-muted);font-size:14px;font-weight:500;cursor:pointer;white-space:nowrap;transition:all .18s}.toolbar-filter-btn:hover{border-color:#cbd5e1;color:var(--al-text)}.toolbar-sort{height:44px;min-width:132px;padding:0 36px 0 14px;border-radius:12px;border:1px solid var(--al-border);background:#fff;color:var(--al-text);font-size:14px;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2364748b' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.toolbar-sort:focus{outline:none;border-color:#c7d2fe;box-shadow:0 0 0 3px #4f46e51a}.artist-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.artist-card{background:var(--al-card);border-radius:16px;overflow:hidden;border:1px solid rgba(226,232,240,.9);box-shadow:var(--al-shadow);transition:transform .25s ease,box-shadow .25s ease}.artist-card:hover{transform:translateY(-4px);box-shadow:var(--al-shadow-hover)}.artist-card-img{position:relative;aspect-ratio:4 / 5;overflow:hidden;cursor:pointer;background:#e2e8f0}.artist-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.artist-card:hover .artist-card-img img{transform:scale(1.04)}.artist-card-fav{position:absolute;top:12px;right:12px;width:34px;height:34px;border-radius:50%;background:#ffffffeb;color:#64748b;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 8px #0f172a1f;transition:transform .18s,color .18s}.artist-card-fav:hover{transform:scale(1.08);color:#ef4444}.artist-card-badge{position:absolute;top:12px;left:12px;padding:4px 10px;border-radius:6px;background:var(--al-primary);color:#fff;font-size:11px;font-weight:700}.artist-card-badge--purchased{background:#16a34a}.artist-card-body{padding:14px 14px 16px}.artist-card-name{font-size:16px;font-weight:700;color:var(--al-text);margin-bottom:4px;cursor:pointer;line-height:1.3}.artist-card-name:hover{color:var(--al-primary)}.artist-card-id{font-size:12px;color:#94a3b8;margin-bottom:10px}.artist-card-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px;min-height:26px}.artist-card-tag{display:inline-flex;align-items:center;padding:3px 10px;border-radius:999px;font-size:11px;font-weight:500;background:var(--al-primary-soft);color:var(--al-primary);line-height:1.4}.artist-card-tag--scene{background:#f0f9ff;color:#0284c7}.artist-card-footer{display:flex;align-items:center;justify-content:space-between;gap:10px}.artist-card-price{display:flex;align-items:baseline;gap:4px;min-width:0}.artist-card-price-num{font-size:16px;font-weight:800;color:#ef4444;white-space:nowrap}.artist-card-price-unit{font-size:11px;color:#94a3b8;white-space:nowrap}.artist-card-cart-btn{flex-shrink:0;width:38px;height:38px;border-radius:50%;background:var(--al-primary);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;border:none;box-shadow:0 4px 14px #4f46e559;transition:transform .18s,box-shadow .18s,background .18s}.artist-card-cart-btn:hover{transform:scale(1.06);box-shadow:0 6px 18px #4f46e573}.artist-card-cart-btn.is-added{background:#16a34a;box-shadow:0 4px 14px #16a34a59;font-size:16px;font-weight:700}.artist-card-purchased{flex-shrink:0;width:38px;height:38px;border-radius:50%;background:#f0fdf4;color:#16a34a;border:1.5px solid #86efac;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700}.artist-pagination{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:28px;padding-top:8px}.artist-pagination-total{font-size:14px;color:var(--al-muted)}.artist-pagination-controls{display:flex;align-items:center;gap:6px}.artist-pagination .page-btn{width:36px;height:36px;border-radius:10px;border:1px solid var(--al-border);background:#fff;color:var(--al-text);font-size:14px;font-weight:500;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .18s}.artist-pagination .page-btn:hover:not(:disabled){border-color:var(--al-primary);color:var(--al-primary)}.artist-pagination .page-btn.active{background:var(--al-primary);border-color:var(--al-primary);color:#fff;box-shadow:0 4px 12px #4f46e54d}.artist-pagination .page-btn:disabled{opacity:.4;cursor:not-allowed}.page-ellipsis{width:28px;text-align:center;color:#94a3b8;font-size:14px}.cart-sidebar{position:sticky;top:88px}.cart-panel{background:var(--al-card);border-radius:16px;border:1px solid var(--al-border);box-shadow:var(--al-shadow);overflow:hidden}.cart-panel-header{display:flex;align-items:center;justify-content:space-between;padding:18px 18px 14px;border-bottom:1px solid #f1f5f9}.cart-panel-title{font-size:16px;font-weight:800;color:var(--al-text)}.cart-panel-clear{font-size:13px;font-weight:500;color:var(--al-primary);cursor:pointer;padding:4px 8px;border-radius:6px;transition:background .15s}.cart-panel-clear:hover{background:var(--al-primary-soft)}.cart-panel-items{max-height:240px;overflow-y:auto;padding:0 18px}.cart-empty{text-align:center;padding:36px 12px;color:#94a3b8}.cart-empty-icon{font-size:32px;opacity:.5;margin-bottom:8px}.cart-empty p{font-size:14px;font-weight:600;color:var(--al-muted);margin:0 0 4px}.cart-empty span{font-size:12px}.cart-item{display:flex;align-items:flex-start;gap:12px;padding:14px 0;border-bottom:1px solid #f1f5f9}.cart-item:last-child{border-bottom:none}.cart-item img{width:52px;height:64px;object-fit:cover;border-radius:8px;flex-shrink:0;background:#e2e8f0}.cart-item-info{flex:1;min-width:0}.cart-item-name{font-size:14px;font-weight:700;color:var(--al-text);margin-bottom:2px}.cart-item-id{font-size:11px;color:#94a3b8;margin-bottom:4px}.cart-item-meta{font-size:11px;color:var(--al-muted);margin-bottom:4px}.cart-item-price{font-size:14px;font-weight:700;color:#ef4444}.cart-item-del{flex-shrink:0;width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#94a3b8;cursor:pointer;transition:all .15s}.cart-item-del:hover{color:#ef4444;background:#fef2f2}.cart-panel-footer{padding:16px 18px 18px;border-top:1px solid #f1f5f9;background:#fafbfc}.cart-panel-section{margin-bottom:14px}.cart-section-label{font-size:12px;font-weight:700;color:var(--al-muted);margin-bottom:8px}.auth-type-btns{display:flex;gap:6px}.auth-type-btn{flex:1;padding:8px 4px;border-radius:8px;font-size:11px;font-weight:600;border:1.5px solid var(--al-border);background:#fff;color:var(--al-muted);cursor:pointer;transition:all .15s;text-align:center;line-height:1.3}.auth-type-btn.active{background:var(--al-primary);border-color:var(--al-primary);color:#fff;box-shadow:0 2px 8px #4f46e540}.cart-scene-select{width:100%;height:40px;padding:0 32px 0 12px;border-radius:10px;border:1px solid var(--al-border);background:#fff;font-size:13px;color:var(--al-text);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2364748b' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}.cart-scene-select:focus{outline:none;border-color:#c7d2fe}.cart-total{display:flex;align-items:center;justify-content:space-between;padding:14px 0 10px;border-top:1px solid #e8edf3;margin-top:4px;font-size:14px;font-weight:600;color:var(--al-text)}.cart-total-price{font-size:24px;font-weight:800;color:var(--al-text);letter-spacing:-.02em}.cart-agree{display:flex;align-items:flex-start;gap:8px;font-size:12px;color:var(--al-muted);margin-bottom:14px;line-height:1.5;cursor:pointer}.cart-agree input{margin-top:3px;accent-color:var(--al-primary)}.cart-agree a{color:var(--al-primary)}.cart-btn-pay{width:100%;height:46px;border-radius:12px;border:none;background:var(--al-primary);color:#fff;font-size:15px;font-weight:700;cursor:pointer;box-shadow:0 4px 16px #4f46e559;transition:transform .18s,box-shadow .18s;margin-bottom:10px}.cart-btn-pay:hover{transform:translateY(-1px);box-shadow:0 6px 20px #4f46e56b}.cart-btn-view{width:100%;height:44px;border-radius:12px;border:1.5px solid var(--al-primary);background:#fff;color:var(--al-primary);font-size:15px;font-weight:600;cursor:pointer;transition:all .18s;margin-bottom:16px}.cart-btn-view:hover{background:var(--al-primary-soft)}.cart-trust{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding-top:14px;border-top:1px solid #e8edf3}.cart-trust-item{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px}.cart-trust-icon{width:36px;height:36px;border-radius:50%;background:var(--al-primary-soft);color:var(--al-primary);display:flex;align-items:center;justify-content:center}.cart-trust-title{font-size:11px;font-weight:700;color:var(--al-text)}.cart-trust-desc{font-size:10px;color:#94a3b8;line-height:1.35}@media (max-width: 1280px){.artist-list-page{grid-template-columns:210px minmax(0,1fr) 280px;padding:24px 20px 40px}.artist-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 1024px){.artist-list-page{grid-template-columns:1fr}.filter-panel,.cart-sidebar{position:static}.artist-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.artist-pagination{flex-direction:column;align-items:flex-start}}@media (max-width: 768px){.artist-list-toolbar{flex-wrap:wrap}.artist-search{flex:1 1 100%}.artist-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}}@media (max-width: 480px){.artist-grid{grid-template-columns:1fr}}.artist-detail-page{--detail-blue: #2563eb;--detail-blue-light: #eff6ff;--detail-blue-muted: #93c5fd;--detail-purple-light: #f5f3ff;--detail-purple: #7c3aed;max-width:1200px;margin:0 auto;padding:0 24px 60px}.img-blurred{filter:blur(5px);transform:scale(1.06)}.detail-page-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:12px;color:#64748b}.detail-page-nav{padding:20px 0 16px}.back-btn{display:inline-flex;align-items:center;gap:2px;background:none;border:none;color:#64748b;font-size:14px;font-weight:400;cursor:pointer;padding:0;transition:color .2s}.back-btn:hover{color:var(--detail-blue)}.detail-upper-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 1px 3px #0f172a0a,0 4px 16px #0f172a0a;padding:28px 32px;margin-bottom:24px}.detail-upper{display:flex;gap:40px;align-items:flex-start}.detail-img-col{width:340px;flex-shrink:0}.detail-img-wrap{position:relative;border-radius:14px;overflow:hidden;aspect-ratio:3/4;background:#f1f5f9}.detail-img-main{width:100%;height:100%;object-fit:cover}.detail-img-badge{position:absolute;top:12px;left:12px;padding:4px 10px;border-radius:6px;background:#0f172aa6;color:#fff;font-size:11px;font-weight:500;letter-spacing:.5px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.img-fav-btn{position:absolute;top:12px;right:12px;width:36px;height:36px;border-radius:50%;background:#fffffff2;border:none;color:#64748b;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0000001a;transition:all .2s}.img-fav-btn:hover{background:#fff;color:#ef4444;transform:scale(1.05)}.img-nav-btn{position:absolute;top:50%;transform:translateY(-50%);width:32px;height:32px;border-radius:50%;background:#0f172a8c;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.img-nav-btn:hover{background:#0f172abf}.img-nav-prev{left:10px}.img-nav-next{right:10px}.img-auth-overlay{position:absolute;bottom:16px;right:16px;background:#0f172ab8;color:#fff;border-radius:20px;padding:6px 14px;font-size:12px;font-weight:500;display:flex;align-items:center;gap:5px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.detail-thumbs{margin-top:12px}.detail-thumbs-grid{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px}.detail-thumb{width:58px;height:74px;border-radius:8px;overflow:hidden;cursor:pointer;flex-shrink:0;position:relative;padding:0;border:2px solid transparent;transition:border-color .2s;background:none}.detail-thumb.active{border-color:var(--detail-blue)}.detail-thumb:hover:not(.active):not(.detail-thumb--locked){border-color:var(--detail-blue-muted)}.detail-thumb--locked{cursor:not-allowed}.detail-thumb--locked.active{border-color:transparent}.detail-thumb img{width:100%;height:100%;object-fit:cover}.thumb-lock{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000059;display:flex;align-items:center;justify-content:center;color:#fff}.detail-thumbs-hint{font-size:11px;color:#94a3b8;margin-top:8px}.detail-info-col{flex:1;min-width:0;padding-top:4px}.detail-header{display:flex;align-items:center;gap:10px;margin-bottom:14px;flex-wrap:wrap}.detail-name{font-size:28px;font-weight:700;color:#0f172a;margin:0;letter-spacing:-.02em}.detail-badge-type{padding:3px 10px;border-radius:4px;font-size:11px;font-weight:600;background:var(--detail-blue-light);color:var(--detail-blue)}.detail-badge-purchased{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:4px;font-size:11px;font-weight:600;background:#dcfce7;color:#16a34a}.detail-style-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px}.style-tag{padding:4px 12px;border-radius:4px;font-size:12px;font-weight:500;color:var(--detail-blue);background:var(--detail-blue-light)}.detail-section{margin-bottom:28px}.detail-section:last-child{margin-bottom:0}.detail-section-title{display:flex;align-items:center;gap:6px;font-size:15px;font-weight:600;color:#1e293b;margin:0 0 16px}.detail-info-row{display:flex;gap:16px}.detail-info-card{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px 12px;background:#f8fafc;border-radius:10px;border:1px solid #f1f5f9}.info-icon{color:var(--detail-blue-muted);display:flex;align-items:center;justify-content:center}.info-label{font-size:12px;color:#94a3b8}.info-value{font-size:17px;font-weight:700;color:#0f172a}.detail-history-list{display:flex;flex-direction:column;gap:0}.detail-history-item{display:flex;align-items:center;gap:10px;font-size:13px;padding:12px 0;border-bottom:1px solid #f1f5f9}.detail-history-item:last-child{border-bottom:none;padding-bottom:0}.detail-history-item:first-child{padding-top:0}.history-dot{width:6px;height:6px;border-radius:50%;background:#ef4444;flex-shrink:0}.history-year{font-weight:600;color:#1e293b;min-width:38px}.history-title{font-weight:500;color:#1e293b}.history-role{color:#64748b;margin-left:auto;white-space:nowrap}.detail-features-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;margin-bottom:24px}.feature-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:22px 24px;box-shadow:0 1px 3px #0f172a08}.feature-card-title{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#1e293b;margin:0 0 18px}.feature-title-icon{flex-shrink:0;width:28px;height:28px;border-radius:6px;background:var(--detail-blue-light);color:var(--detail-blue);display:flex;align-items:center;justify-content:center}.feature-list--facial{display:flex;flex-direction:column;gap:14px}.feature-item--facial{display:flex;align-items:flex-start;gap:10px}.feature-item-icon{flex-shrink:0;width:28px;height:28px;border-radius:6px;background:var(--detail-blue-light);color:var(--detail-blue);display:flex;align-items:center;justify-content:center;margin-top:1px}.feature-item-body{display:flex;flex-direction:column;gap:2px;min-width:0}.feature-key{font-size:12px;color:#94a3b8;font-weight:500}.feature-val{font-size:13px;color:#334155;line-height:1.5}.personality-table{display:flex;flex-direction:column;gap:0}.personality-row{display:grid;grid-template-columns:88px 1fr;border-bottom:1px solid #f1f5f9;font-size:13px}.personality-row:last-child{border-bottom:none}.personality-label{padding:10px 12px;background:var(--detail-blue-light);color:var(--detail-blue);font-weight:500;font-size:12px;display:flex;align-items:center}.personality-value{padding:10px 14px;color:#334155;line-height:1.5;display:flex;align-items:center}.feature-card-tags{display:flex;flex-direction:column;gap:24px}.topic-tag-cloud,.role-tag-cloud{display:flex;flex-wrap:wrap;gap:8px}.topic-tag{padding:5px 12px;border-radius:4px;font-size:12px;font-weight:500;color:var(--detail-blue);background:var(--detail-blue-light)}.role-tag{padding:5px 12px;border-radius:4px;font-size:12px;font-weight:500;color:var(--detail-purple);background:var(--detail-purple-light)}.detail-bottom-row{display:flex;gap:24px;align-items:stretch;padding:28px 32px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px}.detail-scope{flex:1;min-width:0}.scope-sub{font-size:13px;font-weight:400;color:#94a3b8;margin-left:4px}.scope-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-top:4px}.scope-grid-item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 4px}.scope-grid-item--inactive{opacity:.35}.scope-icon-circle{width:52px;height:52px;border-radius:50%;background:#fff;border:1px solid #e2e8f0;display:flex;align-items:center;justify-content:center;color:#64748b}.scope-grid-item--active .scope-icon-circle{background:#fff;border-color:#e2e8f0;color:#475569}.scope-label{font-size:11px;color:#475569;text-align:center;line-height:1.3;margin-top:2px}.scope-check-badge{width:18px;height:18px;border-radius:50%;background:#10b981;color:#fff;display:flex;align-items:center;justify-content:center}.scope-check-placeholder{width:18px;height:18px}.scope-note{font-size:11px;color:#94a3b8;margin-top:16px}.detail-purchase{width:280px;flex-shrink:0;display:flex;flex-direction:column;gap:14px;padding:24px;background:#fff;border:1px solid #e2e8f0;border-radius:14px;box-shadow:0 2px 8px #0f172a0a}.purchase-title{display:flex;align-items:center;gap:4px;font-size:13px;color:#64748b}.purchase-info-icon{color:#cbd5e1}.purchase-price{font-size:34px;font-weight:700;color:#94a3b8;line-height:1;display:flex;align-items:baseline;gap:2px}.purchase-currency{font-size:20px;font-weight:600;margin-right:2px;color:#94a3b8}.purchase-price small{font-size:14px;font-weight:400;color:#94a3b8;margin-left:2px}.purchase-btn-primary{padding:12px 0;border-radius:8px;border:none;width:100%;background:var(--detail-blue);color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:background .2s}.purchase-btn-primary:hover{background:#1d4ed8}.purchase-btn-cart{padding:12px 0;border-radius:8px;width:100%;border:1.5px solid var(--detail-blue);background:#fff;color:var(--detail-blue);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:6px}.purchase-btn-cart:hover{background:var(--detail-blue-light)}.purchase-btn-cart.in-cart{border-color:#10b981;color:#10b981;background:#f0fdf4}.detail-footer-note{text-align:center;font-size:12px;color:#94a3b8;margin-top:20px}@media (max-width: 1024px){.detail-features-row{grid-template-columns:1fr 1fr}.feature-card-tags{grid-column:1 / -1}.scope-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 900px){.detail-upper-card{padding:20px}.detail-upper{flex-direction:column;gap:24px}.detail-img-col{width:100%}.detail-img-wrap{aspect-ratio:3/4;max-height:480px}.detail-features-row{grid-template-columns:1fr}.detail-bottom-row{flex-direction:column;padding:20px}.detail-purchase{width:100%}.scope-grid{grid-template-columns:repeat(3,1fr)}.history-role{margin-left:0;white-space:normal}.detail-history-item{flex-wrap:wrap}}@media (max-width: 480px){.artist-detail-page{padding:0 16px 40px}.detail-info-row{flex-direction:column}.scope-grid{grid-template-columns:repeat(2,1fr)}.personality-row{grid-template-columns:72px 1fr}}.assets-page{max-width:1280px;margin:0 auto;padding:32px 24px}.assets-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:24px}.assets-header h1{font-size:24px;font-weight:700}.assets-header p{font-size:13px;color:#64748b;margin-top:4px}.assets-toolbar{display:flex;align-items:center;gap:10px}.view-toggle{display:flex;border:1.5px solid #e2e8f0;border-radius:8px;overflow:hidden}.view-btn{padding:8px 12px;font-size:16px;color:#64748b;cursor:pointer;transition:all .15s}.view-btn.active{background:#4f46e5;color:#fff}.assets-tabs{display:flex;gap:0;border-bottom:2px solid #e2e8f0;margin-bottom:24px}.assets-tab{padding:10px 20px;font-size:14px;color:#64748b;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .15s}.assets-tab:hover{color:#4f46e5}.assets-tab.active{color:#4f46e5;border-bottom-color:#4f46e5;font-weight:600}.assets-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:20px}.assets-list{display:flex;flex-direction:column;gap:12px}.asset-card{overflow:hidden;cursor:pointer}.asset-card-img{aspect-ratio:3/4;overflow:hidden}.asset-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.asset-card:hover .asset-card-img img{transform:scale(1.05)}.asset-card-body{padding:12px}.asset-card-name{font-size:15px;font-weight:700;margin-bottom:6px}.asset-card-status{font-size:12px;color:#64748b;margin-bottom:4px;display:flex;align-items:center;gap:6px}.asset-card-expire{font-size:12px;color:#94a3b8}.assets-footer{text-align:center;color:#94a3b8;font-size:13px;padding:32px 0}.asset-detail-modal{width:800px;max-width:95vw;padding:0}.asset-detail-layout{display:flex}.asset-detail-left{width:280px;flex-shrink:0;padding:24px;border-right:1px solid #e2e8f0}.asset-detail-img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:12px;margin-bottom:12px}.asset-multi-views{display:grid;grid-template-columns:repeat(5,1fr);gap:4px}.asset-multi-views img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:4px}.asset-detail-right{flex:1;padding:24px;overflow-y:auto;max-height:80vh}.asset-detail-right h2{font-size:22px;font-weight:800;margin-bottom:4px}.asset-detail-age{font-size:14px;color:#64748b;margin-bottom:16px}.asset-detail-section{margin-bottom:16px}.asset-detail-section h4{font-size:14px;font-weight:700;margin-bottom:8px}.asset-detail-section p{font-size:13px;color:#475569;line-height:1.7}.asset-auth-info{padding:16px;margin:16px 0}.auth-info-row{display:flex;gap:12px;padding:8px 0;border-bottom:1px solid #f1f5f9;font-size:13px}.auth-info-row span:first-child{width:80px;color:#64748b;flex-shrink:0}.auth-info-row span:last-child{color:#1e293b;line-height:1.5}.asset-detail-actions{display:flex;gap:12px;margin-top:16px}.generate-page{display:flex;height:100vh;overflow:hidden;background:#f8fafc}.generate-sidebar{width:260px;flex-shrink:0;background:#1e293b;display:flex;flex-direction:column;overflow-y:auto}.generate-sidebar-brand{display:flex;align-items:center;gap:10px;padding:20px 16px;color:#fff;font-size:15px;font-weight:700;border-bottom:1px solid rgba(255,255,255,.1);flex-shrink:0}.generate-sidebar-section{flex:1;padding:16px}.generate-sidebar-label{font-size:11px;font-weight:700;color:#fff6;text-transform:uppercase;letter-spacing:.05em}.generate-no-assets{text-align:center;padding:12px 0}.generate-no-assets p{font-size:13px;color:#fff6;margin-bottom:10px}.generate-artist-name{font-size:13px;font-weight:600;color:#fff}.generate-artist-id{font-size:11px;color:#fff6}.generate-sidebar-bottom{padding:16px;border-top:1px solid rgba(255,255,255,.1);flex-shrink:0}.sidebar-section-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 8px}.sidebar-add-btn{width:22px;height:22px;border-radius:5px;background:#ffffff1a;border:none;color:#fff9;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1;transition:background .15s}.sidebar-add-btn:hover{background:#4f46e580;color:#fff}.sidebar-empty-tip{font-size:12px;color:#ffffff40;padding:6px 16px}.sidebar-divider{height:1px;background:#ffffff14;margin:4px 0;flex-shrink:0}.sidebar-search-wrap{padding:0 16px 8px}.sidebar-search-input{width:100%;box-sizing:border-box;background:#ffffff12;border:1px solid rgba(255,255,255,.1);border-radius:7px;padding:6px 10px;color:#e2e8f0;font-size:12px;outline:none;transition:border-color .15s}.sidebar-search-input::placeholder{color:#ffffff40}.sidebar-search-input:focus{border-color:#6366f180}.sidebar-folder-section{flex-shrink:0}.sidebar-folder-item{border-bottom:1px solid rgba(255,255,255,.04)}.sidebar-folder-row{display:flex;align-items:center;gap:6px;padding:7px 16px;cursor:pointer;transition:background .12s;-webkit-user-select:none;user-select:none}.sidebar-folder-row:hover{background:#ffffff0d}.folder-icon{font-size:14px;flex-shrink:0}.folder-name{flex:1;font-size:13px;color:#e2e8f0;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.folder-count{font-size:11px;color:#ffffff4d;background:#ffffff14;border-radius:10px;padding:1px 6px;flex-shrink:0}.folder-arrow{font-size:14px;color:#ffffff4d;transition:transform .2s;display:inline-block;flex-shrink:0}.folder-arrow.expanded{transform:rotate(90deg)}.folder-actions{display:none;gap:2px;flex-shrink:0}.sidebar-folder-row:hover .folder-actions{display:flex}.folder-action-btn{width:20px;height:20px;border-radius:4px;border:none;background:#ffffff1a;color:#ffffff80;font-size:11px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .12s}.folder-action-btn:hover{background:#fff3;color:#fff}.folder-action-del:hover{background:#ef444466;color:#fca5a5}.folder-create-row{display:flex;align-items:center;gap:4px;padding:6px 16px}.folder-name-input{flex:1;background:#ffffff1a;border:1px solid rgba(99,102,241,.5);border-radius:6px;padding:5px 8px;color:#e2e8f0;font-size:12px;outline:none}.folder-name-input-inline{flex:1;min-width:0}.folder-confirm-btn,.folder-cancel-btn{width:22px;height:22px;border-radius:5px;border:none;font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center}.folder-confirm-btn{background:#10b9814d;color:#6ee7b7}.folder-confirm-btn:hover{background:#10b98180}.folder-cancel-btn{background:#ffffff1a;color:#fff6}.folder-cancel-btn:hover{background:#ef44444d;color:#fca5a5}.sidebar-folder-assets,.sidebar-artist-assets{padding:2px 0 4px}.sidebar-asset-row{display:flex;align-items:center;gap:8px;padding:5px 16px 5px 28px;transition:background .12s}.sidebar-asset-row:hover{background:#ffffff0d}.sidebar-asset-thumb{width:28px;height:34px;object-fit:cover;border-radius:4px;flex-shrink:0}.sidebar-asset-label{flex:1;font-size:12px;color:#cbd5e1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-asset-actions{display:flex;gap:3px;flex-shrink:0;opacity:0;transition:opacity .12s}.sidebar-asset-row:hover .sidebar-asset-actions{opacity:1}.sidebar-asset-add-btn,.sidebar-asset-del-btn,.sidebar-asset-folder-btn{width:20px;height:20px;border-radius:4px;border:none;font-size:11px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .12s}.sidebar-asset-add-btn{background:#6366f14d;color:#a5b4fc}.sidebar-asset-add-btn:hover{background:#6366f199;color:#fff}.sidebar-asset-del-btn{background:#ffffff14;color:#fff6}.sidebar-asset-del-btn:hover{background:#ef44444d;color:#fca5a5}.sidebar-asset-folder-btn{background:#ffffff14;color:#fff6;font-size:10px}.sidebar-asset-folder-btn:hover{background:#f59e0b4d;color:#fcd34d}.folder-menu-wrap{position:relative}.folder-menu{position:absolute;right:0;bottom:calc(100% + 4px);background:#1e293b;border:1px solid #334155;border-radius:8px;box-shadow:0 4px 16px #0006;min-width:120px;z-index:300;padding:4px 0;max-height:160px;overflow-y:auto}.folder-menu-item{padding:7px 14px;font-size:12px;color:#cbd5e1;cursor:pointer;transition:background .1s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.folder-menu-item:hover{background:#6366f133;color:#a5b4fc}.sidebar-artist-section{flex:1;overflow-y:auto}.sidebar-artist-item{border-bottom:1px solid rgba(255,255,255,.04)}.sidebar-artist-row{display:flex;align-items:center;gap:10px;padding:8px 16px;cursor:pointer;transition:background .12s}.sidebar-artist-row:hover{background:#ffffff0d}.sidebar-artist-thumb{width:36px;height:44px;object-fit:cover;border-radius:5px;flex-shrink:0}.sidebar-artist-info{flex:1;min-width:0}.generate-main{flex:1;display:flex;flex-direction:column;overflow:hidden}.generate-messages{flex:1;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:16px}.generate-welcome{text-align:center;padding:60px 20px}.welcome-icon{font-size:48px;margin-bottom:16px}.generate-welcome h2{font-size:22px;font-weight:700;margin-bottom:8px}.generate-welcome p{font-size:14px;color:#64748b;margin-bottom:24px}.welcome-examples{display:flex;flex-direction:column;gap:8px;align-items:center}.example-btn{padding:10px 20px;border-radius:20px;border:1.5px solid #e2e8f0;background:#fff;font-size:13px;color:#475569;cursor:pointer;transition:all .15s}.example-btn:hover{border-color:#4f46e5;color:#4f46e5;background:#eff6ff}.job-message{background:#fff;border-radius:12px;padding:16px;box-shadow:0 1px 3px #0000000f;border:1px solid #e2e8f0}.job-message-header{margin-bottom:8px}.job-prompt{font-size:14px;font-weight:600;color:#1e293b;display:block;margin-bottom:4px}.job-artist{font-size:12px;color:#94a3b8}.job-meta-row{display:flex;align-items:center;gap:6px;font-size:12px;margin-bottom:8px;flex-wrap:wrap}.job-meta-tag{padding:2px 8px;background:#f1f5f9;border-radius:4px;color:#475569;font-size:11px}.job-status-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.job-no{font-size:11px;color:#94a3b8;font-family:monospace}.job-edit-btn{margin-left:auto;padding:3px 10px;border:1px solid #e2e8f0;border-radius:6px;background:#fff;color:#475569;font-size:12px;cursor:pointer;transition:all .15s;white-space:nowrap}.job-edit-btn:hover{background:#f1f5f9;border-color:#4f46e5;color:#4f46e5}.job-video{margin-top:8px}.job-video-player{width:100%;max-width:480px;border-radius:8px}.job-message-failed{border-color:#fecaca;background:snow}.job-error-block{display:flex;gap:12px;align-items:flex-start;margin-top:10px;padding:14px 16px;background:#fef2f2;border:1px solid #fecaca;border-radius:10px}.job-error-icon{font-size:20px;flex-shrink:0;line-height:1.4}.job-error-body{flex:1;min-width:0}.job-error-title{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:#991b1b;margin-bottom:6px}.job-error-code{font-size:11px;font-weight:500;font-family:monospace;background:#fee2e2;color:#b91c1c;padding:2px 7px;border-radius:4px}.job-error-msg{font-size:13px;color:#7f1d1d;line-height:1.6;margin-bottom:12px}.job-error-actions{display:flex;align-items:center;gap:12px}.job-error-hint{font-size:12px;color:#94a3b8}.job-loading{display:flex;align-items:center;gap:8px;font-size:13px;color:#64748b}.generate-input-area{padding:12px 20px 14px;background:#fff;border-top:1px solid #e2e8f0;flex-shrink:0}.input-artist-tag{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:#eff6ff;border-radius:20px;font-size:12px;color:#4f46e5;margin-bottom:8px}.input-artist-tag img{width:20px;height:24px;object-fit:cover;border-radius:3px}.input-artist-tag button{background:none;border:none;color:#94a3b8;cursor:pointer;font-size:12px}.generate-input-box{display:flex;align-items:flex-end;gap:10px;border:1.5px solid #e2e8f0;border-radius:12px;padding:10px 12px;background:#fff;transition:border-color .2s;margin-bottom:10px}.generate-input-box:focus-within{border-color:#4f46e5}.input-add-btn{width:32px;height:32px;border-radius:8px;background:#f1f5f9;display:flex;align-items:center;justify-content:center;font-size:18px;color:#64748b;cursor:pointer;flex-shrink:0}.generate-textarea{flex:1;border:none;outline:none;resize:none;font-size:14px;color:#1e293b;background:transparent;line-height:1.5;max-height:120px}.generate-textarea::placeholder{color:#94a3b8;font-size:13px}.generate-input-box .generate-send-btn{display:none}.generate-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px}.toolbar-left{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.toolbar-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.toolbar-btn{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;border-radius:8px;border:1.5px solid #e2e8f0;background:#fff;font-size:12px;color:#475569;cursor:pointer;transition:all .15s;white-space:nowrap;font-weight:500}.toolbar-btn:hover{border-color:#c7d2fe;color:#4f46e5;background:#f5f3ff}.toolbar-btn.active{border-color:#4f46e5;color:#4f46e5;background:#eff6ff}.toolbar-ref-btn{color:#475569}.toolbar-sep{width:1px;height:12px;background:#e2e8f0;margin:0 2px}.toolbar-params-wrap{position:relative}.toolbar-params-btn{font-size:12px}.toolbar-audio-btn.active{color:#4f46e5;border-color:#4f46e5;background:#eff6ff}.toolbar-cost-wrap{position:relative}.toolbar-cost-btn{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;border-radius:8px;border:none;background:none;font-size:13px;color:#64748b;cursor:pointer;transition:color .15s}.toolbar-cost-btn:hover{color:#4f46e5}.toolbar-cost-btn strong{color:#1e293b;font-weight:700}.generate-send-btn-main{width:36px;height:36px;border-radius:8px;background:#4f46e5;color:#fff;display:flex;align-items:center;justify-content:center;font-size:18px;cursor:pointer;flex-shrink:0;transition:all .2s;border:none}.generate-send-btn-main:hover:not(:disabled){background:#3730a3}.generate-send-btn-main:disabled{background:#e2e8f0;color:#94a3b8;cursor:not-allowed}.settings-popover{position:absolute;bottom:calc(100% + 10px);left:0;width:500px;background:#fff;border-radius:16px;box-shadow:0 8px 32px #00000024;border:1px solid #e2e8f0;padding:20px;z-index:100}.sp-section{margin-bottom:20px}.sp-section:last-child{margin-bottom:0}.sp-label{font-size:13px;font-weight:600;color:#1e293b;margin-bottom:12px}.sp-ratio-grid{display:flex;gap:6px;align-items:flex-end}.sp-ratio-btn{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 12px;border-radius:10px;border:1.5px solid #e2e8f0;background:#f8fafc;cursor:pointer;transition:all .15s;min-width:56px;color:#64748b}.sp-ratio-btn:hover{border-color:#c7d2fe;background:#f5f3ff;color:#4f46e5}.sp-ratio-btn.active{border-color:#4f46e5;background:#eff6ff;color:#4f46e5;font-weight:700}.sp-ratio-icon{display:flex;align-items:center;justify-content:center;height:28px}.sp-ratio-label{font-size:12px;font-weight:500}.sp-btn-group{display:flex;gap:0;border:1.5px solid #e2e8f0;border-radius:10px;overflow:hidden}.sp-res-btn{flex:1;padding:10px 0;border:none;background:#f8fafc;font-size:14px;font-weight:500;color:#475569;cursor:pointer;transition:all .15s;border-right:1px solid #e2e8f0}.sp-res-btn:last-child{border-right:none}.sp-res-btn:hover{background:#f5f3ff;color:#4f46e5}.sp-res-btn.active{background:#fff;color:#1e293b;font-weight:700;box-shadow:inset 0 0 0 1.5px #4f46e5}.sp-duration-tabs{display:flex;gap:0;margin-bottom:14px;border:1.5px solid #e2e8f0;border-radius:10px;overflow:hidden;width:fit-content}.sp-dur-tab{padding:8px 20px;border:none;background:#f8fafc;font-size:13px;font-weight:500;color:#475569;cursor:pointer;transition:all .15s;border-right:1px solid #e2e8f0}.sp-dur-tab:last-child{border-right:none}.sp-dur-tab.active{background:#fff;color:#1e293b;font-weight:700}.sp-dur-tab.disabled{color:#94a3b8;cursor:not-allowed}.sp-slider-row{display:flex;align-items:center;gap:12px}.sp-slider{flex:1;-webkit-appearance:none;height:4px;background:linear-gradient(to right,#4f46e5 0%,#4f46e5 var(--val, 40%),#e2e8f0 var(--val, 40%));border-radius:2px;outline:none;cursor:pointer}.sp-slider::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:#fff;border:2px solid #4f46e5;box-shadow:0 1px 4px #4f46e54d;cursor:pointer}.sp-slider-disabled{opacity:.4;cursor:not-allowed}.sp-slider-val{display:flex;align-items:center;gap:4px;border:1.5px solid #e2e8f0;border-radius:8px;padding:4px 10px;font-size:14px;color:#1e293b;min-width:70px}.sp-num-input{width:32px;border:none;outline:none;font-size:14px;font-weight:700;color:#1e293b;text-align:center;background:transparent}.sp-num-input:disabled{color:#94a3b8}.cost-popover{position:absolute;bottom:calc(100% + 10px);right:0;width:420px;background:#fff;border-radius:16px;box-shadow:0 8px 32px #00000024;border:1px solid #e2e8f0;padding:20px;z-index:100}.cost-popover-title{font-size:13px;font-weight:600;color:#1e293b;margin-bottom:16px;line-height:1.5}.cost-popover-visual{background:linear-gradient(135deg,#f0f4ff,#e8f0fe);border-radius:12px;padding:20px;margin-bottom:16px;display:flex;align-items:center;justify-content:center;min-height:100px}.cost-cube-wrap{position:relative;display:flex;align-items:center;gap:20px}.cost-cube{width:80px;height:60px;position:relative;transform-style:preserve-3d}.cost-cube-face{position:absolute;border:2px solid rgba(79,70,229,.4);background:#4f46e514}.cost-cube-front{width:60px;height:50px;bottom:0;left:10px}.cost-cube-right{width:20px;height:50px;bottom:0;right:0;transform:skewY(-45deg);transform-origin:right bottom;background:#4f46e51f}.cost-cube-top{width:60px;height:20px;top:0;left:10px;transform:skew(-45deg);transform-origin:left top;background:#4f46e526}.cost-cube-labels{font-size:11px;color:#64748b;line-height:1.8}.cost-label-h,.cost-label-w,.cost-label-fps{display:block}.cost-label-t{display:block;color:#4f46e5;font-weight:600}.cost-detail{border-top:1px solid #f1f5f9;padding-top:14px}.cost-row{display:flex;align-items:flex-start;gap:12px;margin-bottom:10px}.cost-row:last-child{margin-bottom:0}.cost-label{font-size:13px;color:#64748b;white-space:nowrap;padding-top:2px;min-width:60px}.cost-value{display:flex;flex-direction:column;gap:2px}.cost-value strong{font-size:15px;color:#1e293b}.cost-formula{font-size:11px;color:#94a3b8;font-family:monospace}.cost-price{color:#4f46e5!important;font-size:18px!important}.generate-asset-list{display:flex;flex-direction:column;gap:6px}.generate-asset-item{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:8px;cursor:pointer;border:1.5px solid transparent;transition:all .15s;background:#ffffff0d}.generate-asset-item:hover{background:#ffffff1a}.generate-asset-item.active{border-color:#818cf8;background:#818cf826}.generate-asset-item img{width:36px;height:44px;object-fit:cover;border-radius:5px;flex-shrink:0}.generate-asset-info{flex:1;min-width:0}.generate-asset-label{font-size:12px;color:#e2e8f0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.generate-asset-check{font-size:12px;color:#818cf8;flex-shrink:0}.input-asset-tag{font-size:12px;color:#818cf8}.generate-editor{flex:1;min-height:44px;max-height:120px;overflow-y:auto;outline:none;font-size:14px;color:#1e293b;line-height:1.6;padding:10px 0;word-break:break-word;white-space:pre-wrap}.generate-editor:empty:before{content:attr(data-placeholder);color:#475569;pointer-events:none}.prompt-chip{display:inline-flex;align-items:center;gap:4px;padding:2px 8px 2px 4px;background:#6366f12e;border:1px solid rgba(99,102,241,.45);border-radius:20px;cursor:default;-webkit-user-select:all;user-select:all;vertical-align:middle;margin:0 2px;transition:background .15s}.prompt-chip:hover{background:#6366f147}.prompt-chip-label{font-size:13px;font-weight:600;color:#818cf8;white-space:nowrap}.resource-pool{padding:10px 16px 6px;border-bottom:1px solid #f1f5f9}.resource-pool-label{font-size:11px;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px}.resource-pool-list{display:flex;gap:8px;flex-wrap:wrap}.resource-pool-item{position:relative;display:flex;flex-direction:column;align-items:center;gap:3px;cursor:default}.resource-pool-item img{width:52px;height:64px;object-fit:cover;border-radius:6px;border:2px solid #e2e8f0;transition:border-color .15s}.resource-pool-item:hover img{border-color:#4f46e5}.resource-pool-badge{position:absolute;top:-5px;left:-5px;min-width:16px;height:16px;border-radius:8px;background:#4f46e5;color:#fff;font-size:10px;font-weight:700;line-height:16px;text-align:center;padding:0 4px;box-shadow:0 1px 3px #4f46e566;pointer-events:none}.resource-pool-item-label{font-size:10px;color:#64748b;font-weight:500;max-width:52px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.resource-pool-remove{position:absolute;top:-6px;right:-6px;width:16px;height:16px;border-radius:50%;background:#ef4444;color:#fff;border:none;font-size:9px;cursor:pointer;display:none;align-items:center;justify-content:center;line-height:1;padding:0}.resource-pool-item:hover .resource-pool-remove{display:flex}.resource-pool-remove:hover{background:#dc2626}.at-picker{background:#1e293b;border:1px solid #334155;border-radius:12px;box-shadow:0 8px 32px #0006;width:280px;max-height:320px;display:flex;flex-direction:column;overflow:hidden}.at-picker-title{font-size:11px;font-weight:600;color:#64748b;padding:10px 14px 6px;text-transform:uppercase;letter-spacing:.05em;flex-shrink:0}.at-picker-empty{font-size:13px;color:#475569;padding:12px 14px}.at-pool-list{flex:1;overflow-y:auto}.at-pool-item{display:flex;align-items:center;gap:10px;padding:8px 14px;cursor:pointer;transition:background .1s}.at-pool-item:hover,.at-pool-item.active{background:#6366f133}.at-pool-thumb-wrap{position:relative;flex-shrink:0;width:32px;height:40px}.at-pool-thumb{width:32px;height:40px;object-fit:cover;border-radius:5px}.at-pool-badge{position:absolute;top:-4px;left:-4px;min-width:15px;height:15px;border-radius:8px;background:#4f46e5;color:#fff;font-size:9px;font-weight:700;line-height:15px;text-align:center;padding:0 3px;box-shadow:0 1px 3px #4f46e566;pointer-events:none}.at-pool-info{flex:1;min-width:0}.at-pool-label{font-size:13px;font-weight:600;color:#e2e8f0}.at-pool-artist{font-size:11px;color:#64748b}.at-pool-hint{font-size:11px;color:#818cf8;background:#6366f133;border-radius:4px;padding:2px 6px;flex-shrink:0}.at-picker-footer{font-size:11px;color:#475569;padding:6px 14px 8px;border-top:1px solid #1e293b;flex-shrink:0;letter-spacing:.02em}.toolbar-at-btn{font-size:15px;font-weight:700;color:#64748b;min-width:32px;justify-content:center}.toolbar-at-btn.active{color:#818cf8;background:#818cf81f}.job-image-previews{display:flex;gap:8px;margin-bottom:10px;flex-wrap:wrap}.job-image-preview-item{display:flex;flex-direction:column;align-items:center;gap:3px}.job-image-preview-item img{width:48px;height:60px;object-fit:cover;border-radius:6px;border:1.5px solid #e2e8f0}.job-image-label{font-size:10px;color:#94a3b8;font-weight:500}.co-page{--co-blue: #2563eb;--co-blue-light: #eff6ff;--co-blue-dark: #1d4ed8;--co-green: #10b981;--co-red: #ef4444;min-height:calc(100vh - 64px);background:#f1f5f9;padding-bottom:48px}.co-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:12px;color:#64748b}.co-page-header{max-width:1200px;margin:0 auto;padding:20px 24px 0;display:flex;align-items:center;justify-content:space-between}.co-page-header-left{display:flex;align-items:center;gap:12px}.co-page-header-icon{color:var(--co-blue);flex-shrink:0}.co-page-header-title{font-size:18px;font-weight:700;color:#0f172a}.co-page-header-sub{font-size:12px;color:#94a3b8;margin-top:2px}.co-page-close{width:36px;height:36px;border-radius:8px;border:none;background:#fff;color:#64748b;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 3px #0000000f;transition:all .2s}.co-page-close:hover{color:#0f172a;background:#f8fafc}.co-progress-wrap{max-width:900px;margin:0 auto;padding:20px 24px 8px}.co-progress{display:flex;align-items:flex-start;justify-content:center}.co-step-item{display:flex;flex-direction:column;align-items:center;gap:8px;width:100px;flex-shrink:0}.co-step-dot{width:34px;height:34px;border-radius:50%;flex-shrink:0;background:#e2e8f0;color:#94a3b8;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;transition:all .2s}.co-step-dot.active{background:var(--co-blue);color:#fff;box-shadow:0 0 0 4px var(--co-blue-light)}.co-step-dot.done{background:var(--co-green);color:#fff}.co-step-line{flex:1;height:2px;background:#e2e8f0;min-width:24px;margin-top:16px}.co-step-line.done{background:var(--co-green)}.co-step-label{font-size:11px;color:#94a3b8;text-align:center;line-height:1.3}.co-step-label.active{color:var(--co-blue);font-weight:600}.co-step-dot.done+.co-step-label,.co-step-item:has(.co-step-dot.done) .co-step-label{color:var(--co-green)}.co-layout{display:flex;gap:20px;max-width:1200px;margin:0 auto;padding:16px 24px 0;align-items:flex-start}.co-main{flex:1;min-width:0;background:#fff;border-radius:16px;box-shadow:0 1px 3px #0f172a0a;overflow:hidden}.co-main-full{max-width:960px;margin:0 auto}.co-sidebar{width:300px;flex-shrink:0;display:flex;flex-direction:column;gap:16px;position:sticky;top:80px}.co-sidebar-profile{background:#fff;border-radius:14px;padding:16px;box-shadow:0 1px 3px #0f172a0a;border:1px solid #e2e8f0}.co-sidebar-photo-wrap{position:relative;border-radius:12px;overflow:hidden;margin-bottom:14px}.co-sidebar-photo{width:100%;aspect-ratio:3/4;object-fit:cover;display:block}.co-sidebar-3d{position:absolute;top:10px;left:10px;padding:3px 8px;border-radius:4px;font-size:10px;font-weight:600;background:#2563ebbf;color:#fff}.co-sidebar-preview{position:absolute;bottom:10px;right:10px;display:flex;align-items:center;gap:4px;padding:5px 10px;border-radius:16px;border:none;background:#0f172aa6;color:#fff;font-size:11px;cursor:pointer}.co-sidebar-name-row{display:flex;align-items:center;gap:6px;margin-bottom:6px}.co-sidebar-name{font-size:17px;font-weight:700;color:#0f172a}.co-sidebar-verified{color:var(--co-blue)}.co-sidebar-id-row{display:flex;align-items:center;gap:6px;font-size:11px;color:#94a3b8;margin-bottom:10px}.co-icon-btn{background:none;border:none;color:#94a3b8;cursor:pointer;padding:0;display:flex}.co-icon-btn:hover{color:var(--co-blue)}.co-sidebar-tags{display:flex;flex-wrap:wrap;gap:6px}.co-sidebar-tag{padding:3px 8px;border-radius:4px;font-size:11px;background:var(--co-blue-light);color:var(--co-blue)}.co-sidebar-block{background:#fff;border-radius:14px;padding:16px;box-shadow:0 1px 3px #0f172a0a;border:1px solid #e2e8f0}.co-sidebar-block-title{font-size:13px;font-weight:600;color:#475569;margin-bottom:10px}.co-sidebar-asset-row{display:flex;align-items:center;gap:10px;padding:6px 0}.co-sidebar-asset-thumb{width:40px;height:50px;border-radius:6px;object-fit:cover}.co-sidebar-asset-meta{flex:1;min-width:0}.co-sidebar-asset-name{font-size:13px;font-weight:600;color:#1e293b}.co-sidebar-asset-type{font-size:11px;color:#94a3b8}.co-sidebar-asset-price{font-weight:700;color:var(--co-red);font-size:14px}.co-sidebar-cost{display:flex;flex-direction:column;gap:8px}.co-sidebar-cost-row{display:flex;justify-content:space-between;font-size:13px;color:#64748b}.co-sidebar-cost-total{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #f1f5f9;padding-top:10px;margin-top:4px;font-weight:700;color:#1e293b}.co-price-red{color:var(--co-red)!important;font-size:18px}.co-sidebar-guarantee{background:var(--co-blue-light);border-radius:14px;padding:16px;border:1px solid #bfdbfe}.co-sidebar-guarantee-head{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#1e293b;margin-bottom:12px}.co-guarantee-icon{color:var(--co-blue)}.co-guarantee-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.co-guarantee-item{display:flex;align-items:center;gap:6px;font-size:12px;color:#475569}.co-guarantee-item svg{color:var(--co-blue);flex-shrink:0}.co-step-content{padding:28px 32px}.co-step-title{font-size:20px;font-weight:700;color:#0f172a;margin-bottom:6px}.co-step-subtitle{font-size:14px;color:#64748b;margin-bottom:24px}.co-section{margin-bottom:24px}.co-section-label{font-size:14px;font-weight:600;color:#334155;margin-bottom:12px}.co-card-check{position:absolute;top:8px;right:8px;width:20px;height:20px;border-radius:50%;background:var(--co-blue);color:#fff;display:flex;align-items:center;justify-content:center}.co-use-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.co-use-card{position:relative;border:2px solid #e2e8f0;border-radius:12px;padding:20px 14px;cursor:pointer;transition:all .15s;text-align:center;background:#fff}.co-use-card:hover{border-color:#bfdbfe;background:#fafbff}.co-use-card.active{border-color:var(--co-blue);background:var(--co-blue-light)}.co-use-icon{width:48px;height:48px;border-radius:12px;margin:0 auto 10px;display:flex;align-items:center;justify-content:center}.co-use-name{font-size:14px;font-weight:600;color:#1e293b;margin-bottom:4px}.co-use-desc{font-size:12px;color:#64748b;line-height:1.4}.co-dur-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.co-dur-card{position:relative;border:2px solid #e2e8f0;border-radius:12px;padding:16px 10px;cursor:pointer;transition:all .15s;text-align:center;background:#fff}.co-dur-card:hover{border-color:#bfdbfe}.co-dur-card.active{border-color:var(--co-blue);background:var(--co-blue-light)}.co-dur-tag{position:absolute;top:-10px;left:50%;transform:translate(-50%);background:var(--co-blue);color:#fff;font-size:10px;padding:2px 8px;border-radius:10px;white-space:nowrap}.co-dur-tag--pink{background:#ec4899}.co-dur-icon{width:40px;height:40px;border-radius:10px;margin:0 auto 8px;display:flex;align-items:center;justify-content:center}.co-dur-label{font-size:13px;font-weight:600;color:#1e293b;margin-bottom:2px}.co-dur-desc{font-size:11px;color:#94a3b8;margin-bottom:8px}.co-dur-price{font-size:16px;font-weight:700;color:var(--co-blue)}.co-includes-box{background:var(--co-blue-light);border-radius:12px;padding:16px 20px;border:1px solid #bfdbfe;margin-bottom:16px}.co-includes-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.co-include-item{display:flex;align-items:center;gap:6px;font-size:13px;color:#334155;background:#fff;padding:8px 14px;border-radius:8px;border:1px solid #e2e8f0}.co-include-icon{color:var(--co-blue);display:flex}.co-tip-box{display:flex;align-items:flex-start;gap:10px;background:#fffbeb;border-radius:10px;padding:14px 16px;font-size:13px;color:#92400e;border:1px solid #fde68a}.co-tip-box--blue{background:var(--co-blue-light);color:#1e40af;border-color:#bfdbfe;margin-top:16px}.co-tip-icon{flex-shrink:0;color:#f59e0b}.co-tip-box--blue .co-tip-icon{color:var(--co-blue)}.co-confirm-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:24px}.co-confirm-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:20px 16px;text-align:center}.co-confirm-icon{width:44px;height:44px;border-radius:10px;margin:0 auto 10px;background:var(--co-blue-light);color:var(--co-blue);display:flex;align-items:center;justify-content:center}.co-confirm-label{font-size:12px;color:#64748b;margin-bottom:6px}.co-confirm-val{font-size:16px;font-weight:700;color:#1e293b}.co-confirm-sub{font-size:11px;color:#94a3b8;margin-top:4px;display:flex;align-items:center;justify-content:center;gap:3px}.co-price-blue{color:var(--co-blue)}.co-auth-overview{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:20px}.co-auth-panel{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:18px;display:flex;flex-direction:column;gap:8px}.co-auth-panel-head{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:#1e293b;margin-bottom:6px}.co-auth-panel-head svg{color:var(--co-blue)}.co-auth-panel--warn .co-auth-panel-head svg{color:#ef4444}.co-auth-check,.co-auth-cross{display:flex;align-items:flex-start;gap:8px;font-size:13px;line-height:1.5}.co-auth-check{color:#334155}.co-auth-check-icon{color:var(--co-green);flex-shrink:0;margin-top:2px}.co-auth-cross{color:#64748b}.co-auth-cross-icon{color:#ef4444;flex-shrink:0;margin-top:2px}.co-auth-note{font-size:11px;color:#94a3b8;margin-top:6px}.co-auth-content-item{display:flex;align-items:center;gap:10px;padding:6px 0}.co-auth-thumb{width:44px;height:44px;border-radius:8px;object-fit:cover;flex-shrink:0}.co-auth-thumb--placeholder{background:var(--co-blue-light);color:var(--co-blue);display:flex;align-items:center;justify-content:center}.co-auth-content-title{font-size:13px;font-weight:600;color:#1e293b}.co-auth-content-sub{font-size:11px;color:#94a3b8}.co-notice{display:flex;gap:12px;background:var(--co-blue-light);border:1px solid #bfdbfe;border-radius:10px;padding:14px 16px;font-size:13px;color:#1e40af}.co-notice-icon{flex-shrink:0;color:var(--co-blue);margin-top:1px}.co-notice strong{font-weight:700}.co-link{color:var(--co-blue);margin-left:4px;text-decoration:none}.co-link:hover{text-decoration:underline}.co-contract-alert{display:flex;align-items:center;gap:8px;background:var(--co-blue-light);border:1px solid #bfdbfe;border-radius:8px;padding:10px 14px;font-size:13px;color:#1e40af;margin-bottom:16px}.co-contract{display:flex;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;height:400px;margin-bottom:16px}.co-contract-toc{width:190px;background:#f8fafc;border-right:1px solid #e2e8f0;padding:16px 12px;overflow-y:auto;flex-shrink:0}.co-contract-toc-title{font-size:13px;font-weight:700;color:#475569;margin-bottom:10px}.co-toc-item{display:flex;align-items:center;gap:6px;padding:7px 8px;font-size:12px;color:#64748b;border-radius:6px}.co-toc-item.active{background:var(--co-blue-light);color:var(--co-blue);font-weight:600}.co-toc-num{width:18px;height:18px;border-radius:50%;background:#e2e8f0;color:#64748b;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;flex-shrink:0}.co-toc-item.active .co-toc-num{background:var(--co-blue);color:#fff}.co-toc-text{flex:1;min-width:0}.co-toc-check{color:var(--co-green);flex-shrink:0}.co-contract-main{flex:1;display:flex;flex-direction:column;min-width:0}.co-contract-toolbar{display:flex;justify-content:flex-end;gap:8px;padding:10px 16px;border-bottom:1px solid #f1f5f9;background:#fafafa}.co-toolbar-btn{display:flex;align-items:center;gap:4px;padding:5px 10px;border-radius:6px;border:1px solid #e2e8f0;background:#fff;font-size:12px;color:#64748b;cursor:pointer}.co-toolbar-btn:hover{border-color:var(--co-blue);color:var(--co-blue)}.co-contract-body{flex:1;padding:20px 24px;overflow-y:auto;font-size:13px;line-height:1.8;color:#334155}.co-contract-header{margin-bottom:20px;text-align:center;border-bottom:1px solid #f1f5f9;padding-bottom:16px}.co-contract-header h3{font-size:17px;font-weight:700;color:#1e293b;margin-bottom:4px}.co-contract-no{font-size:12px;color:#94a3b8}.co-contract-section{margin-bottom:18px}.co-contract-section h4{font-size:14px;font-weight:700;color:#1e293b;margin-bottom:6px}.co-contract-section p{margin:0}.co-read-progress{margin-bottom:14px}.co-read-progress-head{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#64748b;margin-bottom:6px}.co-read-done{color:var(--co-green);font-weight:600;display:flex;align-items:center;gap:4px}.co-contract-progress-bar{height:6px;background:#e2e8f0;border-radius:3px;overflow:hidden}.co-contract-progress-fill{height:100%;background:var(--co-blue);border-radius:3px;transition:width .2s}.co-agree-check{display:flex;align-items:flex-start;gap:10px;font-size:13px;color:#334155;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:14px 16px}.co-agree-check.disabled{opacity:.5;cursor:not-allowed}.co-agree-check input{margin-top:2px;accent-color:var(--co-blue);width:16px;height:16px;flex-shrink:0}.co-agree-hint{font-size:12px;color:#f59e0b;margin-top:8px}.co-pay-layout{display:grid;grid-template-columns:1fr 260px;gap:20px;margin-bottom:20px}.co-pay-order-card{display:flex;align-items:center;gap:14px;background:var(--co-blue-light);border:1px solid #bfdbfe;border-radius:12px;padding:16px 20px;margin-bottom:16px}.co-pay-order-icon{color:var(--co-blue);flex-shrink:0;display:flex}.co-pay-order-no{font-size:14px;font-weight:600;color:#1e293b}.co-pay-order-time{font-size:12px;color:#64748b}.co-pay-order-amount{margin-left:auto;text-align:right}.co-pay-amount-label{font-size:12px;color:#64748b}.co-pay-amount-val{font-size:26px;font-weight:700;color:var(--co-blue)}.co-countdown{color:var(--co-red);font-weight:700}.co-pay-methods{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px}.co-pay-method{position:relative;display:flex;align-items:center;gap:12px;border:2px solid #e2e8f0;border-radius:12px;padding:14px 16px;cursor:pointer;transition:all .15s;background:#fff;text-align:left}.co-pay-method:hover{border-color:#bfdbfe}.co-pay-method.active{border-color:var(--co-blue);background:var(--co-blue-light)}.co-pay-method-icon{flex-shrink:0;display:flex}.co-pay-method-name{font-size:14px;font-weight:600;color:#1e293b}.co-pay-method-desc{font-size:12px;color:#94a3b8}.co-pay-qr-section{display:flex;gap:20px;align-items:center;padding:24px;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0}.co-pay-qr-left{flex-shrink:0}.co-qr-box{padding:12px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f}.co-qr-mock{width:180px;height:180px;position:relative;background:repeating-conic-gradient(#1e293b,#1e293b 25%,#fff 0%,#fff 50%) 0 0 / 10px 10px;border-radius:4px}.co-qr-logo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;padding:6px;border-radius:8px;box-shadow:0 1px 4px #0000001a;display:flex}.co-pay-qr-right{flex:1}.co-pay-qr-title{font-size:15px;font-weight:600;color:#1e293b;margin-bottom:10px}.co-pay-qr-right ul{list-style:none;padding:0;margin:0 0 12px}.co-pay-qr-right li{font-size:13px;color:#64748b;padding:3px 0;display:flex;align-items:center;gap:6px}.co-pay-qr-right li:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--co-blue);flex-shrink:0}.co-pay-remaining{font-size:13px;color:#64748b}.co-pay-qr-illus{flex-shrink:0;opacity:.4}.co-scan-illus{color:var(--co-blue)}.co-pay-summary{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:20px}.co-pay-summary-title{font-size:15px;font-weight:700;color:#1e293b;margin-bottom:12px}.co-pay-summary-row{display:flex;justify-content:space-between;font-size:13px;color:#64748b;padding:7px 0;border-bottom:1px solid #f1f5f9}.co-pay-summary-total{border-bottom:none;padding-top:10px;margin-top:4px;border-top:1px solid #e2e8f0;font-weight:700;color:#1e293b;font-size:15px}.co-pay-summary-total span:last-child{color:var(--co-blue);font-size:20px}.co-pay-warning{display:flex;align-items:flex-start;gap:10px;background:#fffbeb;border:1px solid #fde68a;border-radius:10px;padding:14px 16px;font-size:13px;color:#92400e;margin-bottom:16px}.co-pay-warning svg{color:#f59e0b;flex-shrink:0;margin-top:1px}.co-pay-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #f1f5f9;padding-top:16px}.co-pay-secure{display:flex;align-items:center;gap:6px;font-size:13px;color:#64748b}.co-pay-actions{display:flex;gap:12px}.co-success-content{text-align:center;padding:40px 32px 32px}.co-success-badge{position:relative;display:inline-block;margin-bottom:16px}.co-success-circle{width:72px;height:72px;border-radius:50%;background:var(--co-green);color:#fff;display:flex;align-items:center;justify-content:center;margin:0 auto;box-shadow:0 4px 16px #10b9814d}.co-confetti{position:absolute;width:8px;height:8px;border-radius:50%}.co-confetti--1{top:0;left:10px;background:#f59e0b}.co-confetti--2{top:5px;right:5px;background:#ec4899}.co-confetti--3{bottom:10px;left:0;background:#6366f1}.co-confetti--4{bottom:5px;right:10px;background:#06b6d4}.co-success-title{font-size:22px;font-weight:700;color:#0f172a;margin-bottom:6px}.co-success-sub{font-size:14px;color:#64748b;margin-bottom:16px}.co-success-order{display:inline-flex;gap:32px;font-size:14px;color:#64748b;background:#f8fafc;border-radius:10px;padding:12px 24px;margin-bottom:28px}.co-price-green{color:var(--co-green)}.co-success-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:28px;text-align:center}.co-action-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:24px 16px;cursor:pointer;transition:all .15s;display:flex;flex-direction:column;align-items:center;gap:8px}.co-action-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0f172a0f}.co-action-icon{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:4px}.co-action-card--blue .co-action-icon{background:var(--co-blue-light);color:var(--co-blue)}.co-action-card--green .co-action-icon{background:#f0fdf4;color:var(--co-green)}.co-action-card--purple .co-action-icon{background:#f5f3ff;color:#7c3aed}.co-action-card h4{font-size:15px;font-weight:700;color:#1e293b;margin:0}.co-action-card p{font-size:12px;color:#64748b;margin:0;line-height:1.4}.co-action-btn{margin-top:6px;padding:7px 16px;border-radius:8px;font-size:13px;font-weight:500;background:transparent;cursor:pointer;border:1.5px solid}.co-action-btn--blue{border-color:var(--co-blue);color:var(--co-blue)}.co-action-btn--green{border-color:var(--co-green);color:var(--co-green)}.co-action-btn--purple{border-color:#7c3aed;color:#7c3aed}.co-success-assets{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;padding:20px;text-align:left;margin-bottom:24px}.co-success-assets-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.co-success-assets-title{font-size:15px;font-weight:700;color:#1e293b}.co-link-btn{background:none;border:none;color:var(--co-blue);font-size:13px;cursor:pointer}.co-success-asset-item{display:flex;align-items:flex-start;gap:16px;padding:16px;background:#fff;border-radius:12px;border:1px solid #e2e8f0}.co-success-asset-img{width:64px;height:80px;border-radius:8px;object-fit:cover;flex-shrink:0}.co-success-asset-body{flex:1;min-width:0}.co-success-asset-name-row{display:flex;align-items:center;gap:8px;margin-bottom:4px;flex-wrap:wrap}.co-success-asset-name{font-size:16px;font-weight:700;color:#1e293b}.co-success-asset-badge{padding:2px 8px;border-radius:4px;font-size:11px;background:var(--co-blue-light);color:var(--co-blue)}.co-success-asset-id{font-size:12px;color:#94a3b8;margin-bottom:8px}.co-success-asset-features{display:flex;flex-wrap:wrap;gap:12px}.co-success-asset-features span{display:flex;align-items:center;gap:4px;font-size:12px;color:#64748b}.co-success-asset-features svg{color:var(--co-blue)}.co-success-asset-right{text-align:right;flex-shrink:0}.co-success-asset-time{font-size:11px;color:#94a3b8;margin-bottom:8px}.co-success-asset-status{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:600;background:#f0fdf4;color:var(--co-green)}.co-success-footer{display:flex;justify-content:space-between;align-items:center;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:12px;padding:16px 20px;text-align:left}.co-success-footer-left{display:flex;align-items:center;gap:12px}.co-success-shield{color:var(--co-green);flex-shrink:0}.co-success-footer strong{font-size:14px;color:#1e293b;display:block}.co-success-footer p{font-size:12px;color:#64748b;margin:4px 0 0}.co-success-footer-links{display:flex;gap:16px}.co-footer-link{display:flex;align-items:center;gap:5px;background:none;border:none;font-size:13px;color:var(--co-blue);cursor:pointer}.co-bottom{display:flex;align-items:center;justify-content:space-between;padding:18px 32px;border-top:1px solid #f1f5f9;background:#fafafa;gap:16px}.co-bottom-left{flex:1}.co-bottom-center{flex:2;text-align:center}.co-bottom-help{display:flex;align-items:center;gap:6px;font-size:13px;color:#94a3b8}.co-bottom-selection{font-size:13px;color:#64748b}.co-btn-prev{color:#64748b}.co-btn-next{display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.co-btn-next:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 1024px){.co-layout{flex-direction:column}.co-sidebar{width:100%;position:static}.co-use-grid{grid-template-columns:repeat(2,1fr)}.co-dur-grid{grid-template-columns:repeat(3,1fr)}.co-confirm-cards,.co-auth-overview,.co-success-actions,.co-pay-layout,.co-pay-methods{grid-template-columns:1fr}}@media (max-width: 640px){.co-step-content{padding:20px 16px}.co-bottom{flex-wrap:wrap;padding:16px}.co-bottom-center{order:3;width:100%}.co-use-grid,.co-dur-grid{grid-template-columns:repeat(2,1fr)}.co-contract{height:320px;flex-direction:column}.co-contract-toc{width:100%;max-height:120px;border-right:none;border-bottom:1px solid #e2e8f0}.co-pay-qr-section{flex-direction:column}.co-success-footer{flex-direction:column;gap:12px;align-items:flex-start}.co-progress{flex-wrap:wrap;gap:8px}.co-step-line{display:none}}.login-page{display:flex;min-height:100vh}.login-left{flex:1;background:linear-gradient(135deg,#0f172a,#1e1b4b);padding:48px;display:flex;flex-direction:column;position:relative;overflow:hidden}.login-brand{display:flex;align-items:center;gap:12px;color:#fff;font-size:16px;font-weight:700;margin-bottom:60px}.login-left h1{font-size:36px;font-weight:800;color:#fff;line-height:1.3;margin-bottom:32px}.login-features{display:flex;flex-direction:column;gap:16px}.login-features>div{font-size:15px;color:#ffffffb3}.login-bg-imgs{position:absolute;bottom:-20px;right:-20px;display:flex;gap:12px;opacity:.3}.login-bg-imgs img{width:120px;height:160px;object-fit:cover;border-radius:10px}.login-right{width:480px;flex-shrink:0;display:flex;align-items:center;justify-content:center;padding:40px;background:#f8fafc}.login-card{width:100%;padding:32px}.login-tabs{display:flex;border-bottom:2px solid #e2e8f0;margin-bottom:24px}.login-tab{flex:1;padding:10px;font-size:15px;font-weight:600;color:#94a3b8;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .15s}.login-tab.active{color:#4f46e5;border-bottom-color:#4f46e5}.login-form{display:flex;flex-direction:column;gap:16px;margin-bottom:16px}.code-row{display:flex;gap:10px}.code-row .form-input{flex:1}.code-btn{white-space:nowrap;flex-shrink:0}.code-hint{font-size:12px;color:#64748b;margin-top:4px}.login-divider{display:flex;align-items:center;gap:12px;margin:16px 0;color:#94a3b8;font-size:13px}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background:#e2e8f0}.login-back{text-align:center;margin-top:12px}.user-center-page{max-width:1100px;margin:0 auto;padding:32px 24px;display:flex;gap:24px;align-items:flex-start}.user-sidebar{width:220px;flex-shrink:0;position:sticky;top:80px}.user-sidebar-profile{text-align:center;padding:20px}.user-sidebar-avatar{width:72px;height:72px;border-radius:50%;object-fit:cover;margin:0 auto 10px}.user-sidebar-name{font-size:15px;font-weight:700;margin-bottom:4px}.user-sidebar-email{font-size:12px;color:#64748b}.user-sidebar-nav{display:flex;flex-direction:column;gap:2px;padding:8px}.user-nav-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;font-size:14px;color:#475569;cursor:pointer;transition:all .15s;text-align:left}.user-nav-item:hover{background:#f8fafc;color:#1e293b}.user-nav-item.active{background:#eff6ff;color:#4f46e5;font-weight:600}.user-logout-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;font-size:14px;color:#64748b;cursor:pointer;transition:color .15s;margin-top:8px}.user-logout-btn:hover{color:#ef4444}.user-content{flex:1;min-width:0}.user-content-title{font-size:22px;font-weight:700;margin-bottom:4px}.user-content-sub{font-size:13px;color:#64748b;margin-bottom:20px}.user-content-card{padding:24px;margin-bottom:16px}.user-content-card h3{font-size:16px;font-weight:700;margin-bottom:4px}.user-content-card p{font-size:13px;color:#64748b}.profile-layout{display:flex;gap:32px;margin-top:16px}.profile-avatar-section{width:140px;flex-shrink:0;text-align:center}.profile-avatar{width:80px;height:80px;border-radius:50%;object-fit:cover;margin:8px auto 0}.profile-fields{flex:1}.radio-group{display:flex;gap:16px;padding:10px 0}.radio-group label{display:flex;align-items:center;gap:6px;font-size:14px;cursor:pointer}.user-section-row{display:flex;align-items:center;justify-content:space-between}@keyframes marching-ants{0%{background-position:0 0,0 100%,0 0,100% 0}to{background-position:20px 0,-20px 100%,0 -20px,100% 20px}}:root{--rc-drag-handle-size:12px;--rc-drag-handle-mobile-size:24px;--rc-drag-handle-bg-colour:#0003;--rc-drag-bar-size:6px;--rc-border-color:#ffffffb3;--rc-focus-color:#08f}.ReactCrop{cursor:crosshair;max-width:100%;display:inline-block;position:relative}.ReactCrop *,.ReactCrop :before,.ReactCrop :after{box-sizing:border-box}.ReactCrop--disabled,.ReactCrop--locked{cursor:inherit}.ReactCrop__child-wrapper{max-height:inherit;overflow:hidden}.ReactCrop__child-wrapper>img,.ReactCrop__child-wrapper>video{max-width:100%;max-height:inherit;display:block}.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>img,.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>video,.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__crop-selection{touch-action:none}.ReactCrop__crop-mask{pointer-events:none;width:calc(100% + .5px);height:calc(100% + .5px);position:absolute;top:0;right:0;bottom:0;left:0}.ReactCrop__crop-selection{cursor:move;position:absolute;top:0;left:0;transform:translate(0)}.ReactCrop--disabled .ReactCrop__crop-selection{cursor:inherit}.ReactCrop--circular-crop .ReactCrop__crop-selection{border-radius:50%}.ReactCrop--circular-crop .ReactCrop__crop-selection:after{pointer-events:none;content:"";border:1px solid var(--rc-border-color);opacity:.3;position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px}.ReactCrop--no-animate .ReactCrop__crop-selection{outline:1px dashed #fff}.ReactCrop__crop-selection:not(.ReactCrop--no-animate .ReactCrop__crop-selection){color:#fff;background-image:linear-gradient(90deg,#fff 50%,#444 50%),linear-gradient(90deg,#fff 50%,#444 50%),linear-gradient(#fff 50%,#444 50%),linear-gradient(#fff 50%,#444 50%);background-position:0 0,0 100%,0 0,100% 0;background-repeat:repeat-x,repeat-x,repeat-y,repeat-y;background-size:10px 1px,10px 1px,1px 10px,1px 10px;animation:1s linear infinite marching-ants}.ReactCrop__crop-selection:focus{outline:2px solid var(--rc-focus-color);outline-offset:-1px}.ReactCrop--invisible-crop .ReactCrop__crop-mask,.ReactCrop--invisible-crop .ReactCrop__crop-selection{display:none}.ReactCrop__rule-of-thirds-vt:before,.ReactCrop__rule-of-thirds-vt:after,.ReactCrop__rule-of-thirds-hz:before,.ReactCrop__rule-of-thirds-hz:after{content:"";background-color:#fff6;display:block;position:absolute}.ReactCrop__rule-of-thirds-vt:before,.ReactCrop__rule-of-thirds-vt:after{width:1px;height:100%}.ReactCrop__rule-of-thirds-vt:before{left:33.3333%}.ReactCrop__rule-of-thirds-vt:after{left:66.6667%}.ReactCrop__rule-of-thirds-hz:before,.ReactCrop__rule-of-thirds-hz:after{width:100%;height:1px}.ReactCrop__rule-of-thirds-hz:before{top:33.3333%}.ReactCrop__rule-of-thirds-hz:after{top:66.6667%}.ReactCrop__drag-handle{width:var(--rc-drag-handle-size);height:var(--rc-drag-handle-size);background-color:var(--rc-drag-handle-bg-colour);border:1px solid var(--rc-border-color);position:absolute}.ReactCrop__drag-handle:focus{background:var(--rc-focus-color)}.ReactCrop .ord-nw{cursor:nw-resize;top:0;left:0;transform:translate(-50%,-50%)}.ReactCrop .ord-n{cursor:n-resize;top:0;left:50%;transform:translate(-50%,-50%)}.ReactCrop .ord-ne{cursor:ne-resize;top:0;right:0;transform:translate(50%,-50%)}.ReactCrop .ord-e{cursor:e-resize;top:50%;right:0;transform:translate(50%,-50%)}.ReactCrop .ord-se{cursor:se-resize;bottom:0;right:0;transform:translate(50%,50%)}.ReactCrop .ord-s{cursor:s-resize;bottom:0;left:50%;transform:translate(-50%,50%)}.ReactCrop .ord-sw{cursor:sw-resize;bottom:0;left:0;transform:translate(-50%,50%)}.ReactCrop .ord-w{cursor:w-resize;top:50%;left:0;transform:translate(-50%,-50%)}.ReactCrop__disabled .ReactCrop__drag-handle{cursor:inherit}.ReactCrop__drag-bar{position:absolute}.ReactCrop__drag-bar.ord-n{width:100%;height:var(--rc-drag-bar-size);top:0;left:0;transform:translateY(-50%)}.ReactCrop__drag-bar.ord-e{width:var(--rc-drag-bar-size);height:100%;top:0;right:0;transform:translate(50%)}.ReactCrop__drag-bar.ord-s{width:100%;height:var(--rc-drag-bar-size);bottom:0;left:0;transform:translateY(50%)}.ReactCrop__drag-bar.ord-w{width:var(--rc-drag-bar-size);height:100%;top:0;left:0;transform:translate(-50%)}.ReactCrop--new-crop .ReactCrop__drag-bar,.ReactCrop--new-crop .ReactCrop__drag-handle,.ReactCrop--fixed-aspect .ReactCrop__drag-bar,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-n,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-e,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-s,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-w{display:none}@media (pointer:coarse){.ReactCrop .ord-n,.ReactCrop .ord-e,.ReactCrop .ord-s,.ReactCrop .ord-w{display:none}.ReactCrop__drag-handle{width:var(--rc-drag-handle-mobile-size);height:var(--rc-drag-handle-mobile-size)}}.video-prompt-editor{min-height:88px;max-height:160px;overflow-y:auto;padding:12px 14px;font-size:14px;line-height:1.75;color:#1f2937;outline:none;white-space:pre-wrap;word-break:break-word}.video-prompt-editor:empty:before{content:attr(data-placeholder);color:#9ca3af;pointer-events:none}.video-resource-pool{display:flex;flex-wrap:wrap;gap:10px;padding:10px 16px 6px;border-bottom:1px solid #f3f4f6}.video-resource-pool-label{width:100%;font-size:11px;color:#9ca3af}.video-pool-item{position:relative;cursor:pointer;border-radius:10px;border:2px solid transparent;transition:border-color .15s,transform .15s}.video-pool-item:hover{border-color:#c4b5fd;transform:translateY(-1px)}.video-pool-thumb{width:52px;height:52px;border-radius:8px;object-fit:cover;display:block}.video-pool-thumb-audio,.video-pool-thumb-video{display:flex;align-items:center;justify-content:center;font-size:22px}.video-pool-thumb-audio{background:#ecfdf5;color:#059669}.video-pool-thumb-video{background:#f5f3ff;color:#7c3aed}.video-resource-pool-divider{width:1px;height:32px;flex-shrink:0;align-self:center;background:#d4d4d8;border-radius:1px}.video-pool-item-masked{cursor:not-allowed;opacity:.85}.video-pool-item-masked:hover{border-color:transparent;transform:none}.video-pool-mask{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:8px;background:#ffffffb8;display:flex;align-items:center;justify-content:center;pointer-events:none}.video-pool-mask-text{font-size:9px;font-weight:600;color:#6b7280;padding:2px 4px;border-radius:4px;background:#f3f4f6f2}.video-pool-role-badge{position:absolute;top:-6px;left:-6px;min-width:18px;height:18px;padding:0 4px;border-radius:9px;background:#7c3aed;color:#fff;font-size:9px;font-weight:700;display:flex;align-items:center;justify-content:center;border:2px solid #fff;white-space:nowrap}.video-pool-badge{position:absolute;top:-6px;left:-6px;width:18px;height:18px;border-radius:50%;background:#7c3aed;color:#fff;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;border:2px solid #fff}.prompt-chip{display:inline-flex;align-items:center;gap:4px;padding:2px 8px 2px 4px;border-radius:20px;cursor:default;-webkit-user-select:all;user-select:all;vertical-align:middle;margin:0 2px;transition:background .15s}.prompt-chip-violet{background:#8b5cf624;border:1px solid rgba(139,92,246,.45)}.prompt-chip-violet:hover{background:#8b5cf638}.prompt-chip-thumb{width:20px;height:20px;border-radius:50%;object-fit:cover;flex-shrink:0}.prompt-chip-icon{width:20px;height:20px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:11px;flex-shrink:0;line-height:1}.prompt-chip-icon-audio{background:#ecfdf5;color:#059669}.prompt-chip-icon-video{background:#f5f3ff;color:#7c3aed}.prompt-chip-violet .prompt-chip-label{color:#7c3aed}.prompt-chip-blue{background:#3b82f61f;border:1px solid rgba(59,130,246,.4)}.prompt-chip-blue:hover{background:#3b82f633}.prompt-chip-blue .prompt-chip-label{color:#2563eb}.image-prompt-editor{min-height:88px;max-height:160px;overflow-y:auto;padding:12px 14px;font-size:14px;line-height:1.75;color:#1f2937;outline:none;white-space:pre-wrap;word-break:break-word}.image-prompt-editor-expanded,.video-prompt-editor-expanded{min-height:0;max-height:none;flex:1;height:100%}.image-prompt-editor:empty:before{content:attr(data-placeholder);color:#9ca3af;pointer-events:none}.image-pool-item:hover{border-color:#93c5fd}.image-pool-badge{position:absolute;top:-6px;left:-6px;width:18px;height:18px;border-radius:50%;background:#2563eb;color:#fff;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;border:2px solid #fff}.at-mention-picker-blue .at-mention-picker-item.active,.at-mention-picker-blue .at-mention-picker-item:hover{background:#eff6ff}.at-mention-picker-blue .at-mention-picker-badge{background:#2563eb}.prompt-chip-label{font-size:13px;font-weight:600;white-space:nowrap}.at-mention-picker{position:fixed;z-index:80;width:260px;max-height:240px;overflow:hidden;border-radius:12px;border:1px solid #e5e7eb;background:#fff;box-shadow:0 8px 24px #0000001f}.at-mention-picker-title{padding:8px 12px;font-size:11px;color:#9ca3af;border-bottom:1px solid #f3f4f6}.at-mention-picker-list{max-height:180px;overflow-y:auto}.at-mention-picker-item{display:flex;align-items:center;gap:10px;padding:8px 12px;cursor:pointer}.at-mention-picker-item.active,.at-mention-picker-item:hover{background:#f5f3ff}.at-mention-picker-thumb-wrap{position:relative;flex-shrink:0}.at-mention-picker-thumb{width:36px;height:36px;border-radius:8px;object-fit:cover}.at-mention-picker-thumb-audio,.at-mention-picker-thumb-video{display:flex;align-items:center;justify-content:center;font-size:16px}.at-mention-picker-thumb-audio{background:#ecfdf5;color:#059669}.at-mention-picker-thumb-video{background:#f5f3ff;color:#7c3aed}.at-mention-picker-badge{position:absolute;top:-4px;left:-4px;width:16px;height:16px;border-radius:50%;background:#7c3aed;color:#fff;font-size:9px;font-weight:700;display:flex;align-items:center;justify-content:center}.at-mention-picker-label{font-size:13px;color:#374151;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.at-mention-picker-footer{padding:6px 12px;font-size:10px;color:#9ca3af;border-top:1px solid #f3f4f6}.projects-page{--pj-blue: #2563eb;--pj-blue-soft: #eff6ff;--pj-blue-border: #bfdbfe;--pj-ink: #0f172a;--pj-muted: #64748b;--pj-faint: #94a3b8;--pj-line: #e8edf5;--pj-surface: #ffffff;--pj-radius: 16px;--pj-shadow: 0 1px 2px rgba(15, 23, 42, .04), 0 8px 24px rgba(15, 23, 42, .05);--pj-shadow-hover: 0 4px 10px rgba(15, 23, 42, .06), 0 16px 36px rgba(37, 99, 235, .1);min-height:calc(100vh - 120px);background:radial-gradient(ellipse 80% 50% at 10% -10%,rgba(37,99,235,.07),transparent 55%),radial-gradient(ellipse 60% 40% at 100% 0%,rgba(14,165,233,.05),transparent 50%),#f4f6fa;padding:28px 24px 56px}.projects-inner{max-width:1180px;margin:0 auto}.projects-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px;flex-wrap:wrap}.projects-tabs{display:inline-flex;background:#e2e8f0b3;border:1px solid rgba(226,232,240,.9);border-radius:12px;padding:4px;gap:2px}.projects-tab{border:none;background:transparent;padding:9px 18px;border-radius:9px;font-size:14px;font-weight:500;color:var(--pj-muted);cursor:pointer;transition:background .15s,color .15s,box-shadow .15s}.projects-tab:hover:not(.active){color:#334155}.projects-tab.active{background:var(--pj-surface);color:var(--pj-ink);box-shadow:0 1px 3px #0f172a14,0 0 0 1px #0f172a08}.projects-toolbar-right{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.projects-search{display:flex;align-items:center;gap:8px;background:var(--pj-surface);border:1px solid var(--pj-line);border-radius:12px;padding:0 14px;height:40px;min-width:220px;transition:border-color .15s,box-shadow .15s}.projects-search:focus-within{border-color:var(--pj-blue-border);box-shadow:0 0 0 3px #2563eb1f}.projects-search-icon{color:var(--pj-faint);flex-shrink:0}.projects-search input{border:none;outline:none;font-size:14px;width:160px;background:transparent;color:var(--pj-ink)}.projects-search input::placeholder{color:#b0bac7}.projects-view-toggle{display:inline-flex;gap:0;background:var(--pj-surface);border:1px solid var(--pj-line);border-radius:12px;padding:3px}.projects-view-btn{width:34px;height:34px;border:none;background:transparent;border-radius:9px;cursor:pointer;color:var(--pj-faint);display:inline-flex;align-items:center;justify-content:center;transition:background .15s,color .15s}.projects-view-btn:hover:not(.active){color:#64748b;background:#f8fafc}.projects-view-btn.active{color:var(--pj-blue);background:var(--pj-blue-soft)}.projects-new-btn{display:inline-flex;align-items:center;gap:6px;background:var(--pj-blue);color:#fff;border:none;border-radius:12px;padding:0 18px;height:40px;font-size:14px;font-weight:550;cursor:pointer;box-shadow:0 1px 2px #2563eb40,0 6px 16px #2563eb33;transition:background .15s,transform .15s,box-shadow .15s}.projects-new-btn:hover{background:#1d4ed8;transform:translateY(-1px);box-shadow:0 2px 4px #2563eb47,0 10px 22px #2563eb38}.projects-new-btn:active{transform:translateY(0)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(268px,1fr));gap:18px}.projects-card{background:var(--pj-surface);border-radius:var(--pj-radius);overflow:hidden;box-shadow:var(--pj-shadow);cursor:pointer;transition:box-shadow .2s ease,transform .2s ease,border-color .2s ease;border:1px solid rgba(226,232,240,.9);display:flex;flex-direction:column}.projects-card:hover{box-shadow:var(--pj-shadow-hover);transform:translateY(-3px);border-color:var(--pj-blue-border)}.projects-card-cover{height:152px;background:linear-gradient(145deg,#e0e7ff,#f0f9ff,#f8fafc);display:flex;align-items:center;justify-content:center;color:var(--pj-faint);font-size:13px;overflow:hidden;position:relative}.projects-card-cover:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(15,23,42,.06),transparent 40%);pointer-events:none;opacity:0;transition:opacity .2s}.projects-card:hover .projects-card-cover:after{opacity:1}.projects-card-cover img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.projects-card:hover .projects-card-cover img{transform:scale(1.04)}.projects-card-body{padding:16px 16px 18px;position:relative;display:flex;flex-direction:column;gap:10px;flex:1}.projects-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.projects-card-title{font-size:16px;font-weight:650;color:var(--pj-ink);margin:0;flex:1;min-width:0;line-height:1.35;letter-spacing:-.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.projects-card-meta-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px}.projects-card-meta{font-size:12.5px;color:var(--pj-muted)}.projects-status-pill{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:500;padding:3px 9px 3px 7px;border-radius:999px;line-height:1.3}.projects-status-pill.in_progress{color:#1d4ed8;background:#eff6ff}.projects-status-pill.completed{color:#15803d;background:#f0fdf4}.projects-card-menu{position:relative;flex-shrink:0}.projects-card-menu-btn{border:none;background:transparent;color:var(--pj-faint);font-size:18px;line-height:1;padding:4px 6px;cursor:pointer;border-radius:8px;letter-spacing:1px;transition:background .15s,color .15s}.projects-card-menu-btn:hover{background:#f1f5f9;color:#475569}.projects-card-dropdown{position:absolute;right:0;top:100%;z-index:20;min-width:148px;background:#fff;border:1px solid var(--pj-line);border-radius:12px;box-shadow:0 12px 32px #0f172a24;padding:6px;margin-top:4px}.projects-card-dropdown--portal{position:fixed;top:auto;right:auto;margin-top:0;z-index:1200}.projects-card-dropdown button{display:block;width:100%;border:none;background:none;text-align:left;padding:9px 12px;font-size:13.5px;color:#334155;cursor:pointer;border-radius:8px}.projects-card-dropdown button:hover{background:#f8fafc}.projects-card-dropdown button.danger{color:#dc2626}.projects-card-dropdown button.danger:hover{background:#fef2f2}.projects-list-wrap{background:var(--pj-surface);border-radius:var(--pj-radius);border:1px solid var(--pj-line);overflow:hidden;box-shadow:var(--pj-shadow)}.projects-table{width:100%;border-collapse:collapse;font-size:14px}.projects-table th{text-align:left;padding:13px 18px;color:var(--pj-muted);font-weight:550;font-size:12.5px;letter-spacing:.02em;background:#f8fafc;border-bottom:1px solid var(--pj-line)}.projects-table-row{cursor:pointer;transition:background .15s}.projects-table-row:hover{background:#f8fafc}.projects-table td{padding:14px 18px;border-bottom:1px solid #f1f5f9;vertical-align:middle}.projects-list-name{display:flex;align-items:center;gap:12px;color:var(--pj-ink)}.projects-list-title{font-weight:550}.projects-list-thumb{width:44px;height:30px;border-radius:7px;flex-shrink:0;overflow:hidden;background:linear-gradient(135deg,#e0e7ff,#f0f9ff);display:block}.projects-list-thumb img{width:100%;height:100%;object-fit:cover;display:block}.projects-type-badge{font-size:11px;padding:2px 8px;border-radius:999px;background:var(--pj-blue-soft);color:var(--pj-blue);font-weight:550}.projects-empty{text-align:center;padding:88px 24px;color:var(--pj-muted);background:#ffffffa6;border:1px dashed #d4dbe8;border-radius:var(--pj-radius)}.projects-empty-icon{width:56px;height:56px;margin:0 auto 16px;border-radius:16px;background:var(--pj-blue-soft);color:var(--pj-blue);display:flex;align-items:center;justify-content:center}.projects-empty h3{margin:0 0 6px;font-size:17px;font-weight:650;color:var(--pj-ink)}.projects-empty p{margin:0 0 22px;font-size:14px;color:var(--pj-faint)}.project-modal--wide{max-width:580px}.project-field-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.project-select{width:100%;border:1px solid var(--pj-line, #e2e8f0);border-radius:12px;padding:11px 14px;font-size:14px;background:#fff;color:#0f172a;transition:border-color .15s,box-shadow .15s}.project-select:focus{outline:none;border-color:#93c5fd;box-shadow:0 0 0 3px #2563eb1f}.project-member-list{margin-top:12px;display:flex;flex-direction:column;gap:8px}.project-member-row{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#f8fafc;border:1px solid #f1f5f9;border-radius:12px}.project-member-info{flex:1;display:flex;flex-direction:column;gap:2px;font-size:14px}.project-member-role{font-size:12px;color:#94a3b8}.project-member-phone{font-size:13px;color:#94a3b8}.project-member-remove{border:none;background:none;color:#dc2626;font-size:13px;cursor:pointer;padding:4px 8px;border-radius:6px}.project-member-remove:hover{background:#fef2f2}.project-form-error{color:#dc2626;font-size:13.5px;margin:0 0 4px;padding:10px 12px;background:#fef2f2;border-radius:10px;border:1px solid #fecaca}.project-hub-meta{display:flex;flex-wrap:wrap;gap:12px;margin-top:12px}.project-hub-badge{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:#64748b;background:#f1f5f9;padding:6px 12px;border-radius:999px}.project-hub-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:0;flex-shrink:0}.project-hub-btn{border:1px solid #e2e8f0;background:#fff;border-radius:10px;padding:8px 16px;font-size:14px;cursor:pointer;color:#334155}.project-hub-btn.primary{background:#2563eb;border-color:#2563eb;color:#fff}.projects-card-status{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:#64748b}.projects-card-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.projects-card-dot.in_progress{background:#2563eb;box-shadow:0 0 0 3px #2563eb26}.projects-card-dot.completed{background:#22c55e;box-shadow:0 0 0 3px #22c55e26}.projects-card-time{margin-top:auto;padding-top:4px;font-size:12px;color:#94a3b8;letter-spacing:.01em}.projects-add-card{border:1.5px dashed #c5d0e0;border-radius:var(--pj-radius, 16px);min-height:268px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:#64748b;cursor:pointer;background:#ffffff73;transition:border-color .2s,background .2s,transform .2s,box-shadow .2s;padding:24px}.projects-add-card:hover{border-color:#93c5fd;background:#eff6ff;transform:translateY(-2px);box-shadow:0 8px 24px #2563eb14}.projects-add-card:hover .projects-add-icon{background:#1d4ed8;transform:scale(1.06)}.projects-add-icon{width:48px;height:48px;border-radius:14px;background:#2563eb;color:#fff;display:flex;align-items:center;justify-content:center;margin-bottom:6px;box-shadow:0 6px 16px #2563eb47;transition:background .15s,transform .15s}.projects-add-label{font-size:15px;font-weight:600;color:#0f172a}.projects-add-hint{font-size:12.5px;color:#94a3b8}.projects-loading{text-align:center;padding:96px 20px;color:#64748b;display:flex;flex-direction:column;align-items:center;gap:14px;font-size:14px}.projects-loading-spinner{width:28px;height:28px;border:2.5px solid #e2e8f0;border-top-color:#2563eb;border-radius:50%;animation:projects-spin .7s linear infinite}@keyframes projects-spin{to{transform:rotate(360deg)}}.project-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a7a;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:project-modal-fade .18s ease}@keyframes project-modal-fade{0%{opacity:0}to{opacity:1}}.project-modal{background:#fff;border-radius:20px;width:100%;max-width:540px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 24px 64px #0f172a38,0 0 0 1px #0f172a0a;animation:project-modal-rise .22s ease}@keyframes project-modal-rise{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.project-modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:22px 24px 0;flex-shrink:0}.project-modal-header h2{margin:0;font-size:19px;font-weight:650;color:#0f172a;letter-spacing:-.02em}.project-modal-subtitle{margin:4px 0 0;font-size:13px;color:#94a3b8}.project-modal-close{width:32px;height:32px;border:none;background:#f1f5f9;color:#64748b;cursor:pointer;line-height:1;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .15s,color .15s}.project-modal-close:hover{background:#e2e8f0;color:#0f172a}.project-modal-body{padding:20px 24px 8px;overflow-y:auto;flex:1}.project-field{margin-bottom:18px}.project-field-label{display:flex;align-items:center;gap:8px;font-size:13.5px;color:#334155;margin-bottom:8px;font-weight:550}.project-field-tag{font-size:11px;font-weight:550;padding:1px 7px;border-radius:999px;line-height:1.5}.project-field-tag.required{color:#b45309;background:#fffbeb}.project-field-tag.optional{color:#64748b;background:#f1f5f9}.project-field-hint{margin:-2px 0 10px;font-size:13px;color:#94a3b8}.project-type-toggle{display:grid;grid-template-columns:1fr 1fr;gap:10px}.project-type-btn{border:1.5px solid #e2e8f0;background:#fff;padding:12px 14px;border-radius:12px;font-size:14px;color:#64748b;cursor:pointer;text-align:left;display:flex;flex-direction:column;gap:2px;transition:border-color .15s,background .15s,box-shadow .15s,color .15s}.project-type-btn:hover:not(.active){border-color:#cbd5e1;background:#f8fafc}.project-type-btn.active{background:#eff6ff;color:#1d4ed8;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.project-type-btn-title{font-weight:600;font-size:14px;color:inherit}.project-type-btn-desc{font-size:12px;font-weight:400;color:#94a3b8}.project-type-btn.active .project-type-btn-desc{color:#60a5fa}.project-input,.project-field input,.project-field textarea{width:100%;border:1.5px solid #e2e8f0;border-radius:12px;padding:11px 14px;font-size:14px;box-sizing:border-box;color:#0f172a;background:#fff;transition:border-color .15s,box-shadow .15s;font-family:inherit}.project-input::placeholder,.project-field input::placeholder,.project-field textarea::placeholder{color:#b0bac7}.project-input:hover,.project-field input:hover,.project-field textarea:hover{border-color:#cbd5e1}.project-input:focus,.project-field input:focus,.project-field textarea:focus{outline:none;border-color:#93c5fd;box-shadow:0 0 0 3px #2563eb1f}.project-textarea-wrap{position:relative}.project-field textarea,.project-textarea-wrap textarea{min-height:96px;resize:vertical;padding-bottom:28px}.project-char-count{position:absolute;right:12px;bottom:10px;font-size:11.5px;color:#94a3b8;pointer-events:none}.project-member-search{position:relative;display:flex;gap:8px}.project-member-search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#94a3b8;pointer-events:none}.project-member-search input,.project-member-search .project-input{flex:1;padding-left:38px}.project-member-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.project-member-chip{display:inline-flex;align-items:center;gap:8px;background:#f1f5f9;border:1px solid #e8edf5;border-radius:999px;padding:5px 10px 5px 5px;font-size:13px}.project-member-avatar{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;flex-shrink:0}.project-member-avatar.sm{width:26px;height:26px;font-size:11px}.project-member-chip button{border:none;background:none;color:#94a3b8;cursor:pointer;font-size:16px;line-height:1;padding:0 2px;border-radius:4px}.project-member-chip button:hover{color:#dc2626}.project-search-results{margin-top:8px;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #0f172a0f}.project-search-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:none;background:#fff;width:100%;text-align:left;cursor:pointer;font-size:14px;border-bottom:1px solid #f1f5f9}.project-search-item:last-child{border-bottom:none}.project-search-item:hover{background:#f8fafc}.project-search-item-main{display:inline-flex;align-items:center;gap:10px;color:#0f172a;font-weight:500}.project-search-item-phone{color:#94a3b8;font-size:13px}.project-modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:16px 24px 22px;border-top:1px solid #f1f5f9;background:#fafbfc;flex-shrink:0}.project-btn-cancel{border:1.5px solid #e2e8f0;background:#fff;border-radius:12px;padding:10px 18px;cursor:pointer;font-size:14px;color:#475569;font-weight:500;transition:background .15s,border-color .15s}.project-btn-cancel:hover{background:#f8fafc;border-color:#cbd5e1}.project-btn-create{border:none;background:#2563eb;color:#fff;border-radius:12px;padding:10px 22px;cursor:pointer;font-weight:550;font-size:14px;box-shadow:0 4px 12px #2563eb40;transition:background .15s,box-shadow .15s,transform .15s}.project-btn-create:hover:not(:disabled){background:#1d4ed8;transform:translateY(-1px)}.project-btn-create:disabled{opacity:.65;cursor:default;box-shadow:none}.project-hub-header{margin-bottom:24px}.project-hub-header h1{margin:0 0 8px;font-size:22px}.project-hub-back{display:inline-block;color:#64748b;text-decoration:none;font-size:14px;margin-bottom:16px}.project-hub-back:hover{color:#2563eb}.project-hub-hero{display:flex;gap:20px;background:#fff;border:1px solid #eef2f7;border-radius:16px;padding:20px;margin-bottom:20px;box-shadow:0 1px 4px #0f172a0a}.project-hub-cover{width:168px;height:112px;border-radius:12px;overflow:hidden;flex-shrink:0;background:linear-gradient(135deg,#e0e7ff,#f8fafc);display:flex;align-items:center;justify-content:center;color:#94a3b8;font-size:13px}.project-hub-cover img{width:100%;height:100%;object-fit:cover}.project-hub-hero-main{flex:1;min-width:0}.project-hub-hero-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.project-hub-hero-main h1{margin:0;font-size:24px;font-weight:650;color:#0f172a;line-height:1.3}.project-hub-desc{margin:8px 0 0;font-size:14px;color:#64748b;line-height:1.55;max-width:560px}.project-hub-desc-empty{margin-top:8px;border:none;background:none;padding:0;font-size:14px;color:#94a3b8;cursor:pointer}.project-hub-desc-empty:hover:not(:disabled){color:#2563eb}.project-hub-desc-empty:disabled{cursor:default}.project-hub-badge.muted{background:transparent;color:#94a3b8;padding-left:0;padding-right:0}.project-hub-status-row{margin-top:12px}.project-hub-status-btn{border:none;background:none;padding:0;font-size:13px;color:#2563eb;cursor:pointer}.project-hub-status-btn:disabled{opacity:.6;cursor:default}.project-hub-body{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(260px,1fr);gap:20px;align-items:start}.project-hub-main,.project-hub-side{display:flex;flex-direction:column;gap:16px}.project-hub-panel{background:#fff;border:1px solid #eef2f7;border-radius:16px;padding:18px 20px;box-shadow:0 1px 4px #0f172a0a}.project-hub-panel-head{margin-bottom:14px}.project-hub-panel-head h2{margin:0;font-size:16px;font-weight:600;color:#0f172a}.project-hub-panel-head p{margin:4px 0 0;font-size:13px;color:#94a3b8}.project-hub-entry-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.project-hub-entry-card{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:6px;border:1px solid #e2e8f0;background:#f8fafc;border-radius:14px;padding:16px;cursor:pointer;transition:border-color .15s,background .15s,box-shadow .15s}.project-hub-entry-card:hover{border-color:#93c5fd;background:#eff6ff;box-shadow:0 4px 14px #2563eb14}.project-hub-entry-icon{font-size:22px;line-height:1}.project-hub-entry-title{font-size:15px;font-weight:600;color:#0f172a}.project-hub-entry-desc{font-size:13px;color:#64748b;line-height:1.45}.project-hub-entry-meta{margin-top:4px;font-size:12px;color:#94a3b8}.project-hub-empty{text-align:center;padding:28px 12px;color:#64748b;font-size:14px}.project-hub-empty p{margin:0 0 14px}.project-hub-activity-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.project-hub-activity-item{display:flex;align-items:flex-start;gap:12px;width:100%;border:none;background:transparent;border-radius:10px;padding:10px 8px;cursor:pointer;text-align:left;transition:background .15s}.project-hub-activity-item:hover{background:#f8fafc}.project-hub-activity-icon{width:36px;height:36px;border-radius:10px;background:#f1f5f9;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:16px}.project-hub-activity-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.project-hub-activity-title{font-size:14px;color:#334155;line-height:1.4}.project-hub-activity-title strong{color:#0f172a;font-weight:600}.project-hub-activity-sub{font-size:12px;color:#94a3b8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-hub-activity-time{flex-shrink:0;font-size:12px;color:#94a3b8;padding-top:2px}.project-hub-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px}.project-hub-stat{background:#f8fafc;border-radius:12px;padding:14px 12px;display:flex;flex-direction:column;gap:4px}.project-hub-stat-value{font-size:22px;font-weight:650;color:#0f172a;line-height:1.2}.project-hub-stat-label{font-size:12px;color:#94a3b8}.project-hub-links{display:flex;flex-direction:column;gap:8px}.project-hub-links button{border:1px solid #e2e8f0;background:#fff;border-radius:10px;padding:10px 14px;font-size:14px;color:#334155;cursor:pointer;text-align:left}.project-hub-links button:hover{border-color:#93c5fd;color:#2563eb;background:#eff6ff}.project-hub-btn.small{padding:6px 12px;font-size:13px}.project-hub-panel-head-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.project-hub-panel-link{border:none;background:none;padding:0;font-size:13px;color:#2563eb;cursor:pointer;white-space:nowrap;margin-top:2px}.project-hub-panel-link:hover{text-decoration:underline}.project-hub-empty.compact{padding:12px 0}.project-hub-works-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.project-hub-work-wrap{position:relative}.project-hub-work-card{position:relative;width:100%;aspect-ratio:1;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;padding:0;background:#f1f5f9;cursor:pointer;transition:transform .15s,box-shadow .15s}.project-hub-work-card:hover{transform:translateY(-1px);box-shadow:0 6px 16px #0f172a1a}.project-hub-work-card img,.project-hub-work-card video{width:100%;height:100%;object-fit:cover;display:block}.project-hub-work-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:13px;color:#94a3b8}.project-hub-work-badge{position:absolute;left:8px;bottom:8px;font-size:11px;color:#fff;background:#0f172ab8;border-radius:999px;padding:2px 8px}.project-hub-work-actions{position:absolute;top:6px;right:6px;z-index:2}.project-hub-work-more{width:28px;height:28px;border:none;border-radius:8px;background:#0f172a8c;color:#fff;font-size:14px;line-height:1;cursor:pointer;letter-spacing:1px;opacity:0;transition:opacity .15s}.project-hub-work-wrap:hover .project-hub-work-more,.project-hub-work-wrap:focus-within .project-hub-work-more{opacity:1}.project-hub-work-menu{position:absolute;top:32px;right:0;min-width:132px;background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 8px 24px #0f172a1f;padding:4px 0;overflow:hidden}.project-hub-work-menu button{display:block;width:100%;border:none;background:none;text-align:left;padding:9px 12px;font-size:13px;color:#334155;cursor:pointer}.project-hub-work-menu button:hover:not(:disabled){background:#f8fafc;color:#2563eb}.project-hub-work-menu button:disabled{opacity:.6;cursor:default}.project-hub-member-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.project-hub-member-row{display:flex;align-items:center;gap:10px}.project-hub-member-avatar{width:32px;height:32px;border-radius:50%;color:#fff;font-size:13px;font-weight:600;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.project-hub-member-avatar img{width:100%;height:100%;object-fit:cover}.project-hub-member-info{min-width:0;display:flex;flex-direction:column;gap:1px}.project-hub-member-name{font-size:14px;color:#0f172a;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-hub-member-role{font-size:12px;color:#94a3b8}.project-hub-member-more{font-size:12px;color:#94a3b8;padding-left:42px}.project-hub-member-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}@media (max-width: 900px){.project-hub-hero{flex-direction:column}.project-hub-cover{width:100%;height:140px}.project-hub-hero-top{flex-direction:column}.project-hub-body,.project-hub-entry-grid{grid-template-columns:1fr}.project-hub-works-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 560px){.project-hub-works-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.project-cover-upload{display:flex;align-items:flex-start;gap:16px;padding:12px;background:#f8fafc;border:1px solid #eef2f7;border-radius:14px}.project-cover-preview{width:128px;height:80px;border-radius:10px;background:linear-gradient(135deg,#e0e7ff,#f0f9ff);overflow:hidden;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 8px #0f172a14;border:1px solid rgba(255,255,255,.8)}.project-cover-preview img{width:100%;height:100%;object-fit:cover}.project-cover-preview span{font-size:12px;color:#94a3b8}.project-cover-actions{display:flex;flex-direction:column;gap:8px;padding-top:2px;min-width:0}.project-cover-btn{display:inline-flex;align-items:center;gap:6px;width:fit-content;font-size:13px;font-weight:550;color:#2563eb;cursor:pointer;background:#eff6ff;border:1px solid #bfdbfe;border-radius:9px;padding:7px 12px;transition:background .15s,border-color .15s}.project-cover-btn:hover{background:#dbeafe;border-color:#93c5fd}.project-cover-remove{border:none;background:none;color:#94a3b8;font-size:13px;cursor:pointer;padding:0;text-align:left;width:fit-content}.project-cover-remove:hover{color:#dc2626}.project-cover-hint{margin:2px 0 0;font-size:12px;color:#94a3b8;line-height:1.4}.project-search-hint{margin:6px 0 0;font-size:13px;color:#94a3b8}.project-cover-presets{margin-top:14px}.project-cover-presets-label{font-size:12.5px;color:#64748b;margin-bottom:8px;font-weight:500}.project-cover-presets-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.project-cover-preset{position:relative;border:2px solid transparent;border-radius:10px;overflow:hidden;padding:0;aspect-ratio:16 / 10;background:#f1f5f9;cursor:pointer;transition:border-color .15s,box-shadow .15s,transform .15s}.project-cover-preset img{width:100%;height:100%;object-fit:cover;display:block}.project-cover-preset:hover:not(:disabled){border-color:#93c5fd;transform:translateY(-1px)}.project-cover-preset.active{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb2e}.project-cover-preset.active:after{content:"";position:absolute;top:6px;right:6px;width:16px;height:16px;border-radius:50%;background:#2563eb url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3'%3E%3Cpath d='M5 12l5 5L20 7'/%3E%3C/svg%3E") center / 10px no-repeat;box-shadow:0 1px 3px #0f172a33}.project-cover-preset:disabled{opacity:.6;cursor:default}@media (max-width: 640px){.projects-toolbar{align-items:stretch}.projects-toolbar-right{width:100%}.projects-search{flex:1;min-width:0}.projects-search input{width:100%}.projects-new-btn{margin-left:auto}.project-field-row,.project-type-toggle{grid-template-columns:1fr}.project-cover-upload{flex-direction:column}.project-cover-preview{width:100%;height:120px}}.team-page{min-height:calc(100vh - 120px);background:#f5f7fb;padding:32px 24px 48px}.team-inner{max-width:1200px;margin:0 auto}.team-header{margin-bottom:24px}.team-header h1{font-size:22px;font-weight:600;color:#0f172a;margin:0 0 4px}.team-header p{margin:0;font-size:14px;color:#64748b}.team-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px;flex-wrap:wrap}.team-filters{display:inline-flex;background:#e8ecf3;border-radius:10px;padding:4px}.team-filter{border:none;background:transparent;padding:8px 16px;border-radius:8px;font-size:14px;color:#64748b;cursor:pointer}.team-filter.active{background:#fff;color:#1e293b;box-shadow:0 1px 3px #00000014}.team-toolbar-right{display:flex;align-items:center;gap:12px}.team-search{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #e2e8f0;border-radius:999px;padding:8px 16px;min-width:240px}.team-search input{border:none;outline:none;font-size:14px;width:180px;background:transparent}.team-view-toggle{display:flex;gap:4px}.team-view-btn{width:36px;height:36px;border:1px solid #e2e8f0;background:#fff;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#94a3b8}.team-view-btn.active{border-color:#4f46e5;color:#4f46e5;background:#eef2ff}.team-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.team-list-stack{display:flex;flex-direction:column;gap:12px}.team-card{background:#fff;border:1px solid #e8ecf3;border-radius:14px;padding:18px;display:flex;flex-direction:column;gap:12px;transition:box-shadow .15s}.team-card:hover{box-shadow:0 4px 16px #0f172a0f}.team-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.team-card-title-row{display:flex;align-items:center;gap:10px;min-width:0}.team-card-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.team-card-title{font-size:15px;font-weight:600;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.team-status{font-size:12px;padding:2px 8px;border-radius:999px;flex-shrink:0}.team-status.in_progress{background:#dcfce7;color:#15803d}.team-status.completed{background:#f1f5f9;color:#64748b}.team-card-desc{font-size:13px;color:#64748b;line-height:1.5;min-height:40px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.team-card-members-label{font-size:12px;color:#94a3b8;margin-bottom:4px}.team-card-members{display:flex;flex-wrap:wrap;gap:6px}.team-member-tag{font-size:12px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;padding:2px 8px;color:#475569}.team-card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:8px;border-top:1px solid #f1f5f9;font-size:12px;color:#94a3b8}.team-manage-btn{border:none;background:none;color:#4f46e5;font-size:13px;font-weight:500;cursor:pointer;padding:0}.team-manage-btn:hover{text-decoration:underline}.team-manage-btn:disabled{color:#cbd5e1;cursor:not-allowed;text-decoration:none}.team-footer-count{text-align:center;margin-top:28px;font-size:14px;color:#64748b}.team-empty,.team-loading{text-align:center;padding:64px 24px;color:#64748b}.team-admin{display:flex;min-height:calc(100vh - 64px);background:#f8fafc}.team-admin-sidebar{width:240px;background:#fff;border-right:1px solid #e8ecf3;padding:20px 12px;flex-shrink:0}.team-admin-brand{display:flex;align-items:center;gap:8px;padding:0 12px 20px;font-size:15px;font-weight:600;color:#0f172a}.team-admin-project-select{width:100%;margin-bottom:16px;padding:8px 10px;border:1px solid #e2e8f0;border-radius:8px;font-size:13px;background:#fff}.team-admin-nav{display:flex;flex-direction:column;gap:4px}.team-admin-nav a{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;font-size:14px;color:#475569;text-decoration:none}.team-admin-nav a.active{background:#eef2ff;color:#4f46e5;font-weight:500}.team-admin-main{flex:1;padding:28px 32px;overflow:auto}.team-panel-header{margin-bottom:24px}.team-panel-header h2{margin:0 0 4px;font-size:20px;font-weight:600;color:#0f172a}.team-panel-header p{margin:0;font-size:14px;color:#64748b}.team-panel-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px;flex-wrap:wrap}.team-primary-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:#4f46e5;color:#fff;border:none;border-radius:8px;font-size:14px;cursor:pointer}.team-primary-btn:disabled{opacity:.5;cursor:not-allowed}.team-table-wrap{background:#fff;border:1px solid #e8ecf3;border-radius:12px;overflow:hidden}.team-table{width:100%;border-collapse:collapse;font-size:14px}.team-table th{text-align:left;padding:12px 16px;background:#f8fafc;color:#64748b;font-weight:500;font-size:13px;border-bottom:1px solid #e8ecf3}.team-table td{padding:14px 16px;border-bottom:1px solid #f1f5f9;color:#334155;vertical-align:middle}.team-table tbody tr.team-history-row{cursor:pointer}.team-table tbody tr.team-history-row:hover{background:#f8fafc}.team-history-detail-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1100;display:flex;align-items:center;justify-content:center;padding:24px;background:#080a10b8}.team-history-detail{width:min(560px,100%);max-height:calc(100vh - 48px);overflow:auto;border-radius:16px;background:#16171c;color:#f8fafc;box-shadow:0 24px 80px #00000073}.team-history-detail-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px 12px}.team-history-detail-title{display:flex;align-items:center;gap:10px;min-width:0}.team-history-detail-title h3{margin:0;font-size:16px;font-weight:600;color:#fff}.team-history-status{font-size:12px;padding:2px 8px;border-radius:999px;background:#2e1064;color:#c4b5fd}.team-history-status.failed,.team-history-status.violation,.team-history-status.cancelled{background:#3f1d1d;color:#fca5a5}.team-history-status.running,.team-history-status.pending_countdown{background:#1e293b;color:#93c5fd}.team-history-detail-close{border:none;background:transparent;color:#94a3b8;font-size:22px;line-height:1;cursor:pointer;padding:0 4px}.team-history-detail-close:hover{color:#fff}.team-history-media{margin:0 20px 16px;overflow:hidden;border-radius:12px;background:#0b0c10;min-height:180px;display:flex;align-items:center;justify-content:center}.team-history-media img,.team-history-media video{display:block;width:100%;max-height:320px;object-fit:contain;background:#000}.team-history-media-empty{padding:48px 16px;font-size:13px;color:#64748b}.team-history-meta{display:grid;gap:10px;padding:0 20px 16px}.team-history-meta-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;font-size:13px}.team-history-meta-row dt{color:#94a3b8;flex-shrink:0}.team-history-meta-row dd{margin:0;color:#f1f5f9;text-align:right;word-break:break-all}.team-history-meta-row dd.credits{color:#c4b5fd;font-weight:600}.team-history-prompt{padding:0 20px 20px}.team-history-prompt-label{margin:0 0 8px;font-size:13px;font-weight:600;color:#fff}.team-history-prompt-body{margin:0;max-height:180px;overflow:auto;padding:12px 14px;border-radius:10px;background:#0f1116;color:#e2e8f0;font-size:13px;line-height:1.7;white-space:pre-wrap;word-break:break-word}.team-history-detail-footer{display:flex;justify-content:flex-end;gap:10px;padding:0 20px 20px}.team-history-download-btn{border:none;background:#7c3aed;color:#fff;border-radius:10px;padding:8px 16px;font-size:13px;cursor:pointer}.team-history-download-btn:hover{background:#6d28d9}.team-user-cell{display:flex;align-items:center;gap:10px}.team-avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;color:#fff;flex-shrink:0}.team-role-tag{display:inline-block;font-size:12px;padding:2px 10px;border-radius:6px}.team-role-tag.owner,.team-role-tag.admin{background:#eef2ff;color:#4f46e5;border:1px solid #c7d2fe}.team-role-tag.member{background:#f8fafc;color:#64748b;border:1px solid #e2e8f0}.team-me-tag{font-size:11px;background:#4f46e5;color:#fff;padding:1px 6px;border-radius:4px;margin-left:6px}.team-link-btn{border:none;background:none;color:#4f46e5;font-size:13px;cursor:pointer;padding:0 8px 0 0}.team-link-btn.danger{color:#dc2626}.team-link-btn:disabled{color:#cbd5e1;cursor:not-allowed}.team-summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:24px}.team-summary-card{background:#fff;border:1px solid #e8ecf3;border-radius:12px;padding:20px;display:flex;align-items:center;gap:14px}.team-summary-icon{width:44px;height:44px;border-radius:10px;background:#eef2ff;display:flex;align-items:center;justify-content:center;font-size:20px}.team-summary-value{font-size:24px;font-weight:700;color:#0f172a}.team-summary-label{font-size:13px;color:#64748b}.team-tabs{display:inline-flex;gap:4px;margin-bottom:20px;background:#e8ecf3;border-radius:10px;padding:4px}.team-tab{border:none;background:transparent;padding:8px 20px;border-radius:8px;font-size:14px;color:#64748b;cursor:pointer}.team-tab.active{background:#fff;color:#4f46e5;font-weight:500;box-shadow:0 1px 3px #00000014}.team-history-toolbar{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px;flex-wrap:wrap}.team-history-toolbar .team-tabs{margin-bottom:0}.team-history-filters{display:flex;align-items:center;gap:12px;margin-left:auto;flex-wrap:wrap}.team-filter-dropdown{position:relative}.team-filter-trigger{min-width:148px;max-width:220px;display:inline-flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 12px;border:1px solid #e2e8f0;border-radius:10px;background:#fff;color:#0f172a;font-size:13px;cursor:pointer}.team-filter-trigger.open,.team-filter-trigger:focus{border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1f;outline:none}.team-filter-trigger-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.team-filter-chevron{color:#94a3b8;font-size:10px;flex-shrink:0}.team-filter-menu{position:absolute;top:calc(100% + 6px);left:0;z-index:30;min-width:100%;max-height:280px;overflow:auto;padding:6px 0;border:1px solid #e2e8f0;border-radius:12px;background:#fff;box-shadow:0 12px 32px #0f172a1f}.team-filter-option{display:block;width:100%;border:none;background:transparent;text-align:left;padding:8px 14px;font-size:13px;color:#334155;cursor:pointer}.team-filter-option:hover,.team-filter-option.active{background:#f1f5f9;color:#0f172a}.team-date-range{display:inline-flex;align-items:center;gap:8px;position:relative}.team-date-field{position:relative}.team-date-input{width:138px;padding:8px 32px 8px 12px;border:1px solid #e2e8f0;border-radius:10px;background:#fff;color:#0f172a;font-size:13px;cursor:pointer}.team-date-input::placeholder{color:#94a3b8}.team-date-input.open,.team-date-input:focus{border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1f;outline:none}.team-date-icon{position:absolute;right:10px;top:50%;transform:translateY(-50%);color:#94a3b8;pointer-events:none;font-size:13px}.team-date-sep{color:#94a3b8}.team-calendar{position:absolute;top:calc(100% + 6px);left:0;z-index:31;width:280px;padding:12px;border:1px solid #e2e8f0;border-radius:12px;background:#fff;box-shadow:0 12px 32px #0f172a1f}.team-calendar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;font-size:13px;font-weight:600;color:#0f172a}.team-calendar-nav{border:none;background:transparent;color:#64748b;cursor:pointer;padding:4px 8px;border-radius:6px}.team-calendar-nav:hover{background:#f1f5f9;color:#0f172a}.team-calendar-week{display:grid;grid-template-columns:repeat(7,1fr);margin-bottom:4px;font-size:11px;color:#94a3b8;text-align:center}.team-calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.team-calendar-day{border:1px solid transparent;background:transparent;height:32px;border-radius:8px;font-size:13px;color:#334155;cursor:pointer}.team-calendar-day:hover{background:#f1f5f9}.team-calendar-day.muted{color:#cbd5e1}.team-calendar-day.selected{border-color:#7c3aed;background:#f5f3ff;color:#5b21b6;font-weight:600}.team-calendar-day.in-range{background:#f5f3ff}.team-calendar-footer{display:flex;justify-content:space-between;margin-top:10px;padding-top:8px;border-top:1px solid #f1f5f9}.team-calendar-footer button{border:none;background:transparent;color:#7c3aed;font-size:13px;cursor:pointer;padding:4px}.team-calendar-footer button:hover{text-decoration:underline}.team-thumb{width:56px;height:56px;border-radius:8px;object-fit:cover;background:#f1f5f9;overflow:hidden}.team-prompt-cell{max-width:280px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.team-pagination{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:20px;font-size:14px;color:#64748b}.team-pagination button{border:1px solid #e2e8f0;background:#fff;border-radius:6px;padding:4px 10px;cursor:pointer}.team-pagination button:disabled{opacity:.4;cursor:not-allowed}.team-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a66;display:flex;align-items:center;justify-content:center;z-index:1000;padding:24px}.team-modal{background:#fff;border-radius:14px;width:100%;max-width:440px;padding:24px}.team-modal h3{margin:0 0 16px;font-size:18px}.team-modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.team-ghost-btn{padding:8px 16px;border:1px solid #e2e8f0;background:#fff;border-radius:8px;cursor:pointer}.team-search-results{margin-top:8px;border:1px solid #e8ecf3;border-radius:8px;max-height:200px;overflow:auto}.team-search-result{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid #f1f5f9;cursor:pointer}.team-search-result:hover{background:#f8fafc}.team-search-result:last-child{border-bottom:none}.team-role-select{padding:4px 8px;border:1px solid #e2e8f0;border-radius:6px;font-size:13px}.team-limit-editor{display:inline-flex;align-items:center;gap:6px}.team-limit-input{width:96px;padding:4px 8px;border:1px solid #e2e8f0;border-radius:6px;font-size:13px}.team-limit-muted{color:#94a3b8;font-size:13px}.team-row-limit-reached{background:#fef2f2}.team-credits-reached{color:#dc2626;font-weight:600}.admin-login-page{min-height:100vh;background:#f8fafc;display:flex;align-items:center;justify-content:center}.admin-login-card{width:400px;padding:40px}.admin-login-logo{display:flex;align-items:center;gap:12px;margin-bottom:32px}.admin-login-title{font-size:16px;font-weight:700}.admin-login-sub{font-size:12px;color:#64748b}.admin-login-form{display:flex;flex-direction:column;gap:16px}.admin-login-hint{font-size:12px;color:#94a3b8;text-align:center}.admin-layout{display:flex;height:100vh;overflow:hidden}.admin-sidebar{width:220px;flex-shrink:0;background:#fff;border-right:1px solid #e2e8f0;display:flex;flex-direction:column;overflow-y:auto}.sidebar-brand{display:flex;align-items:center;gap:10px;padding:20px 16px;border-bottom:1px solid #e2e8f0}.brand-logo{flex-shrink:0}.brand-name{font-size:13px;font-weight:700;color:#1e293b;line-height:1.3}.brand-sub{font-size:11px;color:#64748b}.sidebar-nav{padding:12px 8px;flex:1}.sidebar-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;cursor:pointer;font-size:14px;color:#475569;transition:all .15s;margin-bottom:2px}.sidebar-item:hover{background:#f8fafc;color:#1e293b}.sidebar-item.active{background:#eff6ff;color:#4f46e5;font-weight:600}.sidebar-icon{font-size:16px;width:20px;text-align:center}.sidebar-label{flex:1}.sidebar-arrow{transition:transform .2s;color:#94a3b8}.sidebar-arrow.open{transform:rotate(180deg)}.sidebar-children{padding-left:32px;margin-bottom:4px}.sidebar-child{display:block;padding:8px 12px;border-radius:6px;font-size:13px;color:#64748b;transition:all .15s;margin-bottom:1px}.sidebar-child:hover{background:#f8fafc;color:#1e293b}.sidebar-child.active{color:#4f46e5;font-weight:600;background:#eff6ff}.admin-body{flex:1;display:flex;flex-direction:column;overflow:hidden}.admin-header{height:56px;background:#fff;border-bottom:1px solid #e2e8f0;display:flex;align-items:center;justify-content:space-between;padding:0 24px;flex-shrink:0}.admin-breadcrumb{font-size:14px;color:#64748b}.admin-header-right{display:flex;align-items:center;gap:16px}.admin-notif{position:relative;cursor:pointer;color:#64748b}.notif-badge{position:absolute;top:-6px;right:-6px;background:#ef4444;color:#fff;font-size:10px;width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center}.admin-user{display:flex;align-items:center;gap:8px;font-size:14px;color:#475569}.admin-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover}.admin-main{flex:1;overflow-y:auto;padding:24px;background:#f8fafc}.dashboard-page{display:flex;flex-direction:column;gap:20px}.dashboard-header{display:flex;align-items:flex-start;justify-content:space-between}.dashboard-header h1{font-size:22px;font-weight:700;margin-bottom:4px}.dashboard-header p{font-size:13px;color:#64748b}.dashboard-date{font-size:13px;color:#64748b;padding:8px 12px;background:#fff;border-radius:8px;border:1px solid #e2e8f0}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.stat-card{display:flex;align-items:center;gap:16px;padding:20px}.stat-card-icon{width:52px;height:52px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0}.stat-card-title{font-size:13px;color:#64748b;margin-bottom:4px}.stat-card-value{font-size:26px;font-weight:800;color:#1e293b}.stat-card-change{font-size:12px;color:#10b981;margin-top:2px}.dashboard-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.dashboard-card{padding:20px}.dashboard-card h3{font-size:15px;font-weight:700;margin-bottom:16px}.dashboard-card-full{padding:20px}.dashboard-card-full h3{font-size:15px;font-weight:700;margin-bottom:16px}.overview-list{display:flex;flex-direction:column;gap:0}.overview-item{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #f1f5f9;font-size:14px}.overview-item span:first-child{color:#64748b}.donut-chart{display:flex;justify-content:center;margin:16px 0}.donut-svg{width:140px;height:140px}.donut-legend{display:flex;flex-direction:column;gap:8px;font-size:13px}.donut-legend>div{display:flex;align-items:center;gap:8px}.legend-dot{width:10px;height:10px;border-radius:50%;display:inline-block}.region-table{display:flex;flex-direction:column;gap:0}.region-header{display:grid;grid-template-columns:1fr 1fr 80px 1fr;gap:16px;padding:8px 0;font-size:12px;font-weight:600;color:#94a3b8;border-bottom:1px solid #e2e8f0}.region-row{display:grid;grid-template-columns:1fr 1fr 80px 1fr;gap:16px;padding:10px 0;font-size:14px;border-bottom:1px solid #f8fafc;align-items:center}.region-bar{height:6px;background:#f1f5f9;border-radius:3px;overflow:hidden}.region-bar-fill{height:100%;background:#4f46e5;border-radius:3px}.artist-manage-page{display:flex;flex-direction:column;gap:20px}.page-header{display:flex;align-items:flex-start;justify-content:space-between}.page-header h1{font-size:22px;font-weight:700;margin-bottom:4px}.page-header p{font-size:13px;color:#64748b}.manage-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.manage-stat-card{display:flex;align-items:center;gap:14px;padding:16px}.manage-stat-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.manage-stat-label{font-size:12px;color:#64748b;margin-bottom:2px}.manage-stat-value{font-size:22px;font-weight:800}.manage-toolbar{display:flex;align-items:center;gap:10px;padding:16px}.manage-table-card{overflow:hidden}.manage-table{width:100%;border-collapse:collapse}.manage-table th{padding:12px 16px;text-align:left;font-size:13px;font-weight:600;color:#64748b;background:#f8fafc;border-bottom:1px solid #e2e8f0}.manage-table td{padding:12px 16px;font-size:14px;border-bottom:1px solid #f1f5f9;vertical-align:middle}.manage-table tr:last-child td{border-bottom:none}.manage-table tr:hover td{background:#fafafa}.table-artist-info{display:flex;align-items:center;gap:10px}.table-artist-info img{width:40px;height:50px;object-fit:cover;border-radius:6px;flex-shrink:0}.table-artist-name{font-size:14px;font-weight:600;margin-bottom:4px}.table-artist-tags{display:flex;gap:4px}.table-actions{display:flex;gap:12px}.btn-link{background:none;border:none;font-size:13px;color:#4f46e5;cursor:pointer;padding:0}.btn-link:hover{text-decoration:underline}.btn-link.danger{color:#ef4444}.table-footer{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-top:1px solid #e2e8f0}.drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:1000}.drawer{position:fixed;top:0;right:0;bottom:0;width:480px;background:#fff;box-shadow:-4px 0 20px #0000001a;display:flex;flex-direction:column;animation:slideInRight .2s ease}.drawer-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #e2e8f0}.drawer-header h3{font-size:16px;font-weight:700}.drawer-body{flex:1;overflow-y:auto;padding:20px 24px}.drawer-footer{display:flex;justify-content:flex-end;gap:10px;padding:16px 24px;border-top:1px solid #e2e8f0}.drawer-section{margin-bottom:24px}.drawer-section-title{font-size:14px;font-weight:700;color:#4f46e5;margin-bottom:12px;padding-bottom:6px;border-bottom:1px solid #e2e8f0}.upload-area{margin-bottom:8px}.upload-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px dashed #e2e8f0;border-radius:10px;padding:32px;cursor:pointer;transition:border-color .2s;text-align:center}.upload-placeholder:hover{border-color:#4f46e5}.upload-icon{font-size:32px;margin-bottom:8px;color:#94a3b8}.upload-hint{font-size:12px;color:#94a3b8;margin-top:4px}.upload-preview{display:flex;flex-direction:column;align-items:center;gap:8px}.upload-preview img{width:120px;height:150px;object-fit:cover;border-radius:8px}.tag-selector{display:flex;flex-wrap:wrap;gap:6px}.tag-option{padding:5px 12px;border-radius:20px;font-size:12px;border:1.5px solid #e2e8f0;background:#fff;color:#475569;cursor:pointer;transition:all .15s}.tag-option:hover{border-color:#4f46e5;color:#4f46e5}.tag-option.active{background:#4f46e5;color:#fff;border-color:#4f46e5}.price-input-row{display:flex;align-items:center;gap:8px}.price-input-row span{color:#64748b;font-size:14px}.asset-list{display:flex;flex-direction:column;gap:10px}.asset-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid #e2e8f0;border-radius:8px;background:#fafafa}.asset-sort{width:20px;text-align:center;font-size:12px;color:#94a3b8;flex-shrink:0}.asset-thumb{width:48px;height:60px;object-fit:cover;border-radius:6px;flex-shrink:0}.asset-info{flex:1;min-width:0}.asset-label{font-size:13px;font-weight:600;margin-bottom:3px}.asset-rid{font-size:11px;color:#94a3b8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.asset-actions{display:flex;gap:10px;flex-shrink:0}.kv-editor{display:flex;flex-direction:column;gap:6px}.kv-row{display:flex;align-items:center;gap:8px}.kv-label{width:70px;font-size:13px;color:#64748b;flex-shrink:0;text-align:right}.acting-row{display:flex;align-items:center;gap:6px;margin-bottom:6px;padding:8px;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}:root{--primary: #4f46e5;--primary-dark: #3730a3;--primary-light: #818cf8;--accent: #06b6d4;--success: #10b981;--warning: #f59e0b;--danger: #ef4444;--bg: #f8fafc;--bg-card: #ffffff;--bg-dark: #0f172a;--bg-dark2: #1e293b;--text: #1e293b;--text-secondary: #64748b;--text-muted: #94a3b8;--border: #e2e8f0;--border-dark: #334155;--radius: 12px;--radius-sm: 8px;--radius-lg: 16px;--shadow: 0 1px 3px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.06);--shadow-md: 0 4px 6px rgba(0,0,0,.07), 0 2px 4px rgba(0,0,0,.06);--shadow-lg: 0 10px 15px rgba(0,0,0,.1), 0 4px 6px rgba(0,0,0,.05);--shadow-xl: 0 20px 25px rgba(0,0,0,.1), 0 10px 10px rgba(0,0,0,.04);--transition: .2s ease}@layer base{*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Segoe UI,sans-serif;color:var(--text);background:var(--bg);line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{cursor:pointer;border:none;background:none;font-family:inherit}input,textarea,select{font-family:inherit}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 20px;border-radius:var(--radius-sm);font-size:14px;font-weight:500;transition:all var(--transition);white-space:nowrap;cursor:pointer;border:none}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-outline{background:transparent;color:var(--primary);border:1.5px solid var(--primary)}.btn-outline:hover{background:var(--primary);color:#fff}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover{background:var(--border);color:var(--text)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{background:#dc2626}.btn-sm{padding:6px 14px;font-size:13px}.btn-lg{padding:14px 28px;font-size:16px}.btn-block{width:100%}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.card{background:var(--bg-card);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid var(--border)}.card-hover{transition:all var(--transition)}.card-hover:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.tag{display:inline-flex;align-items:center;padding:3px 10px;border-radius:20px;font-size:12px;font-weight:500;background:#eff6ff;color:var(--primary)}.tag-green{background:#f0fdf4;color:var(--success)}.tag-orange{background:#fffbeb;color:var(--warning)}.tag-red{background:#fef2f2;color:var(--danger)}.tag-gray{background:#f1f5f9;color:var(--text-secondary)}.form-group{display:flex;flex-direction:column;gap:6px}.form-label{font-size:14px;font-weight:500;color:var(--text)}.form-label .required{color:var(--danger);margin-left:2px}.form-input{padding:10px 14px;border:1.5px solid var(--border);border-radius:var(--radius-sm);font-size:14px;transition:border-color var(--transition),box-shadow var(--transition);background:#fff;color:var(--text);width:100%}.form-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #4f46e51a}.form-input::placeholder{color:var(--text-muted)}.form-select{padding:10px 36px 10px 14px;border:1.5px solid var(--border);border-radius:var(--radius-sm);font-size:14px;background:#fff;color:var(--text);width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2364748b' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.form-select:focus{outline:none;border-color:var(--primary)}.form-textarea{padding:10px 14px;border:1.5px solid var(--border);border-radius:var(--radius-sm);font-size:14px;resize:vertical;min-height:80px;width:100%;background:#fff;color:var(--text)}.form-textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #4f46e51a}.pagination{display:flex;align-items:center;gap:6px;justify-content:center;padding:20px 0}.page-btn{width:36px;height:36px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:14px;cursor:pointer;transition:all var(--transition);border:1.5px solid var(--border);background:#fff;color:var(--text)}.page-btn:hover{border-color:var(--primary);color:var(--primary)}.page-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.page-btn:disabled{opacity:.4;cursor:not-allowed}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .15s ease}.modal{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);max-height:90vh;overflow-y:auto;position:relative;animation:slideUp .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.spinner{width:20px;height:20px;border:2px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .6s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.loading-center{display:flex;align-items:center;justify-content:center;padding:60px;gap:12px;color:var(--text-secondary)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:12px;color:var(--text-secondary)}.empty-state .empty-icon{font-size:48px;opacity:.4}.empty-state p{font-size:15px}.toast-container{position:fixed;top:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:8px}.toast{padding:12px 20px;border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);font-size:14px;font-weight:500;animation:slideInRight .2s ease;max-width:320px}.toast-success{background:#f0fdf4;color:#166534;border:1px solid #bbf7d0}.toast-error{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}.toast-info{background:#eff6ff;color:#1e40af;border:1px solid #bfdbfe}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@layer components{.flex{display:flex}.flex-col{display:flex;flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.text-sm{font-size:13px}.text-xs{font-size:12px}.text-muted{color:var(--text-secondary)}.text-primary{color:var(--primary)}.text-danger{color:var(--danger)}.text-success{color:var(--success)}.font-bold{font-weight:700}.font-semibold{font-weight:600}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.w-full{width:100%}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-4{margin-top:16px}.mb-2{margin-bottom:8px}.mb-4{margin-bottom:16px}.p-4{padding:16px}.rounded{border-radius:var(--radius-sm)}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}}/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-50:oklch(97.1% .013 17.38);--color-red-100:oklch(93.6% .032 17.717);--color-red-200:oklch(88.5% .062 18.334);--color-red-400:oklch(70.4% .191 22.216);--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-red-700:oklch(50.5% .213 27.518);--color-amber-50:oklch(98.7% .022 95.277);--color-amber-100:oklch(96.2% .059 95.617);--color-amber-200:oklch(92.4% .12 95.746);--color-amber-300:oklch(87.9% .169 91.605);--color-amber-400:oklch(82.8% .189 84.429);--color-amber-500:oklch(76.9% .188 70.08);--color-amber-600:oklch(66.6% .179 58.318);--color-amber-700:oklch(55.5% .163 48.998);--color-amber-800:oklch(47.3% .137 46.201);--color-amber-900:oklch(41.4% .112 45.904);--color-lime-400:oklch(84.1% .238 128.85);--color-emerald-50:oklch(97.9% .021 166.113);--color-emerald-600:oklch(59.6% .145 163.225);--color-blue-50:oklch(97% .014 254.604);--color-blue-100:oklch(93.2% .032 255.585);--color-blue-200:oklch(88.2% .059 254.128);--color-blue-300:oklch(80.9% .105 251.813);--color-blue-400:oklch(70.7% .165 254.624);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-blue-700:oklch(48.8% .243 264.376);--color-violet-50:oklch(96.9% .016 293.756);--color-violet-100:oklch(94.3% .029 294.588);--color-violet-200:oklch(89.4% .057 293.283);--color-violet-300:oklch(81.1% .111 293.571);--color-violet-400:oklch(70.2% .183 293.541);--color-violet-500:oklch(60.6% .25 292.717);--color-violet-600:oklch(54.1% .281 293.009);--color-violet-700:oklch(49.1% .27 292.581);--color-violet-800:oklch(43.2% .232 292.759);--color-slate-300:oklch(86.9% .022 252.894);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-800:oklch(27.8% .033 256.848);--color-gray-900:oklch(21% .034 264.665);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-sm:24rem;--container-md:28rem;--container-2xl:42rem;--container-3xl:48rem;--container-5xl:64rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height: 1.2 ;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-tight:-.025em;--tracking-wider:.05em;--leading-relaxed:1.625;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--blur-sm:8px;--blur-md:12px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.inset-0{top:0;right:0;bottom:0;left:0}.inset-x-0{inset-inline:0}.top-0{top:0}.top-0\.5{top:calc(var(--spacing) * .5)}.top-1{top:var(--spacing)}.top-1\/2{top:50%}.top-2{top:calc(var(--spacing) * 2)}.top-3{top:calc(var(--spacing) * 3)}.top-4{top:calc(var(--spacing) * 4)}.top-5{top:calc(var(--spacing) * 5)}.top-full{top:100%}.right-0{right:0}.right-0\.5{right:calc(var(--spacing) * .5)}.right-1{right:var(--spacing)}.right-2{right:calc(var(--spacing) * 2)}.right-4{right:calc(var(--spacing) * 4)}.right-5{right:calc(var(--spacing) * 5)}.bottom-0{bottom:0}.bottom-2{bottom:calc(var(--spacing) * 2)}.bottom-2\.5{bottom:calc(var(--spacing) * 2.5)}.bottom-4{bottom:calc(var(--spacing) * 4)}.bottom-6{bottom:calc(var(--spacing) * 6)}.bottom-full{bottom:100%}.left-0{left:0}.left-1{left:var(--spacing)}.left-1\/2{left:50%}.left-2{left:calc(var(--spacing) * 2)}.left-3{left:calc(var(--spacing) * 3)}.left-4{left:calc(var(--spacing) * 4)}.left-20{left:calc(var(--spacing) * 20)}.left-full{left:100%}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-\[60\]{z-index:60}.z-\[90\]{z-index:90}.z-\[9999\]{z-index:9999}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.mx-auto{margin-inline:auto}.my-2{margin-block:calc(var(--spacing) * 2)}.my-3{margin-block:calc(var(--spacing) * 3)}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:var(--spacing)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--spacing)}.mb-1\.5{margin-bottom:calc(var(--spacing) * 1.5)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-2\.5{margin-bottom:calc(var(--spacing) * 2.5)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.mb-10{margin-bottom:calc(var(--spacing) * 10)}.-ml-2{margin-left:calc(var(--spacing) * -2)}.ml-1{margin-left:var(--spacing)}.ml-auto{margin-left:auto}.box-border{box-sizing:border-box}.line-clamp-3{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-4{-webkit-line-clamp:4;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-flex{display:inline-flex}.aspect-\[3\/4\]{aspect-ratio:3/4}.aspect-square{aspect-ratio:1}.h-0\.5{height:calc(var(--spacing) * .5)}.h-3\.5{height:calc(var(--spacing) * 3.5)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-11{height:calc(var(--spacing) * 11)}.h-12{height:calc(var(--spacing) * 12)}.h-14{height:calc(var(--spacing) * 14)}.h-16{height:calc(var(--spacing) * 16)}.h-24{height:calc(var(--spacing) * 24)}.h-\[calc\(100\%-2rem\)\]{height:calc(100% - 2rem)}.h-auto{height:auto}.h-full{height:100%}.h-screen{height:100vh}.max-h-40{max-height:calc(var(--spacing) * 40)}.max-h-64{max-height:calc(var(--spacing) * 64)}.max-h-\[60vh\]{max-height:60vh}.max-h-\[85vh\]{max-height:85vh}.max-h-\[90vh\]{max-height:90vh}.max-h-\[min\(820px\,90vh\)\]{max-height:min(820px,90vh)}.max-h-full{max-height:100%}.min-h-0{min-height:0}.min-h-\[88px\]{min-height:88px}.min-h-full{min-height:100%}.w-3\.5{width:calc(var(--spacing) * 3.5)}.w-4{width:calc(var(--spacing) * 4)}.w-5{width:calc(var(--spacing) * 5)}.w-6{width:calc(var(--spacing) * 6)}.w-7{width:calc(var(--spacing) * 7)}.w-8{width:calc(var(--spacing) * 8)}.w-9{width:calc(var(--spacing) * 9)}.w-10{width:calc(var(--spacing) * 10)}.w-11{width:calc(var(--spacing) * 11)}.w-12{width:calc(var(--spacing) * 12)}.w-14{width:calc(var(--spacing) * 14)}.w-16{width:calc(var(--spacing) * 16)}.w-24{width:calc(var(--spacing) * 24)}.w-28{width:calc(var(--spacing) * 28)}.w-36{width:calc(var(--spacing) * 36)}.w-52{width:calc(var(--spacing) * 52)}.w-60{width:calc(var(--spacing) * 60)}.w-64{width:calc(var(--spacing) * 64)}.w-72{width:calc(var(--spacing) * 72)}.w-80{width:calc(var(--spacing) * 80)}.w-\[22rem\]{width:22rem}.w-\[min\(420px\,calc\(100\%-6rem\)\)\]{width:min(420px,100% - 6rem)}.w-\[min\(560px\,calc\(100\%-2rem\)\)\]{width:min(560px,100% - 2rem)}.w-\[min\(960px\,calc\(100\%-3rem\)\)\]{width:min(960px,100% - 3rem)}.w-auto{width:auto}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.max-w-3xl{max-width:var(--container-3xl)}.max-w-5xl{max-width:var(--container-5xl)}.max-w-\[8\.5rem\]{max-width:8.5rem}.max-w-\[9\.5rem\]{max-width:9.5rem}.max-w-\[11rem\]{max-width:11rem}.max-w-\[14rem\]{max-width:14rem}.max-w-\[75\%\]{max-width:75%}.max-w-\[90vw\]{max-width:90vw}.max-w-full{max-width:100%}.max-w-md{max-width:var(--container-md)}.max-w-sm{max-width:var(--container-sm)}.min-w-0{min-width:0}.min-w-4{min-width:calc(var(--spacing) * 4)}.min-w-\[2\.25rem\]{min-width:2.25rem}.min-w-\[12rem\]{min-width:12rem}.min-w-\[13rem\]{min-width:13rem}.min-w-\[128px\]{min-width:128px}.min-w-\[140px\]{min-width:140px}.min-w-\[160px\]{min-width:160px}.min-w-\[168px\]{min-width:168px}.flex-1{flex:1}.shrink-0{flex-shrink:0}.-translate-x-1\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.scale-95{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}.scale-105{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}.rotate-90{rotate:90deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-pulse{animation:var(--animate-pulse)}.cursor-crosshair{cursor:crosshair}.cursor-default{cursor:default}.cursor-grab{cursor:grab}.cursor-grabbing{cursor:grabbing}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.resize{resize:both}.resize-none{resize:none}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}:where(.space-y-0\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * .5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * .5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-8>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)))}.self-stretch{align-self:stretch}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-\[2px\]{border-radius:2px}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-\[1\.5px\]{border-style:var(--tw-border-style);border-width:1.5px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-amber-100{border-color:var(--color-amber-100)}.border-amber-200{border-color:var(--color-amber-200)}.border-amber-500{border-color:var(--color-amber-500)}.border-blue-100{border-color:var(--color-blue-100)}.border-blue-200{border-color:var(--color-blue-200)}.border-blue-400{border-color:var(--color-blue-400)}.border-blue-500{border-color:var(--color-blue-500)}.border-blue-600{border-color:var(--color-blue-600)}.border-gray-50{border-color:var(--color-gray-50)}.border-gray-100{border-color:var(--color-gray-100)}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-300{border-color:var(--color-gray-300)}.border-gray-400{border-color:var(--color-gray-400)}.border-gray-500{border-color:var(--color-gray-500)}.border-gray-600{border-color:var(--color-gray-600)}.border-lime-400{border-color:var(--color-lime-400)}.border-red-100{border-color:var(--color-red-100)}.border-red-200{border-color:var(--color-red-200)}.border-slate-300\/80{border-color:#cad5e2cc}@supports (color:color-mix(in lab,red,red)){.border-slate-300\/80{border-color:color-mix(in oklab,var(--color-slate-300) 80%,transparent)}}.border-transparent{border-color:#0000}.border-violet-100{border-color:var(--color-violet-100)}.border-violet-200{border-color:var(--color-violet-200)}.border-violet-500{border-color:var(--color-violet-500)}.border-white\/10{border-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.border-white\/10{border-color:color-mix(in oklab,var(--color-white) 10%,transparent)}}.border-white\/15{border-color:#ffffff26}@supports (color:color-mix(in lab,red,red)){.border-white\/15{border-color:color-mix(in oklab,var(--color-white) 15%,transparent)}}.bg-\[\#1a1a1e\]\/95{background-color:#1a1a1ef2}.bg-\[\#e4e7ed\]{background-color:#e4e7ed}.bg-\[\#f0f0f0\]{background-color:#f0f0f0}.bg-\[\#f5f5f5\]{background-color:#f5f5f5}.bg-\[\#f7f7f8\]{background-color:#f7f7f8}.bg-\[\#f9f9f9\]{background-color:#f9f9f9}.bg-amber-50{background-color:var(--color-amber-50)}.bg-amber-500{background-color:var(--color-amber-500)}.bg-black{background-color:var(--color-black)}.bg-black\/40{background-color:#0006}@supports (color:color-mix(in lab,red,red)){.bg-black\/40{background-color:color-mix(in oklab,var(--color-black) 40%,transparent)}}.bg-black\/45{background-color:#00000073}@supports (color:color-mix(in lab,red,red)){.bg-black\/45{background-color:color-mix(in oklab,var(--color-black) 45%,transparent)}}.bg-black\/50{background-color:#00000080}@supports (color:color-mix(in lab,red,red)){.bg-black\/50{background-color:color-mix(in oklab,var(--color-black) 50%,transparent)}}.bg-black\/55{background-color:#0000008c}@supports (color:color-mix(in lab,red,red)){.bg-black\/55{background-color:color-mix(in oklab,var(--color-black) 55%,transparent)}}.bg-black\/75{background-color:#000000bf}@supports (color:color-mix(in lab,red,red)){.bg-black\/75{background-color:color-mix(in oklab,var(--color-black) 75%,transparent)}}.bg-blue-50{background-color:var(--color-blue-50)}.bg-blue-500{background-color:var(--color-blue-500)}.bg-blue-500\/10{background-color:#3080ff1a}@supports (color:color-mix(in lab,red,red)){.bg-blue-500\/10{background-color:color-mix(in oklab,var(--color-blue-500) 10%,transparent)}}.bg-blue-600{background-color:var(--color-blue-600)}.bg-emerald-50{background-color:var(--color-emerald-50)}.bg-emerald-600{background-color:var(--color-emerald-600)}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-50\/50{background-color:#f9fafb80}@supports (color:color-mix(in lab,red,red)){.bg-gray-50\/50{background-color:color-mix(in oklab,var(--color-gray-50) 50%,transparent)}}.bg-gray-50\/60{background-color:#f9fafb99}@supports (color:color-mix(in lab,red,red)){.bg-gray-50\/60{background-color:color-mix(in oklab,var(--color-gray-50) 60%,transparent)}}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-200{background-color:var(--color-gray-200)}.bg-gray-200\/70{background-color:#e5e7ebb3}@supports (color:color-mix(in lab,red,red)){.bg-gray-200\/70{background-color:color-mix(in oklab,var(--color-gray-200) 70%,transparent)}}.bg-gray-800{background-color:var(--color-gray-800)}.bg-gray-900{background-color:var(--color-gray-900)}.bg-red-50{background-color:var(--color-red-50)}.bg-red-500{background-color:var(--color-red-500)}.bg-transparent{background-color:#0000}.bg-violet-50{background-color:var(--color-violet-50)}.bg-violet-50\/30{background-color:#f5f3ff4d}@supports (color:color-mix(in lab,red,red)){.bg-violet-50\/30{background-color:color-mix(in oklab,var(--color-violet-50) 30%,transparent)}}.bg-violet-100{background-color:var(--color-violet-100)}.bg-violet-600{background-color:var(--color-violet-600)}.bg-white{background-color:var(--color-white)}.bg-white\/5{background-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){.bg-white\/5{background-color:color-mix(in oklab,var(--color-white) 5%,transparent)}}.bg-white\/15{background-color:#ffffff26}@supports (color:color-mix(in lab,red,red)){.bg-white\/15{background-color:color-mix(in oklab,var(--color-white) 15%,transparent)}}.bg-white\/95{background-color:#fffffff2}@supports (color:color-mix(in lab,red,red)){.bg-white\/95{background-color:color-mix(in oklab,var(--color-white) 95%,transparent)}}.fill-current{fill:currentColor}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.p-0\.5{padding:calc(var(--spacing) * .5)}.p-1{padding:var(--spacing)}.p-1\.5{padding:calc(var(--spacing) * 1.5)}.p-2{padding:calc(var(--spacing) * 2)}.p-3{padding:calc(var(--spacing) * 3)}.p-3\.5{padding:calc(var(--spacing) * 3.5)}.p-4{padding:calc(var(--spacing) * 4)}.p-6{padding:calc(var(--spacing) * 6)}.px-1{padding-inline:var(--spacing)}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-3\.5{padding-inline:calc(var(--spacing) * 3.5)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:var(--spacing)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-5{padding-block:calc(var(--spacing) * 5)}.py-8{padding-block:calc(var(--spacing) * 8)}.py-12{padding-block:calc(var(--spacing) * 12)}.py-16{padding-block:calc(var(--spacing) * 16)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-6{padding-top:calc(var(--spacing) * 6)}.pr-2{padding-right:calc(var(--spacing) * 2)}.pr-3{padding-right:calc(var(--spacing) * 3)}.pr-8{padding-right:calc(var(--spacing) * 8)}.pr-9{padding-right:calc(var(--spacing) * 9)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pb-8{padding-bottom:calc(var(--spacing) * 8)}.pb-32{padding-bottom:calc(var(--spacing) * 32)}.pl-0\.5{padding-left:calc(var(--spacing) * .5)}.pl-2{padding-left:calc(var(--spacing) * 2)}.pl-3{padding-left:calc(var(--spacing) * 3)}.pl-9{padding-left:calc(var(--spacing) * 9)}.text-center{text-align:center}.text-left{text-align:left}.font-mono{font-family:var(--font-mono)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[9px\]{font-size:9px}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[15px\]{font-size:15px}.leading-none{--tw-leading:1;line-height:1}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.whitespace-pre-wrap{white-space:pre-wrap}.text-amber-600{color:var(--color-amber-600)}.text-amber-700{color:var(--color-amber-700)}.text-amber-800{color:var(--color-amber-800)}.text-amber-900{color:var(--color-amber-900)}.text-blue-600{color:var(--color-blue-600)}.text-blue-700{color:var(--color-blue-700)}.text-emerald-600{color:var(--color-emerald-600)}.text-gray-100{color:var(--color-gray-100)}.text-gray-300{color:var(--color-gray-300)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-gray-800{color:var(--color-gray-800)}.text-gray-900{color:var(--color-gray-900)}.text-red-400{color:var(--color-red-400)}.text-red-500{color:var(--color-red-500)}.text-red-600{color:var(--color-red-600)}.text-red-700{color:var(--color-red-700)}.text-violet-100{color:var(--color-violet-100)}.text-violet-500{color:var(--color-violet-500)}.text-violet-600{color:var(--color-violet-600)}.text-violet-700{color:var(--color-violet-700)}.text-violet-800{color:var(--color-violet-800)}.text-white{color:var(--color-white)}.text-white\/35{color:#ffffff59}@supports (color:color-mix(in lab,red,red)){.text-white\/35{color:color-mix(in oklab,var(--color-white) 35%,transparent)}}.text-white\/40{color:#fff6}@supports (color:color-mix(in lab,red,red)){.text-white\/40{color:color-mix(in oklab,var(--color-white) 40%,transparent)}}.text-white\/50{color:#ffffff80}@supports (color:color-mix(in lab,red,red)){.text-white\/50{color:color-mix(in oklab,var(--color-white) 50%,transparent)}}.text-white\/60{color:#fff9}@supports (color:color-mix(in lab,red,red)){.text-white\/60{color:color-mix(in oklab,var(--color-white) 60%,transparent)}}.text-white\/70{color:#ffffffb3}@supports (color:color-mix(in lab,red,red)){.text-white\/70{color:color-mix(in oklab,var(--color-white) 70%,transparent)}}.text-white\/90{color:#ffffffe6}@supports (color:color-mix(in lab,red,red)){.text-white\/90{color:color-mix(in oklab,var(--color-white) 90%,transparent)}}.opacity-0{opacity:0}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-100{opacity:1}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-2{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-amber-200{--tw-ring-color:var(--color-amber-200)}.ring-blue-200{--tw-ring-color:var(--color-blue-200)}.ring-blue-400{--tw-ring-color:var(--color-blue-400)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-blur{--tw-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-\[2px\]{--tw-backdrop-blur:blur(2px);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-md{--tw-backdrop-blur:blur(var(--blur-md));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.delay-100{transition-delay:.1s}.delay-200{transition-delay:.2s}.outline-none{--tw-outline-style:none;outline-style:none}.ring-inset{--tw-ring-inset:inset}@media (hover:hover){.group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}}.placeholder\:text-gray-400::placeholder{color:var(--color-gray-400)}@media (hover:hover){.hover\:border-amber-300:hover{border-color:var(--color-amber-300)}.hover\:border-blue-300:hover{border-color:var(--color-blue-300)}.hover\:border-blue-400:hover{border-color:var(--color-blue-400)}.hover\:border-gray-200:hover{border-color:var(--color-gray-200)}.hover\:border-gray-300:hover{border-color:var(--color-gray-300)}.hover\:border-violet-300:hover{border-color:var(--color-violet-300)}.hover\:bg-amber-100:hover{background-color:var(--color-amber-100)}.hover\:bg-amber-600:hover{background-color:var(--color-amber-600)}.hover\:bg-black\/70:hover{background-color:#000000b3}@supports (color:color-mix(in lab,red,red)){.hover\:bg-black\/70:hover{background-color:color-mix(in oklab,var(--color-black) 70%,transparent)}}.hover\:bg-blue-50:hover{background-color:var(--color-blue-50)}.hover\:bg-blue-100:hover{background-color:var(--color-blue-100)}.hover\:bg-blue-700:hover{background-color:var(--color-blue-700)}.hover\:bg-gray-50:hover{background-color:var(--color-gray-50)}.hover\:bg-gray-100:hover{background-color:var(--color-gray-100)}.hover\:bg-gray-200:hover{background-color:var(--color-gray-200)}.hover\:bg-gray-200\/50:hover{background-color:#e5e7eb80}@supports (color:color-mix(in lab,red,red)){.hover\:bg-gray-200\/50:hover{background-color:color-mix(in oklab,var(--color-gray-200) 50%,transparent)}}.hover\:bg-gray-300\/60:hover{background-color:#d1d5dc99}@supports (color:color-mix(in lab,red,red)){.hover\:bg-gray-300\/60:hover{background-color:color-mix(in oklab,var(--color-gray-300) 60%,transparent)}}.hover\:bg-gray-700:hover{background-color:var(--color-gray-700)}.hover\:bg-gray-800:hover{background-color:var(--color-gray-800)}.hover\:bg-red-50:hover{background-color:var(--color-red-50)}.hover\:bg-red-600:hover{background-color:var(--color-red-600)}.hover\:bg-violet-50:hover{background-color:var(--color-violet-50)}.hover\:bg-violet-100:hover{background-color:var(--color-violet-100)}.hover\:bg-violet-700:hover{background-color:var(--color-violet-700)}.hover\:bg-white\/10:hover{background-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.hover\:bg-white\/10:hover{background-color:color-mix(in oklab,var(--color-white) 10%,transparent)}}.hover\:bg-white\/25:hover{background-color:#ffffff40}@supports (color:color-mix(in lab,red,red)){.hover\:bg-white\/25:hover{background-color:color-mix(in oklab,var(--color-white) 25%,transparent)}}.hover\:text-blue-500:hover{color:var(--color-blue-500)}.hover\:text-blue-600:hover{color:var(--color-blue-600)}.hover\:text-gray-600:hover{color:var(--color-gray-600)}.hover\:text-gray-700:hover{color:var(--color-gray-700)}.hover\:text-gray-800:hover{color:var(--color-gray-800)}.hover\:text-gray-900:hover{color:var(--color-gray-900)}.hover\:text-red-500:hover{color:var(--color-red-500)}.hover\:text-red-700:hover{color:var(--color-red-700)}.hover\:text-violet-600:hover{color:var(--color-violet-600)}.hover\:text-white\/80:hover{color:#fffc}@supports (color:color-mix(in lab,red,red)){.hover\:text-white\/80:hover{color:color-mix(in oklab,var(--color-white) 80%,transparent)}}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-90:hover{opacity:.9}.hover\:shadow-md:hover{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:ring-2:hover{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:ring-blue-100:hover{--tw-ring-color:var(--color-blue-100)}}.focus\:border-amber-400:focus{border-color:var(--color-amber-400)}.focus\:border-blue-400:focus{border-color:var(--color-blue-400)}.focus\:border-gray-300:focus{border-color:var(--color-gray-300)}.focus\:border-gray-400:focus{border-color:var(--color-gray-400)}.focus\:border-violet-400:focus{border-color:var(--color-violet-400)}.focus\:bg-white:focus{background-color:var(--color-white)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.active\:cursor-grabbing:active{cursor:grabbing}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:bg-gray-300:disabled{background-color:var(--color-gray-300)}.disabled\:opacity-40:disabled{opacity:.4}.disabled\:opacity-50:disabled{opacity:.5}@media (min-width:40rem){.sm\:max-w-\[85\%\]{max-width:85%}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width:64rem){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}}html,body,#root{height:100%;min-height:100%}body{-webkit-font-smoothing:antialiased;color:#1a1a1a;background:#fff;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.markdown-body{overflow-wrap:anywhere;word-break:break-word;max-width:100%;font-size:15px;line-height:1.75}.markdown-body p{margin:.5em 0}.markdown-body ul,.markdown-body ol{margin:.5em 0;padding-left:1.5em}.markdown-body table{max-width:100%;display:block;overflow-x:auto}.markdown-inline-code{word-break:break-all;background:#f4f4f5;border-radius:4px;padding:2px 6px;font-size:.9em}.code-block{background:#f4f4f5;border:1px solid #e4e4e7;border-radius:8px;max-width:100%;position:relative}.code-block pre{white-space:pre-wrap;word-break:break-word;overflow-wrap:anywhere;margin:0;padding:36px 12px 12px;overflow-x:hidden}.code-block code{background:0 0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.85em;line-height:1.6}.code-block-lang{color:#71717a;text-transform:lowercase;font-size:11px;position:absolute;top:10px;left:12px}.code-block-copy{color:#52525b;cursor:pointer;opacity:0;background:#ffffffd9;border:none;border-radius:6px;align-items:center;gap:4px;padding:4px 8px;font-size:12px;transition:opacity .15s;display:inline-flex;position:absolute;top:8px;right:8px}.code-block:hover .code-block-copy,.code-block-copy:focus-visible{opacity:1}.code-block-copy:hover{color:#18181b;background:#fff}.konvajs-content canvas{display:block}:is(.canvas-fit-video:fullscreen){object-fit:contain;background:#000;width:100%;max-width:100%;height:100%;max-height:100%}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@keyframes pulse{50%{opacity:.5}}
