.login-page{min-height:100vh;width:100vw;display:flex;flex-direction:row;background:#fff;position:relative;overflow:hidden;--bg-color: #ffffff;--bg-secondary: #f9f9fa;--bg-tertiary: #f1f3f4;--text-main: #202124;--text-sub: #5f6368;--text-muted: #9aa0a6;--border-color: #e0e0e0;--border-light: #dadce0;--primary-color: #6366f1;--primary-light: rgba(99, 102, 241, .1);color-scheme:light}.bubbles-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:hidden}.bubble{position:absolute;border-radius:50%;background:linear-gradient(135deg,#6366f10f,#a855f70a);animation:float-bubble linear infinite}.bubble:nth-child(1){width:80px;height:80px;left:10%;animation-duration:25s;animation-delay:0s}.bubble:nth-child(2){width:120px;height:120px;left:25%;animation-duration:30s;animation-delay:-5s}.bubble:nth-child(3){width:60px;height:60px;left:40%;animation-duration:22s;animation-delay:-10s}.bubble:nth-child(4){width:150px;height:150px;left:55%;animation-duration:35s;animation-delay:-15s}.bubble:nth-child(5){width:90px;height:90px;left:70%;animation-duration:28s;animation-delay:-8s}.bubble:nth-child(6){width:70px;height:70px;left:85%;animation-duration:24s;animation-delay:-12s}.bubble:nth-child(7){width:100px;height:100px;left:5%;animation-duration:32s;animation-delay:-20s}.bubble:nth-child(8){width:50px;height:50px;left:95%;animation-duration:20s;animation-delay:-3s}@keyframes float-bubble{0%{transform:translateY(100vh) rotate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-100px) rotate(360deg);opacity:0}}.login-left{width:40%;min-width:40%;max-width:40%;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:40px;position:relative;z-index:1;background:#fff}.login-container{width:100%;max-width:380px;position:relative;z-index:1}.login-header{margin-bottom:40px}.login-logo{display:flex;align-items:center;gap:12px;margin-bottom:32px}.login-logo-icon{width:48px;height:48px;background:linear-gradient(135deg,#6366f1,#a855f7);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;color:#fff;font-weight:700}.login-logo-text{font-size:24px;font-weight:700;color:#1a1a2e}.login-title{font-size:32px;font-weight:700;color:#1a1a2e;margin:0 0 12px;line-height:1.2}.login-subtitle{font-size:16px;color:#6b7280;margin:0;line-height:1.5}.login-form{display:flex;flex-direction:column;gap:24px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:14px;font-weight:500;color:#374151}.form-group input{padding:14px 16px;border:1.5px solid #e5e7eb;border-radius:12px;font-size:15px;background:#fafafa;transition:all .2s ease;color:#1a1a2e}.form-group input:focus{outline:none;border-color:#6366f1;background:#fff;box-shadow:0 0 0 4px #6366f11a}.form-group input:disabled{background:#f3f4f6;cursor:not-allowed}.form-group input::placeholder{color:#9ca3af}.form-error{background:#fef2f2;color:#dc2626;padding:12px 16px;border-radius:10px;font-size:14px;border:1px solid #fecaca}.login-button{padding:16px 24px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 14px #6366f159}.login-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #6366f166}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{opacity:.7;cursor:not-allowed}.login-footer{margin-top:32px;text-align:center;font-size:14px;color:#6b7280}.toggle-button{background:none;border:none;color:#6366f1;font-size:14px;font-weight:600;cursor:pointer;padding:0;margin-left:4px;transition:color .2s}.toggle-button:hover{color:#4f46e5;text-decoration:underline}.login-right{width:60%;min-width:60%;max-width:60%;min-height:100vh;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.login-right-bg{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.login-right-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#6366f1d9,#8b5cf6d9)}.login-right-content{position:relative;z-index:1;padding:60px;color:#fff;max-width:520px}.login-right-title{font-size:36px;font-weight:700;margin:0 0 20px;line-height:1.3}.login-right-desc{font-size:18px;line-height:1.7;opacity:.95;margin:0 0 40px}.feature-list{display:flex;flex-direction:column;gap:20px}.feature-item{display:flex;align-items:flex-start;gap:16px}.feature-icon{width:44px;height:44px;background:#fff3;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.feature-text h4{font-size:16px;font-weight:600;margin:0 0 4px}.feature-text p{font-size:14px;margin:0;opacity:.85}@media (max-width: 1024px){.login-page{flex-direction:column}.login-left{width:100%;min-width:100%;max-width:100%;min-height:100vh;padding:40px 24px}.login-right{display:none}}@media (max-width: 640px){.login-left{padding:32px 20px}.login-title{font-size:26px}.login-logo-icon{width:40px;height:40px;font-size:20px}.login-logo-text{font-size:20px}}.crystal-cost{display:inline-flex;align-items:center;gap:3px;padding:0 6px;margin-left:6px;border-radius:4px;background:#fff3;color:inherit;font-weight:500;white-space:nowrap;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.crystal-cost-normal{font-size:12px;height:20px}.crystal-cost-small{font-size:11px;height:18px;padding:0 5px}.crystal-cost-insufficient{background:#ef44444d;color:#fecaca}.crystal-icon{width:12px;height:12px;flex-shrink:0;opacity:.9}.crystal-cost-small .crystal-icon{width:10px;height:10px}.crystal-value{display:inline-flex;align-items:center;gap:2px}.crystal-total{font-weight:600}.crystal-detail{opacity:.7;font-size:.85em;margin-left:1px}.crystal-badge{display:inline-flex;align-items:center;justify-content:center;gap:3px;min-width:20px;height:18px;padding:0 6px;border-radius:4px;background:#8b5cf626;color:#a78bfa;font-size:11px;font-weight:600;margin-left:auto}.crystal-badge-icon{width:10px;height:10px;flex-shrink:0}:root:not(.dark) .crystal-badge{background:#8b5cf61a;color:#7c3aed}:root:not(.dark) .crystal-cost-insufficient{background:#ef444426;color:#dc2626}.input-wrapper .crystal-cost{background:#8b5cf61f;color:#8b5cf6;border-radius:10px;padding:0 8px;height:22px;margin-left:8px;margin-right:4px;-webkit-backdrop-filter:none;backdrop-filter:none}.input-wrapper .crystal-cost .crystal-icon{width:11px;height:11px;stroke:#8b5cf6}.input-wrapper .crystal-cost .crystal-value{font-size:12px;font-weight:600}.input-wrapper .crystal-cost-insufficient{background:#ef44441f;color:#ef4444}.input-wrapper .crystal-cost-insufficient .crystal-icon{stroke:#ef4444}:root:not(.dark) .input-wrapper .crystal-cost{background:#8b5cf61a;color:#7c3aed}:root:not(.dark) .input-wrapper .crystal-cost .crystal-icon{stroke:#7c3aed}:root:not(.dark) .input-wrapper .crystal-cost-insufficient{background:#ef44441a;color:#dc2626}:root:not(.dark) .input-wrapper .crystal-cost-insufficient .crystal-icon{stroke:#dc2626}:root{--swiper-theme-color: #007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:#00000026}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,#00000080,#0000)}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color: #fff}.swiper-lazy-preloader-black{--swiper-preloader-color: #000}@keyframes swiper-preloader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.user-center-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px;animation:fadeIn .2s ease}.user-center-modal.horizontal{width:100%;max-width:800px;height:600px;background:var(--bg-primary, #1a1a2e);border-radius:16px;box-shadow:0 24px 80px #0006;display:flex;flex-direction:row;overflow:hidden;animation:scaleIn .3s cubic-bezier(.16,1,.3,1)}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.user-center-sidebar{width:180px;min-height:400px;flex-shrink:0;background:var(--bg-secondary, #16162a);display:flex;flex-direction:column;border-right:1px solid var(--border-color, rgba(255, 255, 255, .1));overflow:hidden}.sidebar-header{padding:20px 16px;border-bottom:1px solid var(--border-color, rgba(255, 255, 255, .1))}.crystal-balance{display:flex;align-items:center;gap:10px;padding:12px 14px;background:linear-gradient(135deg,#7c3aed33,#a855f726);border-radius:10px;border:1px solid rgba(168,85,247,.3)}.crystal-balance svg{color:#a855f7}.crystal-balance .balance-value{font-size:20px;font-weight:700;color:#fff}.sidebar-nav{flex:1;padding:12px 8px;display:flex;flex-direction:column;gap:4px}.nav-item{display:flex;align-items:center;gap:10px;padding:12px 14px;background:none;border:none;border-radius:10px;color:var(--text-secondary, rgba(255, 255, 255, .6));font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;text-align:left}.nav-item svg{width:18px;height:18px;flex-shrink:0}.nav-item:hover{color:var(--text-primary, #fff);background:#ffffff0d}.nav-item.active{color:#a855f7;background:#a855f726}.sidebar-close{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px;margin:8px;background:#ffffff0d;border:none;border-radius:10px;color:var(--text-secondary, rgba(255, 255, 255, .5));font-size:13px;cursor:pointer;transition:all .2s}.sidebar-close:hover{background:#ef444426;color:#f87171}.user-center-main{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.panel-content{flex:1;padding:24px;overflow-y:auto;overflow-x:hidden}.panel-title{margin:0 0 20px;font-size:18px;font-weight:600;color:var(--text-primary, #fff)}.user-center-message{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;margin:16px 16px 0;border-radius:8px;font-size:13px;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.user-center-message.success{background:#22c55e26;color:#4ade80;border:1px solid rgba(34,197,94,.3)}.user-center-message.error{background:#ef444426;color:#f87171;border:1px solid rgba(239,68,68,.3)}.user-center-message button{background:none;border:none;color:inherit;font-size:18px;cursor:pointer;opacity:.7;padding:0 4px}.user-center-message button:hover{opacity:1}.user-center-loading,.user-center-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:60px 20px;color:var(--text-secondary, rgba(255, 255, 255, .5))}.user-center-empty svg{opacity:.4}.loading-spinner{width:32px;height:32px;border:3px solid var(--border-color, rgba(255, 255, 255, .1));border-top-color:#a855f7;border-radius:50%;animation:spin .8s linear infinite}.loading-spinner.small{width:16px;height:16px;border-width:2px}.user-center-list{display:flex;flex-direction:column;gap:1px;background:var(--border-color, rgba(255, 255, 255, .06));border-radius:12px;overflow:hidden}.log-item{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:var(--bg-secondary, #16162a);transition:background .2s}.log-item:hover{background:var(--bg-hover, rgba(255, 255, 255, .05))}.log-reason{font-size:14px;font-weight:500;color:var(--text-primary, #fff)}.log-model{font-size:12px;color:var(--text-secondary, rgba(255, 255, 255, .5))}.log-time{font-size:12px;color:var(--text-muted, rgba(255, 255, 255, .4))}.log-right{text-align:right}.log-amount.positive{color:#4ade80}.log-amount.negative{color:#f87171}.log-balance{font-size:12px;color:var(--text-secondary, rgba(255, 255, 255, .5));margin-top:2px}.user-center-pagination{display:flex;align-items:center;justify-content:center;gap:16px;padding-top:20px}.pagination-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary, #16162a);border:1px solid var(--border-color, rgba(255, 255, 255, .1));border-radius:8px;color:var(--text-primary, #fff);cursor:pointer;transition:all .2s}.pagination-btn:hover:not(:disabled){background:#a855f7;border-color:#a855f7}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.pagination-info{font-size:13px;color:var(--text-secondary, rgba(255, 255, 255, .6))}.recharge-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;min-height:400px;height:100%}.recharge-placeholder>svg{width:80px;height:80px;color:var(--text-muted, rgba(255, 255, 255, .3));margin-bottom:20px}.recharge-placeholder h3{margin:0 0 8px;font-size:18px;font-weight:600;color:var(--text-primary, #fff)}.recharge-placeholder p{margin:0 0 24px;font-size:14px;color:var(--text-secondary, rgba(255, 255, 255, .5))}.recharge-tips{display:flex;flex-direction:column;gap:10px;padding:16px 20px;background:#a855f71a;border-radius:10px;border:1px solid rgba(168,85,247,.2)}.recharge-tips .tip-item{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-secondary, rgba(255, 255, 255, .7))}.recharge-tips .tip-item svg{color:#a855f7;flex-shrink:0}.checkin-content{display:flex;flex-direction:column;gap:20px}.checkin-card{display:flex;align-items:center;gap:16px;padding:20px;background:linear-gradient(135deg,#7c3aed26,#a855f71a);border:1px solid rgba(168,85,247,.3);border-radius:14px}.checkin-icon{width:52px;height:52px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#7c3aed,#a855f7);border-radius:12px;color:#fff;flex-shrink:0}.checkin-icon svg{width:26px;height:26px}.checkin-info{flex:1}.checkin-info h3{margin:0 0 4px;font-size:16px;font-weight:600;color:var(--text-primary, #fff)}.checkin-info p{margin:0;font-size:13px;color:var(--text-secondary, rgba(255, 255, 255, .6))}.checkin-info strong{color:#a855f7;font-weight:600}.checkin-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 22px;background:linear-gradient(135deg,#7c3aed,#a855f7);border:none;border-radius:10px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.checkin-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #7c3aed66}.checkin-btn:disabled{cursor:not-allowed}.checkin-btn.checked{background:#22c55e33;color:#4ade80}.checkin-calendar{background:var(--bg-secondary, #16162a);border-radius:12px;padding:16px}.calendar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.calendar-nav{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border:none;border-radius:8px;color:var(--text-secondary, rgba(255, 255, 255, .6));cursor:pointer;transition:all .2s}.calendar-nav:hover{background:#ffffff1a;color:var(--text-primary, #fff)}.calendar-title{font-size:15px;font-weight:600;color:var(--text-primary, #fff)}.calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:8px}.weekday{text-align:center;font-size:12px;color:var(--text-muted, rgba(255, 255, 255, .4));padding:6px 0}.calendar-days{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;transition:opacity .2s}.calendar-days.loading{opacity:.5}.calendar-day{position:relative;aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:13px;color:var(--text-primary, #fff);border-radius:8px;transition:background .2s}.calendar-day.other-month{color:var(--text-muted, rgba(255, 255, 255, .2))}.calendar-day.today{background:#a855f733;border:1px solid rgba(168,85,247,.5)}.calendar-day.checked-in{background:#22c55e26;color:#4ade80}.calendar-day .check-mark{position:absolute;bottom:2px;color:#4ade80}.checkin-tips{padding:16px;background:var(--bg-secondary, #16162a);border-radius:12px}.checkin-tips h4{margin:0 0 10px;font-size:13px;font-weight:600;color:var(--text-primary, #fff)}.checkin-tips ul{margin:0;padding-left:18px}.checkin-tips li{font-size:12px;color:var(--text-secondary, rgba(255, 255, 255, .6));line-height:1.8}.profile-content{display:flex;flex-direction:column;gap:20px}.profile-avatar{position:relative;width:80px;height:80px;margin:0 auto;cursor:pointer}.avatar-image{width:100%;height:100%;border-radius:50%;object-fit:cover}.avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#7c3aed,#a855f7);border-radius:50%;font-size:32px;font-weight:600;color:#fff}.avatar-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#00000080;border-radius:50%;color:#fff;opacity:0;transition:opacity .2s}.profile-avatar:hover .avatar-overlay{opacity:1}.avatar-hint{text-align:center;font-size:12px;color:var(--text-muted, rgba(255, 255, 255, .4));margin:-12px 0 0}.profile-field{display:flex;flex-direction:column;gap:8px}.profile-field label{font-size:13px;font-weight:600;color:var(--text-primary, #fff);letter-spacing:.3px}.field-display{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--bg-secondary, #16162a);border-radius:10px;border:1px solid var(--border-color, rgba(255, 255, 255, .1))}.field-display span{font-size:15px;color:var(--text-primary, #fff)}.field-display button{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border:none;border-radius:6px;color:var(--text-secondary, rgba(255, 255, 255, .6));cursor:pointer;transition:all .2s}.field-display button:hover{background:#a855f7;color:#fff}.field-edit{display:flex;gap:8px;flex-wrap:wrap}.field-edit input{flex:1;min-width:150px;padding:10px 14px;background:var(--bg-secondary, #16162a);border:1px solid var(--border-color, rgba(255, 255, 255, .1));border-radius:8px;color:var(--text-primary, #fff);font-size:14px;outline:none;transition:border-color .2s}.field-edit input:focus{border-color:#a855f7}.field-edit input::placeholder{color:var(--text-muted, rgba(255, 255, 255, .3))}.password-edit{flex-direction:column}.password-edit input{width:100%}.field-actions{display:flex;gap:8px;width:100%}.save-btn,.cancel-btn{padding:8px 16px;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.save-btn{background:#a855f7;color:#fff}.save-btn:hover:not(:disabled){background:#9333ea}.save-btn:disabled{opacity:.6;cursor:not-allowed}.cancel-btn{background:#ffffff1a;color:var(--text-secondary, rgba(255, 255, 255, .6))}.cancel-btn:hover{background:#ffffff26}.profile-info{display:flex;flex-direction:column;gap:1px;background:var(--border-color, rgba(255, 255, 255, .06));border-radius:12px;overflow:hidden;margin-top:8px}.info-item{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:var(--bg-secondary, #16162a)}.info-label{font-size:13px;color:var(--text-secondary, rgba(255, 255, 255, .6))}.info-value{font-size:13px;color:var(--text-primary, #fff);font-weight:500}.info-value.active{color:#4ade80}.info-value.disabled{color:#f87171}:root:not(.dark) .user-center-modal.horizontal{background:#fff}:root:not(.dark) .user-center-sidebar{background:#f8f9fa;border-right-color:#e0e0e0}:root:not(.dark) .sidebar-header{border-bottom-color:#e0e0e0}:root:not(.dark) .crystal-balance{background:linear-gradient(135deg,#7c3aed1a,#a855f714);border-color:#a855f740}:root:not(.dark) .crystal-balance .balance-value{color:#7c3aed}:root:not(.dark) .nav-item{color:#666}:root:not(.dark) .nav-item:hover{color:#333;background:#00000008}:root:not(.dark) .nav-item.active{color:#7c3aed;background:#7c3aed1a}:root:not(.dark) .sidebar-close{background:#00000008;color:#666}:root:not(.dark) .sidebar-close:hover{background:#ef44441a;color:#dc2626}:root:not(.dark) .log-item,:root:not(.dark) .info-item,:root:not(.dark) .checkin-tips,:root:not(.dark) .checkin-calendar,:root:not(.dark) .field-display{background:#f8f9fa;border-color:#e0e0e0}:root:not(.dark) .panel-title,:root:not(.dark) .log-reason,:root:not(.dark) .checkin-info h3,:root:not(.dark) .checkin-tips h4,:root:not(.dark) .recharge-placeholder h3,:root:not(.dark) .calendar-title{color:#333}:root:not(.dark) .recharge-placeholder>svg{color:#999}:root:not(.dark) .profile-field label{color:#333}:root:not(.dark) .field-display span{color:#333}:root:not(.dark) .field-display button{background:#0000000d;color:#666}:root:not(.dark) .avatar-hint{color:#888}:root:not(.dark) .info-label{color:#666}:root:not(.dark) .info-value{color:#333}:root:not(.dark) .log-model,:root:not(.dark) .log-time,:root:not(.dark) .log-balance{color:#888}:root:not(.dark) .checkin-info p,:root:not(.dark) .checkin-tips li,:root:not(.dark) .recharge-placeholder p,:root:not(.dark) .recharge-tips .tip-item{color:#666}:root:not(.dark) .calendar-day{color:#333}:root:not(.dark) .calendar-day.other-month{color:#ccc}:root:not(.dark) .weekday{color:#888}:root:not(.dark) .calendar-nav{background:#00000008;color:#666}:root:not(.dark) .calendar-nav:hover{background:#00000014;color:#333}:root:not(.dark) .pagination-btn{background:#f8f9fa;border-color:#e0e0e0;color:#333}:root:not(.dark) .pagination-info{color:#666}:root:not(.dark) .cancel-btn{background:#0000000d;color:#666}:root:not(.dark) .cancel-btn:hover{background:#0000001a}:root:not(.dark) .user-center-list{background:#e0e0e0}:root:not(.dark) .profile-info{background:#e0e0e0}:root:not(.dark) .user-center-loading,:root:not(.dark) .user-center-empty{color:#888}:root:not(.dark) .loading-spinner{border-color:#e0e0e0}:root:not(.dark) .field-edit input{background:#f8f9fa;border-color:#e0e0e0;color:#333}:root:not(.dark) .field-edit input::placeholder{color:#999}@media (max-width: 640px){.user-center-overlay{padding:16px;align-items:center;justify-content:center}.user-center-modal.horizontal{position:relative;width:calc(100% - 32px);max-width:400px;height:auto;max-height:70vh;flex-direction:column;border-radius:16px}.user-center-modal.horizontal .user-center-sidebar{width:100%;min-height:auto;flex-direction:row;align-items:center;flex-wrap:wrap;border-right:none;border-bottom:1px solid var(--border-color, rgba(255, 255, 255, .1));padding:12px;gap:8px;flex-shrink:0;position:relative}.user-center-sidebar .sidebar-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:0;border-bottom:none;margin-bottom:8px}.crystal-balance{padding:6px 12px;gap:6px}.crystal-balance svg{width:16px;height:16px}.crystal-balance .balance-value{font-size:15px}.user-center-sidebar .sidebar-close{position:absolute;top:12px;right:12px;margin:0;padding:6px;width:32px;height:32px;border-radius:50%;flex-shrink:0;z-index:10}.user-center-sidebar .sidebar-close span{display:none}.user-center-sidebar .sidebar-nav{position:static!important;transform:none!important;top:auto!important;left:auto!important;bottom:auto!important;width:100%!important;min-width:unset!important;max-width:unset!important;height:auto!important;flex-direction:row!important;justify-content:space-around!important;padding:0!important;gap:4px!important;overflow-x:visible;flex:none!important;display:flex!important;background:transparent!important;border:none!important;box-shadow:none!important}.user-center-sidebar .nav-item{flex:1;flex-direction:column;align-items:center;gap:4px;padding:8px 4px;font-size:10px;white-space:nowrap;border-radius:8px;min-width:0;display:flex!important}.user-center-sidebar .nav-item svg{width:20px;height:20px}.user-center-sidebar .nav-item span{display:block!important;font-size:10px;overflow:hidden;text-overflow:ellipsis}.user-center-main{flex:1;min-height:0;max-height:calc(70vh - 120px);overflow:hidden}.panel-content{padding:16px;height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch}.panel-title{font-size:15px;margin-bottom:12px}.user-center-list{border-radius:10px}.log-item{padding:12px 14px}.log-reason{font-size:13px}.log-model,.log-time{font-size:11px}.log-amount{font-size:15px}.log-balance{font-size:11px}.user-center-loading,.user-center-empty{padding:40px 20px}.checkin-card{flex-direction:column;text-align:center;padding:14px;gap:10px}.checkin-icon{width:40px;height:40px}.checkin-icon svg{width:20px;height:20px}.checkin-info h3{font-size:14px}.checkin-info p{font-size:12px}.checkin-btn{width:100%;padding:10px;font-size:13px}.checkin-calendar{padding:10px}.calendar-header{margin-bottom:8px}.calendar-title{font-size:13px}.calendar-nav{width:28px;height:28px}.weekday{font-size:10px;padding:4px 0}.calendar-day{font-size:11px}.calendar-day .check-mark{width:10px;height:10px}.checkin-tips{padding:12px}.checkin-tips h4{font-size:12px;margin-bottom:8px}.checkin-tips li{font-size:11px}.user-center-pagination{padding-top:12px;gap:10px}.pagination-btn{width:28px;height:28px}.pagination-info{font-size:12px}.recharge-placeholder{min-height:200px;padding:30px 16px}.recharge-placeholder>svg{width:48px;height:48px;margin-bottom:12px}.recharge-placeholder h3{font-size:15px;margin-bottom:4px}.recharge-placeholder p{font-size:12px;margin-bottom:16px}.recharge-tips{padding:12px}.recharge-tips .tip-item{font-size:11px}.profile-content{gap:16px}.profile-avatar{width:60px;height:60px}.avatar-placeholder{font-size:22px}.avatar-hint{font-size:11px;margin-top:-8px}.profile-field label{font-size:12px}.field-display{padding:10px 12px}.field-display span{font-size:13px}.field-display button{width:24px;height:24px}.field-edit input{padding:8px 12px;font-size:13px}.save-btn,.cancel-btn{padding:6px 12px;font-size:12px}.info-item{padding:10px 12px}.info-label,.info-value{font-size:11px}.user-center-message{margin:12px 12px 0;padding:10px 12px;font-size:12px}}.crystal-display{position:relative;display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:linear-gradient(135deg,#8b5cf626,#a855f71a);border:1px solid rgba(139,92,246,.3);border-radius:20px;cursor:pointer;font-size:14px;font-weight:600;color:var(--crystal-color, #a855f7);transition:all .2s ease}.crystal-display:hover{background:linear-gradient(135deg,#8b5cf640,#a855f733);border-color:#8b5cf680;transform:translateY(-1px)}.crystal-display:active{transform:translateY(0)}.crystal-display-icon{color:var(--crystal-color, #a855f7);flex-shrink:0}.crystal-display-value{min-width:24px;text-align:right;font-variant-numeric:tabular-nums}.crystal-popups{position:absolute;top:-8px;right:-8px;pointer-events:none;z-index:10}.crystal-popup{display:block;padding:2px 8px;border-radius:12px;font-size:12px;font-weight:700;white-space:nowrap;animation:crystal-popup-animation 1.5s ease-out forwards}.crystal-popup.positive{color:#fff;background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 2px 8px #10b98166}.crystal-popup.negative{color:#fff;background:linear-gradient(135deg,#f43f5e,#e11d48);box-shadow:0 2px 8px #f43f5e66}@keyframes crystal-popup-animation{0%{opacity:0;transform:translateY(8px) scale(.8)}15%{opacity:1;transform:translateY(-4px) scale(1.1)}30%{transform:translateY(-8px) scale(1)}80%{opacity:1;transform:translateY(-20px)}to{opacity:0;transform:translateY(-28px)}}[data-theme=dark] .crystal-display{--crystal-color: #c084fc;background:linear-gradient(135deg,#8b5cf633,#a855f726)}[data-theme=dark] .crystal-display:hover{background:linear-gradient(135deg,#8b5cf64d,#a855f740)}.audio-recorder-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;min-width:36px;padding:0;border:none;border-radius:8px;background:#ffffff14;color:var(--studio-text-secondary, #a0a0a0);cursor:pointer;transition:all .2s ease;flex-shrink:0}.audio-recorder-btn:hover:not(:disabled){background:#ffffff1f;color:var(--studio-text-primary, #ffffff)}.audio-recorder-btn:disabled{opacity:.5;cursor:not-allowed}.audio-recorder-btn.recording{background:#ef444433;color:#ef4444;width:auto;min-width:80px;padding:0 10px;gap:6px}.audio-recorder-btn.recording:hover{background:#ef44444d}.recording-indicator{display:flex;align-items:center;gap:6px}.recording-dot{width:8px;height:8px;border-radius:50%;background:#ef4444;animation:pulse 1s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.9)}}.recording-time{font-size:12px;font-weight:500;font-variant-numeric:tabular-nums}.audio-recorder-btn.converting,.audio-recorder-btn.uploading{background:#3b82f633;color:#3b82f6}.uploading-spinner{width:16px;height:16px;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:spin .8s linear infinite}.audio-player-card{position:relative;width:100%;aspect-ratio:3/4;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;border-radius:var(--studio-radius, 12px) var(--studio-radius, 12px) 0 0;cursor:pointer;transition:transform .2s ease}.audio-player-card:hover{transform:scale(1.02)}.audio-player-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#86efac66,#a7f3d04d,#99f6e466);transition:opacity .3s ease}.audio-player-card.playing .audio-player-bg{background:linear-gradient(135deg,#22c55e80,#10b98166,#06b6d480)}.audio-player-icon{position:relative;z-index:1;color:#16a34acc;margin-bottom:16px;transition:transform .3s ease,color .3s ease}.audio-player-card.playing .audio-player-icon{color:#16a34a;animation:audioIconPulse 1.5s ease-in-out infinite}@keyframes audioIconPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.audio-player-waveform{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:4px;height:40px;margin-bottom:16px}.audio-player-waveform .waveform-bar{width:4px;height:20px;background:linear-gradient(to top,#16a34a99,#22c55ecc);border-radius:2px;transition:height .3s ease}.audio-player-card:not(.playing) .audio-player-waveform .waveform-bar{height:12px;animation:none}.audio-player-card.playing .audio-player-waveform .waveform-bar{animation:waveformBounce .8s ease-in-out infinite}.audio-player-card.playing .audio-player-waveform .waveform-bar:nth-child(1){animation-delay:0s}.audio-player-card.playing .audio-player-waveform .waveform-bar:nth-child(2){animation-delay:.1s}.audio-player-card.playing .audio-player-waveform .waveform-bar:nth-child(3){animation-delay:.2s}.audio-player-card.playing .audio-player-waveform .waveform-bar:nth-child(4){animation-delay:.15s}.audio-player-card.playing .audio-player-waveform .waveform-bar:nth-child(5){animation-delay:.25s}.audio-player-card.playing .audio-player-waveform .waveform-bar:nth-child(6){animation-delay:.05s}.audio-player-card.playing .audio-player-waveform .waveform-bar:nth-child(7){animation-delay:.3s}@keyframes waveformBounce{0%,to{height:12px}50%{height:32px}}.audio-player-controls{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:8px}.audio-play-indicator{width:48px;height:48px;border-radius:50%;background:#ffffffe6;display:flex;align-items:center;justify-content:center;color:#16a34a;box-shadow:0 4px 12px #00000026;transition:transform .2s ease,box-shadow .2s ease}.audio-player-card:hover .audio-play-indicator{transform:scale(1.1);box-shadow:0 6px 20px #0003}.audio-time{font-size:14px;font-weight:500;color:#166534e6;font-variant-numeric:tabular-nums}.audio-player-compact{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#22c55e1a;border-radius:8px;cursor:pointer;transition:background .2s ease}.audio-player-compact:hover{background:#22c55e26}.audio-compact-btn{width:36px;height:36px;border-radius:50%;background:#22c55e;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;transition:transform .2s ease}.audio-player-compact:hover .audio-compact-btn{transform:scale(1.1)}.audio-compact-waveform{display:flex;align-items:center;gap:3px;flex:1;height:24px}.audio-compact-waveform .waveform-bar{width:3px;height:8px;background:#22c55e;border-radius:1.5px;transition:height .15s ease}.audio-player-compact:not(.playing) .audio-compact-waveform .waveform-bar{height:8px}.audio-player-compact.playing .audio-compact-waveform .waveform-bar{animation:compactWaveform .6s ease-in-out infinite}.audio-player-compact.playing .audio-compact-waveform .waveform-bar:nth-child(1){animation-delay:0s}.audio-player-compact.playing .audio-compact-waveform .waveform-bar:nth-child(2){animation-delay:.1s}.audio-player-compact.playing .audio-compact-waveform .waveform-bar:nth-child(3){animation-delay:.2s}.audio-player-compact.playing .audio-compact-waveform .waveform-bar:nth-child(4){animation-delay:.15s}.audio-player-compact.playing .audio-compact-waveform .waveform-bar:nth-child(5){animation-delay:.25s}@keyframes compactWaveform{0%,to{height:8px}50%{height:20px}}.audio-compact-time{font-size:12px;color:var(--text-secondary);font-variant-numeric:tabular-nums;min-width:70px;text-align:right}.dark .audio-player-bg{background:linear-gradient(135deg,#22c55e4d,#10b98133,#06b6d44d)}.dark .audio-player-card.playing .audio-player-bg{background:linear-gradient(135deg,#22c55e66,#10b9814d,#06b6d466)}.dark .audio-player-icon{color:#86eface6}.dark .audio-player-card.playing .audio-player-icon{color:#86efac}.dark .audio-player-waveform .waveform-bar{background:linear-gradient(to top,#16a34a,#4ade80)}.dark .audio-play-indicator{background:#fffffff2}.dark .audio-time{color:#bbf7d0e6}.dark .audio-player-compact{background:#22c55e26}.dark .audio-player-compact:hover{background:#22c55e33}.studio-page-v2 button,.studio-page-v2 [role=button],.studio-page-v2 .gallery-card,.studio-page-v2 .gallery-tab,.studio-page-v2 .media-switch-btn,.studio-page-v2 .ratio-chip,.studio-page-v2 .duration-chip,.studio-page-v2 .count-chip,.studio-page-v2 .model-dropdown-trigger,.studio-page-v2 .model-dropdown-item,.studio-page-v2 .ref-image-thumb,.studio-page-v2 .ref-add-btn,.studio-page-v2 .card-action-btn,.studio-page-v2 .apply-btn,.studio-page-v2 .clear-btn,.studio-page-v2 .header-toggle-btn,.studio-page-v2 .modal-close,.studio-page-v2 .modal-apply-btn,.studio-page-v2 .tabs-container button,.studio-page-v2 .generate-button,.studio-page-v2 .pending-card{cursor:pointer!important}.studio-page-v2{--studio-bg: #0a0a0f;--studio-panel-bg: rgba(18, 18, 24, .95);--studio-border: rgba(255, 255, 255, .08);--studio-accent: #8b5cf6;--studio-accent-light: rgba(139, 92, 246, .15);--studio-text: #ffffff;--studio-text-secondary: rgba(255, 255, 255, .6);--studio-text-muted: rgba(255, 255, 255, .4);--studio-hover: rgba(255, 255, 255, .06);--studio-radius: 12px;--studio-radius-sm: 8px;--studio-transition: .25s cubic-bezier(.4, 0, .2, 1);--studio-spring: .5s cubic-bezier(.34, 1.56, .64, 1)}:root:not(.dark) .studio-page-v2{--studio-bg: #f5f5f7;--studio-panel-bg: rgba(255, 255, 255, .95);--studio-border: rgba(0, 0, 0, .08);--studio-accent: #7c3aed;--studio-accent-light: rgba(124, 58, 237, .1);--studio-text: #1a1a1a;--studio-text-secondary: rgba(0, 0, 0, .6);--studio-text-muted: rgba(0, 0, 0, .4);--studio-hover: rgba(0, 0, 0, .04)}.studio-page-v2{display:flex;width:100%;height:100%;background:var(--studio-bg);background-image:radial-gradient(ellipse at 0% 0%,rgba(139,92,246,.08) 0%,transparent 50%),radial-gradient(ellipse at 100% 100%,rgba(99,102,241,.05) 0%,transparent 50%);color:var(--studio-text);overflow:hidden}.studio-input-panel{position:relative;width:380px;min-width:380px;height:100%;background:var(--studio-panel-bg);border-right:1px solid var(--studio-border);display:flex;flex-direction:column;padding:20px;gap:16px;overflow:hidden;overflow-x:hidden;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.prompt-drop-zone{position:relative;transition:all .25s ease}.prompt-drop-zone.drag-over{z-index:10}.prompt-drop-zone.drag-over .prompt-textarea{border-color:var(--studio-accent);box-shadow:0 0 0 3px var(--studio-accent-light),inset 0 0 20px #8b5cf614}.prompt-drop-overlay{position:absolute;top:32px;left:0;right:0;bottom:24px;background:#8b5cf626;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10;animation:dropOverlayIn .2s ease-out;border:2px dashed var(--studio-accent);border-radius:var(--studio-radius);pointer-events:none}@keyframes dropOverlayIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.drop-hint{display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--studio-accent);animation:dropHintPulse 1.5s ease-in-out infinite}@keyframes dropHintPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.85}}.drop-hint svg{filter:drop-shadow(0 2px 8px rgba(139,92,246,.4))}.drop-hint span{font-size:13px;font-weight:600;text-shadow:0 1px 4px rgba(0,0,0,.1)}.input-section{display:flex;flex-direction:column;gap:8px}.input-label{font-size:12px;font-weight:500;color:var(--studio-text-secondary);letter-spacing:.02em;text-transform:uppercase}.model-select{width:100%;padding:12px 14px;background:#ffffff0d;border:1px solid var(--studio-border);border-radius:var(--studio-radius-sm);color:var(--studio-text);font-size:13px;cursor:pointer;outline:none;transition:all var(--studio-transition);-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 24 24' fill='none' stroke='rgba(255,255,255,0.5)' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.model-select:hover{border-color:#8b5cf666}.model-select:focus{border-color:var(--studio-accent);box-shadow:0 0 0 3px var(--studio-accent-light)}.model-select option{background:#1a1a2e;color:#fff}.prompt-textarea{width:100%;min-height:220px;max-height:360px;padding:14px;background:#ffffff0a;border:1px solid var(--studio-border);border-radius:var(--studio-radius);color:var(--studio-text);font-size:14px;line-height:1.5;resize:vertical;outline:none;transition:all var(--studio-transition);font-family:inherit}.prompt-textarea::placeholder{color:var(--studio-text-muted)}.prompt-textarea:focus{border-color:var(--studio-accent);background:#ffffff0f;box-shadow:0 0 0 3px var(--studio-accent-light)}.prompt-counter{font-size:11px;color:var(--studio-text-muted);text-align:right}.input-label-row{display:flex;justify-content:space-between;align-items:center}.prompt-actions{display:flex;gap:6px;flex-shrink:0;align-items:center}.prompt-action-btn{display:inline-flex;align-items:center;gap:3px;height:22px;padding:2px 6px;background:#ffffff0f;border:1px solid var(--studio-border);border-radius:4px;color:var(--studio-text-secondary);font-size:11px;font-weight:500;cursor:pointer;transition:all var(--studio-transition);flex-shrink:0;white-space:nowrap}.prompt-action-btn:hover:not(:disabled){background:#8b5cf626;border-color:var(--studio-accent);color:var(--studio-accent)}.prompt-action-btn:disabled{opacity:.5;cursor:not-allowed}.prompt-action-btn.loading{pointer-events:none}.prompt-action-btn.loading svg{animation:spin 1s linear infinite}.prompt-action-btn.random{background:linear-gradient(135deg,#8b5cf61a,#ec48991a);border-color:#8b5cf64d;min-width:52px;max-width:80px;overflow:hidden;text-overflow:ellipsis}.prompt-action-btn.random:hover:not(:disabled){background:linear-gradient(135deg,#8b5cf633,#ec489933);border-color:#8b5cf680;color:#ec4899}.prompt-action-btn.clear{padding:4px 8px;min-width:auto;background:#ef44441a;border-color:#ef44444d}.prompt-action-btn.clear:hover{background:#ef444433;border-color:#ef444480;color:#ef4444}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ref-images-row{display:flex;gap:8px;flex-wrap:wrap}.ref-image-thumb{position:relative;width:56px;height:56px;border-radius:var(--studio-radius-sm);border:2px solid var(--studio-border);cursor:pointer;transition:transform var(--studio-transition),border-color var(--studio-transition)}.ref-image-thumb:hover{transform:scale(1.05);border-color:var(--studio-accent)}.ref-image-thumb img{width:100%;height:100%;object-fit:cover;border-radius:calc(var(--studio-radius-sm) - 2px)}.ref-remove{position:absolute;top:-8px;right:-8px;width:22px;height:22px;background:#ef4444;border:2px solid var(--studio-bg);border-radius:50%;color:#fff;font-size:14px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:1;z-index:10;transition:transform var(--studio-transition),background var(--studio-transition)}.ref-remove:hover{transform:scale(1.15);background:#dc2626}.ref-add-btn{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:#ffffff0a;border:2px dashed var(--studio-border);border-radius:var(--studio-radius-sm);color:var(--studio-text-muted);cursor:pointer;transition:all var(--studio-transition)}.ref-add-btn:hover{background:var(--studio-hover);border-color:var(--studio-accent);color:var(--studio-accent)}.ratio-chips,.duration-chips,.count-row{display:flex;gap:6px;flex-wrap:wrap}.ratio-chip,.duration-chip,.count-chip{padding:8px 12px;background:#ffffff0a;border:1px solid var(--studio-border);border-radius:var(--studio-radius-sm);color:var(--studio-text-secondary);font-size:12px;font-weight:500;cursor:pointer;transition:all var(--studio-transition)}.ratio-chip:hover,.duration-chip:hover,.count-chip:hover{background:var(--studio-hover);color:var(--studio-text)}.ratio-chip.active,.duration-chip.active,.count-chip.active{background:var(--studio-accent);border-color:transparent;color:#fff;box-shadow:0 2px 8px #8b5cf64d}.count-chip.disabled,.count-chip:disabled{opacity:.4;cursor:not-allowed;pointer-events:none;background:#ffffff05;border-color:var(--studio-border);color:var(--studio-text-muted)}.count-row{justify-content:center;margin-top:8px}.count-chip{min-width:36px;text-align:center}.generate-button{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:14px 24px;background:linear-gradient(135deg,var(--studio-accent) 0%,#6366f1 100%);border:none;border-radius:var(--studio-radius);color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:all var(--studio-transition);box-shadow:0 4px 16px #8b5cf666;position:relative;overflow:hidden}.generate-button:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.15) 0%,transparent 50%);opacity:0;transition:opacity var(--studio-transition)}.generate-button:hover:before{opacity:1}.generate-button:hover{transform:translateY(-1px);box-shadow:0 8px 24px #8b5cf680}.generate-button:active{transform:translateY(0)}.generate-button:disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:none}.generate-button.generating{background:#8b5cf64d;pointer-events:none}.btn-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.studio-gallery{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.gallery-tabs{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid var(--studio-border);background:#0003}.tabs-container{display:flex;gap:4px;padding:4px;background:#ffffff0a;border-radius:var(--studio-radius);position:relative}.tab-indicator{position:absolute;top:4px;left:4px;width:calc(50% - 4px);height:calc(100% - 8px);background:var(--studio-accent);border-radius:var(--studio-radius-sm);transition:transform var(--studio-spring);box-shadow:0 2px 8px #8b5cf666}.gallery-tab{display:flex;align-items:center;gap:6px;padding:10px 20px;background:transparent;border:none;border-radius:var(--studio-radius-sm);color:var(--studio-text-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:color var(--studio-transition);position:relative;z-index:1}.gallery-tab:hover{color:var(--studio-text)}.gallery-tab.active{color:#fff}.gallery-tabs-right{display:flex;align-items:center;gap:8px}.canvas-entry-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;background:linear-gradient(135deg,var(--studio-accent),#6366f1);border:none;border-radius:var(--studio-radius-sm);color:#fff;font-size:13px;font-weight:500;cursor:pointer;transition:all var(--studio-transition);box-shadow:0 2px 8px #8b5cf64d}.canvas-entry-btn:hover{transform:translateY(-1px);box-shadow:0 4px 16px #8b5cf666}.canvas-entry-btn:active{transform:translateY(0)}.canvas-entry-btn svg{width:16px;height:16px}.canvas-loading{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:var(--studio-bg);z-index:1000}.canvas-loading-spinner{width:40px;height:40px;border:3px solid var(--studio-border);border-top-color:var(--studio-accent);border-radius:50%;animation:spin 1s linear infinite}.canvas-loading span{color:var(--studio-text-secondary);font-size:14px}.clear-btn{padding:6px 12px;background:transparent;border:1px solid var(--studio-border);border-radius:var(--studio-radius-sm);color:var(--studio-text-muted);font-size:12px;cursor:pointer;transition:all var(--studio-transition)}.clear-btn:hover{background:#ef44441a;border-color:#ef444466;color:#ef4444}.gallery-hint{font-size:12px;color:var(--studio-text-muted)}.pending-section{padding:0}.pending-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;padding:24px}.pending-card{position:relative;aspect-ratio:3/4;background:linear-gradient(135deg,#8b5cf614,#6366f10a);border:1px solid var(--studio-border);border-radius:var(--studio-radius);overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}.pending-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 0%,rgba(139,92,246,.08) 50%,transparent 100%);animation:shimmer 2s infinite;transform:translate(-100%)}.pending-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(139,92,246,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(139,92,246,.03) 1px,transparent 1px);background-size:20px 20px;opacity:.5}.pending-loader{position:relative;width:72px;height:72px;z-index:1}.loader-ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:3px solid rgba(139,92,246,.15);border-top-color:var(--studio-accent);animation:spin 1s linear infinite}.loader-ring:before{content:"";position:absolute;top:6px;right:6px;bottom:6px;left:6px;border-radius:50%;border:2px solid rgba(139,92,246,.1);border-bottom-color:#8b5cf666;animation:spin 1.5s linear infinite reverse}.loader-progress{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:var(--studio-accent);text-shadow:0 0 10px rgba(139,92,246,.3)}.pending-status{font-size:13px;color:var(--studio-text-secondary);text-align:center;max-width:80%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;z-index:1;padding:8px 16px;background:#0000004d;border-radius:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.pending-duration{font-size:11px;color:var(--studio-text-muted, #9ca3af);text-align:center;margin-top:4px;z-index:1}.pending-elapsed{font-size:13px;font-weight:600;text-align:center;margin-top:8px;z-index:1;font-variant-numeric:tabular-nums}.pending-video .pending-elapsed{color:#a855f7}.pending-audio .pending-elapsed{color:#22c55e}.pending-image .pending-elapsed{color:#3b82f6}.pending-card .pulse-dots{display:flex;gap:6px;margin-top:8px;z-index:1}.pending-card .pulse-dots span{width:6px;height:6px;background:var(--studio-accent);border-radius:50%;animation:pulseDot 1.4s ease-in-out infinite}.pending-card .pulse-dots span:nth-child(1){animation-delay:0s}.pending-card .pulse-dots span:nth-child(2){animation-delay:.2s}.pending-card .pulse-dots span:nth-child(3){animation-delay:.4s}@keyframes pulseDot{0%,80%,to{transform:scale(.6);opacity:.4}40%{transform:scale(1.2);opacity:1}}.pending-card.pending-video{background:linear-gradient(135deg,#a855f71f,#8b5cf60f);border-color:#a855f74d}.pending-card.pending-audio{background:linear-gradient(135deg,#22c55e1f,#16a34a0f);border-color:#22c55e4d}.pending-card.pending-image{background:linear-gradient(135deg,#3b82f61f,#6366f10f);border-color:#3b82f64d}.pending-video .loader-ring{border-color:#a855f726;border-top-color:#a855f7}.pending-video .loader-ring:before{border-color:#a855f71a;border-bottom-color:#a855f766}.pending-video .loader-progress{color:#a855f7;text-shadow:0 0 10px rgba(168,85,247,.3)}.pending-video .pending-status{background:#a855f726;color:#a855f7}.pending-video .pulse-dots span{background:#a855f7}.pending-audio .loader-ring{border-color:#22c55e26;border-top-color:#22c55e}.pending-audio .loader-ring:before{border-color:#22c55e1a;border-bottom-color:#22c55e66}.pending-audio .loader-progress{color:#22c55e;text-shadow:0 0 10px rgba(34,197,94,.3)}.pending-audio .pending-status{background:#22c55e26;color:#22c55e}.pending-audio .pulse-dots span{background:#22c55e}.pending-image .loader-ring{border-color:#3b82f626;border-top-color:#3b82f6}.pending-image .loader-ring:before{border-color:#3b82f61a;border-bottom-color:#3b82f666}.pending-image .loader-progress{color:#3b82f6;text-shadow:0 0 10px rgba(59,130,246,.3)}.pending-image .pending-status{background:#3b82f626;color:#3b82f6}.pending-image .pulse-dots span{background:#3b82f6}.pending-video:before{background:linear-gradient(90deg,transparent 0%,rgba(168,85,247,.08) 50%,transparent 100%)}.pending-video:after{background-image:linear-gradient(rgba(168,85,247,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(168,85,247,.03) 1px,transparent 1px)}.pending-audio:before{background:linear-gradient(90deg,transparent 0%,rgba(34,197,94,.08) 50%,transparent 100%)}.pending-audio:after{background-image:linear-gradient(rgba(34,197,94,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(34,197,94,.03) 1px,transparent 1px)}.pending-image:before{background:linear-gradient(90deg,transparent 0%,rgba(59,130,246,.08) 50%,transparent 100%)}.pending-image:after{background-image:linear-gradient(rgba(59,130,246,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(59,130,246,.03) 1px,transparent 1px)}.pending-type-badge{position:absolute;top:10px;left:10px;display:flex;align-items:center;gap:4px;padding:4px 8px;border-radius:4px;font-size:10px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2}.pending-video .pending-type-badge{background:#a855f7d9;color:#fff}.pending-audio .pending-type-badge{background:#22c55ed9;color:#fff}.pending-image .pending-type-badge{background:#3b82f6d9;color:#fff}.pending-model-badge{position:absolute;top:10px;right:10px;max-width:140px;padding:4px 8px;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:4px;font-size:10px;font-weight:500;color:#ffffffe6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;z-index:2}:root:not(.dark) .pending-card.pending-video{background:linear-gradient(135deg,#a855f71a,#8b5cf60d)}:root:not(.dark) .pending-card.pending-audio{background:linear-gradient(135deg,#22c55e1a,#16a34a0d)}:root:not(.dark) .pending-card.pending-image{background:linear-gradient(135deg,#3b82f61a,#6366f10d)}:root:not(.dark) .pending-model-badge{background:#00000080}.gallery-content{flex:1;overflow-y:auto;padding:24px}.gallery-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;flex:1;color:var(--studio-text-muted);text-align:center}.gallery-empty svg{margin-bottom:16px;opacity:.4}.gallery-empty p{margin:0 0 8px;font-size:15px;color:var(--studio-text-secondary)}.gallery-empty span{font-size:13px}.gallery-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;flex:1;gap:20px}.gallery-loading-spinner{position:relative;width:56px;height:56px}.gallery-loading-spinner:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:3px solid rgba(139,92,246,.15)}.gallery-loading-spinner:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:3px solid transparent;border-top-color:var(--studio-accent);animation:spin .8s linear infinite}.gallery-loading-text{font-size:14px;color:var(--studio-text-secondary);font-weight:500}.gallery-loading-dots{display:inline-flex;gap:4px;margin-left:4px}.gallery-loading-dots span{width:4px;height:4px;background:var(--studio-accent);border-radius:50%;animation:dotBounce 1.4s ease-in-out infinite}.gallery-loading-dots span:nth-child(1){animation-delay:0s}.gallery-loading-dots span:nth-child(2){animation-delay:.2s}.gallery-loading-dots span:nth-child(3){animation-delay:.4s}@keyframes dotBounce{0%,80%,to{transform:scale(.6);opacity:.4}40%{transform:scale(1);opacity:1}}.load-more-indicator{display:flex;align-items:center;justify-content:center;gap:12px;padding:24px 0;color:var(--studio-text-secondary);font-size:14px}.load-more-indicator .gallery-loading-spinner{width:24px;height:24px}.load-more-indicator.end{opacity:.5}.gallery-masonry{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px}.gallery-masonry.creative-masonry{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.gallery-card{position:relative;border-radius:var(--studio-radius);overflow:hidden;background:#ffffff0a;cursor:pointer;animation:cardEnter var(--studio-spring) backwards;animation-delay:var(--delay, 0ms);transition:transform var(--studio-transition),box-shadow var(--studio-transition)}@keyframes cardEnter{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.gallery-card.no-animation{animation:none}.gallery-card.skeleton-card{aspect-ratio:3/4;background:#ffffff0a;cursor:default}.gallery-card.skeleton-card:hover{transform:none;box-shadow:none}.skeleton-shimmer{width:100%;height:100%;background:linear-gradient(-45deg,#ffffff05,#ffffff05 40%,#ffffff14,#ffffff05 60%,#ffffff05);background-size:400% 400%;animation:shimmer 1.5s infinite linear}@keyframes shimmer{0%{background-position:100% 100%}to{background-position:0% 0%}}.gallery-card:hover{box-shadow:0 16px 40px #0006}.gallery-card img,.gallery-card video{width:100%;aspect-ratio:3/4;object-fit:cover;display:block;transition:transform var(--studio-transition)}.gallery-card .video-placeholder{width:100%;aspect-ratio:3/4;background:#ffffff0a;position:relative;overflow:hidden}.gallery-card .video-placeholder:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(-45deg,#ffffff05,#ffffff05 40%,#ffffff14,#ffffff05 60%,#ffffff05);background-size:400% 400%;animation:shimmer 1.5s infinite linear}.gallery-card .video-placeholder:after{content:none}.gallery-card:has(.video-placeholder) .play-overlay{display:none}.gallery-card:hover img,.gallery-card:hover video{transform:scale(1.05)}.creative-card img{aspect-ratio:3/4}.card-badges-left{position:absolute;top:10px;left:10px;display:flex;flex-direction:column;gap:6px;z-index:2}.card-badge{padding:4px 8px;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:4px;font-size:10px;font-weight:600;color:#fff;letter-spacing:.5px;display:flex;align-items:center;gap:4px;width:fit-content}.card-badge.image{background:#3b82f6cc}.card-badge.video{background:#a855f7cc}.card-badge.hall-pending{background:#f59e0be6}.card-badge.hall-approved{background:#10b981e6}.card-badge.hall-rejected{background:#ef4444e6}.card-badge svg{flex-shrink:0}.card-model-badge{position:absolute;top:10px;right:10px;padding:4px 8px;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:4px;font-size:9px;font-weight:500;color:#ffffffe6;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 1024px){.card-model-badge{max-width:100px}}.card-duration-badge{position:absolute;top:36px;right:10px;padding:2px 6px;background:#22c55ed9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:4px;font-size:9px;font-weight:500;color:#fff}.card-info{position:absolute;bottom:0;left:0;right:0;padding:24px 14px 14px;background:linear-gradient(to top,rgba(0,0,0,.75) 0%,rgba(0,0,0,.5) 40%,rgba(0,0,0,.2) 70%,transparent 100%)}.card-title{font-size:14px;font-weight:500;color:#fff;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.card-actions{position:absolute;bottom:12px;left:50%;transform:translate(-50%) translateY(10px);display:flex;gap:8px;opacity:0;transition:all var(--studio-transition);padding:8px 12px;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:20px;z-index:5}.gallery-card:hover .card-actions{opacity:1;transform:translate(-50%) translateY(0)}.card-action-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#ffffff26;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:none;border-radius:50%;color:#fff;font-size:16px;cursor:pointer;transition:all var(--studio-transition);opacity:0;transform:scale(.5) translateY(10px)}.gallery-card:hover .card-action-btn{opacity:1;transform:scale(1) translateY(0)}.gallery-card:hover .card-action-btn:nth-child(1){transition-delay:0ms}.gallery-card:hover .card-action-btn:nth-child(2){transition-delay:30ms}.gallery-card:hover .card-action-btn:nth-child(3){transition-delay:60ms}.gallery-card:hover .card-action-btn:nth-child(4){transition-delay:90ms}.gallery-card:hover .card-action-btn:nth-child(5){transition-delay:.12s}.gallery-card:hover .card-action-btn:nth-child(6){transition-delay:.15s}.gallery-card:hover .card-action-btn:nth-child(7){transition-delay:.18s}.gallery-card .card-action-btn{transition-delay:0ms}.card-action-btn:hover{transform:scale(1.15) translateY(-2px);background:#ffffff40}.card-action-btn.favorite:hover{background:#ef4444}.card-action-btn.favorite:hover svg{fill:#fff}.card-action-btn.remove:hover{background:#ef4444}.card-action-btn[data-tooltip]{position:relative}.card-action-btn[data-tooltip]:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%) translateY(4px);padding:4px 8px;background:#000000d9;color:#fff;font-size:11px;font-weight:500;white-space:nowrap;border-radius:4px;opacity:0;pointer-events:none;transition:opacity .15s ease,transform .15s ease;z-index:100}.card-action-btn[data-tooltip]:hover:after{opacity:1;transform:translate(-50%) translateY(0)}.play-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0000004d;opacity:0;transition:opacity var(--studio-transition);pointer-events:none;z-index:1}.gallery-card:hover .play-overlay{opacity:1}.play-overlay svg{filter:drop-shadow(0 2px 8px rgba(0,0,0,.4));transition:transform var(--studio-transition)}.gallery-card:hover .play-overlay svg{transform:scale(1.1)}.mobile-studio-footer,.mobile-sheet-overlay{display:none}@media (max-width: 1024px){.gallery-masonry{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}}@media (max-width: 768px){.studio-page-v2{flex-direction:column;position:relative}.studio-input-panel{position:fixed;bottom:0;left:0;right:0;width:100%;min-width:100%;max-height:85vh;height:85vh;border-right:none;border-top:1px solid var(--studio-border);border-radius:20px 20px 0 0;padding:20px 16px 24px;z-index:1001;transform:translateY(calc(100% + 20px));transition:transform .35s cubic-bezier(.32,.72,0,1);box-shadow:0 -10px 40px #00000080;visibility:hidden;background:var(--studio-panel-bg)}.studio-input-panel.mobile-open{transform:translateY(0);visibility:visible}.studio-input-panel:before{content:"";position:absolute;top:8px;left:50%;transform:translate(-50%);width:40px;height:4px;background:#ffffff4d;border-radius:2px}.studio-gallery{flex:1;height:100%;min-height:100%;padding-bottom:0}.gallery-content{padding:12px;padding-bottom:calc(140px + env(safe-area-inset-bottom,0px))}.gallery-masonry,.gallery-masonry.wide-cards,.gallery-masonry.creative-masonry{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:10px!important}.gallery-card{width:100%;max-width:100%}.gallery-tabs{padding:10px 12px}.tabs-container{padding:3px}.gallery-tab{padding:8px 12px;font-size:11px}.gallery-tab span{display:none}.gallery-tabs-right{gap:6px}.search-wrapper{display:none}.mobile-studio-footer{position:fixed;bottom:calc(56px + env(safe-area-inset-bottom,0px));left:0;right:0;display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--studio-panel-bg);border-top:1px solid var(--studio-border);z-index:99;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.mobile-settings-btn{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#ffffff14;border:1px solid var(--studio-border);border-radius:var(--studio-radius);color:var(--studio-text);cursor:pointer;transition:all var(--studio-transition);flex-shrink:0}.mobile-settings-btn:hover,.mobile-settings-btn.active{background:var(--studio-accent);border-color:var(--studio-accent);color:#fff}.mobile-generate-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 20px;background:linear-gradient(135deg,var(--studio-accent) 0%,#6366f1 100%);border:none;border-radius:var(--studio-radius);color:#fff;font-size:15px;font-weight:600;cursor:pointer;box-shadow:0 4px 16px #8b5cf666}.mobile-generate-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.mobile-sheet-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;z-index:1000;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.mobile-sheet-overlay.visible{opacity:1;visibility:visible}.generate-footer{display:none}.input-scroll-area{max-height:calc(85vh - 100px);padding-top:16px;overflow-y:auto}.prompt-textarea{min-height:120px;max-height:160px}.ratio-chips,.duration-chips,.count-chips{justify-content:flex-start}.ratio-chip,.duration-chip,.count-chip{padding:6px 10px;font-size:11px}.gallery-card img,.gallery-card video{aspect-ratio:3/4}.gallery-card .card-actions{display:none!important}.pending-grid{grid-template-columns:repeat(2,1fr);gap:10px;padding:12px}.pending-card{aspect-ratio:3/4}.pending-card .pending-duration,.pending-card .pulse-dots{display:none!important}.pending-card .pending-loader{width:56px;height:56px}.pending-card .loader-progress{font-size:12px}.pending-card .pending-status{font-size:12px;padding:6px 12px;margin-top:8px}.pending-card .pending-elapsed{font-size:12px;margin-top:4px}.pending-card .card-info{padding:8px}.pending-card .card-prompt{font-size:11px;-webkit-line-clamp:2}.hide-zone,.hidden-items-btn,.header-toggle-btn,.canvas-entry-btn{display:none!important}}@media (max-width: 480px){.gallery-masonry{grid-template-columns:repeat(2,1fr);gap:6px}.gallery-content{padding:8px;padding-bottom:calc(135px + env(safe-area-inset-bottom,0px))}.mobile-studio-footer{padding:10px 12px}.mobile-generate-btn{padding:12px 16px;font-size:14px}.gallery-tab{padding:6px 10px}.card-actions{padding:4px 8px;gap:4px}.card-action-btn{width:26px;height:26px}}.studio-input-panel::-webkit-scrollbar,.gallery-content::-webkit-scrollbar{width:6px}.studio-input-panel::-webkit-scrollbar-track,.gallery-content::-webkit-scrollbar-track{background:transparent}.studio-input-panel::-webkit-scrollbar-thumb,.gallery-content::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.studio-input-panel::-webkit-scrollbar-thumb:hover,.gallery-content::-webkit-scrollbar-thumb:hover{background:#fff3}.model-dropdown{position:relative;width:100%}.model-dropdown-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;height:57.66px;padding:12px 14px;background:#ffffff0d;border:1px solid var(--studio-border);border-radius:var(--studio-radius-sm);color:var(--studio-text);cursor:pointer;transition:all var(--studio-transition)}.model-dropdown-trigger:hover{border-color:#8b5cf666;background:#ffffff14}.model-dropdown-trigger.open{border-color:var(--studio-accent);box-shadow:0 0 0 3px var(--studio-accent-light)}.model-info{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:0}.model-name{font-size:13px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.model-desc{font-size:11px;color:var(--studio-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dropdown-arrow{flex-shrink:0;color:var(--studio-text-secondary);transition:transform var(--studio-transition)}.model-dropdown-trigger.open .dropdown-arrow{transform:rotate(180deg)}.model-dropdown-menu{position:absolute;top:calc(100% + 4px);left:0;right:0;max-height:280px;overflow-y:auto;background:#181820fa;border:1px solid var(--studio-border);border-radius:var(--studio-radius);box-shadow:0 8px 32px #00000080;z-index:100;animation:dropdownEnter .2s ease-out}@keyframes dropdownEnter{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.model-dropdown-item{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;background:transparent;border:none;color:var(--studio-text);cursor:pointer;transition:background var(--studio-transition);text-align:left}.model-dropdown-item:hover{background:var(--studio-hover)}.model-dropdown-item.active{background:var(--studio-accent-light)}.item-content{display:flex;flex-direction:column;gap:2px;min-width:0}.item-name{font-size:13px;font-weight:500;display:flex;align-items:center;gap:6px}.capability-icons{display:inline-flex;align-items:center;gap:3px;vertical-align:middle;margin-left:2px}.model-dropdown-item:hover .capability-icon,.model-dropdown-item.active .capability-icon{opacity:1}.item-desc{font-size:11px;color:var(--studio-text-muted)}.item-duration{display:inline-block;font-size:10px;font-weight:500;color:#0891b2;background:#06b6d41f;padding:2px 8px;border-radius:10px;margin-left:8px;white-space:nowrap}:root:not(.dark) .item-duration{background:#06b6d41a;color:#0e7490}.check-icon{flex-shrink:0;color:var(--studio-accent)}.media-switch{display:flex;gap:0;padding:4px;background:#ffffff0a;border-radius:var(--studio-radius);position:relative}.media-switch-indicator{position:absolute;top:4px;left:4px;width:calc(50% - 4px);height:calc(100% - 8px);background:var(--studio-accent);border-radius:var(--studio-radius-sm);transition:left var(--studio-spring);box-shadow:0 2px 8px #8b5cf666}.media-switch-indicator.video{left:50%}.media-switch.three-mode .media-switch-indicator{width:calc(33.33% - 4px)}.media-switch.three-mode .media-switch-indicator.video{left:calc(33.33% + 2px)}.media-switch.three-mode .media-switch-indicator.audio{left:calc(66.66% - 2px);background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 2px 8px #22c55e66}.media-switch-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 16px;background:transparent;border:none;border-radius:var(--studio-radius-sm);color:var(--studio-text-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:color var(--studio-transition);position:relative;z-index:1}.media-switch-btn:hover{color:var(--studio-text)}.media-switch-btn.active{color:#fff}@media (min-width: 769px){.studio-input-panel{position:relative}}.input-scroll-area{flex:1;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;gap:16px;-ms-overflow-style:none;scrollbar-width:none}.input-scroll-area::-webkit-scrollbar{display:none}.generate-footer{flex-shrink:0;padding-top:16px;border-top:1px solid var(--studio-border);margin-top:auto;display:flex;flex-direction:column;gap:10px;align-items:center}.generate-cost-info{display:flex;align-items:center;justify-content:center;width:100%}.model-trigger-right,.model-dropdown-item .item-right{display:flex;align-items:center;gap:8px;margin-left:auto}.storage-help.inline-help{display:inline-flex;margin-left:6px;margin-top:0;vertical-align:middle}.storage-help.inline-help .help-icon{width:16px;height:16px;font-size:10px}.storage-help.inline-help .help-tooltip:after{top:auto;bottom:100%;left:20px;transform:none;border-top-color:transparent;border-bottom-color:#202124}.creative-card{position:relative}.creative-card .card-preview{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:var(--studio-radius) var(--studio-radius) 0 0}.creative-card .card-title{font-size:13px;font-weight:500;color:#fff;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.4}.creative-card .card-category{font-size:11px;color:var(--studio-text-muted)}.creative-card .mode-badge{position:absolute;top:8px;right:8px;padding:4px 8px;background:var(--studio-accent);border-radius:4px;font-size:10px;font-weight:600;color:#fff}.creative-card .mode-badge.edit{background:#f59e0b}.header-toggle-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#ffffff0f;border:1px solid var(--studio-border);border-radius:var(--studio-radius-sm);color:var(--studio-text-secondary);cursor:pointer;transition:all var(--studio-transition);flex-shrink:0}.header-toggle-btn:hover{background:var(--studio-accent);color:#fff;border-color:var(--studio-accent)}.tabs-container.three-tabs{display:flex;gap:0}.tabs-container.three-tabs .tab-indicator{width:calc(33.333% - 3px)}.tabs-container.three-tabs .gallery-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap}.gallery-tab span{display:inline}.gallery-masonry.wide-cards,.gallery-masonry.creative-masonry{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.cost-hint{font-size:11px;color:var(--studio-accent);margin-left:8px;font-weight:400}.count-chips{display:flex;gap:6px}.count-chips .count-chip{flex:1;text-align:center}.card-apply-overlay{position:absolute;bottom:0;left:0;right:0;padding:16px 12px;background:linear-gradient(to top,rgba(0,0,0,.95) 0%,rgba(0,0,0,.7) 60%,transparent 100%);display:flex;align-items:center;justify-content:center;gap:10px;opacity:0;transform:translateY(10px);transition:all var(--studio-transition)}.gallery-card:hover .card-apply-overlay{opacity:1;transform:translateY(0)}.card-apply-overlay .card-action-btn.favorite{width:36px;height:36px;border-radius:50%;background:#ffffff26;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--studio-transition);color:#fff;flex-shrink:0}.card-apply-overlay .card-action-btn.favorite:hover{background:#ef4444cc;transform:scale(1.1)}.card-apply-overlay .card-action-btn.favorite svg{width:16px;height:16px}.apply-btn{padding:10px 24px;background:var(--studio-accent);border:none;border-radius:var(--studio-radius-sm);color:#fff;font-size:13px;font-weight:500;cursor:pointer;transition:all var(--studio-transition)}.apply-btn:hover{background:#7c3aed;transform:scale(1.05)}.detail-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .2s ease-out}.detail-modal{width:90%;max-width:800px;max-height:90vh;background:var(--studio-panel-bg);border-radius:var(--studio-radius);overflow:hidden;display:flex;flex-direction:column;animation:modalEnter .3s ease-out;box-shadow:0 24px 64px #00000080}@keyframes modalEnter{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-close{position:absolute;top:12px;right:12px;width:32px;height:32px;background:#00000080;border:none;border-radius:50%;color:#fff;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--studio-transition);z-index:10}.modal-close:hover{background:var(--studio-accent)}.modal-image{position:relative;width:100%;max-height:50vh;overflow:hidden;background:#0000004d}.modal-image img{width:100%;height:100%;object-fit:contain}.modal-content{flex:1;min-height:0;padding:24px;overflow-y:auto;width:100%;box-sizing:border-box;display:flex;flex-direction:column;align-items:stretch;max-width:unset!important}.modal-title{font-size:20px;font-weight:600;margin:0 0 12px;color:var(--studio-text);width:100%}.modal-meta{display:flex;gap:12px;margin-bottom:16px}.modal-mode{padding:4px 10px;background:var(--studio-accent);border-radius:4px;font-size:11px;font-weight:600;color:#fff}.modal-mode.edit{background:#f59e0b}.modal-category{padding:4px 10px;background:#ffffff1a;border-radius:4px;font-size:11px;color:var(--studio-text-secondary)}.modal-prompt{margin-bottom:0;width:100%}.modal-prompt label{display:block;font-size:12px;font-weight:500;color:var(--studio-text-secondary);margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.modal-prompt p{margin:0;padding:16px;background:#ffffff0a;border-radius:var(--studio-radius-sm);font-size:14px;line-height:1.6;color:var(--studio-text);white-space:pre-wrap;word-break:break-word;width:100%;box-sizing:border-box}.modal-apply-btn{width:100%;padding:14px 24px;background:linear-gradient(135deg,var(--studio-accent) 0%,#6366f1 100%);border:none;border-radius:var(--studio-radius);color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:all var(--studio-transition)}.modal-apply-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #8b5cf666}.modal-footer{flex-shrink:0;padding:16px 24px 24px;background:var(--studio-panel-bg);border-top:1px solid var(--studio-border);width:100%;box-sizing:border-box}.modal-footer .modal-apply-btn{width:100%}.modal-footer-actions{display:flex;align-items:center;gap:12px}.modal-footer-actions .modal-apply-btn{flex:1}.modal-footer-actions .btn-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border:none;border-radius:var(--studio-radius-sm);color:var(--studio-text-secondary);cursor:pointer;transition:all var(--studio-transition);flex-shrink:0}.modal-footer-actions .btn-icon:hover{background:#ffffff26;color:var(--studio-text)}.modal-footer-actions .btn-icon.delete:hover{background:#ef444433;color:#ef4444}.modal-footer-actions .btn-icon.edit:hover{background:#3b82f633;color:#3b82f6}.modal-footer-actions .btn-secondary{padding:12px 24px;background:#ffffff1a;border:none;border-radius:var(--studio-radius-sm);color:var(--studio-text-secondary);font-size:14px;font-weight:500;cursor:pointer;transition:all var(--studio-transition)}.modal-footer-actions .btn-secondary:hover{background:#ffffff26;color:var(--studio-text)}.modal-footer-actions .btn-primary{padding:12px 24px;background:var(--studio-accent);border:none;border-radius:var(--studio-radius-sm);color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all var(--studio-transition)}.modal-footer-actions .btn-primary:hover:not(:disabled){background:#7c3aed}.modal-footer-actions .btn-primary:disabled{opacity:.5;cursor:not-allowed}.modal-image-editable{width:100%;height:100%;min-height:200px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--studio-transition)}.modal-image-editable:hover{opacity:.8}.modal-image-editable img{width:100%;height:100%;object-fit:contain}.upload-placeholder-large{padding:40px;color:var(--studio-text-muted);font-size:14px;border:2px dashed var(--studio-border);border-radius:var(--studio-radius)}.edit-form-group{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.edit-form-group label{font-size:13px;font-weight:500;color:var(--studio-text-secondary)}.edit-form-group input,.edit-form-group textarea{width:100%;padding:12px 14px;font-size:14px;color:var(--studio-text);background:#ffffff0f;border:1px solid var(--studio-border);border-radius:var(--studio-radius-sm);outline:none;transition:all var(--studio-transition);box-sizing:border-box}.edit-form-group input:focus,.edit-form-group textarea:focus{border-color:var(--studio-accent);box-shadow:0 0 0 3px var(--studio-accent-light)}.edit-form-group textarea{resize:vertical;min-height:100px;line-height:1.6;font-family:inherit}.edit-form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.edit-form-row .edit-form-group{margin-bottom:0}.modal-content .mode-selector{display:flex;gap:12px}.modal-content .mode-btn{flex:1;padding:10px 16px;font-size:13px;font-weight:500;color:var(--studio-text-secondary);background:#ffffff0f;border:1px solid var(--studio-border);border-radius:var(--studio-radius-sm);cursor:pointer;transition:all var(--studio-transition)}.modal-content .mode-btn:hover{background:#8b5cf61a;border-color:var(--studio-accent)}.modal-content .mode-btn.active{background:var(--studio-accent);color:#fff;border-color:var(--studio-accent)}.coming-soon{display:inline-block;margin-top:16px;padding:6px 16px;background:linear-gradient(135deg,var(--studio-accent) 0%,#6366f1 100%);border-radius:20px;font-size:12px;font-weight:600;color:#fff}.hall-card .card-info,.history-card .card-info,.creative-card .card-info,.pending-card .card-info{position:absolute;bottom:0;left:0;right:0;padding:12px;background:linear-gradient(to top,rgba(0,0,0,.7) 0%,rgba(0,0,0,.3) 70%,transparent 100%);display:flex;flex-direction:column;gap:4px}.card-author{font-size:12px;font-weight:600;color:#22d3ee;text-shadow:0 1px 3px rgba(0,0,0,.5)}.card-prompt{font-size:11px;color:#ffffffbf;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.4;max-height:30.8px;word-break:break-all}.card-likes{position:absolute;top:10px;right:10px;z-index:2}.like-btn{display:flex;align-items:center;gap:4px;padding:6px 10px;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:none;border-radius:16px;color:#fff;font-size:12px;cursor:pointer;transition:all var(--studio-transition)}.like-btn:hover{background:#ef4444cc;transform:scale(1.05)}.like-btn svg{color:#ef4444}.card-action-btn.share:hover{background:var(--studio-accent)}.card-action-btn.download:hover{background:#10b981}.card-action-btn.zoom:hover{background:#3b82f6}.card-action-btn.slice:hover{background:#f59e0b}.card-action-btn.ref:hover{background:#06b6d4}.card-action-btn.move:hover,.card-action-btn.move.active{background:#8b5cf6}.move-menu-wrapper{position:relative}.move-dropdown{position:absolute;bottom:calc(100% + 8px);right:0;min-width:140px;max-height:200px;overflow-y:auto;background:var(--studio-panel-bg, #1a1a2e);border:1px solid var(--studio-border, rgba(255, 255, 255, .1));border-radius:8px;padding:4px;box-shadow:0 8px 24px #0006;z-index:200;animation:slideUp .15s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.move-option{padding:8px 12px;font-size:13px;color:var(--studio-text, #e2e2e2);border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:8px;white-space:nowrap;transition:background .15s ease}.move-option:hover{background:#8b5cf633}.move-option.current{opacity:.6;cursor:default}.move-option.current:hover{background:transparent}.move-option .current-tag{font-size:11px;padding:2px 6px;background:#8b5cf64d;border-radius:4px;color:#a78bfa}.delete-confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:2100;animation:fadeIn .2s ease-out}.delete-confirm-modal{width:90%;max-width:360px;background:var(--studio-panel-bg);border-radius:var(--studio-radius);padding:32px 24px;text-align:center;animation:modalEnter .3s ease-out;box-shadow:0 24px 64px #00000080}.delete-confirm-icon{margin-bottom:16px}.delete-confirm-title{font-size:18px;font-weight:600;color:var(--studio-text);margin:0 0 8px}.delete-confirm-desc{font-size:14px;color:var(--studio-text-secondary);margin:0 0 24px;line-height:1.5}.delete-confirm-actions{display:flex;gap:12px;justify-content:center}.delete-confirm-btn{padding:10px 24px;border-radius:var(--studio-radius-sm);font-size:14px;font-weight:500;cursor:pointer;transition:all var(--studio-transition);border:none}.delete-confirm-btn.cancel{background:#ffffff1a;color:var(--studio-text-secondary)}.delete-confirm-btn.cancel:hover{background:#ffffff26;color:var(--studio-text)}.delete-confirm-btn.confirm{background:#ef4444;color:#fff}.delete-confirm-btn.confirm:hover{background:#dc2626}.search-wrapper{display:flex;align-items:center;gap:0;transition:all var(--studio-transition)}.search-wrapper.open{background:#ffffff0f;border-radius:var(--studio-radius);padding-left:12px}.search-input{width:0;padding:0;border:none;background:transparent;color:var(--studio-text);font-size:13px;outline:none;transition:all var(--studio-transition)}.search-wrapper.open .search-input{width:180px;padding:8px 0}.search-input::placeholder{color:var(--studio-text-muted)}.search-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#ffffff0f;border:1px solid var(--studio-border);border-radius:var(--studio-radius-sm);color:var(--studio-text-secondary);cursor:pointer;transition:all var(--studio-transition);flex-shrink:0}.search-wrapper.open .search-btn{background:transparent;border-color:transparent;border-radius:0 var(--studio-radius-sm) var(--studio-radius-sm) 0}.search-btn:hover{background:var(--studio-accent);color:#fff;border-color:var(--studio-accent)}.search-btn.active{color:var(--studio-accent)}.search-wrapper.open .search-btn.active:hover{background:#ef4444cc}@media (max-width: 768px){.search-wrapper{display:none!important}.search-wrapper.open .search-input{width:120px}}:root:not(.dark) .studio-page-v2{background-image:radial-gradient(ellipse at 0% 0%,rgba(139,92,246,.06) 0%,transparent 50%),radial-gradient(ellipse at 100% 100%,rgba(99,102,241,.04) 0%,transparent 50%)}:root:not(.dark) .gallery-tabs{background:#00000008}:root:not(.dark) .tabs-container{background:#0000000d}:root:not(.dark) .tab-indicator{box-shadow:0 2px 8px #7c3aed4d}:root:not(.dark) .model-dropdown-menu{background:#fffffffa;box-shadow:0 8px 32px #00000026}:root:not(.dark) .model-dropdown-trigger{background:#00000008}:root:not(.dark) .model-dropdown-trigger:hover{background:#0000000f}:root:not(.dark) .prompt-textarea{background:#00000008}:root:not(.dark) .prompt-textarea:focus{background:#0000000d}:root:not(.dark) .ratio-chip,:root:not(.dark) .duration-chip,:root:not(.dark) .count-chip{background:#0000000a}:root:not(.dark) .ratio-chip:hover,:root:not(.dark) .duration-chip:hover,:root:not(.dark) .count-chip:hover{background:#00000014}:root:not(.dark) .ref-add-btn{background:#00000008}:root:not(.dark) .ref-add-btn:hover{background:#0000000f}:root:not(.dark) .media-switch{background:#0000000d}:root:not(.dark) .media-switch-indicator{box-shadow:0 2px 8px #7c3aed4d}:root:not(.dark) .media-switch.three-mode .media-switch-indicator.audio{box-shadow:0 2px 8px #16a34a4d}:root:not(.dark) .gallery-card{background:#00000008}:root:not(.dark) .gallery-card:hover{box-shadow:0 16px 40px #00000026}:root:not(.dark) .pending-card.pending-video{background:linear-gradient(135deg,#a855f714,#8b5cf60a)}:root:not(.dark) .pending-card.pending-video:before{background:linear-gradient(90deg,transparent 0%,rgba(168,85,247,.06) 50%,transparent 100%)}:root:not(.dark) .pending-card.pending-video:after{background-image:linear-gradient(rgba(168,85,247,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(168,85,247,.04) 1px,transparent 1px)}:root:not(.dark) .pending-card.pending-audio{background:linear-gradient(135deg,#22c55e14,#16a34a0a)}:root:not(.dark) .pending-card.pending-audio:before{background:linear-gradient(90deg,transparent 0%,rgba(34,197,94,.06) 50%,transparent 100%)}:root:not(.dark) .pending-card.pending-audio:after{background-image:linear-gradient(rgba(34,197,94,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(34,197,94,.04) 1px,transparent 1px)}:root:not(.dark) .pending-card.pending-image{background:linear-gradient(135deg,#3b82f614,#6366f10a)}:root:not(.dark) .pending-card.pending-image:before{background:linear-gradient(90deg,transparent 0%,rgba(59,130,246,.06) 50%,transparent 100%)}:root:not(.dark) .pending-card.pending-image:after{background-image:linear-gradient(rgba(59,130,246,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(59,130,246,.04) 1px,transparent 1px)}:root:not(.dark) .search-btn{background:#0000000a}:root:not(.dark) .search-wrapper.open{background:#0000000a}:root:not(.dark) .card-actions{background:#ffffffe6}:root:not(.dark) .card-action-btn{background:#0000001a;color:#333}:root:not(.dark) .card-action-btn:hover{background:#0003}:root:not(.dark) .detail-modal{background:var(--studio-panel-bg)}:root:not(.dark) .delete-confirm-modal{background:var(--studio-panel-bg)}:root:not(.dark) .input-label{color:#374151}:root:not(.dark) .cost-hint{color:#7c3aed}:root:not(.dark) .ratio-chip,:root:not(.dark) .duration-chip,:root:not(.dark) .count-chip{color:#4b5563;border-color:#0000001f}:root:not(.dark) .ratio-chip.active,:root:not(.dark) .duration-chip.active,:root:not(.dark) .count-chip.active{color:#fff!important;border-color:transparent;background:var(--studio-accent)!important}:root:not(.dark) .count-chip.disabled,:root:not(.dark) .count-chip:disabled{opacity:.35;background:#00000008;border-color:#00000014;color:#9ca3af}:root:not(.dark) .pending-card.pending-video .loader-progress{color:#a855f7;text-shadow:none}:root:not(.dark) .pending-card.pending-video .pending-status{background:#a855f71f;color:#7c3aed}:root:not(.dark) .pending-card.pending-video .pulse-dots span{background:#a855f7}:root:not(.dark) .pending-card.pending-audio .loader-progress{color:#16a34a;text-shadow:none}:root:not(.dark) .pending-card.pending-audio .pending-status{background:#22c55e1f;color:#15803d}:root:not(.dark) .pending-card.pending-audio .pulse-dots span{background:#22c55e}:root:not(.dark) .pending-card.pending-image .loader-progress{color:#2563eb;text-shadow:none}:root:not(.dark) .pending-card.pending-image .pending-status{background:#3b82f61f;color:#1d4ed8}:root:not(.dark) .pending-card.pending-image .pulse-dots span{background:#3b82f6}:root:not(.dark) .gallery-card .video-placeholder{background:#0000000a}:root:not(.dark) .gallery-card .video-placeholder:before{background:linear-gradient(-45deg,#00000005,#00000005 40%,#0000000f,#00000005 60%,#00000005);background-size:400% 400%}:root:not(.dark) .skeleton-shimmer{background:linear-gradient(-45deg,#00000005,#00000005 40%,#0000000f,#00000005 60%,#00000005);background-size:400% 400%}.hall-status-badge{position:absolute;top:10px;right:10px;padding:4px 8px;border-radius:4px;font-size:10px;font-weight:600;letter-spacing:.3px;z-index:2;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.hall-status-badge.pending{background:#f59e0be6;color:#fff}.hall-status-badge.approved{background:#10b981e6;color:#fff}.hall-status-badge.rejected{background:#ef4444e6;color:#fff}.likes-badge{position:absolute;bottom:10px;right:10px;display:flex;align-items:center;gap:4px;padding:4px 8px;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:12px;font-size:14px;font-weight:500;color:#fff;z-index:2}.likes-badge svg{color:#ef4444}.likes-badge.hall{top:10px;right:10px;bottom:auto!important;cursor:pointer;border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.likes-badge.hall.liked{background:#ef4444e6}.likes-badge.hall.liked svg{fill:#fff;color:#fff}.card-author-badge{position:absolute;bottom:10px;left:10px;padding:4px 10px;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:12px;font-size:11px;font-weight:600;color:#fffffff2;z-index:2}.card-action-btn.like:hover{background:#ef4444}.card-action-btn.like.liked{background:#ef4444;color:#fff}.card-action-btn.like.liked svg{fill:#fff;color:#fff}.like-btn.liked{background:#ef4444e6}.like-btn.liked svg{fill:#fff;color:#fff}.submit-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:2100;animation:fadeIn .2s ease-out}.submit-modal{width:90%;max-width:440px;background:var(--studio-panel-bg);border-radius:var(--studio-radius);overflow:hidden;animation:modalEnter .3s ease-out;box-shadow:0 24px 64px #00000080;position:relative}.submit-modal .modal-close{position:absolute;top:12px;right:12px;width:32px;height:32px;background:#00000080;border:none;border-radius:50%;color:#fff;font-size:20px;cursor:pointer;z-index:10;display:flex;align-items:center;justify-content:center;transition:all var(--studio-transition)}.submit-modal .modal-close:hover{background:#000c}.submit-modal-preview{width:100%;aspect-ratio:16/10;background:#000;display:flex;align-items:center;justify-content:center;overflow:hidden}.submit-modal-preview img,.submit-modal-preview video{width:100%;height:100%;object-fit:contain}.submit-modal-content{padding:20px 24px 24px}.submit-modal-title{font-size:18px;font-weight:600;color:var(--studio-text);margin:0 0 8px}.submit-modal-desc{font-size:13px;color:var(--studio-text-secondary);margin:0 0 16px}.submit-tags-grid{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.submit-tag{padding:8px 16px;background:#ffffff0f;border:1px solid transparent;border-radius:20px;color:var(--studio-text-secondary);font-size:13px;cursor:pointer;transition:all var(--studio-transition)}.submit-tag:hover{background:#ffffff1a;color:var(--studio-text)}.submit-tag.selected{background:var(--studio-accent);border-color:var(--studio-accent);color:#fff}.submit-modal-actions{display:flex;gap:12px;justify-content:flex-end}.submit-modal-btn{padding:10px 24px;border-radius:var(--studio-radius-sm);font-size:14px;font-weight:500;cursor:pointer;transition:all var(--studio-transition);border:none}.submit-modal-btn.cancel{background:#ffffff1a;color:var(--studio-text-secondary)}.submit-modal-btn.cancel:hover{background:#ffffff26;color:var(--studio-text)}.submit-modal-btn.confirm{background:linear-gradient(135deg,var(--studio-accent),#6366f1);color:#fff;min-width:80px}.submit-modal-btn.confirm:hover{transform:translateY(-1px);box-shadow:0 4px 16px #8b5cf666}:root:not(.dark) .submit-modal{background:#fffffffa}:root:not(.dark) .submit-tag{background:#0000000d}:root:not(.dark) .submit-tag:hover{background:#0000001a}:root:not(.dark) .submit-modal-btn.cancel{background:#0000000f}.submit-selected-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px;padding:12px;background:#8b5cf614;border-radius:var(--studio-radius-sm)}.selected-tag-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;background:var(--studio-accent);border-radius:16px;color:#fff;font-size:13px}.tag-remove{background:none;border:none;color:#ffffffb3;font-size:14px;cursor:pointer;padding:0;line-height:1;transition:color .15s}.tag-remove:hover{color:#fff}.custom-tag-input-row{display:flex;gap:8px;margin-bottom:16px}.custom-tag-input{flex:1;padding:10px 14px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:var(--studio-radius-sm);color:var(--studio-text);font-size:13px;transition:all var(--studio-transition)}.custom-tag-input:focus{outline:none;border-color:var(--studio-accent);background:#8b5cf614}.custom-tag-input::placeholder{color:var(--studio-text-muted)}.custom-tag-add-btn{padding:10px 16px;background:#ffffff1a;border:none;border-radius:var(--studio-radius-sm);color:var(--studio-text);font-size:13px;cursor:pointer;transition:all var(--studio-transition)}.custom-tag-add-btn:hover:not(:disabled){background:var(--studio-accent)}.custom-tag-add-btn:disabled{opacity:.4;cursor:not-allowed}:root:not(.dark) .submit-selected-tags{background:#7c3aed14}:root:not(.dark) .custom-tag-input{background:#0000000a;border-color:#0000001a}:root:not(.dark) .custom-tag-input:focus{background:#7c3aed0f}:root:not(.dark) .custom-tag-add-btn{background:#0000000f}.card-tags{display:flex;flex-wrap:wrap;gap:4px;margin:4px 0}.card-tag{padding:2px 8px;background:#8b5cf633;border-radius:10px;font-size:10px;color:#ffffffe6}:root:not(.dark) .card-tag{background:#7c3aed26;color:#7c3aed}.hide-zone{position:fixed;bottom:0;right:0;width:180px;height:180px;border-radius:180px 0 0;background:linear-gradient(135deg,#ef444433,#ef444459);border:none;border-top:3px dashed rgba(239,68,68,.5);border-left:3px dashed rgba(239,68,68,.5);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding-right:25px;padding-bottom:25px;opacity:0;visibility:hidden;transform:translate(70%,70%);transition:all .35s cubic-bezier(.34,1.56,.64,1);z-index:9999;pointer-events:none;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.hide-zone.visible{opacity:1;visibility:visible;transform:translate(0);pointer-events:auto;animation:hideZonePulse 2s ease-in-out infinite}@keyframes hideZonePulse{0%,to{box-shadow:-5px -5px 20px #ef444433}50%{box-shadow:-10px -10px 35px #ef444459}}.hide-zone.active{background:linear-gradient(135deg,#ef444480,#ef4444b3);border-color:#ef4444;border-style:solid;transform:translate(0) scale(1.1);box-shadow:-15px -15px 50px #ef444480,inset 0 0 30px #ffffff1a;animation:none}.hide-zone svg{color:#ef4444e6;transition:all .25s ease;filter:drop-shadow(0 2px 6px rgba(239,68,68,.4))}.hide-zone.active svg{transform:scale(1.4);color:#fff;filter:drop-shadow(0 3px 10px rgba(0,0,0,.3))}.hide-zone span{font-size:12px;font-weight:700;color:#ef4444f2;text-shadow:0 1px 3px rgba(0,0,0,.15);transition:all .25s ease}.hide-zone.active span{color:#fff;font-size:13px;text-shadow:0 2px 4px rgba(0,0,0,.3)}.hidden-items-btn{position:fixed;bottom:0;right:0;width:64px;height:64px;border-radius:64px 0 0;background:linear-gradient(135deg,#505050d9,#3c3c3cf2);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:none;border-top:1px solid rgba(255,255,255,.1);border-left:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;padding-right:8px;padding-bottom:8px;cursor:pointer;z-index:999;transition:all .3s cubic-bezier(.34,1.56,.64,1);box-shadow:-4px -4px 20px #00000040}.hidden-items-btn:hover{width:72px;height:72px;border-radius:72px 0 0;background:linear-gradient(135deg,#646464e6,#464646fa)}.hidden-items-btn svg{color:#ffffffd9}.hidden-items-btn .hidden-count{position:absolute;top:8px;left:8px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:#ef4444f2;color:#fff;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #ef444466}.hidden-panel-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease-out}.hidden-panel{width:90%;max-width:800px;max-height:80vh;background:#1e1e1ef2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;overflow:hidden;animation:slideUp .3s cubic-bezier(.34,1.56,.64,1);box-shadow:0 20px 60px #00000080}@keyframes slideUp{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.hidden-panel-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.1)}.hidden-panel-header h3{margin:0;font-size:18px;font-weight:600;color:#fff}.hidden-panel-actions{display:flex;align-items:center;gap:12px}.unhide-all-btn{padding:8px 16px;border-radius:8px;background:#10b98133;border:1px solid rgba(16,185,129,.3);color:#10b981;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.unhide-all-btn:hover{background:#10b9814d}.hidden-panel-close{width:36px;height:36px;border-radius:50%;background:#ffffff1a;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.hidden-panel-close:hover{background:#fff3}.hidden-panel-close svg{color:#ffffffb3}.hidden-panel-content{padding:24px;max-height:calc(80vh - 80px);overflow-y:auto}.hidden-panel-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#fff6}.hidden-panel-empty svg{margin-bottom:16px;opacity:.5}.hidden-panel-empty p{margin:0;font-size:14px}.hidden-panel-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px}.hidden-item-card{position:relative;border-radius:12px;overflow:hidden;aspect-ratio:1;background:#0000004d;cursor:pointer;transition:transform .2s ease}.hidden-item-card:hover{transform:scale(1.02)}.hidden-item-card img,.hidden-item-card video{width:100%;height:100%;object-fit:cover}.hidden-item-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease}.hidden-item-card:hover .hidden-item-overlay{opacity:1}.unhide-btn{display:flex;align-items:center;gap:6px;padding:10px 16px;border-radius:8px;background:#10b981e6;border:none;color:#fff;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.unhide-btn:hover{background:#10b981;transform:scale(1.05)}.gallery-card[draggable=true]{cursor:grab;transition:transform .2s ease,opacity .2s ease,box-shadow .2s ease}.gallery-card[draggable=true]:active{cursor:grabbing}.gallery-card.dragging{opacity:.6;transform:scale(.95) rotate(-2deg);box-shadow:0 20px 40px #0000004d;z-index:100}.studio-page-v2.is-dragging .gallery-card:not(.dragging){opacity:.7;filter:grayscale(.3)}:root:not(.dark) .hidden-panel{background:#fffffffa}:root:not(.dark) .hidden-panel-header{border-bottom-color:#0000001a}:root:not(.dark) .hidden-panel-header h3{color:#1a1a1a}:root:not(.dark) .hidden-panel-close svg{color:#00000080}:root:not(.dark) .hidden-panel-close:hover{background:#0000001a}:root:not(.dark) .hidden-panel-empty{color:#0006}:root:not(.dark) .hidden-items-btn{background:#ffffffe6;box-shadow:0 4px 20px #00000026}:root:not(.dark) .hidden-items-btn svg{color:#666}.project-selector{position:relative}.project-selector-trigger{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--studio-hover);border:1px solid var(--studio-border);border-radius:var(--studio-radius-sm);color:var(--studio-text);font-size:13px;font-weight:500;cursor:pointer;transition:all var(--studio-transition);white-space:nowrap}.project-selector-trigger:hover{background:#8b5cf61a;border-color:var(--studio-accent)}.project-selector-trigger svg{width:14px;height:14px;color:var(--studio-text-secondary)}.project-selector-trigger .project-name{max-width:120px;overflow:hidden;text-overflow:ellipsis}.project-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:220px;max-height:320px;overflow-y:auto;background:var(--studio-panel-bg);border:1px solid var(--studio-border);border-radius:var(--studio-radius);box-shadow:0 10px 40px #0000004d;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:1000;animation:dropdownFadeIn .2s ease}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.project-option{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;cursor:pointer;transition:background var(--studio-transition)}.project-option:hover{background:var(--studio-hover)}.project-option.active{background:var(--studio-accent-light)}.project-option .option-name{flex:1;font-size:13px;color:var(--studio-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-option .item-count{font-size:12px;color:var(--studio-text-muted);margin-left:6px}.project-option .option-actions{display:flex;gap:4px;opacity:0;transition:opacity var(--studio-transition)}.project-option:hover .option-actions{opacity:1}.project-option .option-action-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:none;border:none;border-radius:4px;cursor:pointer;color:var(--studio-text-secondary);transition:all var(--studio-transition)}.project-option .option-action-btn:hover{background:var(--studio-hover);color:var(--studio-text)}.project-option .option-action-btn.delete:hover{color:#ef4444;background:#ef44441a}.project-divider{height:1px;margin:4px 0;background:var(--studio-border)}.project-option.create-option{color:var(--studio-accent);gap:8px}.project-option.create-option svg{width:14px;height:14px}.project-edit-input{flex:1;padding:4px 8px;font-size:13px;background:var(--studio-bg);border:1px solid var(--studio-accent);border-radius:4px;color:var(--studio-text);outline:none}.project-confirm-delete{display:flex;align-items:center;gap:8px;font-size:12px;color:#ef4444}.project-confirm-delete button{padding:4px 10px;font-size:11px;border:none;border-radius:4px;cursor:pointer;transition:all var(--studio-transition)}.project-confirm-delete button:first-of-type{background:#ef4444;color:#fff}.project-confirm-delete button:first-of-type:hover{background:#dc2626}.project-confirm-delete button:last-of-type{background:var(--studio-hover);color:var(--studio-text-secondary)}.project-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:2000;animation:modalOverlayFadeIn .2s ease}@keyframes modalOverlayFadeIn{0%{opacity:0}to{opacity:1}}.project-modal{width:100%;max-width:360px;padding:24px;background:var(--studio-panel-bg);border:1px solid var(--studio-border);border-radius:var(--studio-radius);box-shadow:0 20px 60px #0006;animation:modalScaleIn .25s cubic-bezier(.34,1.56,.64,1)}@keyframes modalScaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.project-modal h3{margin:0 0 16px;font-size:16px;font-weight:600;color:var(--studio-text)}.project-create-input{width:100%;padding:12px 14px;font-size:14px;background:var(--studio-bg);border:1px solid var(--studio-border);border-radius:var(--studio-radius-sm);color:var(--studio-text);outline:none;transition:border-color var(--studio-transition)}.project-create-input:focus{border-color:var(--studio-accent)}.project-create-input::placeholder{color:var(--studio-text-muted)}.project-modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.project-modal-actions .btn-cancel,.project-modal-actions .btn-confirm{padding:10px 20px;font-size:13px;font-weight:500;border:none;border-radius:var(--studio-radius-sm);cursor:pointer;transition:all var(--studio-transition)}.project-modal-actions .btn-cancel{background:var(--studio-hover);color:var(--studio-text-secondary)}.project-modal-actions .btn-cancel:hover{background:#ffffff1a}.project-modal-actions .btn-confirm{background:var(--studio-accent);color:#fff}.project-modal-actions .btn-confirm:hover:not(:disabled){background:#7c3aed}.project-modal-actions .btn-confirm:disabled{opacity:.5;cursor:not-allowed}:root:not(.dark) .project-dropdown{box-shadow:0 10px 40px #00000026}:root:not(.dark) .project-modal{box-shadow:0 20px 60px #0003}.creative-actions{display:flex;justify-content:flex-start;padding:0 8px 16px}.create-prompt-btn{display:flex;align-items:center;gap:6px;padding:10px 18px;font-size:13px;font-weight:500;color:#fff;background:var(--studio-accent);border:none;border-radius:var(--studio-radius);cursor:pointer;transition:all var(--studio-transition)}.create-prompt-btn:hover{background:#7c3aed;transform:translateY(-1px)}.create-prompt-btn svg{width:16px;height:16px}.favorite-card .card-action-row{display:flex;gap:8px;margin-bottom:10px}.favorite-card .card-action-btn{width:36px;height:36px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--studio-transition)}.favorite-card .card-action-btn.edit{background:#3b82f6cc;color:#fff}.favorite-card .card-action-btn.edit:hover{background:#3b82f6;transform:scale(1.1)}.favorite-card .card-action-btn.delete{background:#ef4444cc;color:#fff}.favorite-card .card-action-btn.delete:hover{background:#ef4444;transform:scale(1.1)}.prompt-edit-modal{width:520px;max-width:95vw;max-height:85vh;overflow-y:auto}.prompt-edit-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--studio-border)}.prompt-edit-modal .modal-header h3{font-size:18px;font-weight:600;margin:0}.prompt-edit-modal .modal-close{width:32px;height:32px;border:none;background:transparent;color:var(--studio-text-secondary);font-size:24px;cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all var(--studio-transition)}.prompt-edit-modal .modal-close:hover{background:var(--studio-hover);color:var(--studio-text)}.prompt-edit-modal form{padding:24px;display:flex;flex-direction:column;gap:20px}.prompt-edit-modal .form-group{display:flex;flex-direction:column;gap:8px}.prompt-edit-modal .form-group label{font-size:13px;font-weight:500;color:var(--studio-text-secondary)}.prompt-edit-modal .form-group input,.prompt-edit-modal .form-group textarea{width:100%;padding:12px 14px;font-size:14px;color:var(--studio-text);background:var(--studio-hover);border:1px solid var(--studio-border);border-radius:var(--studio-radius-sm);outline:none;transition:all var(--studio-transition)}.prompt-edit-modal .form-group input:focus,.prompt-edit-modal .form-group textarea:focus{border-color:var(--studio-accent);box-shadow:0 0 0 3px var(--studio-accent-light)}.prompt-edit-modal .form-group textarea{resize:vertical;min-height:100px;line-height:1.6}.prompt-edit-modal .form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.prompt-edit-modal .preview-upload{width:100%}.prompt-edit-modal .preview-image{position:relative;width:100%;max-width:200px;aspect-ratio:4/5;border-radius:var(--studio-radius-sm);overflow:hidden}.prompt-edit-modal .preview-image img{width:100%;height:100%;object-fit:cover}.prompt-edit-modal .preview-image .remove-preview{position:absolute;top:8px;right:8px;width:28px;height:28px;border:none;background:#0009;color:#fff;font-size:18px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--studio-transition)}.prompt-edit-modal .preview-image .remove-preview:hover{background:#ef4444e6}.prompt-edit-modal .upload-placeholder{width:100%;max-width:200px;aspect-ratio:4/5;border:2px dashed var(--studio-border);border-radius:var(--studio-radius-sm);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--studio-text-muted);cursor:pointer;transition:all var(--studio-transition)}.prompt-edit-modal .upload-placeholder:hover{border-color:var(--studio-accent);color:var(--studio-accent)}.prompt-edit-modal .upload-placeholder svg{opacity:.6}.prompt-edit-modal .upload-placeholder span{font-size:12px}.prompt-edit-modal .mode-selector{display:flex;gap:12px}.prompt-edit-modal .mode-btn{flex:1;padding:10px 16px;font-size:13px;font-weight:500;color:var(--studio-text-secondary);background:var(--studio-hover);border:1px solid var(--studio-border);border-radius:var(--studio-radius-sm);cursor:pointer;transition:all var(--studio-transition)}.prompt-edit-modal .mode-btn:hover{background:#8b5cf61a;border-color:var(--studio-accent)}.prompt-edit-modal .mode-btn.active{background:var(--studio-accent);color:#fff;border-color:var(--studio-accent)}.prompt-edit-modal .form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:8px}.prompt-edit-modal .btn-secondary,.prompt-edit-modal .btn-primary{padding:12px 24px;font-size:14px;font-weight:500;border:none;border-radius:var(--studio-radius-sm);cursor:pointer;transition:all var(--studio-transition)}.prompt-edit-modal .btn-secondary{background:var(--studio-hover);color:var(--studio-text-secondary)}.prompt-edit-modal .btn-secondary:hover{background:#ffffff1a}.prompt-edit-modal .btn-primary{background:var(--studio-accent);color:#fff}.prompt-edit-modal .btn-primary:hover:not(:disabled){background:#7c3aed}.prompt-edit-modal .btn-primary:disabled{opacity:.5;cursor:not-allowed}:root:not(.dark) .prompt-edit-modal .btn-secondary:hover{background:#00000014}.audio-type-chips{display:flex;gap:8px}.audio-type-chip{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:var(--studio-radius-sm);color:var(--studio-text-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:all var(--studio-transition)}.audio-type-chip:hover{background:#ffffff14;border-color:#ffffff26}.audio-type-chip.active{background:linear-gradient(135deg,#22c55e33,#16a34a26);border-color:#22c55e80;color:#22c55e}.audio-type-chip svg{flex-shrink:0}.emotion-chips{display:flex;flex-wrap:wrap;gap:8px}.emotion-chip{padding:8px 16px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:20px;color:var(--studio-text-secondary);font-size:12px;cursor:pointer;transition:all var(--studio-transition)}.emotion-chip:hover{background:#ffffff14;border-color:#ffffff26}.emotion-chip.active{background:linear-gradient(135deg,#22c55e33,#16a34a26);border-color:#22c55e80;color:#22c55e}.voice-chips{display:flex;flex-wrap:wrap;gap:8px}.voice-chip{padding:8px 16px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:20px;color:var(--studio-text-secondary);font-size:12px;cursor:pointer;transition:all var(--studio-transition)}.voice-chip:hover{background:#ffffff14;border-color:#ffffff26}.voice-chip.active{background:linear-gradient(135deg,#22c55e33,#16a34a26);border-color:#22c55e80;color:#22c55e}.audio-hint{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;background:#ffffff05;border:1px dashed rgba(255,255,255,.1);border-radius:var(--studio-radius-sm);color:var(--studio-text-muted);font-size:12px;line-height:1.5}.audio-hint svg{flex-shrink:0;margin-top:1px;opacity:.6}:root:not(.dark) .audio-type-chip{background:#00000008;border-color:#00000014}:root:not(.dark) .audio-type-chip:hover{background:#0000000f;border-color:#0000001f}:root:not(.dark) .audio-type-chip.active{background:linear-gradient(135deg,#22c55e26,#16a34a1a);border-color:#22c55e66}:root:not(.dark) .emotion-chip{background:#00000008;border-color:#00000014}:root:not(.dark) .emotion-chip:hover{background:#0000000f;border-color:#0000001f}:root:not(.dark) .emotion-chip.active{background:linear-gradient(135deg,#22c55e26,#16a34a1a);border-color:#22c55e66}:root:not(.dark) .voice-chip{background:#00000008;border-color:#00000014}:root:not(.dark) .voice-chip:hover{background:#0000000f;border-color:#0000001f}:root:not(.dark) .voice-chip.active{background:linear-gradient(135deg,#22c55e26,#16a34a1a);border-color:#22c55e66}:root:not(.dark) .audio-hint{background:#00000005;border-color:#0000001a}.audio-card-visual{position:relative;width:100%;aspect-ratio:3/4;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;border-radius:var(--studio-radius) var(--studio-radius) 0 0}.audio-card-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#22c55e4d,#10b98133,#06b6d44d);animation:audioGradientShift 8s ease infinite}@keyframes audioGradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.audio-card-icon{position:relative;z-index:1;color:#ffffffe6;margin-bottom:16px;animation:audioIconPulse 2s ease-in-out infinite}@keyframes audioIconPulse{0%,to{transform:scale(1);opacity:.9}50%{transform:scale(1.05);opacity:1}}.audio-waveform-bars{display:flex;align-items:center;justify-content:center;gap:4px;height:40px;position:relative;z-index:1;margin-bottom:16px}.audio-waveform-bars .waveform-bar{width:4px;height:8px;background:linear-gradient(to top,#22c55e,#4ade80);border-radius:2px;animation:audioWaveBar .8s ease-in-out infinite}@keyframes audioWaveBar{0%,to{height:8px}50%{height:32px}}.audio-card-player{position:absolute;bottom:8px;left:8px;right:8px;height:32px;border-radius:16px;background:#0006;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.audio-card-player::-webkit-media-controls-panel{background:transparent}.card-badge.audio{background:linear-gradient(135deg,#22c55ee6,#16a34ae6)}.gallery-card:hover .audio-waveform-bars .waveform-bar{animation-play-state:running}:root:not(.dark) .audio-card-bg{background:linear-gradient(135deg,#22c55e33,#10b98126,#06b6d433)}:root:not(.dark) .audio-card-icon{color:#16a34ae6}:root:not(.dark) .audio-waveform-bars .waveform-bar{background:linear-gradient(to top,#16a34a,#22c55e)}.admin-page{--admin-bg: #0a0a0f;--admin-bg-secondary: rgba(18, 18, 24, .95);--admin-border: rgba(255, 255, 255, .08);--admin-accent: #8b5cf6;--admin-accent-light: rgba(139, 92, 246, .15);--admin-text: #ffffff;--admin-text-secondary: rgba(255, 255, 255, .6);--admin-text-muted: rgba(255, 255, 255, .4);--admin-hover: rgba(255, 255, 255, .06);--admin-radius: 12px;--admin-radius-sm: 8px;--admin-transition: .25s cubic-bezier(.4, 0, .2, 1)}:root:not(.dark) .admin-page{--admin-bg: #f5f5f7;--admin-bg-secondary: rgba(255, 255, 255, .95);--admin-border: rgba(0, 0, 0, .08);--admin-accent: #7c3aed;--admin-accent-light: rgba(124, 58, 237, .1);--admin-text: #1a1a1a;--admin-text-secondary: rgba(0, 0, 0, .6);--admin-text-muted: rgba(0, 0, 0, .4);--admin-hover: rgba(0, 0, 0, .04)}.admin-page{display:flex;width:100%;height:100%;background:var(--admin-bg);background-image:radial-gradient(ellipse at 0% 0%,rgba(139,92,246,.08) 0%,transparent 50%),radial-gradient(ellipse at 100% 100%,rgba(99,102,241,.05) 0%,transparent 50%);color:var(--admin-text);overflow:hidden}.admin-sidebar{width:220px;min-width:220px;height:100%;background:var(--admin-bg-secondary);border-right:1px solid var(--admin-border);display:flex;flex-direction:column;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.admin-sidebar-header{padding:20px;border-bottom:1px solid var(--admin-border)}.admin-logo{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:600;color:var(--admin-text)}.admin-logo svg{color:var(--admin-accent)}.admin-nav{flex:1;padding:12px;display:flex;flex-direction:column;gap:4px;overflow-y:auto}.admin-nav-item{display:flex;align-items:center;gap:12px;width:100%;padding:12px 14px;background:transparent;border:none;border-radius:var(--admin-radius-sm);color:var(--admin-text-secondary);font-size:14px;font-weight:500;cursor:pointer;transition:all var(--admin-transition);text-align:left;position:relative}.admin-nav-item:hover{background:var(--admin-hover);color:var(--admin-text)}.admin-nav-item.active{background:var(--admin-accent-light);color:var(--admin-accent)}.admin-nav-item.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:20px;background:var(--admin-accent);border-radius:0 2px 2px 0}.admin-nav-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0}.admin-nav-label{flex:1}.admin-nav-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;background:#ef4444;color:#fff;font-size:11px;font-weight:600;border-radius:10px;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.admin-sidebar-footer{padding:16px 20px;border-top:1px solid var(--admin-border)}.admin-version{font-size:11px;color:var(--admin-text-muted)}.admin-main{flex:1;overflow-y:auto;padding:32px;min-width:0}.admin-error-banner{padding:12px 16px;background:#ef444426;border:1px solid rgba(239,68,68,.3);border-radius:var(--admin-radius-sm);color:#ef4444;font-size:14px;margin-bottom:24px}.admin-panel{width:100%}.panel-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:24px;gap:16px}.panel-header h1{margin:0;font-size:24px;font-weight:600;color:var(--admin-text)}.panel-subtitle{margin:4px 0 0;font-size:14px;color:var(--admin-text-secondary)}.panel-header-actions{display:flex;align-items:center;gap:12px}.status-filter-tabs{display:flex;background:#0000000d;border-radius:8px;padding:4px;gap:4px}.status-tab{padding:8px 16px;border:none;background:transparent;color:#666;font-size:14px;font-weight:500;border-radius:6px;cursor:pointer;transition:all .2s}.status-tab:hover{color:#333;background:#0000000d}.status-tab.active{background:var(--admin-primary);color:#fff}.panel-actions{display:flex;gap:12px}.admin-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;width:100%;min-height:100%;gap:16px;color:var(--admin-text-secondary)}.admin-loading-spinner{width:40px;height:40px;border:3px solid var(--admin-border);border-top-color:var(--admin-accent);border-radius:50%;animation:spin .8s linear infinite}.admin-error{display:flex;align-items:center;justify-content:center;flex:1;width:100%;min-height:100%;font-size:16px;color:#ef4444}.overview-panel{width:100%}.overview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px}.overview-card{display:flex;align-items:center;gap:16px;padding:20px;background:var(--admin-bg-secondary);border:1px solid var(--admin-border);border-radius:var(--admin-radius);transition:all var(--admin-transition)}.overview-card:hover{transform:translateY(-2px);border-color:#8b5cf64d;box-shadow:0 8px 32px #0003}.overview-card.highlight{border-color:var(--card-color, var(--admin-accent));background:linear-gradient(135deg,rgba(239,68,68,.1) 0%,transparent 100%)}.overview-card-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:#ffffff0d;border-radius:var(--admin-radius-sm);color:var(--card-color, var(--admin-accent));flex-shrink:0}.overview-card-content{flex:1;min-width:0}.overview-card-value{font-size:28px;font-weight:700;color:var(--admin-text);line-height:1.2}.overview-card-label{font-size:13px;color:var(--admin-text-secondary);margin-top:4px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.today-badge{font-size:11px;padding:2px 6px;background:#22c55e26;color:#22c55e;border-radius:4px;font-weight:500}.overview-section{margin-top:32px}.section-title{font-size:16px;font-weight:600;color:var(--admin-text);margin:0 0 16px}.task-type-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.task-type-item{display:flex;align-items:center;gap:14px;padding:20px;background:var(--admin-bg-secondary);border:1px solid var(--admin-border);border-radius:var(--admin-radius);transition:all var(--admin-transition)}.task-type-item:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000026}.task-type-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:10px;flex-shrink:0}.task-type-icon.image{background:#3b82f626;color:#3b82f6}.task-type-icon.video{background:#a855f726;color:#a855f7}.task-type-icon.text{background:#22c55e26;color:#22c55e}.task-type-info{display:flex;flex-direction:column;gap:2px}.task-type-value{font-size:24px;font-weight:700;color:var(--admin-text)}.task-type-label{font-size:13px;color:var(--admin-text-secondary)}.task-status-bar{display:flex;height:12px;border-radius:6px;overflow:hidden;background:#ffffff0d}.status-segment{transition:flex .5s ease}.status-segment.completed{background:#22c55e}.status-segment.processing{background:#3b82f6}.status-segment.pending{background:#f59e0b}.status-segment.failed{background:#ef4444}.task-status-legend{display:flex;gap:20px;margin-top:12px;flex-wrap:wrap}.legend-item{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--admin-text-secondary)}.legend-dot{width:10px;height:10px;border-radius:50%}.legend-item.completed .legend-dot{background:#22c55e}.legend-item.processing .legend-dot{background:#3b82f6}.legend-item.pending .legend-dot{background:#f59e0b}.legend-item.failed .legend-dot{background:#ef4444}.trends-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.trend-chart{background:var(--admin-bg-secondary);border:1px solid var(--admin-border);border-radius:var(--admin-radius);padding:20px}.chart-title{font-size:14px;font-weight:600;color:var(--admin-text);margin:0 0 12px}.line-chart-svg{width:100%;height:120px;color:var(--admin-text)}.chart-axis-text{font-size:10px;fill:var(--admin-text-muted)}.chart-point-group circle{transition:r .2s ease}.chart-point-group:hover circle{r:6}.chart-empty{height:120px;display:flex;align-items:center;justify-content:center;color:var(--admin-text-muted);font-size:13px}.top-models-list{display:flex;flex-direction:column;gap:12px}.top-model-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--admin-bg-secondary);border:1px solid var(--admin-border);border-radius:var(--admin-radius-sm)}.model-rank{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--admin-accent-light);color:var(--admin-accent);border-radius:50%;font-size:12px;font-weight:600;flex-shrink:0}.top-model-item .model-name{width:140px;font-size:13px;font-weight:500;color:var(--admin-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-shrink:0}.model-bar-wrapper{flex:1;height:8px;background:#ffffff0d;border-radius:4px;overflow:hidden}.model-bar{height:100%;background:linear-gradient(90deg,var(--admin-accent) 0%,#6366f1 100%);border-radius:4px;transition:width .5s ease}.model-count{font-size:14px;font-weight:600;color:var(--admin-text);min-width:48px;text-align:right}@media (max-width: 1024px){.task-type-stats,.trends-grid{grid-template-columns:1fr}}@media (max-width: 768px){.top-model-item .model-name{width:100px}}:root:not(.dark) .task-type-item{background:#fffffff2}:root:not(.dark) .trend-chart{background:#fffffff2}:root:not(.dark) .top-model-item{background:#fffffff2}:root:not(.dark) .task-status-bar{background:#0000000d}:root:not(.dark) .model-bar-wrapper{background:#0000000d}:root:not(.dark) .today-badge{background:#22c55e1a}.data-table{width:100%;border-collapse:separate;border-spacing:0;background:var(--admin-bg-secondary);border:1px solid var(--admin-border);border-radius:var(--admin-radius);overflow:hidden}.data-table th,.data-table td{padding:14px 16px;text-align:left;border-bottom:1px solid var(--admin-border)}.data-table th{background:#ffffff08;font-weight:600;font-size:12px;color:var(--admin-text-secondary);text-transform:uppercase;letter-spacing:.5px}.data-table td{font-size:14px}.data-table td.mono{font-family:SF Mono,Monaco,monospace;font-size:12px;color:var(--admin-text-secondary)}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:var(--admin-hover)}.data-table tr.disabled-row td{opacity:.5}.data-table tr.error-row td{background:#ef44440d}.data-table tr.deleted-row td{opacity:.6;background:#64646414;text-decoration:line-through;text-decoration-color:var(--admin-text-muted)}.data-table tr.deleted-row td:first-child,.data-table tr.deleted-row td:last-child{text-decoration:none}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:500}.status-badge.enabled{background:#22c55e26;color:#22c55e}.status-badge.enabled:before{content:"";width:6px;height:6px;background:currentColor;border-radius:50%}.status-badge.disabled{background:#ef444426;color:#ef4444}.status-badge.pending{background:#f59e0b26;color:#f59e0b}.status-badge.processing{background:#3b82f626;color:#3b82f6}.status-badge.processing:before{content:"";width:6px;height:6px;background:currentColor;border-radius:50%;animation:pulse 1.5s ease-in-out infinite}.type-badge{display:inline-block;margin-left:8px;padding:2px 8px;font-size:10px;font-weight:500;border-radius:4px;text-transform:uppercase;letter-spacing:.3px}.type-badge.image{background:#3b82f626;color:#3b82f6}.type-badge.video{background:#a855f726;color:#a855f7}.type-badge.text{background:#22c55e26;color:#22c55e}.type-badge.api{background:#ffffff14;color:var(--admin-text-secondary)}.admin-badge{display:inline-block;margin-left:8px;padding:2px 8px;background:var(--admin-accent-light);color:var(--admin-accent);font-size:10px;font-weight:600;border-radius:4px;text-transform:uppercase;letter-spacing:.5px}.btn-primary{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,var(--admin-accent),#6366f1);border:none;border-radius:var(--admin-radius-sm);color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all var(--admin-transition);box-shadow:0 4px 16px #8b5cf64d}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 8px 24px #8b5cf666}.btn-secondary{padding:10px 20px;background:transparent;border:1px solid var(--admin-border);border-radius:var(--admin-radius-sm);color:var(--admin-text);font-size:14px;cursor:pointer;transition:all var(--admin-transition)}.btn-secondary:hover{background:var(--admin-hover);border-color:#fff3}.btn-success{padding:8px 16px;background:#22c55e26;border:1px solid rgba(34,197,94,.3);border-radius:var(--admin-radius-sm);color:#22c55e;font-size:13px;font-weight:500;cursor:pointer;transition:all var(--admin-transition)}.btn-success:hover{background:#22c55e40;border-color:#22c55e}.btn-warning{padding:8px 16px;background:#f59e0b26;border:1px solid rgba(245,158,11,.3);border-radius:var(--admin-radius-sm);color:#f59e0b;font-size:13px;font-weight:500;cursor:pointer;transition:all var(--admin-transition)}.btn-warning:hover{background:#f59e0b40;border-color:#f59e0b}.btn-danger{padding:8px 16px;background:#ef444426;border:1px solid rgba(239,68,68,.3);border-radius:var(--admin-radius-sm);color:#ef4444;font-size:13px;font-weight:500;cursor:pointer;transition:all var(--admin-transition)}.btn-danger:hover{background:#ef444440;border-color:#ef4444}.btn-icon{padding:8px 12px;background:var(--admin-hover);border:1px solid var(--admin-border);border-radius:var(--admin-radius-sm);color:var(--admin-text-secondary);font-size:12px;cursor:pointer;transition:all var(--admin-transition)}.btn-icon:hover{background:#ffffff1a;color:var(--admin-text);border-color:#fff3}.btn-icon.danger{color:#ef4444}.btn-icon.danger:hover{background:#ef444426;border-color:#ef44444d}.btn-icon.warning{color:#f59e0b}.btn-icon.warning:hover{background:#f59e0b26;border-color:#f59e0b4d}.actions{display:flex;gap:8px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}.modal-content{background:var(--admin-bg-secondary);border:1px solid var(--admin-border);border-radius:var(--admin-radius);padding:24px;width:100%;max-width:520px;max-height:85vh;overflow-y:auto;animation:modalEnter .3s ease-out}.modal-content-large{max-width:900px!important;width:90vw;max-height:90vh}.modal-content-keys{max-width:1100px!important;width:95vw;max-height:92vh;display:flex;flex-direction:column}.modal-content-keys .keys-list{flex:1;overflow-y:auto;min-height:300px;max-height:calc(92vh - 200px)}.modal-content-xlarge{max-width:1000px!important}.model-form-layout{display:flex;gap:24px;align-items:flex-start}.model-form-main{flex:1;min-width:0}.model-form-preview{width:320px;flex-shrink:0}.request-preview-panel{background:#0000004d;border:1px solid var(--admin-border);border-radius:var(--admin-radius);padding:16px}.request-preview-panel .preview-title{font-size:14px;font-weight:600;color:var(--admin-text);margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid var(--admin-border)}.request-preview-panel .preview-section{margin-bottom:12px}.request-preview-panel .preview-section:last-child{margin-bottom:0}.request-preview-panel .preview-label{font-size:11px;color:var(--admin-text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.request-preview-panel .preview-code{display:block;padding:8px 12px;background:#0006;border-radius:6px;font-family:SF Mono,Monaco,Menlo,monospace;font-size:11px;color:var(--admin-text-secondary);overflow-x:auto;white-space:pre-wrap;word-break:break-all}:root:not(.dark) .request-preview-panel{background:#00000008}:root:not(.dark) .request-preview-panel .preview-code{background:#0000000d}@media (max-width: 900px){.model-form-layout{flex-direction:column}.model-form-preview{width:100%}}@keyframes modalEnter{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-content h3{margin:0 0 24px;font-size:1.25rem;font-weight:600}.admin-page .form-group{margin-bottom:16px}.admin-page .form-group label{display:block;margin-bottom:8px;font-size:13px;font-weight:500;color:var(--admin-text-secondary)}.admin-page .form-group input,.admin-page .form-group select,.admin-page .form-group textarea{width:100%;padding:10px 14px;background:#0000004d;border:1px solid var(--admin-border);border-radius:var(--admin-radius-sm);color:var(--admin-text);font-size:14px;transition:all var(--admin-transition)}.admin-page .form-group input:focus,.admin-page .form-group select:focus,.admin-page .form-group textarea:focus{outline:none;border-color:var(--admin-accent);box-shadow:0 0 0 3px var(--admin-accent-light);background:#8b5cf614}.admin-page .form-group input::placeholder{color:var(--admin-text-muted)}.admin-page .form-group select{cursor:pointer;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;background:#0000004d url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='rgba(255,255,255,0.5)' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") no-repeat right 12px center!important;padding-right:36px}.admin-page .form-group select::-ms-expand{display:none}.admin-page .form-group select option{background-color:#1a1a2e;color:var(--admin-text);padding:8px 12px}.admin-page .form-group textarea{resize:vertical;min-height:80px}.admin-page .form-row{display:flex;gap:16px;margin-bottom:16px}.admin-page .form-row .form-group{flex:1;margin-bottom:0}.checkbox-label{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--admin-text-secondary);cursor:pointer;padding:8px 0}.checkbox-label input{width:18px;height:18px;accent-color:var(--admin-accent);cursor:pointer}.checkbox-group{display:flex;flex-direction:column;gap:4px}.form-hint-inline{font-size:11px;color:var(--admin-text-muted);margin-left:4px}.form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:16px;border-top:1px solid var(--admin-border)}.form-hint-box{background:#8b5cf61a;border:1px solid rgba(139,92,246,.2);border-radius:var(--admin-radius-sm);padding:10px 14px;margin-bottom:16px;font-size:12px;color:var(--admin-text-secondary);line-height:1.5}.form-hint-box strong{color:var(--admin-accent)}.form-hint{display:block;font-size:11px;color:var(--admin-text-muted);margin-top:6px}.form-label-hint{color:var(--admin-text-muted);font-weight:400}.form-inline{display:flex;gap:8px;align-items:center}.form-inline select,.form-inline input{flex:1;background:#0000004d;border:1px solid var(--admin-border);border-radius:var(--admin-radius-sm);color:var(--admin-text);padding:8px 12px}.btn-group{display:flex;gap:8px;flex-wrap:wrap}.btn-option{padding:8px 16px;background:#0000004d;border:1px solid var(--admin-border);border-radius:var(--admin-radius-sm);color:var(--admin-text-secondary);font-size:13px;cursor:pointer;transition:all var(--admin-transition)}.btn-option:hover{background:var(--admin-hover);border-color:#ffffff26;color:var(--admin-text)}.btn-option.active{background:var(--admin-accent-light);border-color:var(--admin-accent);color:var(--admin-accent)}.ratio-grid{display:flex;flex-wrap:wrap;gap:6px}.btn-ratio{padding:6px 12px;background:#0000004d;border:1px solid var(--admin-border);border-radius:var(--admin-radius-sm);color:var(--admin-text-secondary);font-size:12px;cursor:pointer;transition:all var(--admin-transition)}.btn-ratio:hover{background:var(--admin-hover);border-color:#ffffff26}.btn-ratio.active{background:var(--admin-accent-light);border-color:var(--admin-accent);color:var(--admin-accent)}.resolution-map{display:flex;flex-direction:column;gap:8px;max-height:200px;overflow-y:auto;padding:4px 0}.resolution-map-row{display:flex;align-items:center;gap:10px}.ratio-label{width:50px;font-size:12px;color:var(--admin-text-secondary);flex-shrink:0}.resolution-map-row input{flex:1;padding:6px 10px;font-size:12px;background:#0000004d;border:1px solid var(--admin-border);border-radius:var(--admin-radius-sm);color:var(--admin-text)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px;color:var(--admin-text-secondary);font-size:15px;background:var(--admin-bg-secondary);border:1px dashed var(--admin-border);border-radius:var(--admin-radius);text-align:center}.empty-state svg{margin-bottom:16px}.empty-state p{margin:0 0 8px}.empty-state span{font-size:13px;color:var(--admin-text-muted)}.submissions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.submission-card{background:var(--admin-bg-secondary);border:1px solid var(--admin-border);border-radius:var(--admin-radius);overflow:hidden;transition:all var(--admin-transition)}.submission-card:hover{transform:translateY(-2px);border-color:#8b5cf64d;box-shadow:0 8px 32px #0000004d}.submission-media{width:100%;aspect-ratio:16/9;background:#000;display:flex;align-items:center;justify-content:center;overflow:hidden}.submission-media img,.submission-media video{width:100%;height:100%;object-fit:cover}.submission-info{padding:16px;border-bottom:1px solid var(--admin-border)}.submission-user{font-weight:600;margin-bottom:8px;color:var(--admin-accent)}.submission-prompt{font-size:13px;color:var(--admin-text-secondary);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.5;margin-bottom:8px}.submission-time{font-size:12px;color:var(--admin-text-muted)}.submission-actions{display:flex;gap:8px;padding:12px 16px;background:#0003}.submission-actions button{flex:1}.task-stats{display:flex;gap:16px;margin-bottom:24px;flex-wrap:wrap}.task-stat-item{display:flex;flex-direction:column;align-items:center;padding:16px 24px;background:var(--admin-bg-secondary);border:1px solid var(--admin-border);border-radius:var(--admin-radius);cursor:pointer;transition:all var(--admin-transition);min-width:100px}.task-stat-item:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0003}.task-stat-item.active{border-color:var(--admin-accent);background:var(--admin-accent-light)}.task-stat-item .stat-count{font-size:1.75rem;font-weight:700;margin-bottom:4px}.task-stat-item .stat-count.pending{color:#f59e0b}.task-stat-item .stat-count.processing{color:#3b82f6}.task-stat-item .stat-count.completed{color:#22c55e}.task-stat-item .stat-count.failed{color:#ef4444}.task-stat-item .stat-label{font-size:12px;color:var(--admin-text-secondary)}.task-filters{display:flex;align-items:center;gap:12px;margin-bottom:20px;flex-wrap:wrap}.task-filters select{padding:8px 32px 8px 12px;background:#0000004d;border:1px solid var(--admin-border);border-radius:var(--admin-radius-sm);color:var(--admin-text);font-size:13px;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 24 24' fill='none' stroke='rgba(255,255,255,0.5)' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}.task-filters select:focus{outline:none;border-color:var(--admin-accent)}.filter-count{color:var(--admin-text-muted);font-size:13px;margin-left:auto}.progress-cell{display:flex;align-items:center;gap:8px}.progress-bar-small{width:60px;height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--admin-accent),#6366f1);border-radius:2px;transition:width .3s ease}.progress-text{font-size:11px;color:var(--admin-text-muted);min-width:32px}.prompt-cell{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--admin-text-secondary);font-size:12px}.admin-main::-webkit-scrollbar,.admin-nav::-webkit-scrollbar,.modal-content::-webkit-scrollbar{width:6px}.admin-main::-webkit-scrollbar-track,.admin-nav::-webkit-scrollbar-track,.modal-content::-webkit-scrollbar-track{background:transparent}.admin-main::-webkit-scrollbar-thumb,.admin-nav::-webkit-scrollbar-thumb,.modal-content::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.admin-main::-webkit-scrollbar-thumb:hover,.admin-nav::-webkit-scrollbar-thumb:hover,.modal-content::-webkit-scrollbar-thumb:hover{background:#fff3}@media (max-width: 1024px){.overview-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.submissions-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (max-width: 768px){.admin-page{flex-direction:column}.admin-sidebar{width:100%;min-width:100%;height:auto;border-right:none;border-bottom:1px solid var(--admin-border)}.admin-sidebar-header{padding:16px}.admin-nav{flex-direction:row;overflow-x:auto;padding:8px 16px;gap:8px}.admin-nav-item{flex-direction:column;padding:10px 16px;gap:4px;white-space:nowrap}.admin-nav-item.active:before{display:none}.admin-nav-label{font-size:11px}.admin-sidebar-footer{display:none}.admin-main{padding:20px}.panel-header{flex-direction:column;align-items:flex-start}.panel-header h1{font-size:20px}.overview-grid{grid-template-columns:repeat(2,1fr);gap:12px}.overview-card{padding:16px}.overview-card-icon{width:40px;height:40px}.overview-card-value{font-size:22px}.data-table{display:block;overflow-x:auto}.admin-page .form-row{flex-direction:column;gap:0}.admin-page .form-row .form-group{margin-bottom:16px}.submissions-grid{grid-template-columns:1fr}.task-stats{gap:10px}.task-stat-item{padding:12px 16px;min-width:80px;flex:1}.task-stat-item .stat-count{font-size:1.25rem}.task-filters{flex-direction:column;align-items:stretch}.task-filters select{width:100%}.filter-count{margin-left:0;text-align:center}.modal-content{margin:16px;max-height:calc(100vh - 32px)}}:root:not(.dark) .admin-page{background-image:radial-gradient(ellipse at 0% 0%,rgba(124,58,237,.06) 0%,transparent 50%),radial-gradient(ellipse at 100% 100%,rgba(99,102,241,.04) 0%,transparent 50%)}:root:not(.dark) .admin-sidebar{background:#fffffff2}:root:not(.dark) .overview-card{background:#fffffff2}:root:not(.dark) .data-table{background:#fffffff2}:root:not(.dark) .data-table th{background:#00000008}:root:not(.dark) .data-table tr:hover td{background:#00000005}:root:not(.dark) .modal-content{background:#fffffffa}:root:not(.dark) .admin-page .form-group input,:root:not(.dark) .admin-page .form-group select,:root:not(.dark) .admin-page .form-group textarea{background:#00000008}:root:not(.dark) .admin-page .form-group input:focus,:root:not(.dark) .admin-page .form-group select:focus,:root:not(.dark) .admin-page .form-group textarea:focus{background:#7c3aed0d}:root:not(.dark) .submission-card{background:#fffffff2}:root:not(.dark) .submission-actions{background:#00000008}:root:not(.dark) .empty-state{background:#fffffff2}:root:not(.dark) .btn-icon{background:#00000008}:root:not(.dark) .btn-icon:hover{background:#00000014}:root:not(.dark) .progress-bar-small{background:#00000014}:root:not(.dark) .type-badge.api{background:#0000000f}:root:not(.dark) .task-stat-item{background:#fffffff2}:root:not(.dark) .form-hint-box{background:#7c3aed14;border-color:#7c3aed26}:root:not(.dark) .btn-option{background:#00000008}:root:not(.dark) .btn-option:hover{background:#0000000f}:root:not(.dark) .btn-ratio{background:#00000008}:root:not(.dark) .btn-ratio:hover{background:#0000000f}:root:not(.dark) .resolution-map-row input{background:#00000008}:root:not(.dark) .task-filters select{background:#00000008 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='rgba(0,0,0,0.5)' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") no-repeat right 10px center!important}:root:not(.dark) .admin-page .form-group select{background:#00000008 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='rgba(0,0,0,0.5)' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") no-repeat right 12px center!important}.messages-panel .message-stats-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px;margin-bottom:24px}.messages-panel .stat-card{background:var(--admin-bg-secondary);border:1px solid var(--admin-border);border-radius:var(--admin-radius);padding:20px;text-align:center}.messages-panel .stat-card .stat-value{display:block;font-size:28px;font-weight:700;color:var(--admin-accent);margin-bottom:4px}.messages-panel .stat-card .stat-label{font-size:12px;color:var(--admin-text-secondary)}.message-tops{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:24px}.top-section{background:var(--admin-bg-secondary);border:1px solid var(--admin-border);border-radius:var(--admin-radius);padding:16px}.top-section h4{font-size:14px;font-weight:600;margin:0 0 12px;color:var(--admin-text)}.top-list{display:flex;flex-direction:column;gap:8px}.top-item{display:flex;align-items:center;gap:12px;padding:8px 12px;background:#0003;border-radius:var(--admin-radius-sm)}.top-rank{width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;color:var(--admin-accent);background:var(--admin-accent-light);border-radius:50%}.top-name{flex:1;font-size:13px;color:var(--admin-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top-count{font-size:13px;font-weight:600;color:var(--admin-text-secondary)}.cleanup-section{background:var(--admin-bg-secondary);border:1px solid var(--admin-border);border-radius:var(--admin-radius);padding:16px;margin-bottom:24px}.cleanup-section h4{font-size:14px;font-weight:600;margin:0 0 12px;color:var(--admin-text)}.cleanup-controls{display:flex;align-items:center;gap:16px}.cleanup-controls label{font-size:13px;color:var(--admin-text-secondary)}.cleanup-controls input{padding:6px 10px;background:#0000004d;border:1px solid var(--admin-border);border-radius:var(--admin-radius-sm);color:var(--admin-text);font-size:13px;text-align:center}.message-filters{display:flex;gap:12px;align-items:center;margin-bottom:16px}.message-filters .search-input{flex:1;padding:10px 14px;background:#0000004d;border:1px solid var(--admin-border);border-radius:var(--admin-radius-sm);color:var(--admin-text);font-size:13px}.message-filters select{padding:10px 32px 10px 14px;background:#0000004d url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='rgba(255,255,255,0.5)' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") no-repeat right 10px center;border:1px solid var(--admin-border);border-radius:var(--admin-radius-sm);color:var(--admin-text);font-size:13px;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.message-filters .filter-count{font-size:13px;color:var(--admin-text-muted)}.role-badge{display:inline-block;padding:4px 8px;border-radius:var(--admin-radius-sm);font-size:11px;font-weight:600}.role-badge.user{background:#3b82f633;color:#3b82f6}.role-badge.bot{background:#10b98133;color:#10b981}.content-cell{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.session-cell{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.image-count{display:inline-block;padding:2px 6px;background:#8b5cf633;color:var(--admin-accent);border-radius:4px;font-size:11px}:root:not(.dark) .top-item{background:#0000000a}:root:not(.dark) .cleanup-controls input{background:#00000008}:root:not(.dark) .message-filters .search-input{background:#00000008}:root:not(.dark) .message-filters select{background:#00000008 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='rgba(0,0,0,0.5)' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") no-repeat right 10px center}.submission-preview-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .2s ease-out}.submission-preview-overlay img{max-width:90%;max-height:90%;object-fit:contain;border-radius:var(--admin-radius);box-shadow:0 20px 60px #00000080}.submission-preview-close{position:absolute;top:20px;right:24px;font-size:36px;color:#ffffffb3;cursor:pointer;transition:color .2s;line-height:1;z-index:10}.submission-preview-close:hover{color:#fff}.submission-media{cursor:pointer}.submission-media:hover{opacity:.9}@media (max-width: 1200px){.messages-panel .message-stats-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.messages-panel .message-stats-grid{grid-template-columns:repeat(2,1fr)}.message-tops{grid-template-columns:1fr}}.submission-tags-row{display:flex;align-items:center;gap:8px;margin:6px 0;flex-wrap:wrap}.submission-tags{display:flex;flex-wrap:wrap;gap:4px}.submission-tag{padding:2px 8px;background:#8b5cf633;border-radius:10px;font-size:11px;color:#a78bfa}.submission-no-tags{font-size:11px;color:var(--admin-text-muted);font-style:italic}.btn-edit-tags{padding:2px 8px;background:transparent;border:1px solid var(--admin-border);border-radius:4px;font-size:11px;color:var(--admin-text-muted);cursor:pointer;transition:all .2s}.btn-edit-tags:hover{background:var(--admin-hover);color:var(--admin-text);border-color:var(--admin-accent)}.tags-modal{max-width:420px}.edit-tags-selected{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px;padding:12px;background:#8b5cf614;border-radius:var(--admin-radius)}.edit-tag-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;background:var(--admin-accent);border-radius:16px;color:#fff;font-size:13px}.edit-tag-chip button{background:none;border:none;color:#ffffffb3;font-size:14px;cursor:pointer;padding:0;line-height:1}.edit-tag-chip button:hover{color:#fff}.edit-tags-grid{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.edit-tag-btn{padding:8px 16px;background:#ffffff0f;border:1px solid transparent;border-radius:20px;color:var(--admin-text-secondary);font-size:13px;cursor:pointer;transition:all .2s}.edit-tag-btn:hover{background:#ffffff1a;color:var(--admin-text)}.edit-tags-input-row{display:flex;gap:8px;margin-bottom:16px}.edit-tags-input-row input{flex:1;padding:10px 14px;background:#ffffff0f;border:1px solid var(--admin-border);border-radius:var(--admin-radius);color:var(--admin-text);font-size:13px}.edit-tags-input-row input:focus{outline:none;border-color:var(--admin-accent)}.edit-tags-input-row button{padding:10px 16px;background:#ffffff1a;border:none;border-radius:var(--admin-radius);color:var(--admin-text);font-size:13px;cursor:pointer;transition:all .2s}.edit-tags-input-row button:hover:not(:disabled){background:var(--admin-accent)}.edit-tags-input-row button:disabled{opacity:.4;cursor:not-allowed}:root:not(.dark) .submission-tag{background:#7c3aed26;color:#7c3aed}:root:not(.dark) .edit-tags-selected{background:#7c3aed14}:root:not(.dark) .edit-tag-btn{background:#0000000d}:root:not(.dark) .edit-tag-btn:hover{background:#0000001a}:root:not(.dark) .edit-tags-input-row input{background:#0000000a}:root:not(.dark) .edit-tags-input-row button{background:#0000000f}.crystal-logs-modal{max-width:600px;max-height:80vh;display:flex;flex-direction:column}.crystal-logs-modal .current-balance{margin-bottom:16px;color:var(--admin-text-secondary)}.crystal-logs-modal .current-balance strong{color:#f59e0b;font-size:18px}.crystal-logs-list{flex:1;overflow-y:auto;max-height:400px;margin-bottom:16px}.logs-table{width:100%;border-collapse:collapse;font-size:13px}.logs-table th,.logs-table td{padding:10px 12px;text-align:left;border-bottom:1px solid var(--admin-border)}.logs-table th{background:#ffffff08;color:var(--admin-text-secondary);font-weight:500;position:sticky;top:0}.logs-table tbody tr:hover{background:#ffffff05}.amount-positive{color:#10b981;font-weight:600}.amount-negative{color:#ef4444;font-weight:600}.log-reason{max-width:350px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--admin-text-secondary)}.logs-loading,.logs-empty{text-align:center;padding:40px;color:var(--admin-text-secondary)}:root:not(.dark) .logs-table th{background:#00000008}.batch-actions-bar{display:flex;align-items:center;gap:12px;padding:12px 16px;background:linear-gradient(135deg,#6366f126,#8b5cf61a);border:1px solid rgba(99,102,241,.3);border-radius:8px;margin-bottom:16px}.batch-count{font-weight:500;color:#a5b4fc}.btn-batch-fail{padding:6px 14px;background:#f59e0b26;border:1px solid rgba(245,158,11,.4);border-radius:6px;color:#fbbf24;font-size:13px;cursor:pointer;transition:all .2s}.btn-batch-fail:hover{background:#f59e0b40}.btn-batch-delete{padding:6px 14px;background:#ef444426;border:1px solid rgba(239,68,68,.4);border-radius:6px;color:#f87171;font-size:13px;cursor:pointer;transition:all .2s}.btn-batch-delete:hover{background:#ef444440}.btn-batch-cancel{padding:6px 14px;background:transparent;border:1px solid var(--admin-border);border-radius:6px;color:var(--admin-text-secondary);font-size:13px;cursor:pointer;transition:all .2s;margin-left:auto}.btn-batch-cancel:hover{background:#ffffff0d;color:var(--admin-text)}.th-checkbox,.td-checkbox{width:40px;text-align:center}.th-checkbox input,.td-checkbox input{width:16px;height:16px;cursor:pointer;accent-color:#6366f1}:root:not(.dark) .batch-actions-bar{background:linear-gradient(135deg,#6366f114,#8b5cf60d);border-color:#6366f133}:root:not(.dark) .batch-count{color:#6366f1}:root:not(.dark) .btn-batch-fail{background:#f59e0b1a;color:#d97706}:root:not(.dark) .btn-batch-delete{background:#ef44441a;color:#dc2626}.task-detail-modal{max-width:800px;max-height:90vh;overflow-y:auto}.task-detail-info{display:flex;flex-direction:column;gap:12px;padding:16px;background:var(--admin-hover);border-radius:var(--admin-radius-sm);margin-bottom:16px}.detail-row{display:flex;gap:12px}.detail-label{color:var(--admin-text-secondary);font-size:13px;min-width:70px;flex-shrink:0}.detail-value{color:var(--admin-text);font-size:13px;word-break:break-all}.detail-value.mono{font-family:SF Mono,Monaco,Inconsolata,monospace;font-size:12px}.task-detail-result h4{font-size:14px;font-weight:500;color:var(--admin-text-secondary);margin-bottom:12px}.result-media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.result-image{width:100%;max-height:300px;object-fit:contain;border-radius:var(--admin-radius-sm);background:var(--admin-bg);cursor:pointer;transition:transform .2s}.result-image:hover{transform:scale(1.02)}.result-video{width:100%;max-height:400px;border-radius:var(--admin-radius-sm);background:#000}.result-empty{color:var(--admin-text-muted);font-size:13px;text-align:center;padding:32px}.description-cell{max-width:200px;color:var(--admin-text-secondary);font-size:12px}.crystal-stats-card{background:linear-gradient(135deg,#7c3aed1a,#ec48991a);border:1px solid rgba(124,58,237,.2)}.crystal-chart-container{height:200px;margin-top:12px}.prompt-filters{display:flex;gap:12px;align-items:center;margin-bottom:20px;flex-wrap:wrap}.prompt-filters .search-input{flex:1;min-width:200px;padding:10px 14px;background:#0000004d;border:1px solid var(--admin-border);border-radius:var(--admin-radius-sm);color:var(--admin-text);font-size:13px}.prompt-filters .search-input:focus{outline:none;border-color:var(--admin-accent)}.prompt-filters select{padding:10px 36px 10px 14px;background:#0000004d;border:1px solid var(--admin-border);border-radius:var(--admin-radius-sm);color:var(--admin-text);font-size:13px;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 24 24' fill='none' stroke='rgba(255,255,255,0.5)' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;min-width:120px}.prompt-filters select:focus{outline:none;border-color:var(--admin-accent)}.prompt-filters select option{background-color:#1a1a2e;color:var(--admin-text);padding:8px 12px}.prompt-filters .filter-count{font-size:13px;color:var(--admin-text-muted);margin-left:auto}.prompt-title-cell{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.sub-badge{display:inline-block;margin-left:4px;padding:2px 6px;font-size:10px;background:#ffffff14;color:var(--admin-text-secondary);border-radius:4px}.preview-thumbnail{width:48px;height:48px;object-fit:cover;border-radius:6px;background:var(--admin-bg);border:1px solid var(--admin-border);cursor:pointer;transition:transform .2s,border-color .2s}.preview-thumbnail:hover{transform:scale(1.1);border-color:var(--admin-accent)}.preview-empty{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--admin-hover);border:1px dashed var(--admin-border);border-radius:6px;color:var(--admin-text-muted);font-size:10px}:root:not(.dark) .prompt-filters .search-input{background:#00000008}:root:not(.dark) .prompt-filters select{background:#00000008 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='rgba(0,0,0,0.5)' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") no-repeat right 12px center}:root:not(.dark) .prompt-filters select option{background-color:#fff}:root:not(.dark) .sub-badge{background:#0000000f}:root:not(.dark) .preview-empty{background:#00000008}.providers-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:16px;margin-top:16px}.provider-card{background:var(--admin-bg-secondary);border:1px solid var(--admin-border);border-radius:12px;padding:16px;transition:border-color .2s,box-shadow .2s}.provider-card:hover{border-color:var(--admin-accent);box-shadow:0 4px 12px #7c3aed1a}.provider-card.disabled{opacity:.6}.provider-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.provider-info h3{margin:0 0 4px;font-size:16px;font-weight:600;color:var(--admin-text)}.provider-code{display:inline-block;padding:2px 8px;background:var(--admin-hover);border-radius:4px;font-size:12px;font-family:SF Mono,Monaco,monospace;color:var(--admin-text-secondary)}.provider-info .badge-disabled{display:inline-block;margin-left:8px;padding:2px 8px;background:#ef444426;color:#ef4444;border-radius:4px;font-size:11px}.provider-actions{display:flex;gap:4px}.provider-actions .btn-icon{width:32px;height:32px;padding:0;display:flex;align-items:center;justify-content:center;background:var(--admin-hover);border:none;border-radius:6px;font-size:14px;cursor:pointer;transition:background .2s,transform .1s}.provider-actions .btn-icon:hover{background:var(--admin-border);transform:scale(1.05)}.provider-actions .btn-icon.btn-danger:hover{background:#ef444426}.provider-url{font-size:13px;color:var(--admin-text-secondary);word-break:break-all;margin-bottom:12px;padding:8px 12px;background:var(--admin-hover);border-radius:6px;font-family:SF Mono,Monaco,monospace}.provider-stats{display:flex;gap:16px;margin-bottom:8px}.provider-stats .stat{font-size:12px;color:var(--admin-text-secondary)}.provider-stats .stat:before{content:"";display:inline-block;width:6px;height:6px;background:var(--admin-accent);border-radius:50%;margin-right:6px}.provider-description{font-size:13px;color:var(--admin-text-muted);line-height:1.5;padding-top:8px;border-top:1px solid var(--admin-border)}.provider-form-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.provider-form-content{background:var(--admin-bg-secondary);border-radius:16px;width:90%;max-width:600px;max-height:85vh;overflow-y:auto;padding:24px;box-shadow:0 20px 40px #0000004d}.provider-form-content h3{margin:0 0 20px;font-size:18px;font-weight:600}.provider-keys-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.provider-keys-content{background:var(--admin-bg-secondary);border-radius:16px;width:90%;max-width:900px;max-height:85vh;overflow-y:auto;padding:24px;box-shadow:0 20px 40px #0000004d}.provider-keys-content h3{margin:0 0 8px;font-size:18px}.provider-keys-content .keys-subtitle{color:var(--admin-text-secondary);font-size:13px;margin-bottom:16px}.keys-stats{display:flex;gap:24px;padding:12px 16px;background:var(--admin-hover);border-radius:8px;margin-bottom:16px}.keys-stats .stat-item{text-align:center}.keys-stats .stat-value{font-size:20px;font-weight:600;color:var(--admin-text)}.keys-stats .stat-label{font-size:11px;color:var(--admin-text-muted);text-transform:uppercase}.keys-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.keys-header-actions{display:flex;gap:8px}.keys-list-table{width:100%;border-collapse:collapse}.keys-list-table th,.keys-list-table td{padding:10px 12px;text-align:left;border-bottom:1px solid var(--admin-border)}.keys-list-table th{font-size:11px;font-weight:600;text-transform:uppercase;color:var(--admin-text-muted);background:var(--admin-hover)}.keys-list-table td{font-size:13px}.key-name{font-weight:500}.key-masked{font-family:SF Mono,Monaco,monospace;font-size:12px;color:var(--admin-text-secondary)}.key-status{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:4px;font-size:11px}.key-status.enabled{background:#22c55e26;color:#22c55e}.key-status.disabled{background:#ef444426;color:#ef4444}.key-fail-count{font-size:12px}.key-fail-count.has-fails{color:#f59e0b}.type-badge.provider{font-weight:500}.keys-stats .stat{font-size:13px;color:var(--admin-text-secondary)}.keys-stats .stat strong{color:var(--admin-text);font-weight:600}.keys-stats .stat-success strong{color:#22c55e}.keys-stats .stat-warning strong{color:#f59e0b}.keys-actions{display:flex;gap:8px;margin-bottom:16px}.keys-list{display:flex;flex-direction:column;gap:8px;max-height:400px;overflow-y:auto}.key-item{display:flex;flex-direction:column;gap:8px;padding:12px 16px;background:var(--admin-hover);border:1px solid var(--admin-border);border-radius:8px;transition:border-color .2s}.key-item:hover{border-color:var(--admin-accent)}.key-item.disabled{opacity:.5}.key-item.warning{border-color:#f59e0b66;background:#f59e0b0d}.key-main{display:flex;justify-content:space-between;align-items:center}.key-info{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.key-info .key-status{font-size:14px}.key-info .key-name{font-weight:500;color:var(--admin-text)}.key-info .key-value{font-family:SF Mono,Monaco,monospace;font-size:12px;color:var(--admin-text-secondary);background:#0003;padding:2px 8px;border-radius:4px}.key-actions{display:flex;gap:4px}.key-actions .btn-text{padding:4px 10px;background:transparent;border:none;border-radius:4px;font-size:12px;cursor:pointer;transition:background .2s}.key-actions .btn-text:hover{background:var(--admin-hover)}.key-actions .btn-warning{color:#f59e0b}.key-actions .btn-warning:hover{background:#f59e0b26}.key-stats{display:flex;gap:16px;font-size:12px;color:var(--admin-text-muted)}.key-stats .stat-error{color:#ef4444}.key-override{font-size:11px;color:var(--admin-text-muted);padding:6px 10px;background:#00000026;border-radius:4px}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.modal-header h3{margin:0}.btn-close{width:32px;height:32px;padding:0;display:flex;align-items:center;justify-content:center;background:var(--admin-hover);border:none;border-radius:6px;font-size:20px;color:var(--admin-text-secondary);cursor:pointer;transition:background .2s,color .2s}.btn-close:hover{background:var(--admin-border);color:var(--admin-text)}.loading{display:flex;align-items:center;justify-content:center;padding:40px;color:var(--admin-text-secondary)}.modal-content-small{max-width:400px}.checkin-confirm-stats{display:flex;flex-direction:column;gap:12px;padding:16px;background:var(--admin-bg-tertiary);border-radius:8px;margin-bottom:20px}.checkin-confirm-stats .confirm-row{display:flex;justify-content:space-between;align-items:center;font-size:14px}.checkin-confirm-stats .confirm-row span{color:var(--admin-text-secondary)}.checkin-confirm-stats .confirm-row strong{color:var(--admin-text);font-size:16px}.checkin-confirm-stats .confirm-row.skip strong{color:#888}.checkin-confirm-stats .confirm-row.highlight{padding-top:12px;border-top:1px solid var(--admin-border)}.checkin-confirm-stats .confirm-row.highlight strong{color:#a855f7;font-size:18px}.keys-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}.keys-search{width:220px;padding:8px 12px;border:1px solid var(--admin-border);border-radius:6px;background:var(--admin-bg-tertiary);color:var(--admin-text);font-size:13px}.keys-search:focus{outline:none;border-color:var(--admin-primary)}.keys-grid{flex:1;overflow-y:auto;overflow-x:hidden;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:4px}.key-card{background:linear-gradient(145deg,var(--admin-bg-tertiary),var(--admin-bg-secondary));border:1px solid var(--admin-border);border-radius:12px;padding:14px 16px;min-width:0;box-shadow:0 2px 8px #00000026,0 1px 2px #0000001a;transition:transform .15s,box-shadow .15s;display:flex;flex-direction:column;gap:10px}.key-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0003,0 2px 4px #0000001a}.key-card.disabled{opacity:.4}.key-card-header{display:flex;align-items:center;gap:8px}.key-card-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.key-card-dot.on{background:#4ade80;box-shadow:0 0 8px #4ade8099}.key-card-dot.off{background:#6b7280}.key-card-title{flex:1;font-size:13px;font-weight:600;color:var(--admin-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.key-card-btns{display:flex;gap:4px;flex-shrink:0}.key-card-key-row{background:#00000040;border-radius:8px;padding:10px 12px}.key-card-key{font-family:SF Mono,Monaco,Consolas,monospace;font-size:11px;color:var(--admin-text-secondary);word-break:break-all;line-height:1.5;display:block}.btn-card{display:flex;align-items:center;justify-content:center;width:26px;height:26px;padding:0;border:none;border-radius:6px;background:#ffffff14;color:var(--admin-text-secondary);cursor:pointer;transition:all .15s}.btn-card:hover{background:#ffffff26;color:var(--admin-text)}.btn-card-del:hover{background:#f8717133;color:#f87171}.key-card-stats{display:flex;align-items:center;flex-wrap:wrap;gap:6px 12px;font-size:12px;color:var(--admin-text-secondary)}.key-card-stats .stat-item{display:flex;align-items:center;gap:4px}.key-card-stats .stat-item b{font-weight:600;color:var(--admin-text)}.key-card-stats .stat-ok b{color:#4ade80}.key-card-stats .stat-fail b{color:#f87171}.key-card-stats .stat-name{margin-left:auto;padding:2px 8px;background:#8b5cf626;border-radius:4px;font-size:11px;color:#a78bfa}.key-card-stats .stat-err-icon{display:flex;align-items:center;color:#f87171;cursor:help;position:relative}.key-card-stats .stat-err-icon:after{content:attr(title);position:absolute;bottom:100%;left:50%;transform:translate(-50%);padding:6px 10px;background:#000000e6;color:#fff;font-size:11px;border-radius:6px;white-space:nowrap;max-width:300px;overflow:hidden;text-overflow:ellipsis;opacity:0;visibility:hidden;transition:opacity .2s,visibility .2s;z-index:100;pointer-events:none;margin-bottom:4px}.key-card-stats .stat-err-icon:hover:after{opacity:1;visibility:visible}.key-card-stats .stat-time{margin-left:auto;font-size:11px;color:#666;cursor:help}@media (max-width: 900px){.keys-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.keys-grid{grid-template-columns:1fr}}:root:not(.dark) .key-card{background:linear-gradient(145deg,#fff,#f8fafc);box-shadow:0 2px 8px #00000014,0 1px 2px #0000000a}:root:not(.dark) .key-card:hover{box-shadow:0 4px 16px #0000001f,0 2px 4px #0000000f}:root:not(.dark) .key-card-key-row{background:#0000000a}:root:not(.dark) .btn-card{background:#0000000d}:root:not(.dark) .btn-card:hover{background:#0000001a}.btn-jimeng{background:linear-gradient(135deg,#8b5cf6,#6366f1)!important;color:#fff!important;border:none!important}.btn-jimeng:hover:not(:disabled){background:linear-gradient(135deg,#7c3aed,#4f46e5)!important}.btn-jimeng:disabled{opacity:.6;cursor:not-allowed}.btn-card-jimeng{background:#8b5cf626;color:#a78bfa}.btn-card-jimeng:hover:not(:disabled){background:#8b5cf640;color:#c4b5fd}.key-card-credits{display:flex;align-items:center;gap:10px;margin-top:8px;padding-top:8px;border-top:1px solid rgba(139,92,246,.2);font-size:11px}.key-card-credits .credit-item{color:var(--admin-text-secondary)}.key-card-credits .credit-total{margin-left:auto;color:#a78bfa}.key-card-credits .credit-total b{font-weight:600;color:#c4b5fd}.btn-mini{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;margin-left:4px;border:none;border-radius:4px;background:var(--admin-hover);color:var(--admin-text-secondary);font-size:14px;cursor:pointer;transition:all .15s}.btn-mini:first-child{margin-left:0}.btn-mini:hover{background:var(--admin-border);color:var(--admin-text)}.btn-mini.btn-reset{color:#fbbf24}.btn-mini.btn-reset:hover{background:#fbbf2433}.btn-mini.btn-del:hover{background:#f8717133;color:#f87171}:root:not(.dark) .keys-table .cell-key code{background:#0000000f}.form-section{margin-top:20px;padding-top:16px;border-top:1px solid var(--admin-border)}.form-section h4{margin:0 0 12px;font-size:14px;font-weight:600;color:var(--admin-text-secondary)}:root:not(.dark) .key-item{background:#00000008}:root:not(.dark) .key-info .key-value{background:#0000000d}:root:not(.dark) .key-override{background:#0000000a}:root{--primary-color: #1a73e8;--primary-hover: #1557b0;--primary-light: #e8f0fe;--primary-border: #d2e3fc;--bg-color: #ffffff;--bg-primary: #ffffff;--bg-secondary: #f9f9fa;--bg-tertiary: #f1f3f4;--bg-hover: #f8f9fa;--border-color: #e0e0e0;--border-light: #dadce0;--text-main: #202124;--text-primary: #333333;--text-sub: #5f6368;--text-muted: #9aa0a6;--hover-color: #f1f3f4;--sidebar-width: 280px;--header-height: 60px;--content-max-width: 860px;--input-bg: #f0f2f5;--app-height: 100vh;--xhs-color: #ff2e4d;--banana-color: #f59e0b;--image-mode-color: #7c3aed;--image-mode-bg: #ede9fe;--video-mode-color: #dc2626;--video-mode-bg: #fef2f2;--audio-mode-color: #16a34a;--audio-mode-bg: #dcfce7;--danger-color: #d93025;--danger-bg: #fef2f2;--danger-border: #fecaca;--success-color: #1e8e3e;--success-bg: #e6f4ea;--warning-color: #f9ab00;--warning-bg: #fef7e0;--card-bg: #ffffff;--card-shadow: 0 1px 3px rgba(0, 0, 0, .1);--overlay-bg: rgba(0, 0, 0, .4);--overlay-heavy: rgba(0, 0, 0, .6);--scrollbar-thumb: #dadce0;--scrollbar-thumb-hover: #bdc1c6;--user-msg-bg: #f0f4f8;--user-msg-text: #1f1f1f;--disabled-bg: #f5f5f5;--disabled-text: #9aa0a6;--mobile-header-height: 52px;--mobile-header-full: calc(52px + env(safe-area-inset-top, 0px)) ;--mobile-tab-height: 56px;--touch-target-min: 44px;--transition-fast: .15s;--transition-normal: .3s;--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1)}.dark{--primary-color: #8ab4f8;--primary-hover: #aecbfa;--primary-light: rgba(138, 180, 248, .15);--primary-border: rgba(138, 180, 248, .3);--bg-color: #1a1a1a;--bg-primary: #1a1a1a;--bg-secondary: #242424;--bg-tertiary: #2d2d2d;--bg-hover: #333333;--border-color: #3d3d3d;--border-light: #4a4a4a;--text-main: #e8eaed;--text-primary: #e8eaed;--text-sub: #9aa0a6;--text-muted: #6b7280;--hover-color: #333333;--input-bg: #2d2d2d;--image-mode-color: #a78bfa;--image-mode-bg: rgba(167, 139, 250, .15);--video-mode-color: #f87171;--video-mode-bg: rgba(248, 113, 113, .15);--audio-mode-color: #4ade80;--audio-mode-bg: rgba(74, 222, 128, .15);--danger-color: #f87171;--danger-bg: rgba(248, 113, 113, .15);--danger-border: rgba(248, 113, 113, .3);--success-color: #4ade80;--success-bg: rgba(74, 222, 128, .15);--warning-color: #fbbf24;--warning-bg: rgba(251, 191, 36, .15);--card-bg: #242424;--card-shadow: 0 1px 3px rgba(0, 0, 0, .3);--overlay-bg: rgba(0, 0, 0, .6);--overlay-heavy: rgba(0, 0, 0, .8);--scrollbar-thumb: #4a4a4a;--scrollbar-thumb-hover: #5a5a5a;--user-msg-bg: #2d3748;--user-msg-text: #e8eaed;--disabled-bg: #374151;--disabled-text: #6b7280;color-scheme:dark}.light{color-scheme:light}::view-transition-old(root),::view-transition-new(root){animation:none;mix-blend-mode:normal}::view-transition-old(root){z-index:1}::view-transition-new(root){z-index:9999}.theme-switching,.theme-switching *{transition:none!important}@supports (height: 100dvh){:root{--app-height: 100dvh}}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}@media (max-width: 768px){*{-ms-overflow-style:none;scrollbar-width:none}*::-webkit-scrollbar{display:none}}body{font-family:Google Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;margin:0;padding:0;display:flex;height:var(--app-height);overflow:hidden;background-color:var(--bg-color);color:var(--text-main);position:fixed;width:100%}#root{display:flex;width:100%;height:100%}.app-container{display:flex;flex-direction:column;width:100%;height:100%;overflow:hidden}.app-main{flex:1;display:flex;width:100%;overflow:hidden}.page-container{display:flex;width:100%;height:100%;overflow:hidden}.tab-nav{height:56px;background:var(--bg-color);border-bottom:1px solid var(--border-color);display:flex;align-items:center;padding:0 16px;flex-shrink:0;gap:8px;z-index:100;transition:height .3s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1),padding .3s cubic-bezier(.4,0,.2,1),border-width .3s cubic-bezier(.4,0,.2,1)}.tab-nav.studio-header-hidden{height:0;padding-top:0;padding-bottom:0;border-bottom-width:0;opacity:0;pointer-events:none;overflow:hidden}.tab-nav-brand{display:flex;align-items:center;gap:8px;font-weight:600;font-size:16px;color:var(--text-main);padding-right:16px;border-right:1px solid var(--border-color);margin-right:8px}.tab-nav-logo{width:24px;height:24px}.tab-nav-items{display:flex;gap:4px;flex:1}.tab-nav-item{display:flex;align-items:center;gap:6px;padding:8px 16px;border-radius:8px;cursor:pointer;font-size:13px;font-weight:500;color:var(--text-sub);transition:all .2s;border:1px solid transparent}.tab-nav-item:hover{background:var(--hover-color);color:var(--text-main)}.tab-nav-item.active{background:color-mix(in srgb,var(--tab-color, var(--primary-color)) 10%,transparent);color:var(--tab-color, var(--primary-color));border-color:color-mix(in srgb,var(--tab-color, var(--primary-color)) 30%,transparent)}.tab-nav-item.active .tab-nav-icon{color:var(--tab-color, var(--primary-color))}.tab-nav-icon{display:flex;align-items:center;justify-content:center}.tab-nav-label{white-space:nowrap}.sidebar-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:var(--overlay-bg);z-index:55}.sidebar-overlay.active{display:block}.sidebar-nav{width:var(--sidebar-width);min-width:var(--sidebar-width);max-width:var(--sidebar-width);background-color:var(--bg-secondary);border-right:1px solid var(--border-color);display:flex;flex-direction:column;flex-shrink:0;height:100%;transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:60;padding-top:10px}.new-chat-btn{margin:12px 12px 0;padding:12px;background:var(--bg-color);border:1px solid var(--border-light);border-radius:8px;color:var(--text-main);font-weight:500;cursor:pointer;font-size:14px;display:flex;align-items:center;gap:10px;box-shadow:var(--card-shadow);transition:all .2s;flex-shrink:0;-webkit-user-select:none;user-select:none}.new-chat-btn:hover{background:var(--bg-hover);box-shadow:0 2px 5px #0000001a;border-color:var(--primary-border);color:var(--primary-color)}.new-chat-btn svg{color:var(--text-sub);transition:color .2s}.new-chat-btn:hover svg{color:var(--primary-color)}.feature-btn{background:linear-gradient(135deg,var(--danger-bg) 0%,var(--bg-color) 100%);border-color:var(--danger-border);color:var(--danger-color)}.feature-btn svg{color:var(--danger-color)}.feature-btn:hover{background:var(--danger-bg);border-color:var(--danger-color)}.feature-btn:hover svg{color:var(--danger-color)}.tool-nav-btn{background:linear-gradient(135deg,var(--primary-light) 0%,var(--bg-color) 100%);border-color:var(--primary-border);color:var(--primary-color)}.tool-nav-btn svg{color:var(--primary-color)}.tool-nav-btn:hover{background:var(--primary-border);border-color:var(--primary-color)}.xhs-nav-btn{background:linear-gradient(135deg,#fff0f2 0%,var(--bg-color) 100%);border-color:#ffdce0;color:var(--xhs-color)}.xhs-nav-btn:hover{background:#ffeef0;border-color:var(--xhs-color)}.banana-nav-btn{background:linear-gradient(135deg,#fffbeb 0%,var(--bg-color) 100%);border-color:#fcd34d;color:#b45309}.banana-nav-btn svg{color:var(--banana-color)}.banana-nav-btn:hover{background:#fef3c7;border-color:#fbbf24}.session-list{display:flex;flex-direction:column;gap:6px;flex:1;overflow-y:auto;padding:0 12px;margin-top:10px}.session-item{position:relative;padding:12px 14px;background:var(--bg-color);border-radius:8px;cursor:pointer;border-left:3px solid transparent;transition:background .2s,border-color .2s;color:var(--text-main);font-size:13px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.session-item:hover{background-color:var(--hover-color)}.session-item.active{background-color:var(--primary-light);border-left-color:var(--primary-color);color:var(--primary-color);font-weight:500}.session-delete{position:absolute;top:50%;right:8px;transform:translateY(-50%);opacity:0;color:var(--text-sub);padding:4px;border-radius:4px;font-size:16px;line-height:1;width:20px;height:20px;display:flex;align-items:center;justify-content:center}.session-item:hover .session-delete{opacity:1}.session-delete:hover{background:var(--danger-bg);color:var(--danger-color)}.session-loading{font-size:10px;margin-right:6px;display:none}.session-item.generating .session-loading{display:inline-block;animation:spin 1s linear infinite}.main-area{flex:1;display:flex;flex-direction:column;position:relative;background-color:var(--bg-color);height:100%;width:100%;overflow:hidden}.desktop-header{height:var(--header-height);border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;padding:0 24px;background:var(--bg-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10;flex-shrink:0}.brand-area{display:flex;align-items:center;gap:10px;font-weight:600;font-size:18px;color:var(--text-main)}.header-actions{display:flex;gap:10px}.header-icon-btn{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-sub);transition:background .2s}.header-icon-btn:hover{background:var(--hover-color);color:var(--text-main)}.header-icon-btn.mode-toggle{position:relative}.header-icon-btn.mode-toggle.text-mode{color:var(--primary-color);background:var(--primary-light)}.header-icon-btn.mode-toggle.text-mode:hover{background:var(--primary-border)}.header-icon-btn.mode-toggle.image-mode{color:var(--image-mode-color);background:var(--image-mode-bg)}.header-icon-btn.mode-toggle.image-mode:hover{background:#ddd6fe}.header-icon-btn.mode-toggle.video-mode{color:var(--video-mode-color);background:var(--video-mode-bg)}.header-icon-btn.mode-toggle.video-mode:hover{background:var(--danger-border)}.header-icon-btn.mode-toggle.audio-mode{color:var(--audio-mode-color);background:var(--audio-mode-bg)}.header-icon-btn.mode-toggle.audio-mode:hover{background:#bbf7d0}.header-icon-btn.mode-toggle.disabled{opacity:.5;cursor:not-allowed}.header-icon-btn.mode-toggle.disabled:hover{background:inherit}.header-icon-btn.download-app-btn{color:var(--success-color);background:var(--success-bg);text-decoration:none}.header-icon-btn.download-app-btn:hover{background:#a7f3d0;color:#047857}.header-icon-btn.clear-chat-btn:hover{background:var(--danger-bg);color:var(--danger-color)}.model-switcher-wrapper{position:relative}.model-switcher-trigger{display:flex;align-items:center;gap:6px;padding:6px 12px;height:36px;border-radius:20px;cursor:pointer;font-size:13px;font-weight:500;transition:all .2s;border:1px solid transparent;white-space:nowrap}.model-switcher-trigger.text-mode{background:var(--primary-light);color:var(--primary-color)}.model-switcher-trigger.text-mode:hover{background:var(--primary-border)}.model-switcher-trigger.image-mode{background:var(--image-mode-bg);color:var(--image-mode-color)}.model-switcher-trigger.image-mode:hover{background:#ddd6fe}.model-switcher-trigger.video-mode{background:var(--video-mode-bg);color:var(--video-mode-color)}.model-switcher-trigger.video-mode:hover{background:var(--danger-border)}.model-switcher-trigger.audio-mode{background:var(--audio-mode-bg);color:var(--audio-mode-color)}.model-switcher-trigger.audio-mode:hover{background:#bbf7d0}.model-switcher-dropdown{position:absolute;top:44px;right:0;width:240px;background:var(--bg-color);border-radius:12px;box-shadow:0 4px 20px #00000026;z-index:100;border:1px solid var(--border-color);overflow:hidden}.model-switcher-header{padding:12px 16px;font-size:12px;font-weight:600;color:var(--text-sub);background:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.model-switcher-list{max-height:280px;overflow-y:auto}.model-switcher-item{padding:12px 16px;cursor:pointer;transition:background .2s;border-bottom:1px solid var(--bg-tertiary);display:flex;align-items:center;justify-content:space-between}.model-switcher-item:last-child{border-bottom:none}.model-switcher-item:hover{background:var(--hover-color)}.model-switcher-item.active{background:var(--primary-light)}.model-switcher-item-info{flex:1;min-width:0}.model-switcher-item-name{font-size:14px;font-weight:500;color:var(--text-main);margin-bottom:2px;display:flex;align-items:center;gap:6px}.model-switcher-item-model{font-size:12px;color:var(--text-sub)}.model-switcher-item.active .model-switcher-item-name{color:var(--primary-color)}.model-switcher-empty{padding:24px 16px;text-align:center;color:var(--text-muted);font-size:13px}.capability-icons{display:inline-flex;align-items:center;gap:3px;margin-left:2px}.capability-icon{flex-shrink:0;opacity:.9}.capability-text{color:#60a5fa}.capability-image{color:#4ade80}.capability-video{color:#c084fc}.mobile-header{display:none;position:fixed;top:0;left:0;right:0;height:var(--header-height);background:var(--bg-color);border-bottom:1px solid var(--border-color);z-index:50;align-items:center;padding:0 20px;justify-content:space-between}.chat-container{flex:1;overflow-y:auto;padding:20px 0 100px;display:flex;flex-direction:column;align-items:center;scroll-behavior:smooth;width:100%;-webkit-overflow-scrolling:touch}.message-row{width:100%;max-width:var(--content-max-width);padding:0 24px;margin-bottom:24px;display:flex;flex-direction:column;flex-shrink:0}.message-bubble-container{display:flex;width:100%}.message-row.user .message-bubble-container{justify-content:flex-end}.message-row.bot .message-bubble-container{justify-content:flex-start;flex-direction:column;align-items:flex-start;width:100%}.msg-content{padding:12px 18px;border-radius:16px;font-size:15px;line-height:1.6;word-break:break-word;max-width:100%;position:relative}.msg-content.msg-warning{padding:8px 12px;background:var(--warning-bg);border-radius:8px;margin-bottom:8px;font-size:12px;color:var(--warning-color)}.msg-content.msg-success{padding:8px 12px;background:var(--success-bg);border-radius:8px;margin-bottom:8px;font-size:12px;color:var(--success-color)}.msg-content.msg-error{color:var(--danger-color)}.message-row.user .msg-content{background-color:var(--user-msg-bg);border-bottom-right-radius:4px;max-width:85%;color:var(--user-msg-text)}.message-row.bot .msg-content{padding:0;width:100%}.msg-actions{display:flex;gap:12px;margin-top:4px;padding:0 4px;opacity:0;transition:opacity .2s;font-size:11px;color:var(--text-muted);width:100%;justify-content:flex-end}.message-row:hover .msg-actions{opacity:1}.action-btn{cursor:pointer;display:flex;align-items:center;gap:4px;transition:color .2s;white-space:nowrap}.action-btn:hover{color:var(--primary-color)}.action-btn.delete-btn:hover{color:var(--danger-color)}.model-tag{font-size:11px;color:var(--text-muted);white-space:nowrap;display:flex;align-items:center}.empty-state{margin-top:10vh;text-align:center;color:var(--text-sub);animation:fadeIn .5s;padding:20px;display:flex;flex-direction:column;align-items:center}.google-logo-svg{width:56px;height:56px;margin-bottom:16px}.brand-logo-small{width:24px;height:24px;margin-right:4px}.storage-help{position:relative;margin-top:16px}.help-icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:var(--bg-tertiary);color:var(--text-sub);font-size:12px;font-weight:600;cursor:help;transition:background .2s,color .2s}.help-icon:hover{background:var(--primary-color);color:var(--bg-color)}.help-tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%) translateY(-8px);background:var(--text-main);color:var(--bg-color);padding:12px 16px;border-radius:8px;font-size:12px;line-height:1.6;text-align:left;white-space:nowrap;opacity:0;visibility:hidden;transition:opacity .2s,visibility .2s;z-index:100;box-shadow:0 4px 12px #0003}.help-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:var(--text-main)}.storage-help:hover .help-tooltip{opacity:1;visibility:visible}.help-tooltip-title{font-weight:600;margin-bottom:8px;color:var(--primary-color)}.help-tooltip ul{margin:0;padding-left:16px}.help-tooltip li{margin:4px 0}.storage-help.inline-help{display:inline-flex;align-items:center;margin-left:6px;margin-top:0;vertical-align:baseline;position:relative;top:1px}.storage-help.inline-help .help-icon{width:14px;height:14px;font-size:9px;line-height:14px}.storage-help.inline-help .help-tooltip{bottom:auto;top:100%;left:0;transform:translateY(8px);white-space:nowrap;width:auto}.storage-help.inline-help .help-tooltip ul{padding-left:14px}.storage-help.inline-help .help-tooltip li{margin:2px 0}.storage-help.inline-help .help-tooltip:after{top:auto;bottom:100%;left:20px;transform:none;border-top-color:transparent;border-bottom-color:var(--text-main)}.input-container-outer{position:absolute;bottom:40px;left:50%;transform:translate(-50%);width:100%;max-width:var(--content-max-width);padding:0 20px;display:flex;flex-direction:column;align-items:center;z-index:20;pointer-events:none}.input-wrapper{width:100%;background:var(--input-bg);border-radius:24px;display:flex;align-items:center;padding:10px 12px;transition:background .2s,box-shadow .2s;border:1px solid transparent;min-height:52px;pointer-events:auto;box-shadow:var(--card-shadow)}.input-wrapper:focus-within{background:var(--bg-color);border-color:var(--border-light);box-shadow:0 4px 12px #00000026}.input-wrapper textarea{flex:1;border:none;background:transparent;padding:0 8px;font-size:15px;resize:none;height:24px;max-height:150px;outline:none;font-family:inherit;color:var(--text-main);line-height:24px;overflow-y:auto}.icon-btn{width:34px;height:34px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-sub);border-radius:50%;flex-shrink:0;transition:background .2s,color .2s}.icon-btn:hover{background:var(--hover-color);color:var(--text-main)}.mobile-mode-toggle{display:flex}.mobile-mode-toggle.text-mode{color:var(--primary-color);background:var(--primary-light)}.mobile-mode-toggle.image-mode{color:var(--image-mode-color);background:var(--image-mode-bg)}.mobile-mode-toggle.video-mode{color:var(--video-mode-color);background:var(--video-mode-bg)}.mobile-mode-toggle.audio-mode{color:var(--audio-mode-color);background:var(--audio-mode-bg)}.send-btn{color:var(--primary-color);opacity:.4;pointer-events:none}.send-btn.active{opacity:1;pointer-events:auto}.preview-area{width:100%;display:flex;gap:8px;overflow-x:auto;padding:0 4px 8px;min-height:0;transition:all .3s;opacity:0;pointer-events:none}.preview-area.has-images{opacity:1;pointer-events:auto}.preview-item{position:relative;width:56px;height:56px;border-radius:8px;border:1px solid var(--border-light);background-size:cover;background-position:center;flex-shrink:0;background-color:var(--bg-color)}.preview-close{position:absolute;top:-5px;right:-5px;width:16px;height:16px;background:var(--text-sub);color:var(--bg-color);border-radius:50%;font-size:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;border:2px solid var(--bg-color);z-index:2;box-shadow:0 1px 2px #0003}.settings-sidebar{width:320px;background-color:var(--bg-color);border-left:1px solid var(--border-color);display:block;height:100%;overflow-y:auto;flex-shrink:0;position:relative;z-index:40;transition:transform .3s ease}.settings-inner{padding:24px;display:flex;flex-direction:column;min-height:100%}.config-label{font-size:13px;color:var(--text-sub);margin-bottom:10px;display:block;font-weight:600;letter-spacing:.5px}.provider-collapse{border:1px solid var(--border-light);border-radius:8px;margin-bottom:16px;overflow:hidden;flex-shrink:0}.provider-collapse summary{padding:12px 16px;background:var(--bg-secondary);cursor:pointer;font-size:13px;font-weight:600;color:var(--text-main);display:flex;justify-content:space-between;align-items:center;outline:none}.provider-collapse summary:hover{background:var(--hover-color)}.provider-collapse[open] summary{border-bottom:1px solid var(--border-light)}.provider-content{padding:16px;background:var(--bg-color)}.provider-selector,.api-input-group input,.config-input{width:100%;padding:8px;border:1px solid var(--border-light);border-radius:6px;font-size:12px;margin-bottom:10px;background:var(--bg-color);color:var(--text-main)}.provider-list{max-height:120px;overflow-y:auto;margin-bottom:15px;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-color)}.provider-item{padding:8px 12px;font-size:12px;border-bottom:1px solid var(--bg-tertiary);cursor:pointer;display:flex;justify-content:space-between;color:var(--text-main)}.provider-item:hover{background:var(--hover-color)}.provider-item.selected{background:var(--primary-light);color:var(--primary-color)}.action-row{display:flex;gap:8px}.config-btn{flex:1;padding:6px;border:1px solid var(--border-light);border-radius:4px;cursor:pointer;font-size:12px;background:var(--bg-color);color:var(--text-main)}.config-btn.primary{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.config-btn.danger{color:var(--danger-color);border-color:var(--danger-bg);background:var(--danger-bg)}.res-selector{display:flex;gap:8px;margin-bottom:24px;flex-shrink:0}.res-btn{flex:1;padding:8px 0;text-align:center;border:1px solid var(--border-light);border-radius:6px;font-size:12px;cursor:pointer;color:var(--text-main);transition:all .2s;background:var(--bg-color)}.res-btn.active{border-color:var(--primary-color);background-color:var(--primary-light);color:var(--primary-color);font-weight:500}.res-btn.disabled{opacity:.4;cursor:not-allowed;background-color:var(--disabled-bg);color:var(--disabled-text)}.res-btn.disabled:hover{border-color:var(--border-light);background-color:var(--disabled-bg)}.ratio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:20px;flex-shrink:0}.ratio-card{border:1px solid var(--border-light);border-radius:8px;height:64px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;background:var(--bg-color)}.ratio-card.active{border-color:var(--primary-color);background-color:var(--primary-light)}.ratio-card.disabled{opacity:.4;cursor:not-allowed;background-color:var(--disabled-bg)}.ratio-card.disabled:hover{transform:none;box-shadow:none}.icon-box{border:2px solid var(--text-muted);margin-bottom:4px;border-radius:2px;box-sizing:content-box}.ratio-card.active .icon-box{border-color:var(--primary-color)}.ratio-text{font-size:10px;color:var(--text-sub)}.icon-auto{width:14px;height:14px;border-style:dashed}.icon-1-1{width:14px;height:14px}.icon-21-9{width:20px;height:8px}.icon-16-9{width:18px;height:10px}.icon-4-3{width:16px;height:12px}.icon-3-2{width:18px;height:12px}.icon-5-4{width:15px;height:12px}.icon-9-16{width:10px;height:18px}.icon-3-4{width:12px;height:16px}.icon-2-3{width:12px;height:18px}.icon-4-5{width:12px;height:15px}.generated-image{cursor:zoom-in;display:block;max-width:100%;width:100%;height:auto;border-radius:12px;opacity:0}.img-result-group>.generated-image{max-width:min(100%,400px);width:400px;aspect-ratio:1 / 1;object-fit:contain;background:linear-gradient(90deg,var(--bg-tertiary) 25%,var(--border-color) 50%,var(--bg-tertiary) 75%);background-size:200% 100%;animation:imageShimmer 1.5s infinite;opacity:1!important}.img-result-group>.generated-image.loaded{background:none;animation:none}.image-aspect-wrapper .generated-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;border-radius:12px}.generated-image.loaded{opacity:1;animation:imageFadeIn .6s ease-out}.image-aspect-wrapper{background:linear-gradient(90deg,var(--bg-tertiary) 25%,var(--border-color) 50%,var(--bg-tertiary) 75%);background-size:200% 100%;animation:imageShimmer 1.5s infinite;box-shadow:var(--card-shadow);border:1px solid var(--border-color)}.image-aspect-wrapper.loaded{background:none!important;animation:none!important}@keyframes imageShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.video-aspect-wrapper{background:linear-gradient(90deg,var(--bg-tertiary) 25%,var(--border-color) 50%,var(--bg-tertiary) 75%);background-size:200% 100%;box-shadow:var(--card-shadow);border:1px solid var(--border-color);animation:imageShimmer 1.5s infinite}.video-aspect-wrapper.loaded{background:none!important;animation:none!important}.video-aspect-wrapper video.loaded{opacity:1;animation:imageFadeIn .6s ease-out}.img-result-group{display:flex;flex-direction:column;align-items:flex-start;margin-top:8px}.img-grid{display:grid;gap:4px;width:100%;max-width:400px;border-radius:12px;overflow:hidden}.img-grid.grid-1{grid-template-columns:1fr}.img-grid.grid-2{grid-template-columns:repeat(2,1fr)}.img-grid.grid-3{grid-template-columns:repeat(3,1fr)}.img-grid.grid-4{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr)}.img-grid.grid-5,.img-grid.grid-6{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr)}.img-grid.grid-7,.img-grid.grid-8,.img-grid.grid-9{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr)}.img-grid-item{position:relative;aspect-ratio:1;background:linear-gradient(90deg,var(--bg-tertiary) 25%,var(--border-color) 50%,var(--bg-tertiary) 75%);background-size:200% 100%;animation:imageShimmer 1.5s infinite;cursor:pointer;overflow:hidden}.img-grid-item img{width:100%;height:100%;object-fit:cover;transition:transform .2s}.img-grid-item:hover img{transform:scale(1.05)}.img-grid-item.loaded{background:none;animation:none}.img-grid-actions{display:inline-flex;gap:8px;margin-top:12px;align-items:center}details.thought-box{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;margin-bottom:8px;overflow:hidden;width:100%;display:block;clear:both}details.thought-box summary{padding:10px 14px;cursor:pointer;font-size:13px;color:var(--text-sub);font-weight:500;display:flex;align-items:center;outline:none}details.thought-box summary::-webkit-details-marker{display:none}details.thought-box summary:before{content:"▶";font-size:10px;margin-right:8px;transition:transform .2s;display:inline-block;color:var(--text-muted)}details.thought-box[open] summary:before{transform:rotate(90deg)}.thought-content{padding:12px 16px;font-size:13px;line-height:1.6;color:var(--text-main);border-top:1px solid var(--border-color);font-family:monospace;white-space:pre-wrap;background-color:var(--bg-color)}.btn-group{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}.tool-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:var(--bg-color);color:var(--text-sub);border:1px solid var(--border-light);border-radius:16px;font-size:12px;text-decoration:none;cursor:pointer;transition:all .2s;font-weight:500}.tool-btn:hover{background:var(--bg-hover);color:var(--primary-color);border-color:var(--primary-border)}.tool-btn.download{color:var(--primary-color);border-color:var(--border-light)}.tool-btn.slice-btn{color:var(--danger-color);border-color:var(--danger-border);background:var(--danger-bg)}.tool-btn.slice-btn:hover{background:var(--danger-bg);border-color:var(--danger-color)}.lightbox-overlay{position:fixed;z-index:4000;left:0;top:0;width:100%;height:100%;background:#000000f2;display:flex;justify-content:center;align-items:center;opacity:0;visibility:hidden;transition:opacity .2s ease-out,visibility .2s}.lightbox-overlay.active{opacity:1;visibility:visible}.lightbox-img{max-width:100vw;max-height:100vh;object-fit:contain;border-radius:4px;box-shadow:0 0 30px #0009;transform:scale(.95);opacity:0;transition:transform .2s ease-out,opacity .2s ease-out}.lightbox-overlay.active .lightbox-img{transform:scale(1);opacity:1}.lightbox-close{position:absolute;top:24px;right:24px;color:#fff;font-size:32px;cursor:pointer;opacity:.7;transition:opacity .2s;z-index:20;padding:8px}.lightbox-close:hover{opacity:1}.lightbox-nav{position:absolute;top:0;bottom:0;width:80px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#ffffff80;transition:all .2s;z-index:10}.lightbox-nav:hover{color:#ffffffe6;background:#0000004d}.lightbox-nav-left{left:0;padding-left:16px;justify-content:flex-start}.lightbox-nav-right{right:0;padding-right:16px;justify-content:flex-end}.lightbox-counter{position:absolute;bottom:24px;left:50%;transform:translate(-50%);color:#fffc;font-size:14px;font-weight:500;padding:6px 16px;background:#00000080;border-radius:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding-bottom:calc(6px + env(safe-area-inset-bottom))}.lightbox-toolbar{position:absolute;bottom:80px;left:50%;transform:translate(-50%);display:flex;gap:8px;padding:8px 12px;background:#000000b3;border-radius:12px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.lightbox-action-btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 20px;background:#ffffff1a;border:none;border-radius:8px;color:#fff;cursor:pointer;transition:background .2s;white-space:nowrap}.lightbox-action-btn:hover{background:#fff3}.lightbox-action-btn span{font-size:13px;opacity:.9;white-space:nowrap}.lightbox-action-btn.apply-prompt{background:#8b5cf64d}.lightbox-action-btn.apply-prompt:hover{background:#8b5cf680}.lightbox-action-btn.lightbox-action-btn-danger{background:#ef44444d}.lightbox-action-btn.lightbox-action-btn-danger:hover{background:#ef444499}.lightbox-prompt-trigger{position:absolute;top:16px;left:16px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#0009;border:none;border-radius:10px;color:#fffc;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .2s ease;z-index:20}.lightbox-prompt-trigger:hover{background:#000c;color:#fff}.lightbox-prompt-trigger.active{background:#8b5cf699;color:#fff}.lightbox-content-wrapper{display:flex;align-items:center;justify-content:center;gap:24px;max-width:95vw;max-height:85vh;position:relative}.lightbox-image-area{display:flex;align-items:center;justify-content:center;flex-shrink:0}.lightbox-overlay.with-prompt .lightbox-image-area,.lightbox-overlay.with-prompt .lightbox-img{max-width:60vw}.lightbox-video-area{display:flex;align-items:center;justify-content:center;flex-shrink:0}.lightbox-overlay.with-prompt .lightbox-video-area,.lightbox-overlay.with-prompt .lightbox-video{max-width:60vw}.lightbox-prompt-panel{width:320px;max-width:30vw;max-height:70vh;background:#14141cf2;border-radius:16px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:flex;flex-direction:column;box-shadow:0 8px 32px #0006;animation:promptPanelIn .3s ease-out;flex-shrink:0}@keyframes promptPanelIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.prompt-panel-header{padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.1);flex-shrink:0}.prompt-panel-title{font-size:15px;font-weight:600;color:#fff}.prompt-panel-content{flex:1;overflow-y:auto;padding:20px;min-height:100px}.prompt-panel-content p{margin:0;font-size:14px;line-height:1.7;color:#ffffffe6;word-break:break-word}.prompt-panel-actions{display:flex;gap:12px;padding:16px 20px;border-top:1px solid rgba(255,255,255,.1);flex-shrink:0}.prompt-panel-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;background:#ffffff1a;border:none;border-radius:10px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.prompt-panel-btn:hover{background:#fff3}.prompt-panel-btn.primary{background:#8b5cf6cc}.prompt-panel-btn.primary:hover{background:#8b5cf6}.prompt-panel-content::-webkit-scrollbar{width:4px}.prompt-panel-content::-webkit-scrollbar-track{background:transparent}.prompt-panel-content::-webkit-scrollbar-thumb{background:#fff3;border-radius:2px}.lightbox-overlay.with-prompt .lightbox-nav-left{left:10px}.lightbox-overlay.with-prompt .lightbox-nav-right{right:auto;position:relative;margin-left:-60px}@media (max-width: 768px){.lightbox-content-wrapper{flex-direction:column;gap:16px}.lightbox-overlay.with-prompt .lightbox-image-area,.lightbox-overlay.with-prompt .lightbox-img,.lightbox-overlay.with-prompt .lightbox-video-area,.lightbox-overlay.with-prompt .lightbox-video{max-width:90vw;max-height:50vh}.lightbox-prompt-panel{width:90vw;max-width:90vw;max-height:35vh}.lightbox-overlay.with-prompt .lightbox-nav-right{position:absolute;right:0;margin-left:0}}.video-lightbox .lightbox-video{max-width:100vw;max-height:100vh;min-width:60vw;min-height:50vh;object-fit:contain;border-radius:8px;box-shadow:0 0 30px #0009;transform:scale(.95);opacity:0;transition:transform .2s ease-out,opacity .2s ease-out;background:#000}.video-lightbox.active .lightbox-video{transform:scale(1);opacity:1}.video-loading-skeleton{position:relative;width:60vw;height:50vh;border-radius:12px;overflow:hidden;display:flex;align-items:center;justify-content:center}.video-skeleton-shimmer{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(110deg,#1a1a2e 30%,#252540,#1a1a2e 70%);background-size:200% 100%;animation:videoLightboxShimmer 1.5s infinite ease-in-out}.video-loading-spinner{position:relative;z-index:1;width:80px;height:80px;border-radius:50%;background:#ffffff1a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;animation:videoPulse 1.5s infinite ease-in-out}.video-loading-spinner svg{opacity:.8;color:#ffffffe6;fill:#ffffffe6;stroke:none;margin-left:4px}@keyframes videoLightboxShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes videoPulse{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.05);opacity:1}}.video-lightbox.video-loaded .video-loading-skeleton{display:none}.video-lightbox .lightbox-video:not(.loaded){opacity:0;position:absolute;pointer-events:none}.video-lightbox.video-loaded .lightbox-video.loaded{opacity:1;position:relative;pointer-events:auto}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:30;display:none;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.overlay.active{display:block}.loading-spinner{width:20px;height:20px;border:2px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;animation:spin .8s linear infinite}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.image-loading-container{display:flex;flex-direction:column;gap:12px;width:100%;max-width:400px}.multi-loading-container{display:flex;flex-direction:column;gap:12px;width:100%;max-width:420px}.loading-grid{display:grid;gap:8px;width:100%}.loading-grid.grid-1{grid-template-columns:1fr}.loading-grid.grid-2{grid-template-columns:repeat(2,1fr)}.loading-grid.grid-3{grid-template-columns:repeat(3,1fr)}.loading-grid.grid-4{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr)}.loading-grid .image-placeholder{width:100%;min-width:0;border-width:1px}.multi-loading-footer{display:flex;align-items:center;gap:12px;padding:8px 12px;background:var(--danger-bg);border-radius:8px;border:1px solid var(--danger-border)}.multi-loading-timer{font-size:13px;font-weight:600;color:var(--danger-color);min-width:48px}.multi-loading-status{flex:1;font-size:12px;color:var(--danger-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cancel-generation-btn.small{padding:4px 12px;font-size:11px}.video-grid{display:grid;gap:8px;width:100%;max-width:500px;border-radius:12px;overflow:hidden}.video-grid.grid-1{grid-template-columns:1fr}.video-grid.grid-2{grid-template-columns:repeat(2,1fr)}.video-grid.grid-3{grid-template-columns:repeat(3,1fr)}.video-grid.grid-4{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr)}.video-grid-item{position:relative;aspect-ratio:16 / 9;background:linear-gradient(90deg,var(--bg-tertiary) 25%,var(--border-color) 50%,var(--bg-tertiary) 75%);background-size:200% 100%;animation:imageShimmer 1.5s infinite;cursor:pointer;overflow:hidden;border-radius:8px}.video-grid-item.ratio-16-9{aspect-ratio:16 / 9}.video-grid-item.ratio-9-16{aspect-ratio:9 / 16}.video-grid-item.ratio-1-1{aspect-ratio:1 / 1}.video-grid-item video{width:100%;height:100%;object-fit:cover;transition:transform .2s;background:#000}.video-grid-item:hover video{transform:scale(1.02)}.video-grid-item.loaded{background:none;animation:none}.video-grid-item .play-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0003;opacity:0;transition:opacity .2s;pointer-events:none}.video-grid-item:hover .play-overlay{opacity:1}.video-grid-item .play-overlay svg{width:40px;height:40px;color:#fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.video-grid-actions{display:flex;gap:8px;margin-top:12px;align-items:center;flex-wrap:wrap}.streaming-text{background:var(--primary-light);border-radius:12px;padding:12px 16px;border-left:3px solid var(--primary-color)}.streaming-label{font-size:12px;color:var(--primary-color);font-weight:600;margin-bottom:6px;display:flex;align-items:center;gap:6px}.streaming-label:before{content:"";width:6px;height:6px;background:var(--primary-color);border-radius:50%;animation:pulse 1s ease-in-out infinite}.streaming-content{font-size:13px;color:var(--text-main);line-height:1.5;max-height:120px;overflow-y:auto;white-space:pre-wrap;word-break:break-word}.image-placeholder{position:relative;width:280px;aspect-ratio:1 / 1;background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%);border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;overflow:hidden;border:2px dashed var(--border-light)}.placeholder-shimmer{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.6) 50%,transparent 100%);animation:shimmer 1.8s ease-in-out infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.placeholder-icon{color:var(--text-muted);z-index:1;animation:iconFloat 2s ease-in-out infinite}@keyframes iconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.placeholder-text{font-size:14px;color:var(--text-sub);font-weight:500;z-index:1;text-align:center;max-width:200px}.placeholder-timer{font-size:12px;color:var(--text-muted);font-weight:600;z-index:1;background:var(--bg-color);padding:4px 12px;border-radius:12px;font-variant-numeric:tabular-nums}.cancel-generation-btn{z-index:1;margin-top:12px;padding:8px 20px;font-size:13px;font-weight:500;color:var(--text-sub);background:var(--bg-color);border:1px solid var(--border-light);border-radius:20px;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 3px #00000014}.cancel-generation-btn:hover{background:var(--bg-color);border-color:var(--danger-color);color:var(--danger-color);box-shadow:0 2px 6px #d9302526}.cancel-generation-btn:active{transform:scale(.96)}.text-cancel-btn{margin-top:16px;align-self:flex-start}.bot-avatar{position:absolute;left:-30px;top:8px;width:36px;height:36px;min-width:36px;border-radius:50%;background:linear-gradient(135deg,var(--primary-light) 0%,var(--primary-border) 100%);display:flex;align-items:center;justify-content:center;color:var(--primary-color);box-shadow:0 2px 8px #1a73e826}.message-row.bot{position:relative}.toast-msg{position:fixed;top:70px;left:0;right:0;margin:0 auto;width:fit-content;background:var(--text-main);color:var(--bg-color);padding:12px 24px;border-radius:30px;font-size:14px;z-index:5000;box-shadow:0 4px 16px #00000040;white-space:nowrap;opacity:0;visibility:hidden;transform:translateY(-16px) scale(.92);transition:opacity .35s cubic-bezier(.4,0,.2,1),transform .35s cubic-bezier(.4,0,.2,1),visibility .35s}.toast-msg.active{opacity:1;visibility:visible;transform:translateY(0) scale(1);transition:opacity .4s cubic-bezier(.34,1.56,.64,1),transform .4s cubic-bezier(.34,1.56,.64,1),visibility 0s}.toast-msg.success{background:var(--success-color)}.toast-msg.error{background:var(--danger-color)}.toast-msg.warning{background:var(--warning-color)}.toast-msg.info{background:var(--primary-color)}.global-loading{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay-bg);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;display:none;align-items:center;justify-content:center;flex-direction:column;gap:16px}.global-loading.active{display:flex}.global-loading-spinner{width:48px;height:48px;border:4px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;animation:spin .8s linear infinite}.global-loading-text{font-size:14px;color:var(--text-sub);font-weight:500}.loading-screen{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;background:linear-gradient(135deg,#667eea,#764ba2);z-index:9999}.loading-screen .loading-spinner{width:48px;height:48px;border:4px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.loading-screen p{margin:0;font-size:16px;font-weight:500;color:#ffffffe6;letter-spacing:.5px}.progress-bar-container{position:fixed;top:0;left:0;right:0;height:3px;background:var(--border-color);z-index:9998;display:none}.progress-bar-container.active{display:block}.progress-bar{height:100%;background:linear-gradient(90deg,var(--primary-color),#4285f4);width:0%;transition:width .3s ease}.mobile-top-header{display:none;position:fixed;top:0;left:0;right:0;height:calc(var(--mobile-header-height) + env(safe-area-inset-top));padding:0 16px;padding-top:env(safe-area-inset-top);background:var(--bg-color);border-bottom:1px solid var(--border-color);z-index:100;align-items:center;justify-content:space-between;transition:height .3s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1)}.mobile-top-header.studio-header-hidden{height:0;opacity:0;transform:translateY(-100%);pointer-events:none}.mobile-header-left{display:flex;align-items:center;gap:4px}.mobile-header-title{display:flex;align-items:center;gap:10px;font-size:17px;font-weight:600;color:var(--text-main)}.mobile-header-icon{display:flex;align-items:center;justify-content:center}.mobile-header-action{width:var(--touch-target-min);height:var(--touch-target-min);padding-left:0;margin-left:-7px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--text-sub);border-radius:50%;cursor:pointer;transition:background var(--transition-fast)}.mobile-header-action:active{background:var(--hover-color)}.mobile-header-right{display:flex;align-items:center;gap:4px}.mobile-header-action.download-app-btn{color:var(--success-color);background:transparent;text-decoration:none;margin-left:0;padding:0}.mobile-header-action.download-app-btn:active{background:var(--success-bg)}.mobile-bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;height:var(--mobile-tab-height);background:var(--bg-color);border-top:1px solid var(--border-color);z-index:100;padding-bottom:env(safe-area-inset-bottom);transition:height .3s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1)}.mobile-bottom-nav.studio-header-hidden{height:0;opacity:0;transform:translateY(100%);pointer-events:none}.mobile-tab-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:none;background:transparent;color:var(--text-sub);cursor:pointer;padding:8px 4px;min-height:var(--touch-target-min);transition:color var(--transition-fast),transform var(--transition-fast);position:relative}.mobile-tab-item:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%) scaleX(0);width:32px;height:3px;background:var(--tab-color, var(--primary-color));border-radius:0 0 3px 3px;transition:transform var(--transition-normal) var(--ease-out-expo)}.mobile-tab-item.active:before{transform:translate(-50%) scaleX(1)}.mobile-tab-item.active{color:var(--tab-color, var(--primary-color))}.mobile-tab-item:active{transform:scale(.95)}.mobile-tab-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px}.mobile-tab-icon svg{transition:transform var(--transition-fast)}.mobile-tab-item.active .mobile-tab-icon svg{transform:scale(1.1)}.mobile-tab-label{font-size:10px;font-weight:500;white-space:nowrap;transition:font-weight var(--transition-fast)}.mobile-tab-item.active .mobile-tab-label{font-weight:600}.sidebar-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#0000;z-index:55;opacity:0;transition:background var(--transition-normal) var(--ease-in-out),opacity var(--transition-normal) var(--ease-in-out);-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}.sidebar-overlay.active{display:block;background:#0006;opacity:1;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}@media (max-width: 768px){body{flex-direction:column}.tab-nav-desktop{display:none!important}.mobile-top-header,.mobile-bottom-nav{display:flex}.desktop-header{display:none}.sidebar-nav{position:fixed;left:0;top:var(--mobile-header-full);bottom:var(--mobile-tab-height);width:min(var(--sidebar-width),85vw);transform:translate(-100%);box-shadow:none;padding-top:0;z-index:60;transition:transform var(--transition-normal) var(--ease-out-expo),box-shadow var(--transition-normal) var(--ease-in-out);will-change:transform}.sidebar-nav.open{transform:translate(0);box-shadow:4px 0 24px #00000026}.settings-sidebar{position:fixed;left:0;right:0;bottom:0;top:auto;width:100%;max-height:70vh;border-radius:20px 20px 0 0;transform:translateY(100%);box-shadow:none;padding-top:0;z-index:70;transition:transform var(--transition-normal) var(--ease-out-expo),box-shadow var(--transition-normal) var(--ease-in-out);will-change:transform;border-left:none;border-top:1px solid var(--border-color);overflow:hidden}.settings-sidebar.open{transform:translateY(0);box-shadow:0 -8px 32px #0003}.settings-sidebar:before{content:"";position:absolute;top:8px;left:50%;transform:translate(-50%);width:36px;height:4px;background:var(--border-light);border-radius:2px;z-index:1}.settings-sidebar .settings-inner{padding:20px 20px 24px;padding-bottom:calc(20px + env(safe-area-inset-bottom));max-height:calc(70vh - 12px);overflow-y:auto;-webkit-overflow-scrolling:touch}.app-container{padding-top:var(--mobile-header-full);padding-bottom:var(--mobile-tab-height)}.main-area{height:100%;padding-top:0;display:flex;flex-direction:column}.input-container-outer{padding:0 12px;bottom:calc(env(safe-area-inset-bottom) + 18px);transition:bottom var(--transition-fast) var(--ease-in-out)}@supports (height: 100dvh){.input-container-outer{bottom:max(calc(env(safe-area-inset-bottom) + 18px),calc(100vh - 100dvh + 8px))}}.chat-container{padding:20px 0 130px;scroll-padding-bottom:130px}.message-row{padding:0 16px}.input-wrapper{touch-action:manipulation;align-items:center;min-height:48px;padding:8px 12px}.input-wrapper textarea{font-size:16px;height:auto;min-height:24px;line-height:24px;padding:0 8px;margin:0;display:flex;align-items:center}.input-wrapper .icon-btn{margin:0}.mobile-mode-toggle{display:flex!important;position:relative}.mobile-mode-toggle.text-mode{color:var(--primary-color);background:var(--primary-light)}.mobile-mode-toggle.image-mode{color:var(--image-mode-color);background:var(--image-mode-bg)}.mobile-mode-toggle.video-mode{color:var(--video-mode-color);background:var(--video-mode-bg)}.mobile-mode-toggle.audio-mode{color:var(--audio-mode-color);background:var(--audio-mode-bg)}.mobile-mode-toggle.disabled{opacity:.5}.sidebar-overlay{top:var(--mobile-header-full);bottom:0}.sidebar-overlay.settings-active{top:0;bottom:0}html{touch-action:manipulation}.session-item{min-height:var(--touch-target-min);padding:14px 16px}.session-delete{width:32px;height:32px;opacity:.6;right:12px}.res-btn,.ratio-card{min-height:var(--touch-target-min)}.provider-item,.model-item{min-height:var(--touch-target-min);padding:12px 44px 12px 16px}.model-item-delete{opacity:1}.tab-nav-item{min-height:var(--touch-target-min);padding:10px 14px}.tool-btn{padding:10px 16px}.chat-container,.session-list,.settings-inner,.model-list{-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.msg-actions{opacity:1;gap:16px}.message-row.user .msg-actions{justify-content:flex-end}.message-row.bot .msg-actions{justify-content:flex-start}.action-btn{padding:8px 12px;background:var(--bg-secondary);border-radius:16px}.preview-area{padding:8px 4px;-webkit-overflow-scrolling:touch}.preview-item{width:64px;height:64px}.preview-close{width:22px;height:22px;top:-6px;right:-6px}.send-btn,.icon-btn{width:var(--touch-target-min);height:var(--touch-target-min)}.message-row{margin-bottom:16px}.message-row.user .msg-content{max-width:90%;padding:10px 14px;border-radius:18px 18px 4px}.message-row.bot .msg-content{max-width:100%}.image-aspect-wrapper.ratio-1-1{width:280px!important;height:280px!important}.image-aspect-wrapper.ratio-16-9{width:280px!important;height:158px!important}.image-aspect-wrapper.ratio-9-16{width:280px!important;height:498px!important}.image-aspect-wrapper.ratio-4-3{width:280px!important;height:210px!important}.image-aspect-wrapper.ratio-3-4{width:280px!important;height:373px!important}.image-aspect-wrapper.ratio-2-3{width:280px!important;height:420px!important}.image-aspect-wrapper.ratio-3-2{width:280px!important;height:187px!important}.video-aspect-wrapper.ratio-1-1{width:280px!important;height:280px!important}.video-aspect-wrapper.ratio-16-9{width:280px!important;height:158px!important}.video-aspect-wrapper.ratio-9-16{width:280px!important;height:498px!important}.video-aspect-wrapper.ratio-4-3{width:280px!important;height:210px!important}.video-aspect-wrapper.ratio-3-4{width:280px!important;height:373px!important}.video-aspect-wrapper.ratio-2-3{width:280px!important;height:420px!important}.video-aspect-wrapper.ratio-3-2{width:280px!important;height:187px!important}.img-result-group>.generated-image{max-width:min(100%,280px)!important;width:280px!important}.msg-content .generated-image{max-width:100%}.image-placeholder{width:100%;max-width:280px}.bot-avatar{display:none}.sidebar-nav{display:flex;flex-direction:column}.sidebar-nav .new-chat-btn:first-child{order:-1}.session-list{flex:1;padding-bottom:16px}.empty-state{margin-top:15vh;padding:24px}.google-logo-svg{width:48px;height:48px}details.thought-box summary{padding:12px 16px}.thought-content{padding:12px 14px;font-size:12px;max-height:200px;overflow-y:auto}.btn-group{flex-wrap:wrap;gap:8px}.tool-btn{flex:1;min-width:calc(50% - 4px);justify-content:center}.settings-sidebar .res-selector{display:flex;flex-wrap:nowrap;gap:6px}.settings-sidebar .res-btn{flex:1;padding:10px 8px;font-size:13px}.settings-sidebar .ratio-grid{grid-template-columns:repeat(4,1fr);gap:8px}.settings-sidebar .ratio-card{height:56px}.provider-collapse{margin-bottom:12px}.provider-collapse summary{padding:14px 16px}.provider-content{padding:12px}.lightbox-nav{width:60px}.lightbox-nav svg{width:28px;height:28px}.lightbox-close{top:max(16px,env(safe-area-inset-top));right:16px;font-size:28px;width:var(--touch-target-min);height:var(--touch-target-min);display:flex;align-items:center;justify-content:center}.lightbox-counter{bottom:max(16px,env(safe-area-inset-bottom));font-size:13px;padding:8px 14px}}.tab-nav-actions{display:flex;align-items:center}.model-settings-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:8px;cursor:pointer;font-size:13px;color:var(--text-sub);font-weight:500;transition:all .2s}.model-settings-btn:hover{background:var(--primary-light);color:var(--primary-color);border-color:var(--primary-border)}.model-settings-btn .btn-label{white-space:nowrap}.admin-nav-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:8px;cursor:pointer;font-size:13px;color:var(--text-sub);font-weight:500;transition:all .2s}.admin-nav-btn:hover,.admin-nav-btn.active{background:var(--warning-bg);color:var(--banana-color);border-color:var(--banana-color)}.model-settings-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay-bg);z-index:5000;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s}.model-settings-panel{background:var(--bg-color);border-radius:16px;width:90%;max-width:800px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 8px 32px #0003}.model-settings-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-color)}.model-settings-header h3{margin:0;font-size:18px;font-weight:600;color:var(--text-main)}.model-settings-close{width:32px;height:32px;border:none;background:none;cursor:pointer;color:var(--text-sub);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .2s}.model-settings-close:hover{background:var(--hover-color)}.model-settings-tabs{display:flex;gap:4px;padding:12px 16px;border-bottom:1px solid var(--border-color);background:var(--bg-secondary)}.model-tab{display:flex;align-items:center;gap:6px;padding:8px 14px;border:1px solid transparent;background:transparent;border-radius:8px;cursor:pointer;font-size:13px;color:var(--text-sub);font-weight:500;transition:all .2s}.model-tab:hover{background:var(--bg-color);color:var(--text-main)}.model-tab.active{background:var(--bg-color);color:var(--primary-color);border-color:var(--primary-border);box-shadow:0 1px 3px #0000001a}.model-settings-content{flex:1;overflow-y:auto;padding:20px}.model-section{display:flex;flex-direction:column;gap:20px}.model-select-group{display:flex;flex-direction:column;gap:8px}.model-select-group label{font-size:13px;font-weight:600;color:var(--text-sub)}.model-select{padding:10px 12px;border:1px solid var(--border-light);border-radius:8px;font-size:14px;color:var(--text-main);background:var(--bg-color);cursor:pointer}.model-select:focus{outline:none;border-color:var(--primary-color)}.model-hint{font-size:12px;color:var(--text-muted);margin:0}.model-params h4{margin:0 0 12px;font-size:14px;font-weight:600;color:var(--text-main)}.param-row{display:flex;align-items:center;gap:12px;margin-bottom:14px}.param-row label{width:100px;font-size:13px;color:var(--text-sub);flex-shrink:0}.param-row input[type=range]{flex:1;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--border-color);border-radius:2px;cursor:pointer}.param-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;background:var(--primary-color);border-radius:50%;cursor:pointer}.param-value{width:40px;text-align:right;font-size:13px;color:var(--text-main);font-weight:500;font-variant-numeric:tabular-nums}.param-input{width:100px;padding:6px 10px;border:1px solid var(--border-light);border-radius:6px;font-size:13px;text-align:center}.resolution-btns{display:flex;gap:8px;flex:1}.resolution-btns .res-btn{flex:1;padding:8px 0;text-align:center;border:1px solid var(--border-light);border-radius:6px;font-size:13px;cursor:pointer;color:var(--text-main);background:var(--bg-color);transition:all .2s}.resolution-btns .res-btn.active{border-color:var(--primary-color);background-color:var(--primary-light);color:var(--primary-color);font-weight:500}.ratio-select{flex:1;padding:8px 12px;border:1px solid var(--border-light);border-radius:6px;font-size:13px;color:var(--text-main);background:var(--bg-color);cursor:pointer}.model-list-header{display:flex;align-items:center;justify-content:space-between}.model-list-header h4{margin:0;font-size:14px;font-weight:600;color:var(--text-main)}.add-model-btn{display:flex;align-items:center;gap:4px;padding:6px 12px;background:var(--primary-color);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:12px;font-weight:500;transition:background .2s}.add-model-btn:hover{background:color-mix(in srgb,var(--primary-color) 85%,black)}.model-list{margin-top:12px;border:1px solid var(--border-color);border-radius:8px;overflow:hidden;max-height:360px;overflow-y:auto}.model-item{display:flex;flex-direction:column;gap:4px;padding:12px 44px 12px 12px;border-bottom:1px solid var(--bg-tertiary);cursor:pointer;transition:background .2s;position:relative}.model-item:last-child{border-bottom:none}.model-item:hover{background:var(--bg-secondary)}.model-item-info{display:flex;align-items:center;gap:8px}.model-item-name{font-size:14px;font-weight:500;color:var(--text-main)}.model-badge{font-size:10px;padding:2px 6px;border-radius:4px;font-weight:600}.model-badge.text{background:var(--primary-light);color:var(--primary-color)}.model-badge.image{background:var(--danger-bg);color:var(--danger-color)}.model-badge.openai{background:var(--bg-tertiary);color:var(--text-sub)}.model-badge.gemini{background:var(--success-bg);color:var(--success-color)}.model-badge.video{background:var(--video-mode-bg);color:var(--video-mode-color)}.model-badge.audio{background:var(--audio-mode-bg);color:var(--audio-mode-color)}.model-item-model{font-size:12px;color:var(--text-muted)}.model-item-delete{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;padding:6px;cursor:pointer;color:var(--text-muted);border-radius:6px;opacity:0;transition:all .2s;display:flex;align-items:center;justify-content:center}.model-item:hover .model-item-delete{opacity:1}.model-item-delete:hover{background:var(--danger-bg);color:var(--danger-color)}.empty-list{text-align:center;padding:32px 20px;color:var(--text-muted)}.empty-list p{margin:4px 0;font-size:13px}.model-form{margin-top:12px;padding:16px;background:var(--bg-secondary);border-radius:8px}.form-row{margin-bottom:14px}.form-row label{display:block;font-size:12px;font-weight:600;color:var(--text-sub);margin-bottom:6px}.form-row input,.form-row select{width:100%;padding:10px 12px;border:1px solid var(--border-light);border-radius:6px;font-size:13px;background:var(--bg-color);color:var(--text-main)}.form-row input:focus,.form-row select:focus{outline:none;border-color:var(--primary-color)}.form-row-inline{display:flex;gap:12px}.form-row-inline .form-group{flex:1}.form-row-inline .form-group label{display:block;font-size:12px;font-weight:600;color:var(--text-sub);margin-bottom:6px}.form-row-inline .form-group select{width:100%;padding:10px 12px;border:1px solid var(--border-light);border-radius:6px;font-size:13px;background:var(--bg-color);color:var(--text-main)}.form-actions{display:flex;gap:8px;margin-top:16px}.form-actions button{padding:10px 16px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.btn-cancel{padding:6px 16px;background:var(--bg-color);border:1px solid var(--border-light);color:var(--text-main);border-radius:6px;font-size:14px;line-height:1.5;cursor:pointer;transition:all .2s}.btn-cancel:hover:not(:disabled){color:var(--primary-color);border-color:var(--primary-color)}.btn-cancel:disabled{color:var(--disabled-text);background:var(--disabled-bg);border-color:var(--border-light);cursor:not-allowed}.btn-delete{padding:6px 16px;background:var(--bg-color);border:1px solid var(--danger-color);color:var(--danger-color);border-radius:6px;font-size:14px;line-height:1.5;cursor:pointer;transition:all .2s}.btn-delete:hover{color:var(--danger-color);border-color:var(--danger-color);background:var(--danger-bg)}.btn-save{padding:6px 16px;background:var(--primary-color);border:1px solid var(--primary-color);color:#fff;border-radius:6px;font-size:14px;line-height:1.5;cursor:pointer;transition:all .2s}.btn-save:hover:not(:disabled){background:color-mix(in srgb,var(--primary-color) 85%,white);border-color:color-mix(in srgb,var(--primary-color) 85%,white)}.btn-save:disabled{background:var(--disabled-bg);border-color:var(--border-light);color:var(--disabled-text);cursor:not-allowed}.model-settings-two-col{display:grid;grid-template-columns:1fr 1fr;gap:24px}.model-settings-col{display:flex;flex-direction:column;gap:16px}.model-settings-col h4{margin:0 0 8px;font-size:14px;font-weight:600;color:var(--text-main);display:flex;align-items:center;gap:8px}.model-settings-col h4 svg{color:var(--text-sub)}.chat-mode-switch{display:flex;align-items:center;gap:4px;background:var(--bg-tertiary);border-radius:8px;padding:4px}.mode-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;border:none;background:transparent;border-radius:6px;cursor:pointer;font-size:12px;font-weight:500;color:var(--text-sub);transition:all .2s}.mode-btn:hover{background:color-mix(in srgb,var(--bg-color) 50%,transparent)}.mode-btn.active{background:var(--bg-color);color:var(--primary-color);box-shadow:var(--card-shadow)}.mode-btn.active.image-mode{color:var(--danger-color)}.current-model-indicator{display:flex;align-items:center;gap:8px;padding:6px 12px;background:var(--bg-secondary);border-radius:8px;font-size:12px;color:var(--text-sub);cursor:pointer;transition:all .2s;border:1px solid transparent}.current-model-indicator:hover{background:var(--primary-light);border-color:var(--primary-border)}.model-indicator-icon{width:24px;height:24px;border-radius:6px;display:flex;align-items:center;justify-content:center}.model-indicator-icon.text{background:linear-gradient(135deg,var(--primary-light) 0%,var(--primary-border) 100%);color:var(--primary-color)}.model-indicator-icon.image{background:linear-gradient(135deg,var(--danger-bg) 0%,var(--danger-border) 100%);color:var(--danger-color)}.model-indicator-info{display:flex;flex-direction:column;line-height:1.3}.model-indicator-name{font-weight:600;color:var(--text-main)}.model-indicator-type{font-size:10px;color:var(--text-muted)}.text-loading-container{display:flex;flex-direction:column;gap:8px;width:100%;max-width:600px}.text-loading-skeleton{display:flex;flex-direction:column;gap:8px;padding:16px;background:var(--bg-secondary);border-radius:12px;border-left:3px solid var(--primary-color)}.skeleton-line{height:12px;background:linear-gradient(90deg,var(--border-color) 0%,var(--bg-tertiary) 50%,var(--border-color) 100%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:6px}.skeleton-line:nth-child(1){width:85%}.skeleton-line:nth-child(2){width:70%}.skeleton-line:nth-child(3){width:90%}.skeleton-line:nth-child(4){width:60%}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.text-loading-label{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-sub)}.text-loading-label .dot-loading{display:flex;gap:3px}.text-loading-label .dot{width:4px;height:4px;background:var(--primary-color);border-radius:50%;animation:dot-bounce 1.4s ease-in-out infinite}.text-loading-label .dot:nth-child(1){animation-delay:0s}.text-loading-label .dot:nth-child(2){animation-delay:.2s}.text-loading-label .dot:nth-child(3){animation-delay:.4s}@keyframes dot-bounce{0%,80%,to{transform:scale(.6);opacity:.4}40%{transform:scale(1);opacity:1}}.markdown-content{font-size:15px;line-height:1.7;color:var(--text-main);width:100%}.markdown-content h1,.markdown-content h2,.markdown-content h3,.markdown-content h4{margin:16px 0 8px;font-weight:600;color:var(--text-main)}.markdown-content h1{font-size:1.5em}.markdown-content h2{font-size:1.3em}.markdown-content h3{font-size:1.1em}.markdown-content p{margin:8px 0}.markdown-content code{background:var(--bg-tertiary);padding:2px 6px;border-radius:4px;font-family:Fira Code,Monaco,monospace;font-size:.9em}.markdown-content pre{background:#1e1e1e;color:#d4d4d4;padding:16px;border-radius:8px;overflow-x:auto;margin:12px 0}.markdown-content pre code{background:transparent;padding:0;color:inherit}.markdown-content ul,.markdown-content ol{margin:8px 0;padding-left:24px}.markdown-content li{margin:4px 0}.markdown-content blockquote{border-left:3px solid var(--border-light);margin:12px 0;padding-left:16px;color:var(--text-sub)}.markdown-content a{color:var(--primary-color);text-decoration:none}.markdown-content a:hover{text-decoration:underline}.markdown-content table{border-collapse:collapse;width:100%;margin:12px 0}.markdown-content th,.markdown-content td{border:1px solid var(--border-light);padding:8px 12px;text-align:left}.markdown-content th{background:var(--bg-secondary);font-weight:600}.streaming-text-display{background:var(--bg-secondary);border-radius:12px;padding:16px;border-left:3px solid var(--primary-color);animation:fadeIn .3s}.streaming-cursor{display:inline-block;width:2px;height:1em;background:var(--primary-color);margin-left:2px;animation:blink 1s step-end infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}:root{--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ease-bounce: cubic-bezier(.68, -.55, .265, 1.55);--transition-slow: .4s}@media (hover: none) and (pointer: coarse){button:active,.icon-btn:active,.tool-btn:active,.config-btn:active,.panel-btn:active,[role=button]:active{transform:scale(.96);transition:transform .1s ease}.session-item:active,.provider-item:active,.model-item:active,.ratio-card:active,.res-btn:active{transform:scale(.98);opacity:.9;transition:all .1s ease}.tab-nav-item:active,.mobile-tab-item:active,.model-tab:active{transform:scale(.95);transition:transform .1s ease}a:active{opacity:.7;transition:opacity .1s ease}*{-webkit-tap-highlight-color:transparent}}.keep-alive-container{animation:pageEnter var(--transition-normal) var(--ease-out-expo)}@keyframes pageEnter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.sidebar-nav{transition:transform var(--transition-normal) var(--ease-out-expo),box-shadow var(--transition-normal) var(--ease-in-out)}.sidebar-nav.open{animation:sidebarEnter var(--transition-normal) var(--ease-out-expo)}@keyframes sidebarEnter{0%{transform:translate(-100%);box-shadow:none}to{transform:translate(0);box-shadow:4px 0 24px #00000026}}@media (max-width: 768px){.settings-sidebar.open{animation:sheetEnter var(--transition-normal) var(--ease-out-expo)}}@keyframes sheetEnter{0%{transform:translateY(100%);box-shadow:none}to{transform:translateY(0);box-shadow:0 -8px 32px #0003}}.message-row{animation:messageEnter var(--transition-normal) var(--ease-out-expo)}@keyframes messageEnter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (hover: hover) and (pointer: fine){.session-item,.provider-item,.model-item,.banana-card,.result-card,.ratio-card{transition:transform var(--transition-fast) var(--ease-out-expo),box-shadow var(--transition-fast) var(--ease-in-out),border-color var(--transition-fast)}.session-item:hover,.provider-item:hover,.model-item:hover{transform:translate(4px)}.ratio-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}}@media (hover: hover) and (pointer: fine){.icon-btn,.tool-btn,.config-btn,.panel-btn,button{transition:all var(--transition-fast) var(--ease-in-out)}.icon-btn:hover{transform:scale(1.1)}.tool-btn:hover,.config-btn:hover{transform:translateY(-1px)}.new-chat-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}}.input-wrapper{transition:background var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast) var(--ease-out-expo)}.input-wrapper:focus-within{animation:inputFocus var(--transition-fast) var(--ease-out-expo)}@keyframes inputFocus{0%{box-shadow:0 4px 15px #0000001a}to{box-shadow:0 4px 12px #00000026}}.toast-msg.active{animation:toastEnter .3s var(--ease-out-expo) forwards}@keyframes toastEnter{0%{opacity:0;transform:translateY(-20px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.lightbox-overlay.active{animation:lightboxBgEnter .25s ease-out}.lightbox-overlay.active .lightbox-img{animation:lightboxImgEnter .3s var(--ease-out-expo)}@keyframes lightboxBgEnter{0%{opacity:0}to{opacity:1}}@keyframes lightboxImgEnter{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.sidebar-overlay.active{animation:overlayEnter var(--transition-normal) var(--ease-in-out)}@keyframes overlayEnter{0%{opacity:0;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}to{opacity:1;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}}.loading-spinner{animation:spin .8s linear infinite;will-change:transform}.placeholder-shimmer,.placeholder-icon{will-change:transform}.banana-img,.result-img{animation:imageFadeIn var(--transition-normal) ease-out}@keyframes imageFadeIn{0%{opacity:0;filter:blur(10px)}to{opacity:1;filter:blur(0)}}.session-list .session-item{animation:listItemEnter var(--transition-normal) var(--ease-out-expo) backwards}.session-list .session-item:nth-child(1){animation-delay:0ms}.session-list .session-item:nth-child(2){animation-delay:30ms}.session-list .session-item:nth-child(3){animation-delay:60ms}.session-list .session-item:nth-child(4){animation-delay:90ms}.session-list .session-item:nth-child(5){animation-delay:.12s}@keyframes listItemEnter{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}.chat-container,.session-list,.settings-inner,.model-list,.results-grid,.banana-content-area{scroll-behavior:smooth;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media (max-width: 768px){.model-settings-panel{width:95%;max-height:90vh;margin:20px}.model-settings-tabs{overflow-x:auto}.model-tab{flex-shrink:0;padding:6px 10px;font-size:12px}.param-row{flex-wrap:wrap}.param-row label{width:100%;margin-bottom:4px}.form-row-inline{flex-direction:column;gap:14px}.model-settings-two-col{grid-template-columns:1fr;gap:16px}.chat-mode-switch{flex-wrap:wrap}.current-model-indicator{padding:4px 8px}.model-indicator-info{display:none}}.app-updater-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px}.app-updater-modal{background:var(--bg-color);border-radius:16px;padding:32px 24px;max-width:320px;width:100%;text-align:center;box-shadow:0 20px 60px #0000004d}.app-updater-icon{margin-bottom:16px}.app-updater-title{font-size:20px;font-weight:600;color:var(--text-main);margin:0 0 8px}.app-updater-version{font-size:14px;color:var(--primary-color);font-weight:500;margin:0 0 12px}.app-updater-changelog{font-size:13px;color:var(--text-sub);margin:0 0 20px;line-height:1.5}.app-updater-error{font-size:13px;color:var(--danger-color);margin:0 0 16px}.app-updater-actions{display:flex;gap:12px}.app-updater-btn{flex:1;padding:12px 16px;border-radius:10px;font-size:15px;font-weight:500;border:none;cursor:pointer;transition:all .2s}.app-updater-btn.secondary{background:var(--bg-tertiary);color:var(--text-sub)}.app-updater-btn.secondary:active{background:var(--hover-color)}.app-updater-btn.primary{background:var(--primary-color);color:#fff}.app-updater-btn.primary:active{background:color-mix(in srgb,var(--primary-color) 85%,black)}.app-updater-progress{display:flex;align-items:center;gap:12px}.app-updater-progress-bar{flex:1;height:8px;background:var(--border-color);border-radius:4px;overflow:hidden}.app-updater-progress-fill{height:100%;background:linear-gradient(90deg,var(--primary-color),var(--success-color));border-radius:4px;transition:width .3s}.app-updater-progress-text{font-size:14px;font-weight:500;color:var(--primary-color);min-width:40px}.toast-container{position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:10000;display:flex;flex-direction:column;gap:10px;pointer-events:none;max-width:calc(100vw - 32px)}.toast-item{display:flex;align-items:center;gap:12px;padding:14px 18px;background:var(--bg-color);border-radius:12px;box-shadow:0 6px 24px #0000001f,0 2px 8px #00000014;pointer-events:auto;animation:toastEnter .3s var(--ease-out-expo);min-width:280px;max-width:420px}.toast-item.toast-exit{animation:toastExit .3s var(--ease-spring) forwards}.toast-icon{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0}.toast-info .toast-icon{background:var(--primary-light);color:var(--primary-color)}.toast-success .toast-icon{background:var(--success-bg);color:var(--success-color)}.toast-warning .toast-icon{background:var(--warning-bg);color:var(--warning-color)}.toast-error .toast-icon{background:var(--danger-bg);color:var(--danger-color)}.toast-message{flex:1;font-size:14px;line-height:1.5;color:var(--text-main);word-break:break-word}.toast-close{width:24px;height:24px;border:none;background:transparent;color:var(--text-muted);font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s;flex-shrink:0}.toast-close:hover{background:var(--bg-tertiary);color:var(--text-sub)}.toast-close:active{background:var(--hover-color)}@keyframes toastEnter{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes toastExit{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-10px) scale(.95)}}@media (max-width: 767px){.toast-container{top:calc(env(safe-area-inset-top) + 60px);bottom:auto;left:16px;right:16px;transform:none;max-width:none}.toast-item{min-width:0;max-width:none;padding:12px 16px;text-align:center;justify-content:center}.toast-message{text-align:center}@keyframes toastEnter{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes toastExit{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-10px) scale(.95)}}}.theme-toggle-icon-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;background:transparent;border-radius:10px;cursor:pointer;transition:background .2s;color:var(--text-sub)}.theme-toggle-icon-btn:hover{background:var(--hover-color);color:var(--text-main)}.theme-icon-wrapper{position:relative;width:22px;height:22px}.theme-icon{position:absolute;top:0;left:0;transition:all .4s cubic-bezier(.4,0,.2,1)}.theme-icon.sun-icon{opacity:0;transform:rotate(90deg) scale(.5)}.theme-icon.sun-icon.active{opacity:1;transform:rotate(0) scale(1)}.theme-icon.moon-icon{opacity:0;transform:rotate(-90deg) scale(.5)}.theme-icon.moon-icon.active{opacity:1;transform:rotate(0) scale(1)}.theme-toggle-section{margin-top:24px;padding-top:20px;border-top:1px solid var(--border-color)}.theme-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.theme-toggle-label{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:var(--text-main)}.theme-toggle-label svg{color:var(--text-sub)}.theme-toggle-btn{background:none;border:none;padding:0;cursor:pointer;outline:none}.theme-toggle-track{position:relative;width:48px;height:26px;background:var(--border-color);border-radius:13px;transition:background .3s ease}.theme-toggle-track.dark{background:var(--primary-color)}.theme-toggle-thumb{position:absolute;top:3px;left:3px;width:20px;height:20px;background:#fff;border-radius:50%;box-shadow:0 2px 4px #0003;transition:transform .3s cubic-bezier(.4,0,.2,1)}.theme-toggle-track.dark .theme-toggle-thumb{transform:translate(22px)}.dark .sidebar-nav{background-color:var(--bg-secondary)}.dark .new-chat-btn{background:var(--card-bg);border-color:var(--border-color);color:var(--text-main)}.dark .new-chat-btn:hover{background:var(--hover-color);border-color:var(--primary-color);color:var(--primary-color)}.dark .tab-nav{background:var(--bg-secondary)}.dark .tab-nav-brand{color:var(--text-main);border-right-color:var(--border-color)}.dark .settings-sidebar{background:var(--bg-secondary);border-left-color:var(--border-color)}.dark .chat-wrapper{background:var(--bg-color)}.dark .chat-header{background:var(--bg-secondary);border-bottom-color:var(--border-color)}.dark .msg-bubble{background:var(--bg-tertiary);color:var(--text-main)}.dark .input-box{background:var(--bg-secondary);border-color:var(--border-color)}.dark .input-box:focus-within{border-color:var(--primary-color)}.dark .input-box textarea{background:transparent;color:var(--text-main)}.dark .input-box textarea::placeholder{color:var(--text-sub)}.dark .session-item{background:transparent;color:var(--text-main)}.dark .session-item:hover{background:var(--hover-color)}.dark .session-item.active{background:color-mix(in srgb,var(--primary-color) 15%,transparent)}.dark .toast-item{background:var(--bg-tertiary);box-shadow:var(--card-shadow)}.dark .toast-message{color:var(--text-main)}.dark .toast-close{color:var(--text-sub)}.dark .toast-close:hover{background:var(--hover-color);color:var(--text-main)}.dark .theme-toggle-track{background:var(--border-color)}.dark .config-label{color:var(--text-main)}.dark .res-btn{background:var(--bg-tertiary);color:var(--text-main);border-color:var(--border-color)}.dark .res-btn:hover{background:var(--hover-color)}.dark .res-btn.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.dark .ratio-card{background:var(--bg-tertiary);border-color:var(--border-color);color:var(--text-main)}.dark .ratio-card:hover{background:var(--hover-color)}.dark .ratio-card.active{border-color:var(--primary-color);background:color-mix(in srgb,var(--primary-color) 15%,transparent)}.dark .xhs-nav-btn{background:linear-gradient(135deg,rgba(255,46,77,.15) 0%,var(--bg-color) 100%);border-color:#ff2e4d4d}.dark .xhs-nav-btn:hover{background:#ff2e4d33;border-color:var(--xhs-color)}.dark .banana-nav-btn{background:linear-gradient(135deg,rgba(251,191,36,.15) 0%,var(--bg-color) 100%);border-color:#fbbf244d;color:#fbbf24}.dark .banana-nav-btn:hover{background:#fbbf2433;border-color:#fbbf24}.dark .header-icon-btn.mode-toggle.image-mode:hover,.dark .model-switcher-trigger.image-mode:hover{background:#a78bfa4d}.dark .header-icon-btn.mode-toggle.audio-mode:hover,.dark .model-switcher-trigger.audio-mode:hover{background:#4ade804d}.dark .header-icon-btn.download-app-btn:hover{background:#4ade8033;color:#4ade80}.settings-title{font-size:16px;font-weight:600;margin-bottom:24px;color:var(--text-main);display:flex;align-items:center;gap:8px}.settings-title svg{flex-shrink:0}.model-info-card{padding:10px 12px;border-radius:8px;font-size:13px}.model-info-card.video{background:var(--danger-bg);border:1px solid var(--danger-border)}.model-info-card.video .model-info-name{font-weight:500;color:var(--danger-color)}.model-info-card.text{background:var(--primary-light);border:1px solid var(--primary-border)}.model-info-card.text .model-info-name{font-weight:500;color:var(--primary-color)}.model-info-card.image{background:var(--image-mode-bg);border:1px solid color-mix(in srgb,var(--image-mode-color) 30%,transparent)}.model-info-card.image .model-info-name{font-weight:500;color:var(--image-mode-color)}.model-info-card.error{background:var(--danger-bg);color:var(--danger-color)}.model-info-model{color:var(--text-sub);font-size:12px;margin-top:4px}.settings-hint{margin-top:24px;padding:12px;border-radius:8px;font-size:12px;line-height:1.5}.settings-hint.video{background:var(--danger-bg);color:var(--danger-color);border:1px solid var(--danger-border)}.settings-hint.text{background:var(--primary-light);color:var(--primary-color)}.settings-hint.image{background:var(--image-mode-bg);color:var(--image-mode-color)}.settings-param-row{display:flex;align-items:center;gap:12px;margin-bottom:16px}.settings-param-row input[type=range]{flex:1;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--border-color);border-radius:2px;cursor:pointer}.settings-param-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;background:var(--audio-mode-color, var(--primary-color));border-radius:50%;cursor:pointer;transition:transform .1s ease}.settings-param-row input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.1)}.settings-param-row input[type=range]:disabled{opacity:.4;cursor:not-allowed}.settings-param-row input[type=range]:disabled::-webkit-slider-thumb{cursor:not-allowed;background:var(--text-tertiary)}.settings-param-value{min-width:36px;text-align:right;font-size:13px;font-weight:500;color:var(--text-main)}.settings-number-input{width:100%;padding:10px 12px;border:1px solid var(--border-light);border-radius:8px;font-size:13px;margin-bottom:16px;background:var(--bg-color);color:var(--text-main)}.settings-number-input:focus{outline:none;border-color:var(--primary-color)}.settings-count-hint{font-size:11px;color:var(--text-sub);margin-top:-16px;margin-bottom:16px}.user-info-container{display:flex;align-items:center;gap:8px;margin-right:8px}.crystal-balance-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;background:linear-gradient(135deg,#8b5cf6,#a78bfa);border:none;border-radius:20px;color:#fff;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #8b5cf64d}.crystal-balance-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf666}.crystal-balance-btn svg{flex-shrink:0}.crystal-count{font-weight:600}.user-dropdown-wrapper{position:relative}.user-name-btn{display:flex;align-items:center;gap:6px;padding:4px 10px 4px 4px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:20px;color:var(--text-main);font-size:13px;cursor:pointer;transition:all .2s ease}.user-name-btn:hover{background:var(--bg-hover);border-color:var(--border-light)}.user-avatar{display:flex;align-items:center;justify-content:center;width:26px;height:26px;background:var(--primary-color);color:#fff;border-radius:50%;font-size:12px;font-weight:600}.user-avatar-img{width:26px;height:26px;border-radius:50%;object-fit:cover}.user-name{max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:999}.user-dropdown-menu{position:absolute;top:calc(100% + 8px);right:0;min-width:180px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 8px 32px #00000026;z-index:9999;overflow:hidden;animation:dropdown-fade-in .15s ease}@keyframes dropdown-fade-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dropdown-user-info{display:flex;align-items:center;gap:12px;padding:16px;background:var(--bg-secondary)}.dropdown-avatar{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--primary-color);color:#fff;border-radius:50%;font-size:16px;font-weight:600}.dropdown-avatar-img{width:40px;height:40px;border-radius:50%;object-fit:cover}.dropdown-user-details{display:flex;flex-direction:column;gap:4px}.dropdown-username{font-weight:600;color:var(--text-main)}.dropdown-crystals{display:flex;align-items:center;gap:4px;font-size:12px;color:#8b5cf6}.dropdown-divider{height:1px;background:var(--border-color)}.dropdown-item{display:flex;align-items:center;gap:10px;width:100%;padding:12px 16px;background:transparent;border:none;color:var(--text-main);font-size:14px;cursor:pointer;transition:background .15s ease}.dropdown-item:hover{background:var(--bg-hover)}.dropdown-item.logout-item{color:var(--danger-color)}.dropdown-item.logout-item:hover{background:var(--danger-bg)}.dropdown-item.checkin-item{color:#10b981;font-weight:500}.dropdown-item.checkin-item:hover:not(:disabled){background:#10b9811a}.dropdown-item.checkin-item.checked{color:var(--text-secondary);font-weight:400}.dropdown-item.checkin-item:disabled{opacity:.7;cursor:default}.crystal-log-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--overlay-bg);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fade-in .2s ease}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.crystal-log-modal{width:90%;max-width:480px;max-height:80vh;background:var(--card-bg);border-radius:16px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;overflow:hidden;animation:modal-slide-up .25s ease}@keyframes modal-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.crystal-log-header{display:flex;align-items:center;gap:12px;padding:16px 20px;background:linear-gradient(135deg,#8b5cf6,#a78bfa);color:#fff}.crystal-log-title{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600}.crystal-log-balance{margin-left:auto;font-size:14px}.crystal-log-balance strong{font-weight:700;font-size:16px}.crystal-log-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;transition:background .15s ease}.crystal-log-close:hover{background:#ffffff4d}.crystal-log-content{flex:1;overflow-y:auto;min-height:200px}.crystal-log-loading,.crystal-log-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:48px 20px;color:var(--text-sub)}.crystal-log-loading .loading-spinner{width:32px;height:32px;border:3px solid var(--border-color);border-top-color:#8b5cf6;border-radius:50%;animation:spin .8s linear infinite}.crystal-log-list{padding:8px 0}.crystal-log-item{display:flex;align-items:flex-start;justify-content:space-between;padding:14px 20px;border-bottom:1px solid var(--border-color);transition:background .15s ease}.crystal-log-item:last-child{border-bottom:none}.crystal-log-item:hover{background:var(--bg-hover)}.log-left{display:flex;flex-direction:column;gap:4px}.log-reason{font-size:14px;font-weight:500;color:var(--text-main)}.log-model{font-size:12px;color:var(--text-sub)}.log-time{font-size:12px;color:var(--text-muted)}.log-right{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.log-amount{font-size:16px;font-weight:600}.log-amount.positive{color:var(--success-color)}.log-amount.negative{color:#8b5cf6}.log-balance{font-size:12px;color:var(--text-muted)}.crystal-log-pagination{display:flex;align-items:center;justify-content:center;gap:16px;padding:12px 20px;border-top:1px solid var(--border-color);background:var(--bg-secondary)}.pagination-btn{padding:6px 14px;background:var(--bg-color);border:1px solid var(--border-color);border-radius:6px;color:var(--text-main);font-size:13px;cursor:pointer;transition:all .15s ease}.pagination-btn:hover:not(:disabled){background:var(--bg-hover);border-color:var(--primary-color);color:var(--primary-color)}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-info{font-size:13px;color:var(--text-sub)}@media (max-width: 768px){.user-info-container{display:none}.crystal-log-modal{width:100%;max-width:none;max-height:100%;border-radius:0;height:100%}.lightbox-toolbar{bottom:calc(env(safe-area-inset-bottom) + 60px);padding:6px 10px;gap:4px;border-radius:24px}.lightbox-action-btn{flex-direction:row;padding:6px 10px;gap:4px;border-radius:16px}.lightbox-action-btn span{font-size:11px}.lightbox-action-btn svg{width:16px;height:16px}}@media (max-width: 420px){.lightbox-toolbar{padding:5px 8px;gap:3px}.lightbox-action-btn{padding:5px 8px;gap:3px;border-radius:14px}.lightbox-action-btn span{font-size:10px}.lightbox-action-btn svg{width:14px;height:14px}}.mobile-user-info{display:flex;align-items:center;gap:8px}.mobile-crystal-simple{display:flex;align-items:center;gap:4px;padding:4px 6px;background:transparent;border:none;color:#8b5cf6;font-size:14px;font-weight:600;cursor:pointer;transition:opacity .2s ease}.mobile-crystal-simple:hover{opacity:.8}.mobile-crystal-simple svg{flex-shrink:0}.mobile-user-dropdown-wrapper{position:relative}.mobile-user-avatar-btn{display:flex;align-items:center;gap:2px;padding:2px;background:transparent;border:none;cursor:pointer}.mobile-user-avatar{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--primary-color);color:#fff;border-radius:50%;font-size:12px;font-weight:600}.mobile-user-avatar-img{width:28px;height:28px;border-radius:50%;object-fit:cover}.mobile-user-avatar-btn svg{color:var(--text-secondary);flex-shrink:0}.mobile-user-dropdown-menu{position:fixed;top:50px;right:8px;min-width:220px;max-width:calc(100vw - 16px);background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 8px 32px #00000040;z-index:9999;overflow:hidden;animation:dropdown-fade-in .15s ease}.mobile-dropdown-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:var(--bg-secondary)}.mobile-dropdown-user{display:flex;align-items:center;gap:12px}.mobile-dropdown-avatar-img{width:40px;height:40px;border-radius:50%;object-fit:cover}.mobile-theme-toggle{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--bg-color);border:1px solid var(--border-color);border-radius:50%;color:var(--text-main);cursor:pointer;transition:all .2s ease}.mobile-theme-toggle:hover{background:var(--bg-hover);border-color:var(--primary-color);color:var(--primary-color)}.mobile-theme-toggle svg{flex-shrink:0}.mobile-user-dropdown-menu a.dropdown-item{text-decoration:none;color:var(--text-main)}.mobile-user-dropdown-menu a.dropdown-item:hover{background:var(--bg-hover)}.xhs-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2500;background:var(--bg-secondary);display:none;flex-direction:column}.xhs-modal.active{display:flex}.xhs-page{display:flex;flex-direction:column;width:100%;height:100%;background:var(--bg-secondary);overflow:hidden}.xhs-page-header{height:50px;background:var(--bg-color);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;padding:0 24px;flex-shrink:0}.xhs-header{height:60px;background:var(--bg-color);border-bottom:1px solid var(--border-color);display:flex;justify-content:center;align-items:center;padding:0 24px;flex-shrink:0;position:relative}.xhs-header>.xhs-toggle-btn:first-child{position:absolute;left:24px}.xhs-header>.xhs-toggle-btn:last-child{position:absolute;right:24px}.xhs-title-bar{font-size:18px;font-weight:600;display:flex;align-items:center;gap:8px;color:var(--text-main)}.xhs-toggle-btn{padding:8px;cursor:pointer;border-radius:6px;transition:background .2s}.xhs-toggle-btn:hover{background:var(--hover-color)}.xhs-layout{flex:1;display:flex;overflow:hidden;min-height:0}.xhs-content-wrapper{display:flex;flex:1;overflow:hidden}.xhs-mobile-tabs,.xhs-mobile-expand-input,.xhs-sidebar-overlay{display:none}.xhs-sidebar{width:280px;background:var(--bg-color);border-right:1px solid var(--border-color);display:flex;flex-direction:column;flex-shrink:0;transition:margin-left .3s ease}.xhs-sidebar.collapsed{margin-left:-280px}.xhs-sidebar-inner{padding:16px;overflow-y:auto;height:100%}.xhs-new-btn{display:flex;align-items:center;gap:8px;padding:12px 16px;background:linear-gradient(135deg,#ff6b6b,#ee5a5a);color:#fff;border-radius:10px;cursor:pointer;font-size:14px;font-weight:500;margin-bottom:16px;transition:all .2s ease;box-shadow:0 2px 8px #ee5a5a4d}.xhs-new-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #ee5a5a66}.xhs-new-btn:active{transform:translateY(0)}.xhs-config-card{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:12px;padding:16px;margin-bottom:20px}.xhs-section-label{font-size:12px;font-weight:700;color:var(--text-sub);margin-bottom:12px;text-transform:uppercase;display:flex;justify-content:space-between}.config-group{margin-bottom:12px}.config-group label{display:block;font-size:11px;color:var(--text-sub);margin-bottom:4px}.xhs-input{width:100%;padding:8px 10px;border:1px solid var(--border-light);border-radius:6px;font-size:13px;outline:none;background:var(--bg-color);transition:border .2s;color:var(--text-main)}.xhs-input:focus{border-color:var(--primary-color)}.xhs-save-btn{width:100%;padding:8px;background:var(--primary-color);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:13px;font-weight:500}.xhs-save-btn:hover{background:color-mix(in srgb,var(--primary-color) 85%,black)}.xhs-history-item{position:relative;display:flex;align-items:center;gap:10px;padding:12px 14px;background:var(--bg-secondary);border-radius:8px;cursor:pointer;margin-bottom:6px;transition:all .2s;border-left:3px solid transparent}.xhs-history-item:hover{background:var(--hover-color)}.xhs-history-item.active{background:#fff0f2;border-left-color:var(--xhs-color)}.xhs-h-delete{position:absolute;top:50%;right:8px;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border-radius:4px;color:var(--text-muted);opacity:0;transition:opacity .2s;flex-shrink:0}.xhs-history-item:hover .xhs-h-delete{opacity:1}.xhs-h-delete:hover{background:var(--danger-bg);color:var(--danger-color)}.xhs-h-title{font-size:13px;font-weight:500;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:24px}.xhs-h-date{font-size:11px;color:var(--text-muted);margin-top:2px}.xhs-middle{flex:3;min-width:320px;max-width:650px;background:var(--bg-color);border-right:1px solid var(--border-color);display:flex;flex-direction:column;overflow:hidden}.xhs-middle-content{padding:24px;overflow-y:auto;flex:1;min-height:0}.xhs-input-box{background:var(--bg-color);border:1px solid var(--border-color);border-radius:16px;padding:20px;box-shadow:0 2px 6px #00000005;margin-bottom:20px}.xhs-textarea-lg{width:100%;border:none;font-size:15px;min-height:100px;resize:none;outline:none;line-height:1.5;color:var(--text-main);background:transparent}.xhs-preview-row{display:flex;gap:10px;margin-top:10px;align-items:flex-start;flex-wrap:wrap}.xhs-preview-row:empty{display:none}.xhs-upload-btn{width:48px;height:48px;border:1px dashed var(--border-light);border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-muted);flex-shrink:0;transition:all .2s}.xhs-upload-btn:hover{border-color:var(--xhs-color);color:var(--xhs-color);background:#fff0f2}.xhs-preview-item{position:relative;width:48px;height:48px;border-radius:8px;border:1px solid var(--border-light);overflow:hidden;flex-shrink:0}.xhs-preview-img{width:100%;height:100%;object-fit:cover}.xhs-preview-del{position:absolute;top:2px;right:2px;width:16px;height:16px;background:#0009;color:#fff;border-radius:50%;text-align:center;line-height:14px;font-size:12px;cursor:pointer;z-index:2}.xhs-input-actions{display:flex;justify-content:space-between;align-items:center;margin-top:15px}.xhs-input-actions-left,.xhs-input-actions-right{display:flex;align-items:center;gap:12px}.xhs-action-btn{width:100%;padding:12px;border-radius:30px;border:none;background:linear-gradient(90deg,var(--xhs-color),#ff6b6b);color:#fff;font-weight:600;font-size:15px;cursor:pointer;margin-top:15px;box-shadow:0 4px 12px #ff2e4d40;transition:transform .1s}.xhs-action-btn:active{transform:scale(.98)}.xhs-action-btn:disabled{background:var(--disabled-bg);cursor:not-allowed;box-shadow:none;color:var(--disabled-text)}.xhs-inline-loading{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--xhs-color)}.xhs-inline-spinner{width:16px;height:16px;border:2px solid #ffe0e6;border-top-color:var(--xhs-color);border-radius:50%;animation:xhs-spin .8s linear infinite}@keyframes xhs-spin{to{transform:rotate(360deg)}}#xhs-text-result{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:12px;padding:20px;display:none;animation:fadeIn .3s}#xhs-text-result.active{display:block}.xhs-copy-group{display:flex;gap:8px;justify-content:flex-end;margin-bottom:10px;border-bottom:1px solid var(--border-light);padding-bottom:10px}.xhs-mini-btn{padding:4px 12px;font-size:12px;border:1px solid var(--border-light);background:var(--bg-color);border-radius:15px;cursor:pointer;color:var(--text-sub)}.xhs-mini-btn:hover{border-color:var(--primary-color);color:var(--primary-color)}.xhs-right{flex:5;background:var(--bg-secondary);display:flex;flex-direction:column;overflow:hidden;min-height:0}.xhs-gallery-bar{padding:12px 24px;background:var(--bg-color);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.xhs-gallery-opts{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.xhs-select{padding:8px 12px;border-radius:6px;border:1px solid var(--border-light);font-size:12px;outline:none;cursor:pointer;height:36px;background:var(--bg-color);color:var(--text-main)}@media (min-width: 769px) and (max-width: 1200px){.xhs-gallery-bar{padding:12px 16px;gap:10px}.xhs-gallery-opts{gap:6px}.xhs-gallery-opts .xhs-select{padding:6px 8px;font-size:11px;min-width:70px}.xhs-gallery-opts .xhs-mini-btn{padding:0 10px;font-size:11px}.xhs-gallery-opts .xhs-toggle-label{padding:0 6px;font-size:11px}}.shot-grid{padding:24px;overflow-y:auto;display:grid;grid-template-columns:repeat(2,1fr);grid-auto-rows:min-content;gap:16px;flex:1;min-height:0}@media (min-width: 1600px){.shot-grid{grid-template-columns:repeat(3,1fr)}}.xhs-empty-state{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;color:var(--text-muted)}.xhs-empty-state svg{margin-bottom:20px;opacity:.5}.xhs-empty-state h3{margin:0 0 12px;font-size:16px;font-weight:500;color:var(--text-sub)}.xhs-empty-state p{margin:0;font-size:14px;line-height:1.6;color:var(--text-muted)}.shot-card{background:var(--bg-color);border-radius:12px;border:1px solid var(--border-light);overflow:hidden;display:flex;flex-direction:column;transition:all .2s;position:relative}.shot-card:hover{border-color:#fc0;box-shadow:0 4px 16px #00000014;transform:translateY(-2px)}.shot-img-wrap{width:100%;aspect-ratio:3/4;background:var(--bg-tertiary);position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;cursor:zoom-in}.shot-img{width:100%;height:100%;object-fit:cover;display:none;transition:transform .3s}.shot-card:hover .shot-img{transform:scale(1.02)}.shot-error{position:absolute;top:0;right:0;bottom:0;left:0;background:color-mix(in srgb,var(--bg-color) 90%,transparent);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;text-align:center;color:var(--danger-color);font-size:12px;z-index:5}.ref-capsule{position:absolute;top:8px;left:8px;z-index:10;background:#fffffff2;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:20px;padding:4px;display:flex;align-items:center;gap:6px;box-shadow:0 2px 8px #00000026;border:1px solid rgba(0,0,0,.05);transition:all .2s;max-width:140px}.ref-capsule:hover{background:var(--bg-color);transform:scale(1.02)}.ref-thumb{width:24px;height:24px;border-radius:50%;object-fit:cover;border:1px solid var(--border-light);flex-shrink:0}.ref-info{font-size:10px;font-weight:600;color:var(--text-sub);margin-right:2px;white-space:nowrap}.ref-actions{display:flex;gap:2px;border-left:1px solid var(--border-light);padding-left:4px}.ref-icon-btn{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-sub);transition:background .2s}.ref-icon-btn:hover{background:var(--hover-color);color:var(--primary-color)}.ref-icon-btn.del:hover{color:var(--danger-color);background:var(--danger-bg)}.add-ref-btn{position:absolute;top:8px;left:8px;z-index:20;background:color-mix(in srgb,var(--bg-color) 90%,transparent);border:1px dashed var(--text-muted);color:var(--text-sub);border-radius:20px;padding:4px 10px;font-size:11px;cursor:pointer;display:flex;align-items:center;gap:4px;transition:all .2s;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 1px 4px #0000001a}.add-ref-btn:hover{background:var(--bg-color);border-color:var(--primary-color);color:var(--primary-color);box-shadow:0 2px 8px #00000026}.shot-body{padding:12px;display:flex;flex-direction:column;gap:8px;flex:1}.shot-title{font-weight:700;font-size:13px;color:var(--text-main);display:flex;justify-content:space-between}.shot-prompt{width:100%;border:1px solid var(--border-light);background:var(--bg-secondary);border-radius:6px;padding:8px;font-size:12px;color:var(--text-sub);min-height:60px;max-height:120px;resize:vertical;outline:none;overflow-y:auto}.shot-prompt:focus{background:var(--bg-color);border-color:var(--border-color)}.shot-footer{display:flex;justify-content:flex-end;gap:8px;margin-top:auto;padding-top:8px}.action-pill{padding:4px 12px;border-radius:12px;font-size:11px;cursor:pointer;background:var(--bg-color);border:1px solid var(--border-color);color:var(--text-sub);display:flex;align-items:center;gap:4px}.action-pill:hover{border-color:var(--primary-color);color:var(--primary-color);background:var(--primary-light)}.action-pill.regen{color:var(--xhs-color);border-color:#ffdce0;background:#fff0f2}.action-pill.regen:hover{border-color:var(--xhs-color)}.shot-loading{color:var(--text-muted);font-size:13px;display:none;flex-direction:column;align-items:center;justify-content:center;gap:8px;position:absolute;top:0;right:0;bottom:0;left:0;background:color-mix(in srgb,var(--bg-secondary) 95%,transparent);z-index:5}.loading-spinner{width:32px;height:32px;border:3px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;animation:spin .8s linear infinite}.shot-card.is-generating{border-color:var(--primary-color);box-shadow:0 0 0 2px var(--primary-light)}@media (max-width: 1024px){.xhs-layout{flex-direction:column;overflow-y:auto;position:relative}.xhs-sidebar{position:fixed;left:0;top:60px;bottom:0;width:280px;z-index:100;transform:translate(-100%);transition:transform .3s ease;box-shadow:none}.xhs-sidebar:not(.collapsed){transform:translate(0)}.xhs-sidebar.collapsed{margin-left:0}.xhs-middle{border-right:none;flex:none;min-height:auto}.xhs-middle-content{overflow-y:visible}.xhs-right{flex:none;min-height:50vh}.shot-grid{grid-template-columns:repeat(2,1fr);gap:10px;padding:12px}.xhs-gallery-bar{flex-direction:column;align-items:flex-start;gap:12px;padding:16px}.xhs-gallery-opts{width:100%;flex-wrap:wrap;gap:12px}.xhs-select{flex:1;min-width:120px}.xhs-mini-btn{width:100%;justify-content:center}}@media (hover: none) and (pointer: coarse){.xhs-toggle-btn:active,.xhs-mini-btn:active,.xhs-action-btn:active,.xhs-save-btn:active,.action-pill:active{opacity:.7;transform:scale(.98);transition:all .1s ease}.xhs-history-item:active{opacity:.8;transform:scale(.98);transition:all .1s ease}.shot-card:active{opacity:.95;transform:scale(.99);transition:all .1s ease}}.outline-editor{margin-top:20px;border:1px solid var(--border-color);border-radius:16px;padding:20px;background:var(--bg-color);box-shadow:0 2px 6px #00000005}.outline-section{margin-bottom:16px}.outline-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.outline-section-header .field-label{font-weight:600;font-size:13px;color:var(--text-main)}.outline-section-header .copy-btn{font-size:12px;padding:4px 10px;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-color);color:var(--text-sub);cursor:pointer;transition:all .2s ease}.outline-section-header .copy-btn:hover{background:var(--bg-secondary);border-color:var(--border-light);color:var(--text-main)}.title-input{font-size:16px;font-weight:600;padding:12px 14px}.content-textarea{min-height:120px;line-height:1.6;resize:vertical}.outline-editor-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--border-light)}.outline-editor-title{font-weight:600;font-size:14px;color:var(--text-main);display:flex;align-items:center;gap:8px}.outline-editor-hint{font-size:11px;color:var(--text-muted)}.outline-card{border:1px solid var(--border-light);border-radius:12px;padding:16px;margin-bottom:12px;background:var(--bg-secondary);transition:all .2s ease}.outline-card:hover{border-color:var(--border-color);background:var(--bg-color)}.outline-card.is-cover{border-color:#ffdce0;background:linear-gradient(135deg,#fff0f2 0%,var(--bg-color) 100%)}.outline-card[draggable=true]{cursor:grab}.outline-card[draggable=true]:active{cursor:grabbing}.outline-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.outline-card-title{font-weight:500;font-size:13px;color:var(--text-main);display:flex;align-items:center;gap:8px}.drag-handle{cursor:grab;color:var(--text-muted);font-size:14px;-webkit-user-select:none;user-select:none;padding:2px 4px;border-radius:4px;transition:all .2s}.drag-handle:hover:not(.disabled){background:var(--hover-color);color:var(--text-sub)}.drag-handle.disabled{cursor:default;opacity:.3}.shot-type-badge{font-size:10px;padding:2px 8px;border-radius:10px;font-weight:500}.shot-type-badge.cover{background:#fff0f2;color:#ff2e4d}.shot-type-badge.content{background:var(--primary-light);color:var(--primary-color)}.shot-type-badge.summary{background:var(--success-bg);color:var(--success-color)}.outline-card-actions{display:flex;gap:8px;align-items:center}.type-select{padding:4px 8px;border-radius:6px;border:1px solid var(--border-color);background:var(--bg-color);font-size:12px;outline:none;cursor:pointer;transition:border-color .2s}.type-select:hover:not(:disabled){border-color:var(--border-light)}.type-select:disabled{background:var(--bg-secondary);cursor:not-allowed;opacity:.7}.delete-btn{border:none;background:transparent;color:var(--danger-color);font-size:12px;cursor:pointer;padding:4px 8px;border-radius:6px;transition:all .2s}.delete-btn:hover:not(.disabled){background:var(--danger-bg)}.delete-btn.disabled{color:var(--border-light);cursor:not-allowed}.outline-card-body{display:flex;flex-direction:column;gap:8px}.field-label{font-size:11px;color:var(--text-sub);font-weight:500;margin-bottom:2px}.field-input{width:100%;padding:10px 12px;border-radius:8px;border:1px solid var(--border-light);font-size:13px;outline:none;transition:all .2s;background:var(--bg-color);color:var(--text-main)}.field-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-light)}.field-textarea{width:100%;padding:10px 12px;border-radius:8px;border:1px solid var(--border-light);font-size:13px;outline:none;resize:none;min-height:60px;transition:border-color .2s,box-shadow .2s;background:var(--bg-color);color:var(--text-main);font-family:inherit;line-height:1.5;overflow:hidden;field-sizing:content}.field-textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-light)}.outline-add-btn{width:100%;padding:12px;border:1px dashed var(--border-color);border-radius:12px;background:transparent;color:var(--text-sub);font-size:13px;cursor:pointer;transition:all .2s}.outline-add-btn:hover{border-color:var(--primary-color);color:var(--primary-color);background:var(--primary-light)}.xhs-mobile-expand-btn,.xhs-sidebar-overlay{display:none}@media (min-width: 769px){.xhs-swiper{display:flex;flex:1;overflow:hidden}.xhs-swiper .swiper-wrapper{display:flex;flex:1;transform:none!important;width:100%!important;height:100%}.xhs-swiper .swiper-slide{flex-shrink:0;height:100%;overflow:auto}.xhs-swiper .swiper-slide:first-child{flex:0 1 clamp(320px,48vw,650px);width:clamp(320px,48vw,650px)!important;max-width:650px;min-width:320px}.xhs-swiper .swiper-slide:last-child{flex:1;width:auto!important}.xhs-swiper .xhs-middle,.xhs-swiper .xhs-right{height:100%;overflow:auto}}@media (max-width: 768px){.xhs-shot-count-selector,.xhs-mobile-expand-input{display:none!important}.xhs-input-box.mobile-collapsed{display:block!important;height:auto!important;overflow:visible!important}.xhs-input-box{padding:12px;margin-bottom:12px}.xhs-textarea-lg{min-height:60px;font-size:14px}.xhs-input-actions{margin-top:10px}.xhs-upload-btn,.xhs-preview-item{width:40px;height:40px}.outline-editor{margin-top:12px;border:none;border-radius:0;padding:0;background:transparent;box-shadow:none}.outline-editor-header{display:none}.outline-card{border-radius:12px;padding:12px;margin-bottom:10px}.outline-card-header{flex-direction:column;align-items:flex-start;gap:8px}.xhs-page{background:var(--bg-color)!important}.outline-card-actions{width:100%;justify-content:flex-end}.xhs-page{height:100%;overflow:hidden}.xhs-page-header,.xhs-header{display:none}.xhs-layout{flex-direction:column;overflow:hidden;position:relative;flex:1;min-height:0}.xhs-sidebar{position:fixed;left:0;top:calc(var(--mobile-header-full) + 44px);bottom:var(--mobile-tab-height);width:min(280px,85vw);z-index:60;transform:translate(-100%);transition:transform .2s cubic-bezier(.4,0,.2,1);box-shadow:none;margin-left:0;will-change:transform}.xhs-sidebar.collapsed{margin-left:0}.xhs-middle{border-right:none;flex:none;min-height:auto;max-width:none;width:100%}.xhs-middle-content{padding:16px;overflow-y:visible;padding-bottom:calc(80px + env(safe-area-inset-bottom))}#xhs-text-result{padding:16px;border:none;background:transparent}.xhs-input-box{padding:16px;border-radius:12px}.xhs-textarea-lg{font-size:16px;min-height:80px}.xhs-upload-row{gap:8px}.xhs-upload-btn,.xhs-preview-item{width:56px;height:56px}.xhs-action-btn{padding:14px;font-size:16px;position:sticky;bottom:16px;z-index:10}.xhs-right{flex:none;min-height:auto;background:var(--bg-color)!important}.xhs-gallery-bar{padding:12px 16px;flex-direction:row;flex-wrap:wrap;gap:8px}.xhs-gallery-opts{width:100%;gap:6px;display:grid;grid-template-columns:repeat(3,1fr)}.xhs-select{width:100%;min-width:0;height:36px;font-size:11px;padding:0 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.xhs-toggle-label{display:none!important}.xhs-gallery-opts .xhs-mini-btn{grid-column:span 1;font-size:12px;padding:0 8px;height:40px;white-space:nowrap}.shot-grid{grid-template-columns:repeat(2,1fr);padding:10px;padding-bottom:calc(10px + var(--mobile-tab-height) + env(safe-area-inset-bottom));gap:8px}.shot-card{border-radius:16px}.shot-body{padding:14px;gap:10px}.shot-title{font-size:14px}.shot-prompt{font-size:14px;padding:10px;min-height:80px;max-height:150px;line-height:1.5;resize:vertical}.shot-body .shot-title span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:120px}.action-pill{padding:6px 10px;font-size:11px;min-height:32px;display:flex;align-items:center;justify-content:center}.shot-footer{gap:6px}.ref-capsule{padding:6px;max-width:160px}.ref-thumb,.ref-icon-btn{width:28px;height:28px}.add-ref-btn{padding:8px 14px;font-size:12px}.outline-card{padding:14px;border-radius:12px}.field-input,.field-textarea{font-size:16px;padding:12px}.outline-add-btn{padding:14px;min-height:var(--touch-target-min)}.delete-btn{min-width:var(--touch-target-min);min-height:var(--touch-target-min);display:flex;align-items:center;justify-content:center}.type-select{min-height:36px;padding:8px 12px}.xhs-copy-group{flex-wrap:wrap;gap:8px}.xhs-mini-btn{flex:1;min-width:calc(50% - 4px);padding:10px 12px;text-align:center;justify-content:center;min-height:var(--touch-target-min)}.xhs-history-item{min-height:var(--touch-target-min);padding:14px 40px 14px 16px;background:var(--bg-secondary);margin-bottom:8px;border-radius:10px}.xhs-history-item.active{background:#fff0f2}.xhs-h-title{font-size:14px;line-height:1.4}.xhs-h-date{font-size:12px;margin-top:4px}.xhs-h-delete{opacity:.5;width:28px;height:28px;right:10px}.xhs-mobile-expand-btn{position:fixed;left:8px;top:calc(var(--mobile-header-full) + 8px);width:36px;height:36px;border-radius:50%;background:var(--bg-color);border:1px solid var(--border-color);box-shadow:0 2px 8px #00000026;z-index:50;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-sub);transition:all .2s ease}.xhs-mobile-expand-btn:active{transform:scale(.95);background:var(--bg-secondary)}.xhs-sidebar-overlay{display:block;position:fixed;top:calc(var(--mobile-header-full) + 44px);left:0;right:0;bottom:var(--mobile-tab-height);background:#0000;z-index:55;opacity:0;pointer-events:none;transition:background .3s ease,opacity .3s ease}.xhs-sidebar-overlay.active{background:#0006;opacity:1;pointer-events:auto}.xhs-sidebar:not(.collapsed){transform:translate(0)}.xhs-mobile-tabs{display:flex;position:relative;height:44px;background:var(--bg-color);border-bottom:1px solid var(--border-color);z-index:40;padding:0 12px;gap:8px;flex-shrink:0}.xhs-mobile-tabs-slider{position:absolute;top:6px;bottom:6px;left:12px;width:calc((100% - 32px)/2);background:linear-gradient(135deg,#fff0f2,#ffe4e8);border-radius:8px;transform:translate(calc(var(--active-tab-index, 0) * (100% + 8px)));transition:transform .5s cubic-bezier(.34,1.56,.64,1);box-shadow:0 2px 8px #ff2e4d1f;z-index:0}.xhs-mobile-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:0 12px;font-size:13px;font-weight:500;color:var(--text-sub);background:transparent;border:none;border-bottom:none;cursor:pointer;transition:color .2s ease;position:relative;z-index:1}.xhs-mobile-tab.active{color:var(--xhs-color)}.xhs-mobile-tab svg{flex-shrink:0}.xhs-mobile-tab-badge{font-size:10px;padding:2px 6px;background:var(--bg-tertiary);border-radius:10px;color:var(--text-sub);font-weight:400}.xhs-mobile-tab.active .xhs-mobile-tab-badge{background:#ffe6ea;color:var(--xhs-color)}.xhs-swiper.xhs-content-wrapper{flex:1;overflow:hidden;width:100%;min-height:0}.xhs-swiper .swiper-wrapper{height:100%}.xhs-swiper .swiper-slide{height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch}.xhs-swiper .swiper-slide .xhs-middle,.xhs-swiper .swiper-slide .xhs-right{width:100%;height:auto;min-height:100%;overflow:visible}.xhs-swiper .swiper-slide .xhs-middle-content{overflow:visible;padding-bottom:calc(80px + env(safe-area-inset-bottom))}.xhs-mobile-expand-input{display:flex;align-items:center;gap:6px;padding:10px 20px;margin:12px 16px;background:linear-gradient(135deg,#ff2e4d,#ff6b81);color:#fff;border:none;border-radius:24px;font-size:14px;font-weight:500;cursor:pointer;box-shadow:0 2px 8px #ff2e4d4d;transition:all .2s ease}.xhs-mobile-expand-input:active{transform:scale(.95)}.xhs-input-box.mobile-collapsed{display:none}}.xhs-redraw-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:3000;padding:20px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.xhs-redraw-modal{background:var(--bg-color);border-radius:16px;width:100%;max-width:420px;overflow:hidden;box-shadow:0 20px 60px #00000040;animation:xhs-redraw-modal-in .25s ease-out}@keyframes xhs-redraw-modal-in{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.xhs-redraw-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-light)}.xhs-redraw-modal-header h3{margin:0;font-size:17px;font-weight:600;color:var(--text-main)}.xhs-redraw-modal-header .xhs-modal-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;background:none;color:var(--text-muted);cursor:pointer;border-radius:8px;transition:all .2s}.xhs-redraw-modal-header .xhs-modal-close:hover{background:var(--bg-secondary);color:var(--text-sub)}.xhs-redraw-modal-body{padding:20px}.xhs-redraw-options{display:flex;flex-direction:column;gap:12px}.xhs-redraw-option{display:flex;gap:14px;padding:16px;background:var(--bg-secondary);border-radius:12px;cursor:pointer;transition:all .2s;border:2px solid transparent}.xhs-redraw-option:hover{background:#fff0f2;border-color:#ffd6dc}.xhs-redraw-option:active{transform:scale(.98)}.xhs-redraw-option.finetune{cursor:default;flex-direction:column;align-items:flex-start}.xhs-redraw-option.finetune:hover{background:var(--bg-secondary);border-color:transparent}.xhs-redraw-option.finetune:active{transform:none}.xhs-redraw-option.finetune>.xhs-redraw-option-icon{display:none}.xhs-redraw-option.finetune>.xhs-redraw-option-info{width:100%}.xhs-redraw-option.finetune .xhs-redraw-option-title{display:flex;align-items:center;gap:8px}.xhs-redraw-option.finetune .xhs-redraw-option-title:before{content:"";width:20px;height:20px;background:linear-gradient(135deg,#1a73e8,#4285f4);border-radius:6px;display:flex;align-items:center;justify-content:center}.xhs-redraw-option-icon{width:44px;height:44px;border-radius:10px;background:linear-gradient(135deg,#ff2e4d,#ff6b81);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.xhs-redraw-option.finetune .xhs-redraw-option-icon{background:linear-gradient(135deg,#1a73e8,#4285f4)}.xhs-redraw-option-info{flex:1;min-width:0}.xhs-redraw-option-title{font-size:15px;font-weight:600;color:var(--text-main);margin-bottom:4px}.xhs-redraw-option-desc{font-size:13px;color:var(--text-sub);line-height:1.4}.xhs-finetune-input{width:100%;margin-top:12px;padding:12px;border:1px solid var(--border-color);border-radius:10px;font-size:14px;line-height:1.5;resize:none;outline:none;transition:border-color .2s,box-shadow .2s;font-family:inherit;background:var(--bg-color);color:var(--text-main)}.xhs-finetune-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-light)}.xhs-finetune-input::placeholder{color:var(--text-muted)}.xhs-finetune-btn{margin-top:12px;width:100%;padding:12px;background:linear-gradient(135deg,#1a73e8,#4285f4);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.xhs-finetune-btn:hover:not(:disabled){background:linear-gradient(135deg,#1557b0,#1a73e8);transform:translateY(-1px);box-shadow:0 4px 12px #1a73e84d}.xhs-finetune-btn:disabled{background:var(--disabled-bg);color:var(--disabled-text);cursor:not-allowed}@media (max-width: 768px){.xhs-redraw-modal-overlay{padding:0;align-items:flex-end}.xhs-redraw-modal{max-width:100%;border-radius:20px 20px 0 0;animation:xhs-redraw-modal-slide-up .3s ease-out}@keyframes xhs-redraw-modal-slide-up{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.xhs-redraw-option{padding:14px}.xhs-finetune-input{font-size:16px}}.dark .xhs-history-item.active,.dark .xhs-upload-btn:hover{background:#ff2e4d26}.dark .action-pill.regen{background:#ff2e4d26;border-color:#ff2e4d4d;color:#ff6b81}.dark .action-pill.regen:hover{border-color:#ff2e4d80}.dark .shot-type-badge.cover{background:#ff2e4d26;color:#ff6b81}.dark .outline-card.is-cover{border-color:#ff2e4d4d;background:linear-gradient(135deg,rgba(255,46,77,.1) 0%,var(--bg-color) 100%)}.dark .ref-capsule{background:#2d2d2df2}.dark .ref-capsule:hover{background:var(--bg-secondary)}.dark .add-ref-btn{background:#2d2d2de6;color:var(--text-sub)}.dark .add-ref-btn:hover{background:var(--bg-secondary)}.dark .xhs-redraw-option:hover{background:#ff2e4d1a;border-color:#ff2e4d33}@media (max-width: 768px){.dark .xhs-mobile-tabs{background:var(--bg-primary);border-bottom-color:var(--border-color)}.dark .xhs-mobile-tabs-slider{background:linear-gradient(135deg,#ff2e4d33,#ff6b8126)}.dark .xhs-mobile-tab.active .xhs-mobile-tab-badge{background:#ff2e4d33}}.banana-page{display:flex;flex-direction:column;width:100%;height:100%;background:var(--bg-secondary);overflow:hidden}.banana-page-header{height:50px;background:var(--bg-color);border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;padding:0 24px;flex-shrink:0}.banana-page-title{font-size:18px;font-weight:600;display:flex;align-items:center;gap:8px;color:var(--text-main)}.banana-github-link{margin-left:12px;font-size:12px;color:var(--text-sub);text-decoration:none;display:flex;align-items:center;gap:4px;border:1px solid var(--border-light);padding:4px 10px;border-radius:15px;transition:all .2s}.banana-github-link:hover{background:var(--bg-tertiary);border-color:var(--border-color)}.banana-refresh-indicator{display:flex;align-items:center;gap:8px;font-size:13px;color:#f59e0b;background:#fef3c7;padding:4px 12px;border-radius:20px}.banana-refresh-spinner{width:14px;height:14px;border:2px solid #fcd34d;border-top-color:#f59e0b;border-radius:50%;animation:spin .8s linear infinite}.banana-layout{flex:1;display:flex;overflow:hidden}.banana-sidebar{width:260px;background:var(--bg-color);border-right:1px solid var(--border-light);display:flex;flex-direction:column;overflow-y:auto;flex-shrink:0;padding:16px}.banana-search-wrapper{position:relative;margin-bottom:16px}.banana-search-input{width:100%;padding:10px 10px 10px 36px;border:1px solid var(--border-light);border-radius:8px;background:var(--bg-secondary);font-size:13px;outline:none;transition:all .2s;color:var(--text-main)}.banana-search-input:focus{background:var(--bg-color);border-color:var(--banana-color);box-shadow:0 0 0 3px #f59e0b1a}.banana-search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.banana-filter-section{margin-bottom:20px}.banana-filter-title{font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.banana-mode-tabs{display:flex;flex-direction:column;gap:4px}.banana-mode-tab{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s;color:var(--text-sub);background:var(--bg-secondary)}.banana-mode-tab:hover{background:var(--bg-tertiary)}.banana-mode-tab.active{background:#fef3c7;color:#b45309}.banana-mode-tab.mode-generate.active{background:#3b82f61a;color:#2563eb}.banana-mode-tab.mode-edit.active{background:#a855f71a;color:#7c3aed}.banana-count{font-size:11px;color:var(--text-muted);background:var(--border-light);padding:2px 6px;border-radius:10px;min-width:20px;text-align:center}.banana-mode-tab.active .banana-count{background:#0000001a;color:inherit}.banana-favorite-filter{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:6px;font-size:13px;cursor:pointer;transition:all .2s;color:var(--text-sub);background:var(--bg-secondary)}.banana-favorite-filter:hover{background:var(--danger-bg)}.banana-favorite-filter.active{background:var(--danger-bg);color:var(--danger-color)}.banana-favorite-filter .banana-count{margin-left:auto}.banana-favorite-icon-btn{display:none;position:relative;align-items:center;justify-content:center;width:36px;height:36px;border-radius:6px;cursor:pointer;transition:all .2s;background:var(--bg-secondary);flex-shrink:0}.banana-favorite-icon-btn:hover{background:var(--danger-bg)}.banana-favorite-icon-btn:active{transform:scale(.95)}.banana-favorite-badge{position:absolute;top:-4px;right:-4px;min-width:16px;height:16px;padding:0 4px;background:#ef4444;color:#fff;font-size:10px;font-weight:600;border-radius:8px;display:flex;align-items:center;justify-content:center;line-height:1}.banana-category-tree{display:flex;flex-direction:column;gap:2px}.banana-category-group{display:flex;flex-direction:column}.banana-category-item{display:flex;align-items:center;gap:4px;padding:8px 10px;border-radius:6px;font-size:13px;cursor:pointer;transition:all .15s;color:var(--text-main)}.banana-category-item:hover{background:var(--bg-tertiary)}.banana-category-item.active{background:#fef3c7;color:#b45309;font-weight:500}.banana-category-item .banana-count{margin-left:auto}.banana-expand-btn{display:flex;align-items:center;justify-content:center;width:20px;height:20px;color:var(--text-muted);flex-shrink:0}.banana-expand-btn:hover{color:var(--text-sub)}.banana-subcategory-list{margin-left:24px;padding-left:12px;border-left:1px solid var(--border-light)}.banana-subcategory-item{display:flex;align-items:center;justify-content:space-between;padding:6px 10px;border-radius:4px;font-size:12px;cursor:pointer;color:var(--text-sub);transition:all .15s}.banana-subcategory-item:hover{background:var(--bg-tertiary);color:var(--text-main)}.banana-subcategory-item.active{background:#fef3c7;color:#b45309;font-weight:500}.banana-content-area{flex:1;display:flex;flex-direction:column;padding:20px;overflow-y:auto}.banana-result-header{display:flex;align-items:center;gap:12px;margin-bottom:16px;font-size:14px;color:var(--text-sub)}.banana-clear-filter{font-size:12px;color:#f59e0b;background:none;border:1px solid #fcd34d;padding:4px 10px;border-radius:4px;cursor:pointer;transition:all .2s}.banana-clear-filter:hover{background:#fef3c7}.banana-loading,.banana-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:var(--text-sub);text-align:center}.banana-error{color:var(--danger-color)}.banana-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:var(--text-muted);text-align:center;grid-column:1 / -1}.banana-empty svg{margin-bottom:12px;opacity:.5}.banana-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;width:100%}.banana-card{background:var(--bg-color);border:1px solid var(--border-light);border-radius:12px;overflow:hidden;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s,border-color .2s;content-visibility:auto;contain-intrinsic-size:0 360px}.banana-card:hover{transform:translateY(-4px);box-shadow:0 10px 25px -5px #0000001a;border-color:#fcd34d}.banana-preview-box{position:relative;aspect-ratio:16/9;background:var(--bg-secondary);overflow:hidden}.banana-img{width:100%;height:100%;object-fit:cover;transition:transform .5s;cursor:pointer}.banana-card:hover .banana-img{transform:scale(1.05)}.banana-tags{position:absolute;top:8px;left:8px;display:flex;flex-wrap:wrap;gap:4px;max-width:calc(100% - 80px)}.banana-tag{background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;font-size:10px;padding:2px 6px;border-radius:4px;white-space:nowrap}.banana-tag.sub{background:#6b7280cc}.banana-tag.mode-generate{background:#3b82f6e6;text-transform:uppercase;font-weight:700}.banana-tag.mode-edit{background:#a855f7e6;text-transform:uppercase;font-weight:700}.banana-card-actions{position:absolute;top:8px;right:8px;display:flex;gap:6px;opacity:0;transition:opacity .2s}.banana-card:hover .banana-card-actions{opacity:1}.banana-action-btn{width:32px;height:32px;border-radius:50%;background:#fffffff2;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-sub);transition:all .2s;border:none;text-decoration:none;box-shadow:0 2px 8px #0000001a}.banana-action-btn:hover{transform:scale(1.1)}.banana-action-btn.favorite:hover{color:var(--danger-color);background:var(--danger-bg)}.banana-action-btn.link:hover{color:var(--primary-color);background:var(--primary-light)}.banana-content{padding:14px;flex:1;display:flex;flex-direction:column}.banana-title{font-size:14px;font-weight:600;color:var(--text-main);margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.banana-prompt-box{background:var(--bg-secondary);border-radius:6px;padding:8px;margin-bottom:12px;flex:1;cursor:pointer;position:relative;border:1px solid transparent;min-height:60px}.banana-prompt-box:hover{border-color:var(--border-light);background:var(--bg-color)}.banana-prompt-text{font-size:11px;color:var(--text-sub);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.banana-prompt-tip{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000005;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s;border-radius:6px}.banana-prompt-box:hover .banana-prompt-tip{opacity:1}.banana-prompt-tip span{background:var(--bg-color);padding:4px 8px;border-radius:4px;font-size:10px;box-shadow:0 2px 4px #0000001a;color:var(--text-main)}.banana-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto;border-top:1px solid var(--border-light);padding-top:8px}.banana-author{font-size:11px;color:var(--text-muted);display:flex;align-items:center;gap:4px}.banana-actions{display:flex;gap:6px}.banana-icon-btn{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-muted);cursor:pointer;transition:all .2s}.banana-icon-btn:hover{background:var(--bg-tertiary);color:var(--text-main)}@media (max-width: 900px){.banana-layout{flex-direction:column}.banana-sidebar{width:100%;max-height:300px;border-right:none;border-bottom:1px solid var(--border-light)}.banana-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}}@media (max-width: 600px){.banana-page-header{padding:0 12px}.banana-page-title span:first-of-type{font-size:16px}.banana-github-link{display:none}.banana-sidebar{padding:12px;max-height:250px}.banana-content-area{padding:12px}.banana-grid{grid-template-columns:1fr;gap:12px}.banana-card-actions{opacity:1}}@media (hover: none) and (pointer: coarse){.banana-mode-tab:active,.banana-category-item:active,.banana-card:active{opacity:.8;transform:scale(.98);transition:all .1s ease}.banana-card-actions{opacity:1}}@media (max-width: 768px){.banana-page{height:100%;padding-bottom:env(safe-area-inset-bottom)}.banana-page-header{display:none}.banana-layout{flex-direction:column;height:100%}.banana-sidebar{width:100%;max-height:none;height:auto;border-right:none;border-bottom:1px solid var(--border-light);padding:12px 16px;flex-shrink:0;overflow:visible}.banana-search-wrapper{margin-bottom:12px}.banana-search-input{min-height:var(--touch-target-min, 44px);padding:12px 12px 12px 40px;font-size:16px;border-radius:10px}.banana-search-icon{left:12px}.banana-filter-section{margin-bottom:8px}.banana-filter-section:last-child{margin-bottom:0}.banana-filter-title{margin-bottom:6px}.banana-search-wrapper{display:flex;align-items:center;gap:8px;margin-bottom:12px}.banana-search-input{flex:1}.banana-favorite-icon-btn{display:flex}.banana-filter-section:nth-child(2){display:none}.banana-favorite-filter{display:none}.banana-category-tree{display:flex;flex-direction:row;flex-wrap:nowrap;gap:8px;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:4px}.banana-category-item{flex-shrink:0;min-width:auto;padding:8px 14px;font-size:13px;border-radius:8px;white-space:nowrap;border:1px solid var(--border-light)}.banana-category-item.active{background:#fef3c7;color:#b45309;border-color:#f59e0b}.banana-category-item .banana-count{margin-left:6px}.banana-category-group{display:contents}.banana-expand-btn,.banana-subcategory-list{display:none}.banana-content-area{flex:1;padding:12px 16px;overflow-y:auto;-webkit-overflow-scrolling:touch}.banana-result-header{margin-bottom:12px;font-size:13px;flex-wrap:wrap;gap:8px}.banana-clear-filter{min-height:36px;padding:8px 14px}.banana-grid{grid-template-columns:1fr;gap:16px}.banana-card{border-radius:14px;contain-intrinsic-size:0 320px}.banana-card:hover{transform:none}.banana-card:active{transform:scale(.98);transition:transform .1s ease}.banana-preview-box{aspect-ratio:16/10}.banana-card:hover .banana-img{transform:none}.banana-tags{top:10px;left:10px;gap:6px}.banana-tag{font-size:11px;padding:4px 8px;border-radius:6px}.banana-card-actions{opacity:1;top:10px;right:10px;gap:8px}.banana-action-btn{width:var(--touch-target-min, 44px);height:var(--touch-target-min, 44px);border-radius:50%}.banana-action-btn:hover{transform:none}.banana-action-btn:active{transform:scale(.9);transition:transform .1s ease}.banana-content{padding:16px}.banana-title{font-size:15px;margin-bottom:10px}.banana-prompt-box{padding:12px;min-height:70px;border-radius:8px}.banana-prompt-text{font-size:12px;-webkit-line-clamp:4}.banana-prompt-tip{display:none}.banana-footer{padding-top:12px}.banana-author{font-size:12px}.banana-icon-btn{width:var(--touch-target-min, 44px);height:var(--touch-target-min, 44px);border-radius:50%}.banana-icon-btn:active{background:var(--bg-tertiary)}.banana-loading,.banana-error,.banana-empty{padding:40px 20px}.banana-empty svg{width:40px;height:40px}}.dark .banana-refresh-indicator,.dark .banana-mode-tab.active{background:#fbbf2426;color:#fbbf24}.dark .banana-mode-tab.mode-generate.active{background:#60a5fa26;color:#60a5fa}.dark .banana-mode-tab.mode-edit.active{background:#a78bfa26;color:#a78bfa}.dark .banana-category-item.active,.dark .banana-subcategory-item.active{background:#fbbf2426;color:#fbbf24}.dark .banana-clear-filter{color:#fbbf24;border-color:#fbbf244d}.dark .banana-clear-filter:hover{background:#fbbf2426}.dark .banana-card:hover{border-color:#fbbf2480}.dark .banana-action-btn{background:#2d2d2df2}.dark .banana-prompt-tip span{background:var(--bg-secondary)}@media (max-width: 768px){.dark .banana-category-item.active{background:#fbbf2426;color:#fbbf24;border-color:#fbbf244d}}.slicer-page{display:flex;flex-direction:column;width:100%;height:100%;background:var(--bg-secondary);overflow:hidden}.slicer-steps{display:flex;align-items:center;justify-content:center;padding:16px 24px;background:var(--bg-color);border-bottom:1px solid var(--border-color);gap:8px;flex-shrink:0}.slicer-step{display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:20px;background:var(--bg-tertiary);transition:all .3s}.slicer-step.active{background:#e8f0fe}.slicer-step.done{background:#e6f4ea}.step-number{width:24px;height:24px;border-radius:50%;background:var(--border-color);color:var(--text-sub);font-size:12px;font-weight:600;display:flex;align-items:center;justify-content:center;transition:all .3s}.slicer-step.active .step-number{background:#1a73e8;color:#fff}.slicer-step.done .step-number{background:#1e8e3e;color:#fff}.slicer-step.done .step-number:after{content:"✓"}.step-text{font-size:13px;font-weight:500;color:var(--text-sub);transition:color .3s}.slicer-step.active .step-text{color:#1a73e8}.slicer-step.done .step-text{color:#1e8e3e}.step-line{width:40px;height:2px;background:var(--border-color);border-radius:1px}.slicer-main{flex:1;display:flex;overflow:hidden;gap:0}.slicer-panel{width:280px;background:var(--bg-color);border-right:1px solid var(--border-color);display:flex;flex-direction:column;overflow-y:auto;flex-shrink:0;padding:16px}.panel-section{padding:16px 0;border-bottom:1px solid var(--border-light)}.panel-section:first-child{padding-top:0}.panel-section:last-child{border-bottom:none}.panel-title{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--text-main);margin-bottom:12px}.panel-title svg{color:var(--text-sub)}.panel-hint{font-size:11px;color:var(--text-muted);margin-top:8px;line-height:1.4}.panel-btn{width:100%;padding:10px 16px;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-color);color:var(--text-sub);font-size:13px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s}.panel-btn:hover{background:var(--bg-secondary);border-color:var(--primary-color);color:var(--primary-color)}.panel-btn:disabled{opacity:.5;cursor:not-allowed}.panel-btn.primary{background:#1a73e8;border-color:#1a73e8;color:#fff}.panel-btn.primary:hover{background:#1557b0}.panel-btn.secondary{background:var(--bg-secondary)}.panel-btn.success{background:#1e8e3e;border-color:#1e8e3e;color:#fff}.panel-btn.success:hover{background:#188038}.panel-btn.success:disabled{background:var(--border-color);border-color:var(--border-color)}.mode-toggle{display:flex;gap:8px}.mode-btn{flex:1;padding:10px;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-color);color:var(--text-sub);font-size:12px;font-weight:500;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:4px;transition:all .2s}.mode-btn:hover{background:var(--bg-secondary);border-color:var(--primary-color)}.mode-btn.active{background:#e8f0fe;border-color:#1a73e8;color:#1a73e8}.mode-btn svg{opacity:.7}.mode-btn.active svg{opacity:1;color:#1a73e8}.preset-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.preset-btn{padding:10px;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-color);color:var(--text-sub);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.preset-btn:hover{background:var(--primary-light);border-color:var(--primary-color);color:var(--primary-color)}.checkbox-label{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-sub);cursor:pointer}.checkbox-label input[type=checkbox]{width:16px;height:16px;accent-color:#1a73e8}.color-picker{display:flex;align-items:center;gap:10px;margin-top:10px;font-size:12px;color:var(--text-sub)}.color-picker input[type=color]{width:32px;height:32px;border:1px solid var(--border-color);border-radius:6px;padding:2px;cursor:pointer}.panel-stats{display:flex;gap:16px;justify-content:center}.stat-item{text-align:center}.stat-value{display:block;font-size:24px;font-weight:700;color:#1a73e8}.stat-label{font-size:11px;color:var(--text-muted)}.panel-actions{display:flex;flex-direction:column;gap:8px;margin-top:auto;padding-top:16px}.slicer-editor{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;overflow:auto;background:var(--bg-tertiary)}.slicer-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;cursor:pointer;text-align:center;background:var(--bg-color);border-radius:16px;border:2px dashed var(--border-color);transition:all .3s;max-width:600px}.slicer-empty.horizontal{flex-direction:row;text-align:left;gap:40px;padding:32px 40px}.slicer-empty:hover{border-color:var(--primary-color);background:var(--bg-secondary)}.empty-left{display:flex;flex-direction:column;align-items:center;gap:16px;padding-right:40px;border-right:1px solid var(--border-color)}.empty-icon{margin-bottom:0}.empty-formats{font-size:11px;color:var(--text-muted);margin:0}.empty-right{flex:1}.slicer-empty h3{font-size:16px;font-weight:600;color:var(--text-main);margin:0 0 16px}.slicer-empty p{font-size:13px;color:var(--text-muted);margin:0 0 20px}.empty-btn{padding:12px 24px;background:#1a73e8;color:#fff;border:none;border-radius:24px;font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:8px;transition:background .2s}.empty-btn:hover{background:#1557b0}.empty-tips{text-align:left}.tip-item{display:flex;align-items:center;gap:10px;padding:6px 0;font-size:13px;color:var(--text-sub)}.tip-icon{width:22px;height:22px;border-radius:50%;background:#e8f0fe;color:#1a73e8;font-size:12px;font-weight:600;display:flex;align-items:center;justify-content:center;flex-shrink:0}.custom-split-input{margin-bottom:12px}.custom-split-row{display:flex;align-items:center;gap:8px}.custom-split-row label{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--text-sub)}.custom-split-row input[type=number]{width:48px;padding:6px 8px;border:1px solid var(--border-color);border-radius:6px;font-size:13px;text-align:center;background:var(--bg-color);color:var(--text-main)}.custom-split-row input[type=number]:focus{outline:none;border-color:var(--primary-color)}.custom-split-x{font-size:14px;font-weight:600;color:var(--text-sub)}.custom-split-apply{padding:6px 14px;background:#1a73e8;color:#fff;border:none;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:background .2s}.custom-split-apply:hover{background:#1557b0}.zoom-controls{display:flex;align-items:center;gap:12px;padding:8px 16px;background:var(--bg-color);border-radius:24px;box-shadow:0 2px 8px #0000001a;margin-bottom:12px}.zoom-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-color);color:var(--text-sub);cursor:pointer;transition:all .2s}.zoom-btn:hover:not(:disabled){background:var(--bg-secondary);border-color:var(--primary-color);color:var(--primary-color)}.zoom-btn:disabled{opacity:.5;cursor:not-allowed}.zoom-btn.reset{width:auto;padding:0 12px}.zoom-slider{width:120px;height:4px;accent-color:#1a73e8}.zoom-value{min-width:50px;font-size:13px;font-weight:600;color:var(--text-sub);text-align:center}.editor-wrapper{display:flex;flex-direction:column;align-items:center;gap:16px;width:100%;max-width:800px}.editor-container{position:relative;background:var(--bg-color);border-radius:12px;box-shadow:0 4px 20px #0000001a;overflow:visible;border:1px solid var(--border-color);touch-action:none}.editor-container.zoomed{cursor:grab}.editor-container.panning{cursor:grabbing}.editor-transform-wrapper{position:relative;display:inline-block;transition:transform .1s ease-out;will-change:transform}.editor-transform-wrapper.dragging{transition:none;cursor:grabbing}.editor-image{display:block;max-width:100%;max-height:60vh;pointer-events:none}.editor-overlay{position:absolute;top:0;left:0;width:100%;height:100%;cursor:crosshair}.editor-hint{display:flex;align-items:center;gap:8px;padding:12px 20px;background:var(--bg-color);border-radius:24px;font-size:13px;color:var(--text-sub);box-shadow:0 2px 8px #0000001a}.editor-hint svg{color:var(--primary-color)}.split-line{position:absolute;background:#1a73e8;z-index:10;transition:background .2s}.split-line:hover{background:#d93025}.split-line.horizontal{width:100%;height:3px;cursor:row-resize;left:0}.split-line.vertical{height:100%;width:3px;cursor:col-resize;top:0}.line-handle{position:absolute;left:8px;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:4px;background:#1a73e8;padding:4px 8px;border-radius:4px;opacity:0;transition:opacity .2s;pointer-events:auto}.split-line:hover .line-handle{opacity:1}.line-handle.vertical{left:50%;top:8px;transform:translate(-50%) translateY(0)}.line-label{font-size:10px;font-weight:600;color:#fff}.line-delete{width:16px;height:16px;border:none;background:#ffffff4d;color:#fff;border-radius:50%;font-size:12px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.line-delete:hover{background:#d93025}.slicer-results{width:300px;background:var(--bg-color);border-left:1px solid var(--border-color);display:flex;flex-direction:column;overflow:visible;flex-shrink:0;min-height:0}.results-header{padding:16px;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.results-header h3{font-size:14px;font-weight:600;color:var(--text-main);margin:0}.download-all-btn{padding:6px 12px;background:#1e8e3e;color:#fff;border:none;border-radius:16px;font-size:12px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:6px;transition:background .2s}.download-all-btn:hover{background:#188038}.results-actions{display:flex;align-items:center;gap:8px}.results-close-btn,.results-expand-btn{display:none}.results-grid{flex:1;overflow-y:auto;padding:12px;display:grid;grid-template-columns:repeat(2,1fr);gap:10px;align-content:start;grid-auto-rows:min-content;min-height:0}.result-card{border:1px solid var(--border-color);border-radius:8px;overflow:hidden;cursor:pointer;transition:all .2s;position:relative;flex-shrink:0;min-height:0}.result-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a;border-color:var(--primary-color)}.result-img{width:100%;aspect-ratio:1;min-height:100px;object-fit:contain;display:block}.result-name{padding:6px;font-size:10px;color:var(--text-sub);text-align:center;border-top:1px solid var(--border-color);background:var(--bg-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.result-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#1a73e81a;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s;pointer-events:none}.result-overlay svg{color:#1a73e8}.result-card:hover .result-overlay{opacity:1}@media (max-width: 1024px){.slicer-results{display:none}}@media (min-width: 769px) and (max-width: 1024px){.slicer-steps{padding:12px 20px}.slicer-step{padding:6px 12px;border-radius:18px}.step-number{width:20px;height:20px;font-size:11px}.step-text{font-size:12px}.step-line{width:24px}.mode-btn{padding:8px;font-size:12px}.mode-btn svg{width:18px;height:18px}}@media (max-width: 768px){.slicer-page{padding-bottom:env(safe-area-inset-bottom)}.slicer-steps{padding:8px 16px;overflow-x:auto;gap:6px;-webkit-overflow-scrolling:touch}.slicer-step{padding:4px 8px;flex-shrink:0;border-radius:14px}.step-number{width:20px;height:20px;font-size:10px}.step-text{font-size:11px;display:none}.step-line{width:12px}.slicer-main{flex-direction:column;height:calc(100% - 46px);overflow:visible}.slicer-panel{width:100%;border-right:none;border-bottom:1px solid var(--border-color);max-height:none;height:auto;padding:12px 16px;overflow:visible;flex-shrink:0}.panel-section{padding:10px 0}.panel-section:first-child{padding-top:0}.panel-title{font-size:12px;margin-bottom:10px}.mode-toggle{gap:10px}.mode-btn{min-height:36px;padding:6px 10px;font-size:12px;border-radius:8px;flex-direction:row;gap:6px}.mode-btn svg{width:16px;height:16px;flex-shrink:0}.panel-hint{display:none}.preset-grid{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:8px;padding-bottom:8px;-webkit-overflow-scrolling:touch}.preset-btn{min-width:48px;min-height:var(--touch-target-min, 44px);padding:10px 12px;font-size:13px;flex-shrink:0;border-radius:10px}.preset-btn:active{transform:scale(.95);transition:transform .1s ease}.panel-section:nth-child(3),.panel-section:nth-child(4){display:none}.panel-actions{flex-direction:row;gap:10px;margin-top:12px;padding-top:12px}.panel-btn{flex:1;min-height:var(--touch-target-min, 44px);padding:10px 12px;font-size:13px;border-radius:10px}.panel-btn:active{transform:scale(.98);transition:transform .1s ease}.slicer-editor{flex:1;padding:12px;padding-bottom:calc(50vh + 20px);overflow:auto;-webkit-overflow-scrolling:touch;justify-content:flex-start;align-items:center}.slicer-editor:only-child,.slicer-main:not(:has(.slicer-results)) .slicer-editor{padding-bottom:calc(var(--mobile-tab-height, 60px) + env(safe-area-inset-bottom) + 20px)}.slicer-empty{padding:20px;max-width:100%;border-radius:12px}.slicer-empty.horizontal{flex-direction:row;text-align:left;gap:20px;padding:20px}.empty-left{padding-right:20px;border-right:1px solid var(--border-color);padding-bottom:0;border-bottom:none;flex-shrink:0}.empty-icon svg{width:48px;height:48px}.empty-btn{min-height:var(--touch-target-min, 44px);padding:12px 28px;font-size:15px;border-radius:22px}.empty-btn:active{transform:scale(.98);transition:transform .1s ease}.empty-formats{font-size:12px}.empty-right h3{font-size:15px;margin-bottom:12px}.tip-item{font-size:12px;padding:5px 0}.tip-icon{width:20px;height:20px;font-size:11px}.editor-wrapper{max-width:100%;gap:12px;align-items:flex-start}.editor-container{border-radius:10px;max-width:100%}.editor-image{max-height:none;max-width:100%;width:auto;height:auto}.editor-hint{padding:10px 16px;font-size:12px;border-radius:20px}.line-handle{opacity:1;padding:2px 6px;border-radius:4px;gap:2px;left:4px}.line-handle.vertical{left:50%;top:4px}.line-label{font-size:9px}.line-delete{width:14px;height:14px;font-size:10px}.slicer-results{display:flex;position:fixed;left:0;right:0;bottom:0;width:100%;max-height:50vh;border-left:none;border-top:1px solid var(--border-color);border-radius:16px 16px 0 0;box-shadow:0 -4px 20px #0000001a;z-index:100;padding-bottom:env(safe-area-inset-bottom)}.slicer-results:before{content:"";position:absolute;top:8px;left:50%;transform:translate(-50%);width:36px;height:4px;background:var(--border-color);border-radius:2px}.results-header{padding:20px 16px 12px}.results-header h3{font-size:15px}.download-all-btn{min-height:36px;padding:8px 14px;font-size:13px;border-radius:18px}.download-all-btn:active{transform:scale(.98);transition:transform .1s ease}.results-close-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:var(--bg-tertiary);border-radius:50%;color:var(--text-sub);cursor:pointer}.results-close-btn:active{background:var(--border-color)}.slicer-results.collapsed{display:none}.results-expand-btn{display:flex!important;position:fixed;bottom:calc(76px + env(safe-area-inset-bottom));left:50%;transform:translate(-50%);padding:12px 24px;background:#1a73e8;color:#fff;border:none;border-radius:24px;font-size:14px;font-weight:500;cursor:pointer;box-shadow:0 4px 12px #1a73e866;z-index:200;align-items:center;gap:6px}.results-expand-btn:before{content:"📋"}.results-expand-btn:active{transform:translate(-50%) scale(.95);background:#1557b0}.results-grid{padding:8px 16px 16px;grid-template-columns:repeat(3,1fr);gap:8px}.result-card{border-radius:8px}.result-card:hover{transform:none}.result-card:active{transform:scale(.98);transition:transform .1s ease}.result-img{min-height:70px}.result-name{padding:4px;font-size:9px}.result-overlay{display:none}}@media (hover: none) and (pointer: coarse){.panel-btn:active,.mode-btn:active,.preset-btn:active,.result-card:active{opacity:.7;transform:scale(.98);transition:all .1s ease}.line-handle{opacity:1}}.slice-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:3000;background:var(--bg-color);display:none;flex-direction:column;align-items:center;padding-top:var(--header-height)}.slice-modal.active{display:flex}.frame-extractor-page{--fe-primary: #dc2626;--fe-primary-light: #fef2f2;--fe-primary-hover: #b91c1c;--fe-primary-border: #fecaca;--fe-secondary: #f43f5e;--fe-gradient: linear-gradient(135deg, #dc2626 0%, #f43f5e 100%)}.frame-extractor-page .panel-title svg{color:var(--fe-primary)}.frame-extractor-page .panel-btn.primary{background:var(--fe-gradient);border:none;box-shadow:0 4px 14px #dc262659}.frame-extractor-page .panel-btn.primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px #dc262673}.frame-extractor-page .panel-btn.primary:disabled{background:var(--border-light);box-shadow:none;transform:none}.video-preview-container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;position:relative;padding:24px;background:linear-gradient(180deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%);border-radius:16px}.video-preview{max-width:100%;max-height:60vh;border-radius:16px;box-shadow:0 20px 60px #00000026,0 0 0 1px #0000000d;background:#000}.video-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:60px}.video-loading .loading-spinner{width:48px;height:48px;border:3px solid #fecaca;border-top-color:#dc2626;border-radius:50%;animation:spin .8s linear infinite}.video-loading p{color:var(--text-sub);font-size:14px}.extract-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;border-radius:16px;z-index:10}.extract-progress-card{background:var(--bg-color);border-radius:20px;padding:32px 48px;display:flex;flex-direction:column;align-items:center;gap:16px;box-shadow:0 25px 50px #00000040;min-width:280px}.extract-progress-card .progress-icon{width:64px;height:64px;background:var(--fe-primary-light);border-radius:16px;display:flex;align-items:center;justify-content:center;color:var(--fe-primary);animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}}.extract-progress-card .progress-text{font-size:15px;font-weight:500;color:var(--text-main)}.progress-bar-modern{width:100%;height:8px;background:var(--border-light);border-radius:4px;overflow:hidden}.progress-bar-modern .progress-fill{height:100%;background:var(--fe-gradient);border-radius:4px;transition:width .3s ease}.extract-progress-card .progress-percent{font-size:28px;font-weight:700;color:var(--fe-primary);font-variant-numeric:tabular-nums}.frames-container{width:100%;height:100%;overflow-y:auto;padding:20px;background:linear-gradient(180deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%);border-radius:16px}.frames-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:16px}.checkerboard-bg{background-image:linear-gradient(45deg,#e0e0e0 25%,transparent 25%),linear-gradient(-45deg,#e0e0e0 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e0e0e0 75%),linear-gradient(-45deg,transparent 75%,#e0e0e0 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0px;background-color:#fff}.frame-item{position:relative;aspect-ratio:16 / 9;border-radius:12px;overflow:hidden;cursor:pointer;border:3px solid transparent;transition:all .25s cubic-bezier(.4,0,.2,1);background:var(--border-light);box-shadow:0 2px 8px #00000014;background-image:linear-gradient(45deg,#ddd 25%,transparent 25%),linear-gradient(-45deg,#ddd 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#ddd 75%),linear-gradient(-45deg,transparent 75%,#ddd 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0px;background-color:#fff;contain:content;content-visibility:auto}.frame-item:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 12px 24px #00000026}.frame-item.selected{border-color:var(--fe-primary);box-shadow:0 0 0 3px #dc262633,0 8px 20px #dc262640;transform:scale(1.02)}.frame-item img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.frame-item:hover img{transform:scale(1.05)}.frame-index{position:absolute;bottom:6px;left:6px;background:#000000bf;color:#fff;font-size:11px;font-weight:600;padding:3px 8px;border-radius:6px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);font-variant-numeric:tabular-nums}.frame-check{position:absolute;top:6px;right:6px;width:26px;height:26px;background:var(--fe-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 2px 8px #dc262666;animation:checkPop .2s ease}@keyframes checkPop{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.fps-selector{display:flex;gap:8px;margin-bottom:12px;flex-wrap:wrap;align-items:center}.fps-btn{padding:8px 16px;border:1px solid var(--border-color);border-radius:20px;background:var(--bg-color);cursor:pointer;font-size:13px;font-weight:500;color:var(--text-sub);transition:all .2s;min-width:48px;text-align:center}.frame-extractor-page .fps-btn:hover{border-color:var(--fe-primary);color:var(--fe-primary);background:var(--fe-primary-light)}.frame-extractor-page .fps-btn.active{background:var(--fe-primary);border-color:var(--fe-primary);color:#fff;box-shadow:0 2px 6px #dc262640}.fps-manual{display:flex;align-items:center;gap:6px;padding:4px 10px;background:var(--bg-secondary);border-radius:20px;border:1px solid var(--border-color)}.fps-manual input{width:40px;border:none;background:transparent;font-size:13px;font-weight:500;color:var(--text-main);text-align:center;padding:4px 0}.fps-manual input:focus{outline:none}.fps-manual span{font-size:12px;color:var(--text-sub);white-space:nowrap}.frame-extractor-page .fps-manual:focus-within{border-color:var(--fe-primary);background:var(--bg-color)}.select-actions{display:flex;gap:8px;margin-bottom:12px}.select-btn{padding:8px 14px;border:2px solid var(--border-light);border-radius:10px;background:var(--bg-color);cursor:pointer;font-size:12px;font-weight:500;color:var(--text-sub);transition:all .2s}.select-btn:hover{background:var(--bg-tertiary);border-color:var(--border-color)}.range-select{display:flex;align-items:center;gap:8px;margin-bottom:12px}.range-input{width:64px;padding:8px 10px;border:2px solid var(--border-light);border-radius:10px;font-size:13px;font-weight:500;text-align:center;transition:all .2s;background:var(--bg-color);color:var(--text-main)}.range-input:focus{outline:none;border-color:var(--fe-primary);box-shadow:0 0 0 3px #dc26261a}.range-select span{color:var(--text-muted);font-weight:500}.export-actions{display:flex;flex-direction:column;gap:10px}.action-btn.success{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;box-shadow:0 4px 14px #10b98159}.action-btn.success:hover{transform:translateY(-1px);box-shadow:0 6px 20px #10b98173}.action-btn.secondary{background:var(--bg-color);color:var(--text-main);border:2px solid var(--border-light)}.action-btn.secondary:hover{background:var(--bg-secondary);border-color:var(--border-color)}.tool-btn.frame-extract{background:#fef2f2;color:#dc2626;border:1px solid #fecaca;font-weight:500}.tool-btn.frame-extract:hover{background:#fee2e2;border-color:#fca5a5}.frame-extractor-page .slicer-step.active .step-number,.frame-extractor-page .slicer-step.done .step-number{background:var(--fe-gradient);border-color:transparent}.frame-extractor-page .slicer-step.active .step-text{color:var(--fe-primary)}.frame-extractor-page .step-line{background:#fecaca}.frame-extractor-page .slicer-step.done+.step-line{background:var(--fe-primary)}.frame-extractor-page .upload-zone:hover{border-color:var(--fe-primary);background:var(--fe-primary-light)}.frame-extractor-page .upload-zone:hover .upload-icon{color:var(--fe-primary)}@media (max-width: 768px){.video-preview-container{padding:16px}.video-preview{max-height:40vh;border-radius:12px}.extract-progress-card{padding:24px 32px;min-width:240px}.extract-progress-card .progress-icon{width:48px;height:48px;border-radius:12px}.extract-progress-card .progress-percent{font-size:24px}.frames-container{padding:12px}.frames-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:10px}.frame-item{border-radius:8px;border-width:2px}.frame-index{font-size:10px;padding:2px 6px;border-radius:4px}.frame-check{width:22px;height:22px}.fps-btn{padding:6px 10px;font-size:12px}.range-input{width:54px;padding:6px 8px}.export-actions{gap:8px}}.timeline-range-selector{width:100%;max-width:640px;margin-top:20px;padding:16px 20px;background:var(--bg-color);border-radius:16px;box-shadow:0 4px 20px #00000014}.timeline-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:13px}.timeline-time{font-weight:600;color:#dc2626;font-variant-numeric:tabular-nums;min-width:50px}.timeline-time:last-child{text-align:right}.timeline-duration{color:var(--text-sub);font-size:12px}.timeline-track{position:relative;height:48px;-webkit-user-select:none;user-select:none;cursor:pointer}.timeline-bg{position:absolute;top:50%;left:0;right:0;height:8px;transform:translateY(-50%);background:var(--border-light);border-radius:4px}.timeline-selected{position:absolute;top:50%;height:8px;transform:translateY(-50%);background:linear-gradient(90deg,#dc2626,#f43f5e);border-radius:4px;cursor:grab;transition:box-shadow .2s}.timeline-selected:hover{box-shadow:0 0 0 4px #dc262626}.timeline-selected:active{cursor:grabbing}.timeline-handle{position:absolute;top:50%;transform:translate(-50%,-50%);width:24px;height:48px;display:flex;align-items:center;justify-content:center;cursor:ew-resize;z-index:10}.timeline-handle .handle-bar{width:6px;height:32px;background:#dc2626;border-radius:3px;box-shadow:0 2px 8px #dc26264d;transition:all .2s}.timeline-handle:hover .handle-bar{width:8px;height:36px;background:#b91c1c;box-shadow:0 4px 12px #dc262666}.timeline-handle:active .handle-bar{background:#991b1b}.timeline-handle-start .handle-bar{border-radius:3px 0 0 3px}.timeline-handle-end .handle-bar{border-radius:0 3px 3px 0}.timeline-actions{display:flex;gap:12px;margin-top:16px;justify-content:center}.timeline-btn{display:flex;align-items:center;gap:6px;padding:10px 20px;border:1px solid var(--border-light);border-radius:24px;background:var(--bg-color);color:var(--text-main);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.timeline-btn:hover{background:var(--bg-secondary);border-color:var(--border-color)}.timeline-btn.active{background:#dc2626;border-color:#dc2626;color:#fff}.timeline-btn.active:hover{background:#b91c1c}.timeline-btn svg{flex-shrink:0}.back-to-range-btn{position:fixed;bottom:calc(76px + env(safe-area-inset-bottom));left:16px;display:flex;align-items:center;gap:8px;padding:12px 20px;background:var(--bg-color);color:var(--text-main);border:1px solid var(--border-light);border-radius:24px;font-size:13px;font-weight:500;cursor:pointer;box-shadow:0 4px 12px #0000001a;z-index:100;transition:all .2s}.back-to-range-btn:hover{background:var(--bg-secondary);border-color:var(--border-color);transform:translateY(-2px);box-shadow:0 6px 16px #00000026}@media (max-width: 768px){.timeline-range-selector{padding:12px 16px;margin-top:16px;border-radius:12px}.timeline-info{font-size:12px;margin-bottom:10px}.timeline-time{min-width:40px}.timeline-duration{font-size:11px}.timeline-track{height:56px}.timeline-handle{width:32px;height:56px}.timeline-handle .handle-bar{width:8px;height:40px}.timeline-handle:hover .handle-bar,.timeline-handle:active .handle-bar{width:10px;height:44px}.timeline-actions{flex-wrap:wrap;gap:8px;margin-top:12px}.timeline-btn{flex:1;min-width:120px;justify-content:center;padding:12px 16px;font-size:12px;border-radius:20px}.back-to-range-btn{bottom:calc(130px + env(safe-area-inset-bottom));left:50%;transform:translate(-50%);padding:10px 16px;font-size:12px}.back-to-range-btn:hover{transform:translate(-50%) translateY(-2px)}}.gif-preview-section{display:flex;flex-direction:column;align-items:center;gap:12px;padding:16px;border-bottom:1px solid var(--border-light);background:var(--bg-secondary)}.gif-preview-canvas-wrap{position:relative;flex-shrink:0;display:flex;justify-content:center;align-items:center}.gif-preview-canvas{max-width:280px;max-height:280px;min-width:120px;min-height:120px;border-radius:8px;border:1px solid var(--border-color);object-fit:contain}.gif-preview-frame-info{position:absolute;bottom:4px;right:4px;background:#0009;color:#fff;font-size:10px;padding:2px 6px;border-radius:4px}.gif-controls{width:100%;display:flex;flex-direction:column;gap:10px;align-items:center}.gif-controls-row{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}.gif-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;border:none;border-radius:20px;background:#1a73e8;color:#fff;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.gif-btn:hover{background:#1557b0}.gif-btn.playing{background:#f44336}.gif-btn.playing:hover{background:#d32f2f}.gif-fps-control{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-sub)}.gif-fps-control input[type=range]{width:80px;height:4px;accent-color:#1a73e8}.gif-fps-control .fps-value{min-width:50px;font-weight:600;color:var(--text-main)}.gif-export-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border:none;border-radius:20px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px #10b9814d}.gif-export-btn:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px);box-shadow:0 4px 12px #10b98166}.gif-export-btn:disabled{background:#ccc;cursor:not-allowed;box-shadow:none}@media (max-width: 768px){.gif-preview-section{flex-direction:column;align-items:center;gap:12px;padding:12px}.gif-preview-canvas{width:100px;height:100px}.gif-controls{width:100%;align-items:center}.gif-controls-row{justify-content:center;width:100%}.gif-fps-control{flex:1;justify-content:center}.gif-fps-control input[type=range]{width:60px}.gif-export-btn{width:100%;max-width:200px}}.manga-page{display:flex;flex-direction:column;height:100%;width:100%;background:var(--bg-secondary, #f5f5f5)}.manga-page.page-leaving{animation:pageLeave .3s ease-out both;pointer-events:none}.manga-page.page-entering{animation:pageEnter .35s ease-out both}@keyframes pageLeave{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.98)}}@keyframes pageEnter{0%{opacity:0;transform:scale(1.01)}to{opacity:1;transform:scale(1)}}.manga-page-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--bg-primary, #fff);border-bottom:1px solid var(--border-color, #e0e0e0)}.manga-toggle-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:8px;color:var(--text-secondary, #666);transition:background .2s}.manga-toggle-btn:hover{background:var(--hover-bg, #f0f0f0)}.manga-title-bar{display:flex;align-items:center;font-size:16px;font-weight:600;color:var(--text-primary, #333)}.manga-layout{display:flex;flex:1;width:100%;overflow:hidden}.manga-content-wrapper{display:flex;flex:1;overflow:hidden}.manga-mobile-tabs,.manga-sidebar-overlay{display:none}.manga-sidebar{width:280px;background:var(--bg-primary, #fff);border-right:1px solid var(--border-color, #e0e0e0);overflow-y:auto;transition:width .3s,opacity .3s}.manga-sidebar.collapsed{width:0;overflow:hidden;opacity:0}.manga-sidebar-inner{padding:16px}.manga-sidebar-header{margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--border-color, #e0e0e0)}.manga-sidebar-back{display:flex;align-items:center;gap:6px;padding:8px 12px;margin-bottom:12px;font-size:14px;color:var(--text-secondary, #666);background:var(--bg-secondary, #f5f5f5);border:none;border-radius:8px;cursor:pointer;transition:all .2s;width:100%}.manga-sidebar-back:hover{background:var(--primary-light, #e8f0fe);color:var(--primary-color, #1a73e8)}.manga-sidebar-title{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600;color:var(--text-primary, #333);padding:0 4px}.manga-sidebar-title svg{flex-shrink:0;color:var(--primary-color, #1a73e8)}.manga-sidebar-title span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.manga-section{margin-bottom:24px}.manga-section-label{display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:600;color:var(--text-secondary, #666);margin-bottom:12px}.manga-section-label span{display:flex;align-items:center}.manga-add-btn{font-size:12px;color:var(--primary-color, #1a73e8);background:none;border:none;cursor:pointer;padding:4px 8px;border-radius:4px}.manga-add-btn:hover{background:var(--primary-light, #e8f0fe)}.manga-character-list{display:flex;flex-direction:column;gap:8px}.manga-character-card{display:flex;align-items:center;gap:10px;padding:10px;background:var(--bg-secondary, #f9f9f9);border-radius:8px;transition:background .2s}.manga-character-card:hover{background:var(--hover-bg, #f0f0f0)}.manga-character-img{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid var(--border-color, #e0e0e0)}.manga-character-name{flex:1;font-size:13px;font-weight:500;color:var(--text-primary, #333)}.manga-character-actions{display:flex;gap:4px}.manga-character-actions button{font-size:11px;padding:4px 8px;border:none;background:var(--bg-primary, #fff);color:var(--text-secondary, #666);border-radius:4px;cursor:pointer}.manga-character-actions button:hover{background:var(--primary-light, #e8f0fe);color:var(--primary-color, #1a73e8)}.manga-history-list{display:flex;flex-direction:column;gap:6px}.manga-history-item{position:relative;padding:10px 12px;background:var(--bg-secondary, #f9f9f9);border-radius:8px;cursor:pointer;transition:all .2s}.manga-history-item:hover{background:var(--hover-bg, #f0f0f0)}.manga-history-item.active{background:var(--primary-light, #e8f0fe);border-left:3px solid var(--primary-color, #1a73e8)}.manga-h-title{font-size:13px;font-weight:500;color:var(--text-primary, #333);margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:24px}.manga-h-meta{font-size:11px;color:var(--text-tertiary, #999)}.manga-h-delete{position:absolute;top:50%;right:8px;transform:translateY(-50%);width:20px;height:20px;display:flex;align-items:center;justify-content:center;border:none;background:none;color:var(--text-tertiary, #999);cursor:pointer;border-radius:4px;opacity:0;transition:opacity .2s}.manga-history-item:hover .manga-h-delete{opacity:1}.manga-h-delete:hover{background:#fee;color:#d93025}.manga-empty-hint{font-size:12px;color:var(--text-tertiary, #999);text-align:center;padding:20px 0}.manga-middle{flex:3;min-width:320px;max-width:600px;background:var(--bg-primary, #fff);border-right:1px solid var(--border-color, #e0e0e0);display:flex;flex-direction:column;overflow:hidden}.manga-middle-content{padding:20px;overflow-y:auto;flex:1;min-height:0}.manga-input-box{background:var(--bg-primary, #fff);border-radius:12px;padding:20px;box-shadow:0 1px 3px #00000014;margin-bottom:20px;transition:all .3s ease}.manga-input-box.collapsed{padding:12px 16px}.manga-input-box.collapsed .manga-section-label{margin-bottom:0}.manga-collapse-btn{display:flex;align-items:center;gap:4px;padding:4px 10px;font-size:12px;color:var(--text-secondary, #666);background:var(--bg-secondary, #f5f5f5);border:1px solid var(--border-color, #e0e0e0);border-radius:6px;cursor:pointer;transition:all .2s}.manga-collapse-btn:hover{background:var(--primary-light, #e8f0fe);border-color:var(--primary-color, #1a73e8);color:var(--primary-color, #1a73e8)}.manga-title-input{width:100%;padding:10px 14px;font-size:14px;border:1px solid var(--border-color, #e0e0e0);border-radius:8px;margin-bottom:12px;background:var(--bg-primary, #fff);color:var(--text-primary, #333)}.manga-title-input:focus{outline:none;border-color:var(--primary-color, #1a73e8)}.manga-textarea{width:100%;padding:14px;font-size:14px;line-height:1.6;border:1px solid var(--border-color, #e0e0e0);border-radius:8px;resize:vertical;min-height:200px;background:var(--bg-primary, #fff);color:var(--text-primary, #333)}.manga-textarea:focus{outline:none;border-color:var(--primary-color, #1a73e8)}.manga-input-actions{display:flex;align-items:center;justify-content:space-between;margin-top:14px}.manga-char-count{font-size:12px;color:var(--text-tertiary, #999)}.manga-action-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;font-size:14px;font-weight:500;border:none;border-radius:8px;cursor:pointer;transition:all .2s}.manga-action-btn.primary{background:var(--primary-color, #1a73e8);color:#fff}.manga-action-btn.primary:hover:not(:disabled){background:var(--primary-dark, #1557b0)}.manga-action-btn.success{background:#137333;color:#fff}.manga-action-btn.success:hover{background:#0d5a27}.manga-action-btn:disabled{opacity:.5;cursor:not-allowed}.manga-inline-loading{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--primary-color, #1a73e8)}.manga-inline-spinner{width:16px;height:16px;border:2px solid var(--primary-light, #e8f0fe);border-top-color:var(--primary-color, #1a73e8);border-radius:50%;animation:manga-spin .8s linear infinite}@keyframes manga-spin{to{transform:rotate(360deg)}}.manga-storyboard{background:var(--bg-primary, #fff);border-radius:12px;padding:20px;box-shadow:0 1px 3px #00000014}.manga-page-group{margin-bottom:20px}.manga-page-title{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600;color:var(--primary-color, #1a73e8);margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid var(--border-color, #e0e0e0)}.manga-page-title.clickable{cursor:pointer;-webkit-user-select:none;user-select:none;padding:8px 10px;margin:0 -10px 10px;border-radius:6px;transition:background .15s}.manga-page-title.clickable:hover{background:var(--hover-bg, #f5f5f5)}.manga-page-title.clickable:active{background:var(--bg-tertiary, #eee)}.manga-page-chevron{flex-shrink:0;color:var(--text-tertiary, #999);transition:transform .2s ease}.manga-page-group.collapsed .manga-page-title{margin-bottom:0;border-bottom:none;padding-bottom:8px}.manga-page-num{font-weight:600;color:var(--primary-color, #1a73e8)}.manga-page-panel-count{font-size:12px;font-weight:400;color:var(--text-secondary, #666)}.manga-page-status{font-size:11px;padding:2px 8px;border-radius:10px;margin-left:auto}.manga-page-status.idle{background:#f0f0f0;color:#666}.manga-page-status.pending{background:#fff3e0;color:#e65100}.manga-page-status.running{background:#e3f2fd;color:#1565c0}.manga-page-status.success{background:#e8f5e9;color:#2e7d32}.manga-page-status.failed{background:#ffebee;color:#c62828}.manga-panel-list{display:flex;flex-direction:column;gap:10px}.manga-panel-card{padding:14px;background:var(--bg-secondary, #f9f9f9);border-radius:8px;border-left:3px solid var(--border-color, #e0e0e0)}.manga-panel-card:hover{border-left-color:var(--primary-color, #1a73e8)}.manga-panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.manga-panel-num{font-size:12px;font-weight:600;color:var(--text-secondary, #666);background:var(--bg-primary, #fff);padding:2px 8px;border-radius:4px}.manga-panel-status{font-size:11px;padding:2px 8px;border-radius:10px}.manga-panel-status.idle{background:#f0f0f0;color:#666}.manga-panel-status.pending{background:#fff3e0;color:#e65100}.manga-panel-status.running{background:#e3f2fd;color:#1565c0}.manga-panel-status.success{background:#e8f5e9;color:#2e7d32}.manga-panel-status.failed{background:#ffebee;color:#c62828}.manga-panel-desc{font-size:13px;line-height:1.5;color:var(--text-primary, #333);margin-bottom:8px}.manga-panel-desc-edit{width:100%;padding:8px 10px;font-size:13px;line-height:1.5;color:var(--text-primary, #333);background:var(--bg-primary, #fff);border:1px solid var(--border-color, #e0e0e0);border-radius:6px;resize:none;margin-bottom:8px;font-family:inherit;field-sizing:content;min-height:3lh}.manga-panel-desc-edit:focus{outline:none;border-color:var(--primary-color, #1a73e8)}.manga-panel-chars{font-size:12px;color:var(--text-secondary, #666);margin-bottom:6px}.manga-panel-dialogue{font-size:12px;background:var(--bg-primary, #fff);padding:8px 10px;border-radius:6px;margin-top:6px}.manga-dialogue-item{margin-bottom:4px}.manga-dialogue-item:last-child{margin-bottom:0}.manga-speaker{font-weight:600;color:var(--primary-color, #1a73e8)}.manga-dialogue-item-edit{display:flex;align-items:center;gap:4px;margin-bottom:6px}.manga-dialogue-item-edit:last-child{margin-bottom:0}.manga-speaker-input{width:60px;padding:4px 6px;font-size:12px;font-weight:600;color:var(--primary-color, #1a73e8);background:var(--bg-secondary, #f5f5f5);border:1px solid transparent;border-radius:4px;outline:none;transition:border-color .2s,background .2s}.manga-speaker-input:hover{background:var(--bg-tertiary, #eee)}.manga-speaker-input:focus{background:var(--bg-primary, #fff);border-color:var(--primary-color, #1a73e8)}.manga-dialogue-colon{color:var(--text-secondary, #666);font-weight:600;flex-shrink:0}.manga-dialogue-text-input{flex:1;min-width:0;padding:4px 8px;font-size:12px;color:var(--text-primary, #333);background:var(--bg-secondary, #f5f5f5);border:1px solid transparent;border-radius:4px;outline:none;transition:border-color .2s,background .2s}.manga-dialogue-text-input:hover{background:var(--bg-tertiary, #eee)}.manga-dialogue-text-input:focus{background:var(--bg-primary, #fff);border-color:var(--primary-color, #1a73e8)}.manga-panel-error{font-size:12px;color:#c62828;margin-top:8px;padding:6px 10px;background:#ffebee;border-radius:4px}.manga-right{flex:5;background:var(--bg-secondary, #f8f9fa);display:flex;flex-direction:column;overflow:hidden;min-height:0}.manga-gallery-bar{padding:12px 24px;background:var(--bg-primary, #fff);border-bottom:1px solid var(--border-color, #e0e0e0);display:flex;justify-content:space-between;align-items:center;gap:16px;flex-shrink:0}.manga-gallery-title{display:flex;align-items:center;font-size:14px;font-weight:600;color:var(--text-primary, #333)}.manga-model-badge{font-size:11px;color:#666;background:#f0f0f0;padding:2px 8px;border-radius:4px;font-weight:400;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.manga-gallery-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.manga-select{padding:6px 10px;font-size:12px;border:1px solid var(--border-color, #e0e0e0);border-radius:6px;background:var(--bg-primary, #fff);color:var(--text-primary, #333)}.manga-gallery{padding:24px;overflow-y:auto;display:grid;grid-template-columns:repeat(2,1fr);grid-auto-rows:min-content;gap:16px;flex:1;min-height:0}@media (min-width: 1400px){.manga-gallery{grid-template-columns:repeat(3,1fr)}}.manga-gallery:has(.manga-empty-gallery),.manga-gallery:has(.manga-empty-state){display:flex;flex-direction:column;align-items:center;justify-content:center;grid-template-columns:none}.manga-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;color:#999}.manga-empty-state svg{margin-bottom:20px;opacity:.5}.manga-empty-state h3{margin:0 0 12px;font-size:16px;font-weight:500;color:#666}.manga-empty-state p{margin:0;font-size:14px;line-height:1.6;color:#999}.manga-result-card{background:var(--bg-secondary, #f9f9f9);border-radius:10px;overflow:hidden;transition:transform .2s,box-shadow .2s}.manga-result-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.manga-result-header{display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:600;color:var(--text-secondary, #666);padding:8px 10px;background:var(--bg-primary, #fff)}.manga-page-label{font-size:13px;font-weight:600;color:var(--primary-color, #1a73e8)}.manga-panel-count{font-size:11px;font-weight:400;color:var(--text-tertiary, #999)}.manga-result-img-wrap{position:relative;padding-bottom:133.33%;background:var(--bg-tertiary, #eee);cursor:pointer;overflow:hidden}.manga-result-img-wrap img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.manga-result-img-wrap .manga-loading,.manga-result-img-wrap .manga-error,.manga-result-img-wrap .manga-idle{position:absolute;top:0;left:0;width:100%;height:100%}.manga-loading,.manga-error,.manga-idle{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--text-tertiary, #999);font-size:12px}.manga-overlay{background:#ffffffd9;z-index:10}.manga-error{color:#c62828}.manga-error button{margin-top:8px;padding:6px 12px;font-size:11px;background:#c62828;color:#fff;border:none;border-radius:4px;cursor:pointer;display:flex;align-items:center;gap:4px}.manga-result-actions{display:flex;justify-content:center;gap:6px;padding:8px;background:var(--bg-primary, #fff)}.manga-result-actions button{display:flex;align-items:center;gap:4px;padding:4px 10px;font-size:11px;border:1px solid var(--border-color, #e0e0e0);background:var(--bg-primary, #fff);color:var(--text-secondary, #666);border-radius:4px;cursor:pointer;transition:all .2s}.manga-result-actions button:hover:not(:disabled){border-color:var(--primary-color, #1a73e8);color:var(--primary-color, #1a73e8)}.manga-result-actions button:disabled{opacity:.5;cursor:not-allowed}.manga-empty-gallery{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:var(--text-tertiary, #999);text-align:center;background:var(--bg-secondary, #f9f9f9);border-radius:12px;border:2px dashed var(--border-color, #e0e0e0);min-width:200px}.manga-empty-gallery svg{width:48px;height:48px;opacity:.5}.manga-empty-gallery p{margin-top:16px;font-size:14px;line-height:1.5;max-width:200px}.manga-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.manga-modal{width:90%;max-width:400px;background:var(--bg-primary, #fff);border-radius:12px;overflow:hidden;box-shadow:0 20px 60px #0000004d}.manga-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-color, #e0e0e0)}.manga-modal-header h3{font-size:16px;font-weight:600;color:var(--text-primary, #333);margin:0}.manga-modal-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;background:none;color:var(--text-secondary, #666);cursor:pointer;border-radius:6px}.manga-modal-close:hover{background:var(--hover-bg, #f0f0f0)}.manga-modal-body{padding:20px}.manga-form-group{margin-bottom:16px}.manga-form-group label{display:block;font-size:13px;font-weight:500;color:var(--text-secondary, #666);margin-bottom:8px}.manga-form-group input[type=text]{width:100%;padding:10px 14px;font-size:14px;border:1px solid var(--border-color, #e0e0e0);border-radius:8px;background:var(--bg-primary, #fff);color:var(--text-primary, #333)}.manga-form-group input:focus{outline:none;border-color:var(--primary-color, #1a73e8)}.manga-img-upload{width:100%;aspect-ratio:1;border:2px dashed var(--border-color, #e0e0e0);border-radius:12px;cursor:pointer;overflow:hidden;transition:border-color .2s}.manga-img-upload:hover{border-color:var(--primary-color, #1a73e8)}.manga-img-upload img{width:100%;height:100%;object-fit:cover}.manga-upload-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--text-tertiary, #999);font-size:13px}.manga-modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:16px 20px;border-top:1px solid var(--border-color, #e0e0e0)}.manga-btn{padding:10px 20px;font-size:14px;font-weight:500;border:none;border-radius:8px;cursor:pointer;transition:all .2s}.manga-btn.secondary{background:var(--bg-secondary, #f5f5f5);color:var(--text-primary, #333)}.manga-btn.secondary:hover{background:var(--hover-bg, #e8e8e8)}.manga-btn.primary{background:var(--primary-color, #1a73e8);color:#fff}.manga-btn.primary:hover{background:var(--primary-dark, #1557b0)}.loading-spinner{width:24px;height:24px;border:3px solid var(--border-color, #e0e0e0);border-top-color:var(--primary-color, #1a73e8);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 1024px){.manga-middle{max-width:500px}}@media (max-width: 900px){.manga-layout{flex-direction:column;overflow-y:auto;position:relative}.manga-sidebar{position:fixed;left:0;top:50px;bottom:0;width:280px;z-index:100;transform:translate(-100%);transition:transform .3s ease;box-shadow:none;border-right:1px solid var(--border-color, #e0e0e0)}.manga-sidebar:not(.collapsed){transform:translate(0)}.manga-sidebar.collapsed{width:280px;opacity:1;overflow:visible}.manga-middle{border-right:none;flex:none;min-height:auto;max-width:none}.manga-middle-content{overflow-y:visible}.manga-right{flex:none;min-height:50vh}.manga-gallery{grid-template-columns:1fr}}@media (max-width: 600px){.manga-gallery{grid-template-columns:repeat(2,1fr)}.manga-gallery-bar{flex-direction:column;align-items:flex-start;gap:12px;padding:16px}.manga-gallery-actions{width:100%;flex-wrap:wrap;gap:8px}}.manga-project-list-page{display:flex;flex-direction:column;height:100%;width:100%;background:var(--bg-secondary, #f5f5f5)}.manga-project-list-header{display:flex;align-items:center;gap:12px;padding:24px 32px;background:var(--bg-primary, #fff);border-bottom:1px solid var(--border-color, #e0e0e0)}.manga-project-list-header h1{font-size:24px;font-weight:600;color:var(--text-primary, #333);margin:0}.manga-project-list-content{flex:1;overflow-y:auto;padding:32px}.manga-empty-projects{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;min-height:400px;text-align:center}.manga-empty-icon{color:var(--text-tertiary, #999);opacity:.5;margin-bottom:24px}.manga-empty-projects h2{font-size:20px;font-weight:600;color:var(--text-primary, #333);margin:0 0 8px}.manga-empty-projects p{font-size:14px;color:var(--text-secondary, #666);margin:0 0 24px}.manga-create-btn{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;font-size:16px;font-weight:500;border:none;border-radius:12px;cursor:pointer;transition:all .2s}.manga-create-btn.primary{background:var(--primary-color, #1a73e8);color:#fff}.manga-create-btn.primary:hover{background:var(--primary-dark, #1557b0);transform:translateY(-2px);box-shadow:0 4px 12px #1a73e84d}.manga-project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;max-width:1200px;margin:0 auto}.manga-project-card{position:relative;background:var(--bg-primary, #fff);border-radius:12px;overflow:hidden;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px #00000014}.manga-project-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.manga-project-card.create-new{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:280px;border:2px dashed var(--border-color, #e0e0e0);background:transparent;box-shadow:none}.manga-project-card.create-new:hover{border-color:var(--primary-color, #1a73e8);background:var(--primary-light, #e8f0fe)}.manga-card-add-icon{color:var(--text-tertiary, #999);margin-bottom:12px}.manga-project-card.create-new:hover .manga-card-add-icon{color:var(--primary-color, #1a73e8)}.manga-project-card.create-new span{font-size:14px;font-weight:500;color:var(--text-secondary, #666)}.manga-project-card.create-new:hover span{color:var(--primary-color, #1a73e8)}.manga-card-cover{aspect-ratio:3 / 4;background:var(--bg-tertiary, #eee);overflow:hidden}.manga-card-cover img{width:100%;height:100%;object-fit:cover}.manga-card-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--text-tertiary, #999)}.manga-card-placeholder svg{width:48px;height:48px;opacity:.5}.manga-card-info{padding:14px}.manga-card-info h3{font-size:14px;font-weight:600;color:var(--text-primary, #333);margin:0 0 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.manga-card-info p{font-size:12px;color:var(--text-secondary, #666);margin:0 0 4px}.manga-card-date{font-size:11px;color:var(--text-tertiary, #999)}.manga-card-delete{position:absolute;top:8px;right:8px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#00000080;color:#fff;border:none;border-radius:50%;cursor:pointer;opacity:0;transition:opacity .2s}.manga-project-card:hover .manga-card-delete{opacity:1}.manga-card-delete:hover{background:#d93025}.manga-chapter-list{display:flex;flex-direction:column;gap:6px}.manga-chapter-item{position:relative;padding:12px 14px;background:var(--bg-secondary, #f9f9f9);border-radius:8px;cursor:pointer;transition:all .2s;border-left:3px solid transparent}.manga-chapter-item:hover{background:var(--hover-bg, #f0f0f0)}.manga-chapter-item.active{background:var(--primary-light, #e8f0fe);border-left-color:var(--primary-color, #1a73e8)}.manga-chapter-item.completed,.manga-chapter-item.completed.active{border-left-color:#34a853}.manga-chapter-title{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:500;color:var(--text-primary, #333);margin-bottom:4px;padding-right:24px}.manga-chapter-title>span:first-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.manga-chapter-done{flex-shrink:0;font-size:10px;font-weight:500;color:#34a853;background:#e6f4ea;padding:2px 6px;border-radius:4px}.manga-chapter-meta{font-size:11px;color:var(--text-tertiary, #999)}.manga-chapter-delete{position:absolute;top:50%;right:8px;transform:translateY(-50%);width:20px;height:20px;display:flex;align-items:center;justify-content:center;border:none;background:none;color:var(--text-tertiary, #999);cursor:pointer;border-radius:4px;opacity:0;transition:opacity .2s}.manga-chapter-item:hover .manga-chapter-delete{opacity:1}.manga-chapter-delete:hover{background:#fee;color:#d93025}.manga-back-btn{display:flex;align-items:center;gap:6px;padding:8px 12px;font-size:13px;color:var(--text-secondary, #666);background:none;border:none;cursor:pointer;border-radius:6px;transition:all .2s}.manga-back-btn:hover{background:var(--hover-bg, #f0f0f0);color:var(--text-primary, #333)}.manga-project-title{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600;color:var(--text-primary, #333)}.manga-no-chapter{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;min-height:400px;text-align:center;padding:40px 20px;color:var(--text-tertiary, #999)}.manga-no-chapter-icon{opacity:.4;margin-bottom:20px}.manga-no-chapter h3{font-size:18px;font-weight:600;color:var(--text-primary, #333);margin:0 0 8px}.manga-no-chapter p{font-size:14px;color:var(--text-secondary, #666);margin:0 0 24px}.manga-no-chapter .manga-btn{display:inline-flex;align-items:center;gap:8px}.manga-modal-wide{max-width:480px}.manga-create-form{display:flex;flex-direction:column;gap:20px}.manga-cover-upload{width:180px;height:240px;margin:0 auto;border:2px dashed var(--border-color, #e0e0e0);border-radius:12px;cursor:pointer;overflow:hidden;transition:all .2s;background:var(--bg-secondary, #f9f9f9)}.manga-cover-upload:hover{border-color:var(--primary-color, #1a73e8);background:var(--primary-light, #e8f0fe)}.manga-cover-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--text-tertiary, #999)}.manga-cover-placeholder span{font-size:14px}.manga-cover-hint{font-size:12px!important;opacity:.7}.manga-cover-preview{position:relative;width:100%;height:100%}.manga-cover-preview img{width:100%;height:100%;object-fit:cover}.manga-cover-remove{position:absolute;top:8px;right:8px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#0009;color:#fff;border:none;border-radius:50%;cursor:pointer;transition:background .2s}.manga-cover-remove:hover{background:#d93025}.manga-material-search{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--bg-secondary, #f5f5f5);border:1px solid var(--border-color, #e0e0e0);border-radius:8px;margin-bottom:12px;transition:border-color .2s}.manga-material-search:focus-within{border-color:var(--primary-color, #1a73e8)}.manga-material-search svg{color:var(--text-tertiary, #999);flex-shrink:0}.manga-material-search input{flex:1;border:none;background:transparent;font-size:13px;color:var(--text-primary, #333);outline:none}.manga-material-search input::placeholder{color:var(--text-tertiary, #999)}.manga-search-clear{display:flex;align-items:center;justify-content:center;width:18px;height:18px;border:none;background:var(--text-tertiary, #999);color:#fff;border-radius:50%;cursor:pointer;transition:background .2s;flex-shrink:0}.manga-search-clear:hover{background:var(--text-secondary, #666)}.manga-material-tabs{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:12px}.manga-tab{padding:4px 10px;font-size:11px;background:var(--bg-secondary, #f5f5f5);border:1px solid var(--border-color, #e0e0e0);border-radius:12px;cursor:pointer;transition:all .2s;color:var(--text-secondary, #666)}.manga-tab:hover{background:var(--hover-bg, #e8e8e8)}.manga-tab.active{background:var(--primary-color, #1a73e8);border-color:var(--primary-color, #1a73e8);color:#fff}.manga-material-list{display:flex;flex-direction:column;gap:8px;max-height:300px;overflow-y:auto}.manga-material-card{display:flex;align-items:center;gap:10px;padding:10px;background:var(--bg-secondary, #f9f9f9);border-radius:8px;cursor:grab;transition:all .2s;border:1px solid transparent}.manga-material-card:hover{background:var(--hover-bg, #f0f0f0);border-color:var(--primary-color, #1a73e8)}.manga-material-card:active{cursor:grabbing}.manga-material-img{width:48px;height:48px;border-radius:6px;object-fit:cover;border:1px solid var(--border-color, #e0e0e0);flex-shrink:0}.manga-material-info{flex:1;min-width:0}.manga-material-name{font-size:13px;font-weight:500;color:var(--text-primary, #333);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center}.manga-material-desc{font-size:11px;color:var(--text-tertiary, #999);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.manga-material-actions{display:flex;gap:4px;opacity:0;transition:opacity .2s}.manga-material-card:hover .manga-material-actions{opacity:1}.manga-material-actions button{font-size:11px;padding:4px 8px;border:none;background:var(--bg-primary, #fff);color:var(--text-secondary, #666);border-radius:4px;cursor:pointer}.manga-material-actions button:hover{background:var(--primary-light, #e8f0fe);color:var(--primary-color, #1a73e8)}.manga-modal.manga-modal-wide{max-width:560px}.manga-form-row{display:flex;gap:20px}.manga-img-upload-large{width:180px;height:180px;flex-shrink:0}.manga-form-fields{flex:1;display:flex;flex-direction:column;gap:14px}.manga-form-group select{width:100%;padding:10px 14px;font-size:14px;border:1px solid var(--border-color, #e0e0e0);border-radius:8px;background:var(--bg-primary, #fff);color:var(--text-primary, #333);cursor:pointer}.manga-form-group select:focus{outline:none;border-color:var(--primary-color, #1a73e8)}.manga-form-group textarea{width:100%;padding:10px 14px;font-size:14px;line-height:1.5;border:1px solid var(--border-color, #e0e0e0);border-radius:8px;background:var(--bg-primary, #fff);color:var(--text-primary, #333);resize:vertical;font-family:inherit}.manga-form-group textarea:focus{outline:none;border-color:var(--primary-color, #1a73e8)}.manga-board-container{background:var(--bg-primary, #fff);border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #00000014;margin-bottom:16px}.manga-board-toolbar{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:var(--bg-secondary, #f5f5f5);border-bottom:1px solid var(--border-color, #e0e0e0)}.manga-board-title{font-size:13px;font-weight:600;color:var(--text-primary, #333)}.manga-board-actions{display:flex;align-items:center;gap:6px}.manga-board-actions button{display:flex;align-items:center;justify-content:center;padding:4px 8px;font-size:12px;border:1px solid var(--border-color, #e0e0e0);background:var(--bg-primary, #fff);color:var(--text-secondary, #666);border-radius:4px;cursor:pointer;transition:all .2s;min-width:28px;height:28px}.manga-board-actions button:hover{border-color:var(--primary-color, #1a73e8);color:var(--primary-color, #1a73e8)}.manga-board-actions button.primary{background:var(--primary-color, #1a73e8);border-color:var(--primary-color, #1a73e8);color:#fff}.manga-board-actions button.primary:hover{background:var(--primary-dark, #1557b0)}.manga-board-zoom{font-size:11px;color:var(--text-tertiary, #999);min-width:40px;text-align:center}.manga-board-canvas-wrap{position:relative;overflow:auto;background:#e0e0e0;min-height:200px;max-height:400px}.manga-board-canvas-wrap canvas{display:block}.manga-board-hint{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:14px;color:var(--text-tertiary, #999);pointer-events:none;text-align:center;padding:20px}.manga-page-board{margin-top:12px;padding-top:12px;border-top:1px dashed var(--border-color, #e0e0e0)}.manga-page-board-label{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-secondary, #666);margin-bottom:8px}.manga-page-board-preview{width:100%;max-width:200px;border-radius:6px;border:1px solid var(--border-color, #e0e0e0);cursor:pointer}.manga-page-board-preview:hover{border-color:var(--primary-color, #1a73e8)}.manga-board-container.fullscreen{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000;border-radius:0;margin:0;display:flex;flex-direction:column}.manga-board-container.fullscreen .manga-board-canvas-wrap{flex:1;max-height:none;min-height:0}.manga-board-toolbar-left,.manga-board-toolbar-right{display:flex;align-items:center;gap:6px}.manga-board-divider{width:1px;height:20px;background:var(--border-color, #e0e0e0);margin:0 4px}.manga-board-actions button.danger:hover{border-color:#d93025;color:#d93025}.manga-board-actions button.success{background:#34a853;border-color:#34a853;color:#fff}.manga-board-actions button.success:hover{background:#2d8f47}.manga-board-characters{display:flex;align-items:center;flex-wrap:wrap;gap:6px;padding:8px 14px;background:linear-gradient(135deg,#fff8e1,#fff3e0);border-bottom:1px solid #ffe0b2;font-size:12px}.manga-board-characters-label{color:#e65100;font-weight:500;margin-right:4px}.manga-board-character-tag{display:inline-flex;align-items:center;padding:2px 8px;background:#fff;border:1px solid #ffb74d;border-radius:12px;color:#e65100;font-size:11px;font-weight:500}.manga-board-characters-hint{margin-left:auto;color:#999;font-size:11px;font-style:italic}.manga-board-shortcuts{display:flex;align-items:center;gap:12px;padding:6px 14px;background:var(--bg-tertiary, #f0f0f0);border-top:1px solid var(--border-color, #e0e0e0);font-size:11px;color:var(--text-tertiary, #999)}.manga-shortcut-item{display:flex;align-items:center;gap:4px}.manga-shortcut-key{padding:2px 6px;background:var(--bg-primary, #fff);border:1px solid var(--border-color, #e0e0e0);border-radius:4px;font-family:monospace;font-size:10px}.manga-board-actions button:disabled{opacity:.4;cursor:not-allowed}.manga-board-actions button:disabled:hover{border-color:var(--border-color, #e0e0e0);color:var(--text-secondary, #666)}@media (max-width: 600px){.manga-form-row{flex-direction:column}.manga-img-upload-large{width:100%;height:200px}.manga-board-shortcuts{display:none}}.manga-board-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:3000;display:flex;align-items:center;justify-content:center;padding:24px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.manga-board-modal{background:#fff;border-radius:16px;width:100%;max-width:1400px;height:85vh;min-height:600px;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d;animation:modalSlideUp .25s ease-out}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.manga-board-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid var(--border-color, #e0e0e0);flex-shrink:0}.manga-board-modal-header h3{margin:0;font-size:18px;font-weight:600;display:flex;align-items:center;gap:12px}.manga-board-modal-hint{font-size:13px;font-weight:400;color:var(--text-secondary, #666)}.manga-board-modal-actions{display:flex;align-items:center;gap:12px}.manga-board-modal-body{flex:1;overflow:hidden;display:flex;flex-direction:row}.manga-board-modal-sidebar{width:300px;flex-shrink:0;border-right:1px solid var(--border-color, #e0e0e0);display:flex;flex-direction:column;overflow:hidden;background:#fafafa}.manga-board-modal-sidebar .manga-section{flex:1;overflow-y:auto;padding:0}.manga-board-modal-sidebar .manga-section-label{padding:12px 16px;background:#fff;border-bottom:1px solid var(--border-color, #e0e0e0);position:sticky;top:0;z-index:10}.manga-board-modal-sidebar .manga-material-search{margin:12px}.manga-board-modal-sidebar .manga-material-tabs,.manga-board-modal-sidebar .manga-material-list{padding:0 12px 12px}.manga-board-modal-canvas{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.manga-board-modal-canvas .manga-board-container{flex:1;height:100%;display:flex;flex-direction:column;border-radius:0}.manga-board-modal-canvas .manga-board-toolbar{border-radius:0;background:#fff;border-bottom:1px solid var(--border-color, #e0e0e0)}.manga-board-modal-canvas .manga-board-canvas-wrap{flex:1;max-height:none;min-height:0;display:flex;align-items:center;justify-content:center;background:#e8e8e8;overflow:hidden;position:relative}.manga-board-modal-canvas .manga-board-canvas-wrap canvas{box-shadow:0 4px 20px #00000026;border-radius:4px}.manga-board-modal-canvas .manga-board-hint{position:absolute;background:transparent}.manga-board-btn{display:flex;align-items:center;gap:4px;position:relative}.manga-board-indicator{color:#4caf50;font-size:11px;margin-left:2px}.manga-result-actions{gap:6px}.manga-result-actions button{font-size:11px;padding:6px 10px}.manga-mobile-expand-btn,.manga-sidebar-overlay{display:none}@media (min-width: 769px){.manga-swiper{display:flex;flex:1;overflow:hidden}.manga-swiper .swiper-wrapper{display:flex;flex:1;transform:none!important;height:100%}.manga-swiper .swiper-slide{flex-shrink:0;height:100%;overflow:auto}.manga-swiper .swiper-slide:first-child{width:480px!important;flex:none}.manga-swiper .swiper-slide:last-child{flex:1;width:auto!important}.manga-swiper .manga-middle,.manga-swiper .manga-right{height:100%;overflow:auto}}@media (max-width: 768px){.manga-page{height:100%;overflow:hidden}.manga-page-header{display:none}.manga-layout{flex-direction:column;overflow-y:auto;-webkit-overflow-scrolling:touch;position:relative}.manga-sidebar{position:fixed;left:0;top:calc(var(--mobile-header-full) + 44px);bottom:var(--mobile-tab-height);width:min(280px,85vw);z-index:60;transform:translate(-100%);transition:transform .2s cubic-bezier(.4,0,.2,1);box-shadow:none;border-right:1px solid var(--border-color, #e0e0e0);will-change:transform}.manga-page{background:#fff!important}.manga-page.page-entering{animation:mobilePageEnter .25s ease-out both}@keyframes mobilePageEnter{0%{opacity:0}to{opacity:1}}.manga-sidebar:not(.collapsed){transform:translate(0)}.manga-sidebar.collapsed{width:min(280px,85vw);opacity:1;overflow:visible}.manga-middle{border-right:none;flex:none;min-height:auto;max-width:none;width:100%}.manga-middle-content{padding:16px 16px 24px;overflow-y:visible}.manga-input-box{padding:16px;border-radius:12px}.manga-title-input,.manga-textarea{font-size:16px}.manga-textarea{min-height:150px}.manga-input-actions{flex-wrap:wrap;gap:12px}.manga-action-btn{flex:1;min-width:calc(50% - 6px);justify-content:center}.manga-storyboard{padding:16px;border-radius:12px}.manga-panel-card{padding:12px}.manga-panel-desc-edit{font-size:16px}.manga-right{flex:none;min-height:auto;background:#fff!important}.manga-gallery-bar{padding:12px 16px;flex-direction:row;flex-wrap:wrap;gap:8px}.manga-gallery-title{width:100%;justify-content:space-between}.manga-gallery-actions{width:100%;gap:8px}.manga-select{flex:1;min-width:0;height:40px;padding:8px 12px}.manga-gallery{grid-template-columns:repeat(2,1fr);padding:16px;padding-bottom:calc(16px + var(--mobile-tab-height) + env(safe-area-inset-bottom));gap:12px}.manga-result-card{border-radius:12px}.manga-result-actions{gap:6px;padding:10px}.manga-result-actions button{padding:8px 10px;min-height:var(--touch-target-min);font-size:12px}.manga-project-list-header{padding:16px}.manga-project-list-header h1{font-size:18px}.manga-project-list-content{padding:16px}.manga-project-grid{grid-template-columns:repeat(2,1fr);gap:12px}.manga-project-card.create-new{min-height:200px}.manga-chapter-item{min-height:var(--touch-target-min);padding:14px 16px}.manga-chapter-delete{width:32px;height:32px;opacity:.6;right:8px}.manga-character-card{min-height:var(--touch-target-min);padding:12px}.manga-character-actions button{min-height:32px;padding:6px 10px}.manga-history-item{min-height:var(--touch-target-min);padding:12px 14px}.manga-h-delete{width:32px;height:32px;opacity:.6}.manga-board-container,.manga-page-board,.manga-board-modal-overlay{display:none!important}.manga-result-actions button[title*=画板]{display:none}.manga-board-modal{position:fixed;left:0;right:0;bottom:0;top:auto;max-width:100%;height:auto;max-height:70vh;border-radius:20px 20px 0 0;min-height:auto}.manga-board-modal-body{flex-direction:column}.manga-board-modal-sidebar{width:100%;max-height:50vh;border-right:none;border-bottom:1px solid var(--border-color, #e0e0e0)}.manga-modal{width:95%;max-width:none;margin:16px}.manga-modal-header{padding:14px 16px}.manga-modal-body{padding:16px}.manga-modal-footer{padding:14px 16px}.manga-form-group input[type=text],.manga-form-group select,.manga-form-group textarea{font-size:16px}.manga-btn{min-height:var(--touch-target-min);padding:12px 20px}.manga-add-btn{min-height:var(--touch-target-min);padding:10px 14px}.manga-toggle-btn{min-width:var(--touch-target-min);min-height:var(--touch-target-min)}.manga-empty-gallery,.manga-empty-projects,.manga-no-chapter{min-height:250px;padding:32px 20px}.manga-create-btn{width:100%;max-width:280px;justify-content:center}.manga-material-card{min-height:var(--touch-target-min);padding:12px}.manga-material-img{width:56px;height:56px}.manga-material-actions{opacity:1}.manga-material-actions button{min-height:36px;padding:8px 12px}.manga-tab{min-height:36px;padding:8px 14px;font-size:12px}.manga-mobile-expand-btn{position:fixed;left:8px;top:calc(var(--mobile-header-full) + 8px);width:36px;height:36px;border-radius:50%;background:#fff;border:1px solid var(--border-color, #e0e0e0);box-shadow:0 2px 8px #00000026;z-index:50;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#5f6368;transition:all .2s ease}.manga-mobile-expand-btn:active{transform:scale(.95);background:#f5f5f5}.manga-sidebar-overlay{display:block;position:fixed;top:calc(var(--mobile-header-full) + 44px);left:0;right:0;bottom:var(--mobile-tab-height);background:#0000;z-index:55;opacity:0;pointer-events:none;transition:background .3s ease,opacity .3s ease}.manga-sidebar-overlay.active{background:#0006;opacity:1;pointer-events:auto}.manga-mobile-tabs{display:flex;position:relative;height:44px;background:#fff;border-bottom:1px solid #e0e0e0;z-index:40;padding:0 12px;gap:8px;flex-shrink:0}.manga-mobile-tabs-slider{position:absolute;top:6px;bottom:6px;left:12px;width:calc((100% - 32px)/2);background:linear-gradient(135deg,#ede9fe,#f3e8ff);border-radius:8px;transform:translate(calc(var(--active-tab-index, 0) * (100% + 8px)));transition:transform .5s cubic-bezier(.34,1.56,.64,1);box-shadow:0 2px 8px #8b5cf626;z-index:0}.manga-mobile-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:0 12px;font-size:13px;font-weight:500;color:#5f6368;background:transparent;border:none;border-bottom:none;cursor:pointer;transition:color .2s ease;position:relative;z-index:1}.manga-mobile-tab.active{color:#8b5cf6}.manga-mobile-tab svg{flex-shrink:0}.manga-mobile-tab-badge{font-size:10px;padding:2px 6px;background:#f0f0f0;border-radius:10px;color:#666;font-weight:400}.manga-mobile-tab.active .manga-mobile-tab-badge{background:#ede9fe;color:#8b5cf6}.manga-swiper.manga-content-wrapper{flex:1;overflow:hidden;width:100%}.manga-swiper .swiper-wrapper{height:100%}.manga-swiper-slide{height:100%;overflow:auto;-webkit-overflow-scrolling:touch}.manga-swiper-slide .manga-middle,.manga-swiper-slide .manga-right{width:100%;height:100%;overflow:auto}}.dark .manga-page-status.idle,.dark .manga-panel-status.idle{background:#ffffff1a;color:var(--text-sub)}.dark .manga-page-status.pending,.dark .manga-panel-status.pending{background:#fbbf2426;color:#fbbf24}.dark .manga-page-status.running,.dark .manga-panel-status.running{background:#3b82f626;color:#60a5fa}.dark .manga-page-status.success,.dark .manga-panel-status.success{background:#4ade8026;color:#4ade80}.dark .manga-page-status.failed,.dark .manga-panel-status.failed{background:#f8717126;color:#f87171}.dark .manga-empty-state{color:var(--text-muted)}.dark .manga-empty-state h3{color:var(--text-sub)}.dark .manga-empty-state p{color:var(--text-muted)}.dark .manga-model-badge{background:var(--bg-tertiary);color:var(--text-sub)}.dark .manga-h-delete:hover,.dark .manga-panel-error{background:#f8717126;color:#f87171}.dark .manga-error{color:#f87171}.dark .manga-error button{background:#f87171}.dark .manga-action-btn.success{background:#059669}.dark .manga-action-btn.success:hover{background:#047857}.dark .manga-overlay{background:#1a1a1ad9}@media (max-width: 768px){.dark .manga-mobile-expand-btn{background:var(--bg-secondary);color:var(--text-sub)}.dark .manga-mobile-expand-btn:active{background:var(--bg-tertiary)}.dark .manga-mobile-tabs{background:var(--bg-primary);border-bottom-color:var(--border-color)}.dark .manga-mobile-tabs-slider{background:linear-gradient(135deg,#8b5cf633,#a78bfa26)}.dark .manga-mobile-tab{color:var(--text-sub)}.dark .manga-mobile-tab.active{color:#a78bfa}.dark .manga-mobile-tab-badge{background:var(--bg-tertiary);color:var(--text-sub)}.dark .manga-mobile-tab.active .manga-mobile-tab-badge{background:#8b5cf633;color:#a78bfa}}