.layout{background:#f9fafb;display:flex;flex-direction:column;height:100vh;height:100dvh;overflow-x:hidden;overflow-y:auto;padding-bottom:var(--safe-area-bottom);position:relative}.layout.sidebar-collapse-immediate .logo-container,.layout.sidebar-collapse-immediate .nav-tools-label .nav-tools-title,.layout.sidebar-collapse-immediate .sidebar .nav-link,.layout.sidebar-collapse-immediate .sidebar .nav-link span,.layout.sidebar-collapse-immediate .sidebar .nav-section-title .title-left span,.layout.sidebar-collapse-immediate .sidebar-content{animation:none!important;transition:none!important}.collapsed-float-logo{align-items:center;display:inline-flex;height:60px;left:64px;position:fixed;top:0;z-index:1001}.navbar{background:#f9fafb;height:60px;left:0;position:sticky;right:0;top:0;z-index:1000}.navbar.navbar-top-only{background:#fff;box-shadow:0 1px #0000000a}.navbar-container{align-items:center;display:flex;height:100%;justify-content:space-between;max-width:100%}@media (min-width:1025px){.navbar-container{padding-right:24px}}@media (max-width:768px){.navbar{background:#fff;height:calc(60px + var(--safe-area-top));padding-top:var(--safe-area-top)}.navbar-container{padding:0 16px}}@media (min-width:769px){.logo-container{background:#fff;border-right:1px solid #e0e7ff;height:60px;padding:0 16px;width:241px}.logo-container.collapsed{padding:0 10px;width:65px!important}.logo-container.logo-no-sidebar{background:transparent;border-right:none;padding:0 16px;width:auto}.logo{padding:8px 12px}}.logo-container,.navbar-left{align-items:center;display:flex}.logo-container.collapsed{padding:0 10px;width:65px!important}.logo-container.collapsed .logo,.logo-container.collapsed .logo-text{display:none}.logo-container.collapsed .sidebar-collapse-btn{margin-left:6px;margin-right:0}.logo-container.collapsed .menu-icon{margin-left:6px}.logo-container .logo{flex:1;margin-right:8px;min-width:0}.logo-container .sidebar-collapse-btn{align-items:center;background:transparent;border:none;border-radius:6px;color:#111827;cursor:pointer;display:inline-flex;height:32px;justify-content:center;margin-left:auto;margin-right:0;transition:background-color .2s,color .2s;width:32px}.logo-container .sidebar-collapse-btn:hover{background:#f3f4f6}.logo-container .sidebar-collapse-icon{height:20px;width:20px}.logo-container .menu-icon{border-radius:4px;cursor:pointer;font-size:26px;margin-left:auto;padding:4px;transition:background-color .2s}.logo-container .menu-icon:hover{background:#f3f4f6}.login-icon-btn{align-items:center;background:#6a3bff;border:none;border-radius:9999px;box-shadow:0 4px 12px #3459ff40;color:#fff;cursor:pointer;display:inline-flex;height:36px;justify-content:center;transition:box-shadow .2s ease,transform .15s ease;width:36px}.login-icon-btn:hover{box-shadow:0 6px 14px #3459ff59}.login-icon-btn:active{box-shadow:0 3px 10px #3459ff47;transform:translateY(.5px)}.login-icon-btn svg{color:#fff;height:18px;width:18px}.back-button{align-items:center;background:transparent;border:none;color:#111827;cursor:pointer;display:flex;font-size:16px;font-weight:500;gap:6px;left:32px;position:fixed;top:76px;transition:all .2s ease}.back-button .back-icon-container{align-items:center;background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:6px;display:flex;height:28px;justify-content:center;width:28px}.back-button .back-icon{color:#111827;font-size:16px;transition:all .2s ease}.back-button:active{box-shadow:0 2px 6px #8b5cf61a;transform:translateY(0)}.navbar-right{align-items:center;color:#111827;display:flex;gap:16px}.history-entry{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:18px;box-shadow:0 2px 8px #0000000a;cursor:pointer;display:inline-flex;gap:8px;height:34px;padding:0 10px}.history-entry:hover{background:#eef2ff}.history-entry .history-label{color:#374151;font-size:14px}.history-entry :deep(.el-tooltip__trigger){align-items:center;display:inline-flex}.history-entry .tongzhi-icon{color:#6a3bff;height:18px;width:18px}.drawer-content .nav-section-title,.sidebar .nav-section-title{align-items:center;background:transparent;border:none;border-radius:8px;color:#111827;cursor:pointer;display:flex;font-family:inherit;font-size:14px;font-weight:500;justify-content:space-between;padding:8px 12px;width:100%}.drawer-content .nav-section-title{-moz-appearance:none;appearance:none;-webkit-appearance:none;box-shadow:none;outline:none}.drawer-content .nav-section-title:hover{background:#f3f4f6}.drawer-content .nav-section-title .chev{opacity:.7;transition:transform .18s ease}.drawer-content .nav-section-title .chev.open{opacity:1;transform:rotate(180deg)}.drawer-content .nav-section-title .title-left{align-items:center;display:flex;gap:8px}.drawer-content .nav-section-title .title-left .nav-icon{height:20px;min-width:20px;width:20px}.drawer-content .nav-section-title .title-left span{line-height:20px}.sidebar .nav-section-title:hover{background:#f3f4f6}.sidebar .nav-section-title .chev{opacity:.7;transition:transform .18s ease}.sidebar .nav-section-title .chev.open{opacity:1;transform:rotate(180deg)}.sidebar .nav-section-title .title-left{align-items:center;display:flex;gap:8px}.sidebar .nav-section-title .title-left .nav-icon{height:20px;min-width:20px;width:20px}.sidebar .nav-section-title .title-left span{line-height:20px}.drawer-content .nav-section-title .nav-icon,.sidebar .nav-section-title .nav-icon{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round}.drawer-content .nav-section-title .nav-icon--filled,.sidebar .nav-section-title .nav-icon--filled{fill:currentColor!important;stroke:none!important}.drawer-content .nav-icon,.sidebar .nav-icon{stroke-width:2.1}.logo,.user-section{align-items:center;display:flex}.logo{font-size:24px;font-weight:800;gap:8px;letter-spacing:.02em;line-height:1.1;text-decoration:none}.logo .logo-text{color:#6366f1;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;padding-right:12px}.credits-display{align-items:center;display:flex;gap:12px}.credits-value{align-items:center;background:#6a3bff;border-radius:18px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:4px;height:34px;padding:0 10px}.credits-value .credits-icon{color:#fff;flex-shrink:0;height:18px;width:18px}.subscribe-btn{background:#6a3bff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;height:40px;padding:0 16px;transition:background .2s}.subscribe-btn:hover{background:#7c3aed}.login-btn{background:transparent;border:1px solid #d1d5db;border-radius:8px;color:#111827;cursor:pointer;font-size:16px;font-weight:500;height:34px;padding:0 14px;transition:all .2s}.login-btn:hover{background:#f9fafb}.user-avatar{border-radius:50%;cursor:pointer;height:30px;overflow:hidden;width:30px}.user-avatar img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.icon-btn{align-items:center;background:transparent;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:inline-flex;height:32px;justify-content:center;transition:background .2s;width:32px}.icon-btn:hover{background:#f3f4f6}.icon-btn svg{height:16px;width:16px}.language-btn{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:9999px;color:#111827;cursor:pointer;display:inline-flex;gap:6px;height:34px;margin-right:14px;padding:0 10px;position:relative;transition:box-shadow .2s ease,background .2s ease}.language-btn:hover{background:#f8fafc;box-shadow:0 4px 10px #0f172a14}.language-button-svg{display:block}.language-text{bottom:5px;font-size:12px;font-weight:700;letter-spacing:.02em;position:absolute;right:2.5px}@media (max-width:768px){.language-btn{height:30px;padding:0 8px}.language-button-svg{height:16px;width:16px}.language-text{bottom:2px;font-size:11px;right:2px}}.tongzhi-icon{color:#111827;cursor:pointer;height:26px;width:1.5em}.layout-content{display:flex;flex:1;overflow:hidden}.sidebar{background:#fff;border-right:1px solid #e0e7ff;overflow-x:visible;overflow-y:hidden;z-index:900}.sidebar.sidebar-topnav-overlay{box-sizing:border-box;padding-top:60px}.sidebar-flex{display:flex;flex-direction:column;height:100%;position:relative}.sidebar-flex.p-small{padding:20px 12px}.sidebar-content{padding:8px 16px;width:240px}.sidebar.collapsed .sidebar-content{padding:8px 10px;width:64px}.sidebar.collapsed .nav-link{gap:0;justify-content:center}.sidebar.collapsed .nav-section-title .chev,.sidebar.collapsed .nav-tools-label{display:none}.sidebar.collapsed .nav-section-title .title-left{gap:0}.sidebar.collapsed .sidebar-footer{display:none}.sidebar-nav{flex:1;overflow-y:auto;padding-bottom:88px;padding-right:4px;-ms-overflow-style:none;scrollbar-width:none}.sidebar-nav::-webkit-scrollbar{height:0;width:0}.nav-section--my-creation{margin-bottom:12px;margin-top:0;padding-bottom:4px}.nav-tools-label{margin-bottom:12px;padding:4px 0 6px}.nav-tools-label.with-switch{justify-content:flex-start}.nav-mode-switch,.nav-tools-label.with-switch{align-items:center;display:flex;gap:12px}.nav-mode-link{background:transparent;border:none;color:#6b7280;cursor:pointer;font-size:11px;font-weight:600;letter-spacing:.05em;padding:6px 0;position:relative;text-transform:uppercase;transition:color .15s ease}.nav-mode-link:hover{color:#374151}.nav-mode-link.active{color:#111827}.nav-mode-link.active:after{background:#6a3bff;transform:scaleX(1);transform-origin:center}.nav-mode-link.active:after,.nav-mode-link:not(.active):after{border-radius:999px;bottom:-4px;content:"";height:2px;left:0;position:absolute;right:0;transition:transform .18s ease}.nav-mode-link:not(.active):after{background:#0f172a;transform:scaleX(0);transform-origin:center}.nav-tools-title{color:#6b7280;font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.nav-section-title{color:#64748b;font-size:12px;font-weight:500;letter-spacing:.05em;margin-bottom:4px;overflow:visible;padding:0 12px;text-overflow:clip;white-space:nowrap}.nav-link{align-items:center;background:transparent;border:1px solid transparent;border-radius:8px;color:#111827;cursor:pointer;display:flex;font-family:inherit;font-size:14px;font-weight:500;gap:8px;margin-bottom:2px;padding:8px 12px;position:relative;text-decoration:none;transition:all .2s;width:100%}.nav-link:hover{background:#f3f4f6;color:#111827}.nav-link.active{background:linear-gradient(270deg,#6a3bff1a,#3459ff1a 99%),#fff;border:1px solid #6a3bff;-o-border-image:initial;border-image:initial;border-radius:8px;box-sizing:border-box;color:#6a3bff;font-weight:700}.nav-link.active .icon{color:#6a3bff}.nav-link.active:hover{background:linear-gradient(270deg,#6a3bff1a,#3459ff1a 99%),#fff;border-color:#6a3bff;color:#6a3bff}.nav-link .nav-icon{height:20px;min-width:20px;width:20px}.nav-link span{flex:1;line-height:20px;max-width:none;min-width:0;opacity:1;overflow:visible;text-align:left;text-overflow:clip;white-space:nowrap}.nav-link .nav-text-with-badge{align-items:center;display:inline-flex;flex:0 0 auto;gap:6px;min-width:0}.nav-link .nav-text{flex:0 0 auto;white-space:nowrap}.nav-link .nav-beta-badge{align-items:center;background-color:#effaf5;border:1px solid #86efac;border-radius:12px;color:#179a65;display:inline-flex;flex-shrink:0;font-size:10px;font-weight:600;justify-content:center;padding:1px 8px;position:relative;white-space:nowrap}.nav-link .nav-beta-badge:before{background-color:#22c55e;border-radius:50%;content:"";display:inline-block;height:4px;margin-right:4px;width:4px}.sidebar.collapsed .nav-link span{max-width:0;opacity:0}.sidebar:not(.collapsed) .nav-link .nav-text-with-badge,.sidebar:not(.collapsed) .nav-link .nav-text-with-badge span{max-width:none!important;opacity:1!important}.sidebar .nav-section-title .title-left span{max-width:none;overflow:visible;text-overflow:clip;white-space:nowrap}.sidebar.collapsed .nav-section-title .title-left span{max-width:0;opacity:0}.nav-link.light{color:#6b7280;font-weight:500}.nav-link.light.active{color:#6a3bff}.nav-link.light:hover{background:#f7f7fb;color:#111827}.nav-link.light span{padding-left:28px}.recent-item{padding-right:30px;position:relative}.recent-item .recent-link{color:inherit;display:flex;flex:1;text-decoration:none}.recent-close{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:50%;color:#9ca3af;cursor:pointer;display:inline-flex;font-size:12px;height:20px;justify-content:center;line-height:1;opacity:0;pointer-events:none;position:absolute;right:8px;top:50%;transform:translateY(-50%) scale(.96);transition:opacity .18s ease,transform .18s ease,border-color .18s ease,color .18s ease,background-color .18s ease;visibility:hidden;width:20px;z-index:2}.recent-item:hover .recent-close{opacity:1;pointer-events:auto;transform:translateY(-50%) scale(1);visibility:visible}.recent-close:hover{background:#f9fafb;border-color:#cbd5e1;color:#374151}@media (max-width:1024px){.drawer-content .recent-close{opacity:1;pointer-events:auto;transform:translateY(-50%) scale(1);visibility:visible}}.nav-link.light.active:hover{background:linear-gradient(270deg,#6a3bff1a,#3459ff1a 99%),#fff;color:#6a3bff}.collapse-enter-from,.collapse-leave-to{height:0;opacity:0}.collapse-enter-active,.collapse-leave-active{overflow:hidden;transition:all .38s ease}.collapse-enter-to,.collapse-leave-from{height:var(--collapse-auto,auto);opacity:1}.group-content{--collapse-auto:auto}.deal-enter-from{opacity:0;transform:translateY(-6px)}.deal-enter-active{transition:opacity .32s ease,transform .32s ease;transition-delay:calc(var(--i, 0)*70ms)}.deal-enter-to{opacity:1;transform:translateY(0)}.deal-leave-active{transition:opacity .2s ease,transform .2s ease}.deal-leave-to{opacity:0;transform:translateY(-6px)}.drawer-footer,.sidebar-footer{border-top:1px solid #e5e7eb;margin-top:auto;padding-top:16px}.sidebar-footer{background:#fff;bottom:0;left:0;padding-bottom:8px;padding-left:16px;padding-right:16px;position:absolute;right:0;width:100%}.main-content{background:#f9fafb;flex:1;overflow-y:auto;position:relative;width:100%}.main-content.mobile{height:100%;margin-left:0;width:100%}.mobile-drawer-overlay{animation:fadeIn .3s ease-out;background:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:2200}.mobile-drawer{animation:slideIn .3s ease-out;background:#fff;bottom:0;box-shadow:2px 0 8px #00000026;display:flex;flex-direction:column;left:0;max-width:80vw;position:fixed;top:0;width:280px}.drawer-header{align-items:center;background:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;height:60px;justify-content:space-between;padding:0 16px}.close-btn{background:none;border:none;border-radius:4px;cursor:pointer;padding:8px;transition:background-color .2s}.close-btn:hover{background:#f3f4f6}.close-icon{color:#6b7280;height:20px;width:20px}.profile-dialog{border-radius:16px;display:flex;flex-direction:column;max-height:84dvh;--profile-dialog-body-padding:24px}.profile-dialog .el-dialog__header{border-bottom:1px solid #f0f0f0;margin-right:0;padding:20px 4px}.profile-dialog .el-dialog__body{flex:1;min-height:0;overflow-y:auto;padding:var(--profile-dialog-body-padding) 16px}.profile-dialog-overlay,.profile-dialog-overlay .el-overlay{overflow:hidden}.profile-dialog-overlay .el-overlay-dialog{align-items:center;display:flex;justify-content:center;min-height:100dvh;overflow:hidden}@media (max-width:1024px){.profile-dialog{margin:0 auto;max-height:80dvh!important;max-width:420px;width:90vw!important}.sidebar{display:none!important}.layout-content{margin-left:0!important}}.profile-dialog-header{align-items:center;display:flex;justify-content:space-between}.profile-dialog-title{color:#1f2937;font-size:18px;font-weight:600}.profile-dialog-close{align-items:center;background:transparent;border:none;border-radius:6px;color:#9ca3af;cursor:pointer;display:flex;font-size:20px;height:28px;justify-content:center;line-height:1;width:28px}.profile-dialog-close:hover{background:#f3f4f6;color:#6b7280}.drawer-content{display:flex;flex:1;flex-direction:column;overflow:hidden;padding:16px}.drawer-content .sidebar-nav{flex:1;overflow-y:auto;-ms-overflow-style:none;scrollbar-width:none}.drawer-content .sidebar-nav::-webkit-scrollbar{height:0;width:0}.upgrade-btn{background:linear-gradient(270deg,#6a3bff,#3459ff 99%);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 16px;width:100%}.upgrade-btn:hover{box-shadow:0 4px 12px #6a3bff4d}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}@media (max-width:768px){.logo-container{width:auto}.navbar-right{gap:8px}.history-entry{padding:8px}}@media (max-width:640px){.navbar-container{height:60px;padding:0 12px}.history-entry{background:transparent;border:none;box-shadow:none;height:auto;margin-right:6px;padding:0}.history-entry .tongzhi-icon{height:24px;width:24px}}.credits-value,.login-btn{padding:0 8px}:global(.download-panel-tooltip) .el-tooltip__popper{background:transparent!important;border:none!important;box-shadow:none!important;padding:0!important}.lead-content{background:#f9fafb;border-radius:8px;color:#111827;font-size:14px;font-weight:500;padding:16px}@media (max-width:1024px){.only-desktop{display:none!important}.only-mobile{display:inline-flex!important}}@media (min-width:1025px){.only-mobile{display:none!important}}.sidebar-mega-popper{background:transparent!important;border:none!important;box-shadow:none!important;padding:0!important}.sidebar-mega-popper .sidebar-mega-content{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0003;max-width:92vw;min-width:560px;padding:18px 18px 22px;width:-moz-fit-content;width:fit-content}