@font-face{font-display:swap;font-family:Cakra;font-style:normal;font-weight:400;src:url(/static/media/Cakra-Normal.5462f40690e05ce07c31.woff2) format("woff2"),url(/static/media/Cakra-Normal.03c3718026ad53d5eef6.woff) format("woff")}:root{--theme:"light";--color-bg-primary:#fff;--color-bg-secondary:#f8f8f8;--color-bg-tertiary:#f5f5f5;--color-bg-elevated:#fff;--color-bg-overlay:#00000080;--color-bg-drag-overlay:#ffffffd9;--color-text-primary:#1a1a1a;--color-text-secondary:#666;--color-text-tertiary:#888;--color-text-muted:#999;--color-text-disabled:#ccc;--color-text-inverse:#fff;--color-border-primary:#e5e5e5;--color-border-secondary:#ebebeb;--color-border-hover:#d0d0d0;--color-border-focus:#333;--color-border-subtle:#00000014;--color-accent:#bffe00;--color-accent-secondary:#ff7af9;--color-accent-tertiary:#8b5eff;--color-accent-contrast:#0a0a0a;--color-accent-light:#8b5eff1f;--gradient-accent:linear-gradient(135deg,#bffe00,#8b5eff);--gradient-accent-alt:linear-gradient(135deg,#ff7af9,#8b5eff);--color-success:#10b981;--color-success-hover:#059669;--color-success-light:#ecfdf5;--color-success-dark:#047857;--color-error:#dc2626;--color-error-hover:#b91c1c;--color-error-light:#fef2f2;--color-error-dark:#991b1b;--color-warning:#f59e0b;--color-warning-hover:#d97706;--color-warning-light:#fffbeb;--color-warning-dark:#b45309;--color-info:#3b82f6;--color-info-hover:#2563eb;--color-info-light:#eff6ff;--color-info-dark:#1d4ed8;--color-hover:#0000000a;--color-active:#00000014;--color-selected:#bffe001f;--color-focus-ring:#bffe0066;--hover-brightness:1.1;--hover-scale:0.98;--active-scale:0.96;--glass-solid:#fffffffa;--glass-heavy:#fffffff2;--glass-medium:#ffffffe6;--glass-light:#ffffffd9;--glass-lighter:#fffc;--glass-subtle:#fff3;--glass-faint:#ffffff1a;--glass-gradient:linear-gradient(135deg,#fffffff2,#f5f5fff2);--color-skeleton:#dcdcdc;--color-skeleton-shine:#e8e8e8;--color-shimmer:#0000000f;--color-scrollbar-track:#f4f4f5;--color-scrollbar-thumb:#d4d4d8;--color-scrollbar-thumb-hover:#a1a1aa;--font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-family-display:"Cakra","Inter",sans-serif;--font-family-mono:"SF Mono","Fira Code","Consolas",monospace;--font-size-xs:11px;--font-size-sm:12px;--font-size-base:14px;--font-size-md:15px;--font-size-lg:16px;--font-size-xl:18px;--font-size-2xl:20px;--font-size-3xl:24px;--font-size-4xl:28px;--font-size-5xl:32px;--font-size-6xl:48px;--line-height-tight:1.2;--line-height-normal:1.5;--line-height-relaxed:1.7;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--letter-spacing-tight:-0.02em;--letter-spacing-normal:0;--letter-spacing-wide:0.02em;--spacing-0:0;--spacing-1:4px;--spacing-2:8px;--spacing-3:12px;--spacing-4:16px;--spacing-5:20px;--spacing-6:24px;--spacing-8:32px;--spacing-10:40px;--spacing-12:48px;--spacing-16:64px;--spacing-20:80px;--radius-none:0;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-2xl:24px;--radius-3xl:32px;--radius-full:9999px;--shadow-xs:0 1px 2px #0000000a;--shadow-sm:0 1px 3px #0000000f,0 1px 2px #0000000a;--shadow-md:0 2px 12px #00000014,0 2px 4px #0000000a;--shadow-lg:0 8px 24px #0000001f,0 4px 8px #0000000f;--shadow-xl:0 12px 40px #00000026,0 4px 12px #00000014;--shadow-2xl:0 24px 48px #0003;--shadow-inner:inset 0 2px 4px #0000000f;--shadow-accent:0 4px 14px #bffe0059;--shadow-success:0 4px 14px #10b98140;--shadow-error:0 4px 14px #dc262640;--transition-fast:0.1s ease;--transition-normal:0.15s ease;--transition-slow:0.25s ease;--transition-slower:0.35s ease;--spring-bounce:cubic-bezier(0.68,-0.55,0.265,1.55);--spring-smooth:cubic-bezier(0.4,0,0.2,1);--breakpoint-sm:640px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1280px;--breakpoint-2xl:1536px;--z-base:0;--z-dropdown:100;--z-sticky:200;--z-fixed:300;--z-modal-backdrop:400;--z-modal:500;--z-popover:600;--z-tooltip:700;--z-toast:800;--z-max:9999;--btn-height-sm:32px;--btn-height-md:40px;--btn-height-lg:48px;--input-height-sm:32px;--input-height-md:40px;--input-height-lg:48px;--icon-size-sm:16px;--icon-size-md:20px;--icon-size-lg:24px;--icon-size-xl:32px;--avatar-size-sm:24px;--avatar-size-md:32px;--avatar-size-lg:40px;--avatar-size-xl:56px}[data-theme=dark]{--theme:"dark";--color-bg-primary:#1a1a1b;--color-bg-secondary:#0a0a0b;--color-bg-tertiary:#252526;--color-bg-elevated:#2d2d2e;--color-bg-overlay:#000000b3;--color-bg-drag-overlay:#0a0a0bd9;--color-text-primary:#f0f0f0;--color-text-secondary:#a0a0a0;--color-text-tertiary:grey;--color-text-muted:#606060;--color-text-disabled:#404040;--color-text-inverse:#1a1a1a;--color-border-primary:#333;--color-border-secondary:#2a2a2a;--color-border-hover:#444;--color-border-focus:#f0f0f0;--color-border-subtle:#ffffff14;--color-accent:#bffe00;--color-accent-secondary:#ff7af9;--color-accent-tertiary:#8b5eff;--color-accent-contrast:#0a0a0a;--color-accent-light:#8b5eff26;--gradient-accent:linear-gradient(135deg,#bffe00,#8b5eff);--gradient-accent-alt:linear-gradient(135deg,#ff7af9,#8b5eff);--color-success:#34d399;--color-success-hover:#10b981;--color-success-light:#34d39926;--color-error:#f87171;--color-error-hover:#ef4444;--color-error-light:#f8717126;--color-warning:#fbbf24;--color-warning-hover:#f59e0b;--color-warning-light:#fbbf2426;--color-info:#60a5fa;--color-info-hover:#3b82f6;--color-info-light:#60a5fa26;--color-hover:#ffffff0a;--color-active:#ffffff14;--color-selected:#bffe001f;--color-focus-ring:#bffe0066;--glass-solid:#1a1a1bfa;--glass-heavy:#1a1a1bf2;--glass-medium:#1a1a1beb;--glass-light:#1a1a1be0;--glass-lighter:#1a1a1bd9;--glass-subtle:#ffffff1a;--glass-faint:#ffffff0f;--glass-gradient:linear-gradient(135deg,#1a1a1bf2,#232328f2);--color-skeleton:#333;--color-skeleton-shine:#404040;--color-shimmer:#fff6;--color-scrollbar-track:#1a1a1b;--color-scrollbar-thumb:#444;--color-scrollbar-thumb-hover:#555;--shadow-xs:0 1px 2px #0000004d;--shadow-sm:0 1px 3px #0006,0 1px 2px #0000004d;--shadow-md:0 2px 12px #00000080,0 2px 4px #0000004d;--shadow-lg:0 8px 24px #0009,0 4px 8px #0006;--shadow-xl:0 12px 40px #000000b3,0 4px 12px #00000080;--shadow-2xl:0 24px 48px #000c}@media (prefers-color-scheme:dark){:root:not([data-theme]){--theme:"dark";--color-bg-primary:#1a1a1b;--color-bg-secondary:#0a0a0b;--color-bg-tertiary:#252526;--color-bg-elevated:#2d2d2e;--color-bg-overlay:#000000b3;--color-bg-drag-overlay:#0a0a0bd9;--color-text-primary:#f0f0f0;--color-text-secondary:#a0a0a0;--color-text-tertiary:grey;--color-text-muted:#606060;--color-text-disabled:#404040;--color-text-inverse:#1a1a1a;--color-border-primary:#333;--color-border-secondary:#2a2a2a;--color-border-hover:#444;--color-border-focus:#f0f0f0;--color-border-subtle:#ffffff14;--color-accent-light:#8b5eff26;--color-success:#34d399;--color-success-light:#34d39926;--color-error:#f87171;--color-error-light:#f8717126;--color-warning:#fbbf24;--color-warning-light:#fbbf2426;--color-info:#60a5fa;--color-info-light:#60a5fa26;--color-hover:#ffffff0a;--color-active:#ffffff14;--glass-solid:#1a1a1bfa;--glass-heavy:#1a1a1bf2;--glass-medium:#1a1a1beb;--glass-light:#1a1a1be0;--glass-lighter:#1a1a1bd9;--glass-subtle:#ffffff1a;--glass-faint:#ffffff0f;--glass-gradient:linear-gradient(135deg,#1a1a1bf2,#232328f2);--color-skeleton:#333;--color-skeleton-shine:#404040;--color-shimmer:#fff6;--shadow-xs:0 1px 2px #0000004d;--shadow-sm:0 1px 3px #0006,0 1px 2px #0000004d;--shadow-md:0 2px 12px #00000080,0 2px 4px #0000004d;--shadow-lg:0 8px 24px #0009,0 4px 8px #0006;--shadow-xl:0 12px 40px #000000b3,0 4px 12px #00000080}}.btn{align-items:center;border:none;border-radius:var(--radius-lg);cursor:pointer;display:inline-flex;font-family:var(--font-family);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);gap:var(--spacing-2);height:var(--btn-height-md);justify-content:center;line-height:1;padding:0 var(--spacing-4);text-decoration:none;transition:all var(--transition-normal);-webkit-user-select:none;user-select:none;white-space:nowrap}.btn:disabled{cursor:not-allowed;opacity:.5}.btn:focus-visible{box-shadow:0 0 0 3px var(--color-focus-ring);outline:none}.btn-sm{border-radius:var(--radius-md);font-size:var(--font-size-sm);height:var(--btn-height-sm);padding:0 var(--spacing-3)}.btn-lg{border-radius:var(--radius-xl);font-size:var(--font-size-lg);height:var(--btn-height-lg);padding:0 var(--spacing-6)}.btn-primary{background:var(--color-text-primary);color:var(--color-text-inverse)}.btn-primary:hover:not(:disabled){background:var(--color-text-secondary)}.btn-primary:active:not(:disabled){transform:scale(.98)}.btn-secondary{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.btn-secondary:hover:not(:disabled){background:var(--color-border-secondary)}.btn-outline{background:#0000;border:1px solid var(--color-border-primary);color:var(--color-text-primary)}.btn-outline:hover:not(:disabled){background:var(--color-hover);border-color:var(--color-border-hover)}.btn-ghost{background:#0000;color:var(--color-text-secondary)}.btn-ghost:hover:not(:disabled){background:var(--color-hover);color:var(--color-text-primary)}.btn-accent{background:var(--color-accent);color:#fff}.btn-accent:hover:not(:disabled){background:var(--color-accent-hover);box-shadow:var(--shadow-accent)}.btn-success{background:var(--color-success);color:#fff}.btn-success:hover:not(:disabled){background:var(--color-success-hover);box-shadow:var(--shadow-success)}.btn-danger{background:var(--color-error);color:#fff}.btn-danger:hover:not(:disabled){background:var(--color-error-hover);box-shadow:var(--shadow-error)}.btn-icon{padding:0;width:var(--btn-height-md)}.btn-icon.btn-sm{width:var(--btn-height-sm)}.btn-icon.btn-lg{width:var(--btn-height-lg)}.tooltip{position:relative}.tooltip-content{background:var(--color-text-primary);border-radius:var(--radius-md);color:var(--color-text-inverse);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);opacity:0;padding:var(--spacing-2) var(--spacing-3);pointer-events:none;position:absolute;transition:all var(--transition-normal);visibility:hidden;white-space:nowrap;z-index:var(--z-tooltip)}.tooltip-content:before{border:6px solid #0000;content:"";position:absolute}.tooltip-top .tooltip-content{bottom:calc(100% + 8px);left:50%;transform:translateX(-50%) translateY(4px)}.tooltip-top .tooltip-content:before{border-top-color:var(--color-text-primary);left:50%;top:100%;transform:translateX(-50%)}.tooltip-bottom .tooltip-content{left:50%;top:calc(100% + 8px);transform:translateX(-50%) translateY(-4px)}.tooltip-bottom .tooltip-content:before{border-bottom-color:var(--color-text-primary);bottom:100%;left:50%;transform:translateX(-50%)}.tooltip-left .tooltip-content{right:calc(100% + 8px);top:50%;transform:translateY(-50%) translateX(4px)}.tooltip-left .tooltip-content:before{border-left-color:var(--color-text-primary);left:100%;top:50%;transform:translateY(-50%)}.tooltip-right .tooltip-content{left:calc(100% + 8px);top:50%;transform:translateY(-50%) translateX(-4px)}.tooltip-right .tooltip-content:before{border-right-color:var(--color-text-primary);right:100%;top:50%;transform:translateY(-50%)}.tooltip:focus-within .tooltip-content,.tooltip:hover .tooltip-content{opacity:1;transform:translateX(-50%) translateY(0);visibility:visible}.tooltip-left:hover .tooltip-content,.tooltip-right:hover .tooltip-content{transform:translateY(-50%) translateX(0)}.alert{align-items:flex-start;border-radius:var(--radius-lg);display:flex;font-size:var(--font-size-base);gap:var(--spacing-3);line-height:var(--line-height-normal);padding:var(--spacing-3) var(--spacing-4)}.alert-icon{flex-shrink:0;height:var(--icon-size-md);margin-top:2px;width:var(--icon-size-md)}.alert-content{flex:1 1;min-width:0}.alert-title{font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-1)}.alert-description{color:inherit;opacity:.9}.alert-info{background:var(--color-info-light);border:1px solid var(--color-info);color:var(--color-info-dark)}.alert-success{background:var(--color-success-light);border:1px solid var(--color-success);color:var(--color-success-dark)}.alert-warning{background:var(--color-warning-light);border:1px solid var(--color-warning);color:var(--color-warning-dark)}.alert-error{background:var(--color-error-light);border:1px solid var(--color-error);color:var(--color-error-dark)}.input{background:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);color:var(--color-text-primary);font-family:var(--font-family);font-size:var(--font-size-base);height:var(--input-height-md);padding:0 var(--spacing-3);transition:all var(--transition-normal);width:100%}.input::placeholder{color:var(--color-text-muted)}.input:hover:not(:disabled){border-color:var(--color-border-hover)}.input:focus{border-color:var(--color-border-focus);box-shadow:0 0 0 3px var(--color-focus-ring);outline:none}.input:disabled{background:var(--color-bg-tertiary);color:var(--color-text-disabled);cursor:not-allowed}.input-sm{border-radius:var(--radius-md);font-size:var(--font-size-sm);height:var(--input-height-sm)}.input-lg{border-radius:var(--radius-xl);font-size:var(--font-size-lg);height:var(--input-height-lg);padding:0 var(--spacing-4)}.input-error{border-color:var(--color-error)}.input-error:focus{box-shadow:0 0 0 3px #dc262633}.textarea{min-height:100px;padding:var(--spacing-3);resize:vertical}.badge{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);gap:var(--spacing-1);line-height:1;padding:var(--spacing-1) var(--spacing-2);white-space:nowrap}.badge-default{background:var(--color-bg-tertiary);color:var(--color-text-secondary)}.badge-accent{background:var(--color-accent-light);color:var(--color-accent)}.badge-success{background:var(--color-success-light);color:var(--color-success)}.badge-warning{background:var(--color-warning-light);color:var(--color-warning-dark)}.badge-error{background:var(--color-error-light);color:var(--color-error)}.badge-info{background:var(--color-info-light);color:var(--color-info)}.card{background:var(--color-bg-primary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);overflow:hidden}.card-hover{transition:all var(--transition-normal)}.card-hover:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-header{border-bottom:1px solid var(--color-border-secondary)}.card-body,.card-footer,.card-header{padding:var(--spacing-4)}.card-footer{background:var(--color-bg-tertiary);border-top:1px solid var(--color-border-secondary)}.spinner{border:2px solid var(--color-border-primary);border-top-color:var(--color-text-primary);height:var(--icon-size-md);width:var(--icon-size-md)}.spinner-sm{height:var(--icon-size-sm);width:var(--icon-size-sm)}.spinner-lg{border-width:3px;height:var(--icon-size-lg);width:var(--icon-size-lg)}.skeleton{animation:skeleton-shimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,var(--color-skeleton) 0,var(--color-skeleton-shine) 50%,var(--color-skeleton) 100%);background-size:200% 100%;border-radius:var(--radius-md)}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.modal-backdrop{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:var(--color-bg-overlay);display:flex;inset:0;justify-content:center;padding:var(--spacing-4);position:fixed;z-index:var(--z-modal-backdrop)}.modal{background:var(--color-bg-primary);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);max-height:calc(100vh - var(--spacing-8));max-width:480px;overflow:hidden;position:relative;width:100%;z-index:var(--z-modal)}.modal-header{align-items:center;border-bottom:1px solid var(--color-border-secondary);display:flex;justify-content:space-between;padding:var(--spacing-4) var(--spacing-5)}.modal-title{color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.modal-close{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);color:var(--color-text-tertiary);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all var(--transition-fast);width:32px}.modal-close:hover{background:var(--color-hover);color:var(--color-text-primary)}.modal-body{overflow-y:auto;padding:var(--spacing-5)}.modal-footer{align-items:center;background:var(--color-bg-tertiary);border-top:1px solid var(--color-border-secondary);display:flex;gap:var(--spacing-3);justify-content:flex-end;padding:var(--spacing-4) var(--spacing-5)}.toast-container{bottom:var(--spacing-4);display:flex;flex-direction:column-reverse;gap:var(--spacing-2);position:fixed;right:var(--spacing-4);z-index:var(--z-toast)}.toast{align-items:flex-start;animation:toast-slide-in .3s ease;background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);display:flex;gap:var(--spacing-3);max-width:420px;min-width:300px;padding:var(--spacing-3) var(--spacing-4)}@keyframes toast-slide-in{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.toast-icon{flex-shrink:0;height:var(--icon-size-md);width:var(--icon-size-md)}.toast-content{flex:1 1;min-width:0}.toast-title{color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}.toast-message{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-top:var(--spacing-1)}.toast-success .toast-icon{color:var(--color-success)}.toast-error .toast-icon{color:var(--color-error)}.toast-warning .toast-icon{color:var(--color-warning)}.toast-info .toast-icon{color:var(--color-info)}::-webkit-scrollbar{height:6px}::-webkit-scrollbar-thumb{border-radius:var(--radius-full)}*{scrollbar-color:var(--color-scrollbar-thumb) var(--color-scrollbar-track);scrollbar-width:thin}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;padding:0;position:absolute;width:1px}.sr-only,.truncate{overflow:hidden;white-space:nowrap}.truncate{text-overflow:ellipsis}.line-clamp-2{-webkit-line-clamp:2}.line-clamp-2,.line-clamp-3{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-3{-webkit-line-clamp:3}.focus-ring:focus-visible{box-shadow:0 0 0 3px var(--color-focus-ring);outline:none}.glass{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:var(--glass-lighter);border:1px solid var(--color-border-subtle)}.feedback-modal{background:var(--color-bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;max-height:90vh;max-width:480px;width:100%}.feedback-modal-header{align-items:center;border-bottom:1px solid var(--color-border-primary);display:flex;justify-content:space-between;padding:var(--spacing-4) var(--spacing-5)}.feedback-modal-header h2{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0}.feedback-modal-close{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);color:var(--color-text-tertiary);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all var(--transition-fast);width:32px}.feedback-modal-close:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.feedback-modal-content{flex:1 1;overflow-y:auto;padding:var(--spacing-5)}.feedback-textarea{background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);color:var(--color-text-primary);font-family:var(--font-family);font-size:var(--font-size-base);min-height:120px;padding:var(--spacing-3);resize:vertical;transition:border-color var(--transition-fast);width:100%}.feedback-textarea:focus{border-color:var(--color-border-hover);outline:none}.feedback-textarea::placeholder{color:var(--color-text-tertiary)}.feedback-attachments{display:flex;flex-wrap:wrap;gap:var(--spacing-2);margin-top:var(--spacing-3)}.feedback-attachment{border:1px solid var(--color-border-primary);border-radius:var(--radius-md);height:72px;overflow:hidden;position:relative;width:72px}.feedback-attachment img{height:100%;object-fit:cover;width:100%}.feedback-attachment-remove{align-items:center;background:#0009;border:none;border-radius:var(--radius-full);color:#fff;cursor:pointer;display:flex;height:20px;justify-content:center;position:absolute;right:4px;top:4px;transition:background var(--transition-fast);width:20px}.feedback-attachment-remove:hover{background:#dc2626e6}.feedback-error{background:#dc26261a;border-radius:var(--radius-md);color:#dc2626;font-size:var(--font-size-sm);margin-top:var(--spacing-3);padding:var(--spacing-3)}.feedback-modal-footer{align-items:center;border-top:1px solid var(--color-border-primary);display:flex;gap:var(--spacing-3);justify-content:space-between;padding:var(--spacing-4) var(--spacing-5)}.feedback-attach-btn{align-items:center;background:#0000;border:1px solid var(--color-border-primary);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:var(--font-size-sm);gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);transition:all var(--transition-fast)}.feedback-attach-btn:hover:not(:disabled){background:var(--color-bg-tertiary);color:var(--color-text-primary)}.feedback-attach-btn:disabled{cursor:not-allowed;opacity:.5}.feedback-submit-btn{align-items:center;background:var(--color-text-primary);border:none;border-radius:var(--radius-md);color:var(--color-text-inverse);cursor:pointer;display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);transition:all var(--transition-fast)}.feedback-submit-btn:hover:not(:disabled){opacity:.9}.feedback-submit-btn:disabled{cursor:not-allowed;opacity:.5}.feedback-spinner{animation:spin .6s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:initial;height:16px;width:16px}.feedback-modal-success{flex-direction:column;padding:var(--spacing-8);text-align:center}.feedback-modal-success,.feedback-success-icon{align-items:center;display:flex;justify-content:center}.feedback-success-icon{background:#10b981;border-radius:50%;color:#fff;font-size:32px;height:64px;margin-bottom:var(--spacing-4);width:64px}.feedback-modal-success p{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-2)}.feedback-modal-success span{color:var(--color-text-tertiary);font-size:var(--font-size-sm)}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;background:var(--color-bg-secondary);color:var(--color-text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;min-height:100vh}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--color-scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--color-scrollbar-thumb);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-scrollbar-thumb-hover)}.landing{align-items:center;background:#0a0a0b;display:flex;justify-content:center;min-height:100vh}.landing-content{max-width:400px;padding:0 24px;text-align:center}.landing-logo{font-size:4rem;margin-bottom:1rem}.landing-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff 0,var(--color-text-tertiary) 100%);-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:700;margin:0 0 .5rem}.landing-subtitle{color:var(--color-text-secondary);font-size:1.1rem;margin:0}.landing-auth-btn{align-items:center;background:#fc3f1d;border:none;border-radius:var(--radius-md);color:#000;cursor:pointer;display:flex;font-family:inherit;font-size:var(--font-size-md);font-weight:500;gap:10px;justify-content:center;margin-top:2.5rem;padding:14px 24px;transition:all var(--transition-normal);width:100%}.landing-auth-btn:hover:not(:disabled){background:#f53;box-shadow:0 8px 24px #fc3f1d4d;transform:translateY(-1px)}.landing-auth-btn:disabled{cursor:wait;opacity:.7}.yandex-icon{flex-shrink:0}.landing-spinner{animation:landing-spin .8s linear infinite;border:2px solid #0003;border-radius:var(--radius-full);border-top-color:#000;height:18px;width:18px}@keyframes landing-spin{to{transform:rotate(1turn)}}.landing-hint{color:var(--color-text-secondary);font-size:.9rem;line-height:1.5;margin-top:2rem}.profile-page{background:var(--color-bg-secondary);min-height:100vh}.profile-page,.profile-sidebar{display:flex;flex-direction:column}.profile-sidebar{bottom:16px;left:16px;position:fixed;top:80px;width:240px;z-index:50}.profile-container{display:flex;flex:1 1;justify-content:center;margin-left:0;padding:96px 24px 32px}.profile-nav{background:var(--color-bg-primary);border:1px solid var(--color-bg-tertiary);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:4px;padding:8px}.nav-item{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;display:flex;font-family:inherit;font-size:var(--font-size-base);gap:12px;padding:12px 16px;text-align:left;transition:all var(--transition-normal)}.nav-item:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.nav-item-active,.nav-item-active:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.nav-icon{align-items:center;display:flex;height:20px;justify-content:center;width:24px}.nav-icon svg{flex-shrink:0}.nav-label{font-weight:500}.profile-content{flex:1 1;max-width:800px;min-width:0;width:100%}.section{display:flex;flex-direction:column;gap:24px}.profile-card{background:var(--color-bg-primary);border:1px solid var(--color-bg-tertiary);border-radius:var(--radius-xl);padding:32px}.profile-avatar-section{align-items:center;border-bottom:1px solid var(--color-bg-tertiary);display:flex;gap:20px;margin-bottom:28px;padding-bottom:28px}.profile-avatar-wrapper{display:inline-block;position:relative}.profile-avatar{border:3px solid var(--color-bg-primary);border-radius:var(--radius-full);box-shadow:0 4px 16px #0000001a;cursor:pointer;flex-shrink:0;height:88px;overflow:hidden;position:relative;transition:all var(--transition-normal);width:88px}.profile-avatar:hover{border-color:var(--color-border-hover)}.profile-avatar img{height:100%;object-fit:cover;width:100%}.profile-avatar-overlay{align-items:center;background:#00000080;border-radius:var(--radius-full);color:#fff;display:flex;inset:0;justify-content:center;opacity:0;position:absolute;transition:opacity var(--transition-normal)}.profile-avatar-overlay.visible{opacity:1}.profile-avatar.is-loading{cursor:wait}.profile-avatar-overlay.loading-mode{background:#0009}.profile-avatar-spinner{animation:avatar-spin .8s linear infinite;border:3px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:32px;width:32px}@keyframes avatar-spin{to{transform:rotate(1turn)}}.avatar-placeholder-xl{align-items:center;background:linear-gradient(135deg,var(--color-bg-tertiary) 0,var(--color-border-hover) 100%);color:var(--color-text-secondary);display:flex;font-size:var(--font-size-5xl);font-weight:600;height:100%;justify-content:center;width:100%}.profile-name-block{display:flex;flex-direction:column;gap:4px}.profile-name{color:var(--color-text-primary);font-size:var(--font-size-3xl);font-weight:600;margin:0}.profile-name-editable{align-items:center;display:flex;gap:8px;position:relative}.profile-name-edit-btn{align-items:center;background:var(--color-bg-tertiary);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;display:flex;flex-shrink:0;height:28px;justify-content:center;transition:all var(--transition-normal);width:28px}.profile-name-edit-btn:hover{border-color:var(--color-border-hover)}.profile-name-edit-btn:hover,.profile-name-input{background:var(--color-bg-secondary);color:var(--color-text-primary)}.profile-name-input{border:2px solid var(--color-border-hover);border-radius:var(--radius-md);font-family:inherit;font-size:var(--font-size-3xl);font-weight:600;margin:-6px 0;max-width:100%;min-width:200px;outline:none;padding:4px 12px}.profile-name-input:focus{border-color:var(--color-text-secondary)}.profile-name-input::placeholder{color:var(--color-text-muted);font-weight:400}.profile-name-input:disabled{opacity:.6}.profile-since{color:var(--color-text-tertiary);font-size:var(--font-size-base)}.profile-fields{gap:20px}.field-group,.profile-fields{display:flex;flex-direction:column}.field-group{gap:6px}.field-label{color:var(--color-text-tertiary);font-size:var(--font-size-sm);font-weight:600;letter-spacing:.5px;text-transform:uppercase}.field-value{color:var(--color-text-primary);display:flex;flex-direction:column;font-size:var(--font-size-md);gap:6px}.field-value-auth{align-items:center;flex-direction:row}.auth-badge{align-items:center;border-radius:var(--radius-sm);display:inline-flex;gap:8px;padding:8px 14px}.auth-badge,.field-btn{background:var(--color-bg-tertiary);color:var(--color-text-secondary);font-size:var(--font-size-base);font-weight:500}.field-btn{border:1px solid var(--color-border-primary);border-radius:var(--radius-sm);cursor:pointer;font-family:inherit;padding:10px 18px;transition:all var(--transition-normal);width:-webkit-fit-content;width:fit-content}.field-btn:hover:not(:disabled){background:var(--color-bg-tertiary);border-color:var(--color-border-primary)}.field-btn-disabled{cursor:not-allowed;opacity:.5}.field-hint{color:var(--color-text-muted);font-size:var(--font-size-sm)}.danger-zone{margin-top:8px}.danger-card{align-items:center;background:var(--color-error-light);border:1px solid var(--color-error-light);border-radius:var(--radius-md);display:flex;justify-content:space-between;padding:20px 24px}.danger-info{display:flex;flex-direction:column;gap:4px}.danger-label{color:var(--color-text-primary);font-size:var(--font-size-base);font-weight:500}.danger-desc{color:var(--color-text-tertiary);font-size:var(--font-size-sm)}.danger-btn{background:var(--color-bg-primary);border:1px solid var(--color-error-light);border-radius:var(--radius-sm);color:var(--color-error);cursor:pointer;font-family:inherit;font-size:var(--font-size-base);font-weight:500;padding:10px 20px;transition:all var(--transition-normal)}.danger-btn:hover{background:var(--color-error);border-color:var(--color-error);color:var(--color-text-inverse)}.placeholder-card{background:var(--color-bg-primary);border:1px solid var(--color-bg-tertiary);border-radius:var(--radius-xl);padding:64px 32px;text-align:center}.placeholder-icon{font-size:56px;margin-bottom:20px}.placeholder-card h3{color:var(--color-text-primary);font-size:var(--font-size-2xl);font-weight:600;margin:0 0 8px}.placeholder-card p{color:var(--color-text-tertiary);font-size:var(--font-size-md);line-height:1.5;margin:0 auto;max-width:360px}.modal-content{background:var(--color-bg-primary);border-radius:var(--radius-xl);box-shadow:0 20px 60px #0003;max-width:420px;padding:32px;width:90%}.modal-content h3{color:var(--color-text-primary);font-size:var(--font-size-2xl);font-weight:600;margin:0 0 12px}.modal-content p{color:var(--color-text-secondary);font-size:var(--font-size-base);line-height:1.5;margin:0 0 24px}.modal-actions{display:flex;gap:12px;justify-content:flex-end}.modal-btn{border-radius:var(--radius-sm);cursor:pointer;font-family:inherit;font-size:var(--font-size-base);font-weight:500;padding:10px 20px;transition:all var(--transition-normal)}.modal-btn-cancel{border:1px solid var(--color-border-primary);color:var(--color-text-secondary)}.modal-btn-cancel,.modal-btn-cancel:hover{background:var(--color-bg-tertiary)}.modal-btn-danger{background:var(--color-error);border:1px solid var(--color-error);color:var(--color-text-inverse)}.modal-btn-danger:hover{background:var(--color-error);border-color:var(--color-error)}@media (max-width:1100px){.profile-sidebar{width:200px}}@media (max-width:900px){.profile-sidebar{bottom:auto;height:auto;left:16px;position:fixed;right:16px;top:80px;width:auto}.profile-nav{flex-direction:row;gap:4px;overflow-x:auto;padding:6px}.nav-item{flex-shrink:0;padding:10px 14px}.nav-label{white-space:nowrap}.profile-container{padding:160px 16px 32px}.profile-card{padding:24px}.danger-card,.profile-avatar-section{flex-direction:column;text-align:center}.danger-card{gap:16px}}@media (max-width:600px){.profile-container{padding:150px 12px 24px}.profile-avatar{height:72px;width:72px}.profile-name,.profile-name-input{font-size:var(--font-size-2xl)}.profile-name-input{min-width:150px}}.section-title{color:var(--color-text-secondary);font-size:var(--font-size-lg);font-weight:600;margin:0}.balance-card{background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:var(--radius-xl);color:var(--color-text-inverse);padding:28px}.balance-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.balance-card .balance-label{color:#ffffffb3;font-size:var(--font-size-base)}.balance-icon-large{font-size:var(--font-size-3xl)}.balance-amount{font-size:42px;font-weight:700;letter-spacing:-1px}.balance-unit{font-size:var(--font-size-xl);font-weight:400;margin-left:8px;opacity:.7}.subscription-status{align-items:center;border-top:1px solid #ffffff1a;display:flex;gap:12px;margin-top:16px;padding-top:16px}.subscription-badge{background:var(--color-success);border-radius:var(--radius-sm);color:#1a1a2e;font-size:var(--font-size-sm);font-weight:600;padding:6px 12px}.subscription-expires{color:#fff9;font-size:var(--font-size-sm)}.plan-card{background:var(--color-bg-primary);border:2px solid var(--color-bg-tertiary);border-radius:var(--radius-xl);padding:28px;transition:all var(--transition-normal)}.plan-card-active{border-color:var(--color-success)}.plan-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:20px}.plan-name{align-items:center;color:var(--color-text-primary);display:flex;font-size:var(--font-size-2xl);font-weight:600;gap:10px}.plan-icon{font-size:var(--font-size-3xl)}.plan-price{text-align:right}.plan-amount{color:var(--color-text-primary);font-size:var(--font-size-4xl);font-weight:700}.plan-currency{color:var(--color-text-tertiary);font-size:var(--font-size-base);margin-left:2px}.plan-features{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.plan-feature{align-items:center;color:var(--color-text-secondary);display:flex;font-size:var(--font-size-base);gap:10px}.feature-icon{font-size:var(--font-size-lg);text-align:center;width:20px}.plan-btn{background:linear-gradient(135deg,var(--color-success) 0,var(--color-success) 100%);border:none;border-radius:var(--radius-md);color:var(--color-text-inverse);cursor:pointer;font-family:inherit;font-size:var(--font-size-md);font-weight:600;padding:14px 24px;transition:all var(--transition-normal);width:100%}.plan-btn:hover:not(:disabled){box-shadow:0 4px 12px #10b9814d;transform:translateY(-1px)}.plan-btn:disabled{cursor:not-allowed;opacity:.7}.plan-note{color:var(--color-warning);font-size:var(--font-size-sm);margin-top:12px;text-align:center}.topup-message{border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:500;padding:14px 18px}.topup-message-success{background:var(--color-success-light);border:1px solid var(--color-success);color:var(--color-success)}.topup-message-error{background:var(--color-error-light);border:1px solid var(--color-error-light);color:var(--color-error)}.pricing-info{background:var(--color-bg-primary);border:1px solid var(--color-bg-tertiary);border-radius:var(--radius-lg);padding:24px}.pricing-info h4{color:var(--color-text-primary);font-size:var(--font-size-md);font-weight:600;margin:0 0 16px}.pricing-table{display:flex;flex-direction:column;gap:12px}.pricing-row{align-items:center;background:var(--color-bg-secondary);border-radius:var(--radius-sm);display:flex;justify-content:space-between;padding:10px 14px}.pricing-label{color:var(--color-text-secondary);font-size:var(--font-size-base);font-weight:500}.pricing-note,.pricing-value{color:var(--color-text-tertiary);font-size:var(--font-size-sm)}.pricing-note{line-height:1.5;margin:16px 0 0}.loading-placeholder{background:var(--color-bg-primary);border:1px solid var(--color-bg-tertiary);border-radius:var(--radius-xl);color:var(--color-text-tertiary);padding:64px;text-align:center}.stats-summary{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}.stat-card{background:var(--color-bg-primary);border:1px solid var(--color-bg-tertiary);border-radius:var(--radius-lg);gap:14px;padding:20px}.stat-card,.stat-icon{align-items:center;display:flex}.stat-icon{border-radius:var(--radius-md);font-size:var(--font-size-2xl);font-weight:600;height:48px;justify-content:center;width:48px}.stat-icon-spent{background:var(--color-error-light);color:var(--color-error)}.stat-icon-added{background:var(--color-success-light);color:var(--color-success)}.stat-icon-balance{background:var(--color-warning-light);color:var(--color-warning)}.stat-info{display:flex;flex-direction:column;gap:2px}.stat-label{color:var(--color-text-tertiary);font-size:var(--font-size-sm)}.stat-value{color:var(--color-text-primary);font-size:var(--font-size-2xl);font-weight:600}.empty-transactions{background:var(--color-bg-primary);border:1px solid var(--color-bg-tertiary);border-radius:var(--radius-lg);padding:48px;text-align:center}.empty-icon{display:block;font-size:36px;margin-bottom:12px}.empty-transactions p{color:var(--color-text-tertiary);margin:0}.transactions-list{display:flex;flex-direction:column;gap:8px}.transaction-item{align-items:center;background:var(--color-bg-primary);border:1px solid var(--color-bg-tertiary);border-radius:var(--radius-md);display:flex;gap:14px;padding:16px;transition:all var(--transition-normal)}.transaction-item:hover{border-color:var(--color-border-primary)}.transaction-icon{align-items:center;border-radius:var(--radius-md);display:flex;font-size:var(--font-size-lg);font-weight:600;height:36px;justify-content:center;width:36px}.transaction-positive .transaction-icon{background:var(--color-success-light);color:var(--color-success)}.transaction-negative .transaction-icon{background:var(--color-error-light);color:var(--color-error)}.transaction-info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.transaction-type{color:var(--color-text-primary);font-size:var(--font-size-base);font-weight:500}.transaction-desc{color:var(--color-text-tertiary);font-size:var(--font-size-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.transaction-amount{align-items:flex-end;display:flex;flex-direction:column;gap:2px}.amount-positive{color:var(--color-success)}.amount-negative,.amount-positive{font-size:var(--font-size-md);font-weight:600}.amount-negative{color:var(--color-error)}.transaction-date{color:var(--color-text-muted);font-size:var(--font-size-xs)}@media (max-width:768px){.stats-summary{grid-template-columns:1fr}}.stats-section{gap:20px}.stats-balance-card{background:var(--color-bg-primary);border:1px solid var(--color-bg-tertiary);border-radius:var(--radius-xl);padding:28px}.stats-balance-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:20px}.stats-balance-info{display:flex;flex-direction:column;gap:6px}.stats-balance-label{color:var(--color-text-tertiary);font-size:var(--font-size-sm)}.stats-balance-values{align-items:baseline;display:flex;gap:8px}.stats-balance-main{color:var(--color-text-primary);font-size:var(--font-size-5xl);font-weight:700}.stats-balance-separator{color:var(--color-text-muted);font-size:var(--font-size-base)}.stats-balance-total{color:var(--color-text-tertiary);font-size:var(--font-size-xl);font-weight:500}.stats-renew-info{align-items:flex-end;display:flex;flex-direction:column;gap:4px}.stats-renew-label{color:var(--color-text-tertiary);font-size:var(--font-size-sm)}.stats-renew-date{color:var(--color-text-primary);font-size:var(--font-size-base);font-weight:600}.stats-progress-bar{background:var(--color-bg-tertiary);border-radius:var(--radius-sm);height:10px;margin-bottom:12px;overflow:hidden}.stats-progress-fill{background:var(--color-accent);border-radius:var(--radius-sm);height:100%;transition:width .5s ease}.stats-progress-labels{align-items:center;display:flex;justify-content:space-between}.stats-progress-spent{color:var(--color-text-tertiary);font-size:var(--font-size-sm)}.stats-progress-percent{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:500}.stats-period-section{align-items:center;background:var(--color-bg-primary);border:1px solid var(--color-bg-tertiary);border-radius:var(--radius-lg);display:flex;gap:16px;padding:16px 20px}.stats-period-label{color:var(--color-text-primary);font-size:var(--font-size-base);font-weight:600;white-space:nowrap}.stats-period-controls{align-items:center;display:flex;flex:1 1;gap:12px}.stats-daily-period{color:var(--color-text-tertiary);font-size:var(--font-size-sm)}.stats-period-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:var(--color-bg-primary) url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 12px center;border:1px solid var(--color-bg-tertiary);border-radius:var(--radius-md);color:var(--color-text-primary);cursor:pointer;font-family:inherit;font-size:var(--font-size-base);font-weight:500;padding:10px 36px 10px 14px;transition:all var(--transition-normal)}.stats-period-select:hover{border-color:var(--color-border-hover)}.stats-period-select:focus{border-color:var(--color-accent);outline:none}.stats-custom-dates{align-items:center;display:flex;gap:8px}.stats-date-input{background:var(--color-bg-primary);border:1px solid var(--color-bg-tertiary);border-radius:var(--radius-sm);color:var(--color-text-primary);cursor:pointer;font-family:inherit;font-size:var(--font-size-sm);padding:8px 12px}.stats-date-input:focus{border-color:var(--color-accent);outline:none}.stats-date-separator{color:var(--color-text-tertiary);font-size:var(--font-size-sm)}.stats-summary-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr)}.stat-card-compact{align-items:center;background:var(--color-bg-primary);border:1px solid var(--color-bg-tertiary);border-radius:var(--radius-lg);display:flex;justify-content:center;padding:20px}.stat-info-compact{align-items:center;display:flex;flex-direction:column;gap:4px}.stat-value-compact{color:var(--color-text-primary);font-size:var(--font-size-3xl);font-weight:700}.stat-label-compact{color:var(--color-text-tertiary);font-size:var(--font-size-sm)}.stats-charts-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.stats-chart-card{background:var(--color-bg-primary);border:1px solid var(--color-bg-tertiary);border-radius:var(--radius-xl);padding:24px}.stats-chart-title{color:var(--color-text-primary);font-size:var(--font-size-md);font-weight:600;margin:0 0 20px}.stats-donut-card{display:flex;flex-direction:column}.stats-donut-container{display:flex;justify-content:center;margin-bottom:24px}.stats-donut-svg{height:220px;width:220px}.stats-donut-label{fill:var(--color-text-tertiary);font-size:var(--font-size-sm)}.stats-donut-value{fill:var(--color-text-primary);font-size:var(--font-size-3xl);font-weight:700}.stats-donut-legend{display:flex;flex-wrap:wrap;gap:10px 20px;justify-content:center}.stats-legend-item{align-items:center;display:flex;gap:8px}.stats-legend-dot{border-radius:var(--radius-full);flex-shrink:0;height:10px;width:10px}.stats-legend-label{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.stats-tools-card,.stats-tools-list{display:flex;flex-direction:column}.stats-tools-list{gap:20px}.stats-tool-item{display:flex;flex-direction:column;gap:8px}.stats-tool-header{align-items:center;display:flex;justify-content:space-between}.stats-tool-name{color:var(--color-text-primary);font-size:var(--font-size-base);font-weight:500}.stats-tool-percentage{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:600}.stats-tool-bar{background:var(--color-bg-tertiary);border-radius:3px;height:6px;overflow:hidden}.stats-tool-bar-fill{background:var(--color-accent);border-radius:3px;height:100%;transition:width .4s ease}.stats-tool-stats{display:flex;gap:16px}.stats-tool-stat{color:var(--color-text-tertiary);font-size:var(--font-size-sm)}.stats-tool-stat-value{color:var(--color-text-secondary);font-weight:600}.stats-daily-card{width:100%}.stats-daily-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.stats-daily-header .stats-chart-title{margin:0}.stats-daily-chart{align-items:flex-end;display:flex;gap:2px;height:160px;padding-bottom:4px}.stats-daily-bar-container{align-items:center;display:flex;flex:1 1;flex-direction:column;height:100%;min-width:0}.stats-daily-bar-wrapper{align-items:flex-end;display:flex;flex:1 1;justify-content:center;width:100%}.stats-daily-bar{align-items:flex-start;background:var(--color-accent);justify-content:center;padding-top:4px}.stats-daily-bar,.stats-daily-stacked-bar{border-radius:var(--radius-sm) 4px 0 0;display:flex;min-height:20px;transition:height .4s ease;width:100%}.stats-daily-stacked-bar{flex-direction:column;overflow:hidden;position:relative}.stats-daily-segment{min-height:2px;width:100%}.stats-daily-segment:first-child{border-radius:var(--radius-sm) 4px 0 0}.stats-daily-stacked-bar .stats-daily-value{left:50%;position:absolute;top:4px;transform:translateX(-50%)}.stats-daily-bar-empty{background:var(--color-bg-tertiary);min-height:20px}.stats-daily-bar-empty .stats-daily-value{color:var(--color-text-muted)}.stats-daily-bar-future{background:var(--color-bg-tertiary);min-height:8px}.stats-daily-future .stats-daily-label{color:var(--color-text-muted)}.stats-daily-value{color:#1a1a1a;font-size:8px;font-weight:600;text-shadow:none}.stats-daily-label{color:var(--color-text-tertiary);font-size:8px;margin-top:4px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stats-journal-card{background:var(--color-bg-primary);border:1px solid var(--color-bg-tertiary);border-radius:var(--radius-xl);padding:24px}.stats-journal-card .stats-chart-title{margin-bottom:20px}.stats-journal-table{display:flex;flex-direction:column}.stats-journal-thead{grid-gap:12px;background:var(--color-bg-secondary);border-radius:var(--radius-md);display:grid;gap:12px;grid-template-columns:1fr 1fr 120px;margin-bottom:8px;padding:12px 16px}.stats-journal-th{color:var(--color-text-tertiary);font-size:var(--font-size-sm);font-weight:600;letter-spacing:.3px;text-transform:uppercase}.stats-journal-th-tokens{text-align:left}.stats-journal-tbody{display:flex;flex-direction:column;gap:4px}.stats-journal-row{grid-gap:12px;background:var(--color-bg-primary);border:1px solid var(--color-bg-tertiary);border-radius:var(--radius-md);display:grid;gap:12px;grid-template-columns:1fr 1fr 120px;padding:14px 16px}.stats-journal-td{align-items:center;color:var(--color-text-primary);display:flex;font-size:var(--font-size-base)}.stats-journal-td-date{color:var(--color-text-secondary)}.stats-journal-td-tokens{font-weight:500;justify-content:flex-start}.stats-journal-tool-tag{border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:600;padding:5px 12px}.stats-pagination{gap:8px;margin-top:20px}.stats-page-btn,.stats-pagination{align-items:center;display:flex;justify-content:center}.stats-page-btn{background:var(--color-bg-secondary);border:1px solid var(--color-bg-tertiary);border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;font-family:inherit;font-size:var(--font-size-base);height:36px;transition:all var(--transition-normal);width:36px}.stats-page-btn:hover:not(:disabled){background:var(--color-bg-tertiary);color:var(--color-text-primary)}.stats-page-btn:disabled{cursor:not-allowed;opacity:.4}.stats-page-numbers{display:flex;gap:4px}.stats-page-num{align-items:center;background:#0000;border:none;border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;display:flex;font-family:inherit;font-size:var(--font-size-base);font-weight:500;height:36px;justify-content:center;transition:all var(--transition-normal);width:36px}.stats-page-num:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.stats-page-num-active,.stats-page-num-active:hover{background:var(--color-text-primary);color:var(--color-text-inverse)}@media (max-width:900px){.stats-charts-row{grid-template-columns:1fr}.stats-daily-header{align-items:flex-start;flex-direction:column;gap:12px}}@media (max-width:768px){.stats-summary-row{grid-template-columns:1fr}.stats-balance-header{flex-direction:column;gap:16px}.stats-renew-info{align-items:flex-start}.stats-period-section{align-items:stretch;flex-direction:column;gap:12px}.stats-period-controls{flex-direction:column;gap:8px}.stats-custom-dates,.stats-period-select{width:100%}.stats-journal-row,.stats-journal-thead{grid-template-columns:1fr 1fr}.stats-journal-td-tokens,.stats-journal-th-tokens{display:none}.stats-daily-bar-container{min-width:0}.stats-daily-label{font-size:7px}}.stats-empty-state{align-items:center;background:var(--color-bg-primary);border:1px solid var(--color-bg-tertiary);border-radius:var(--radius-lg);display:flex;flex-direction:column;justify-content:center;padding:60px 24px;text-align:center}.stats-empty-icon{font-size:48px;margin-bottom:16px}.stats-empty-state h3{color:var(--color-text-primary);font-size:var(--font-size-xl);font-weight:600;margin:0 0 8px}.stats-empty-state p{margin:0}.stats-empty-state p,.stats-journal-empty{color:var(--color-text-secondary);font-size:var(--font-size-base)}.stats-journal-empty{padding:40px 24px;text-align:center}.finance-section{display:flex;flex-direction:column;gap:24px}.finance-subscription-card{background:var(--color-bg-primary);border:1px solid var(--color-bg-tertiary);border-radius:var(--radius-lg);padding:24px}.finance-plan-header{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;margin-bottom:24px}.finance-plan-info{display:flex;flex-direction:column;gap:8px}.finance-plan-title-row{align-items:center;display:flex;gap:12px}.finance-plan-name{color:var(--color-text-primary);font-size:var(--font-size-3xl);font-weight:700;margin:0;text-transform:capitalize}.finance-billing-badge{background:var(--color-accent-light);border-radius:var(--radius-xl);color:var(--color-accent-tertiary);display:inline-flex;font-size:var(--font-size-sm);font-weight:500;padding:4px 12px;white-space:nowrap}.finance-manage-btn{background:var(--color-bg-tertiary);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);color:var(--color-text-primary);cursor:pointer;font-size:var(--font-size-base);font-weight:500;padding:10px 20px;transition:all var(--transition-normal);white-space:nowrap}.finance-manage-btn:hover{background:var(--color-bg-tertiary);border-color:var(--color-border-hover)}.finance-details-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}.finance-detail-item{display:flex;flex-direction:column;gap:6px}.finance-detail-wide{grid-column:span 2}.finance-detail-label{color:var(--color-text-tertiary);font-size:var(--font-size-sm)}.finance-detail-value{color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:600}.finance-payments-card{background:var(--color-bg-primary);border:1px solid var(--color-bg-tertiary);border-radius:var(--radius-lg);padding:24px}.finance-payments-title{color:var(--color-text-primary);font-size:var(--font-size-xl);font-weight:600;margin:0 0 20px}.finance-payments-empty{color:var(--color-text-secondary);font-size:var(--font-size-base);padding:40px 24px;text-align:center}.finance-payments-table{display:flex;flex-direction:column}.finance-payments-thead{grid-gap:12px;background:var(--color-bg-secondary);border-radius:var(--radius-md);display:grid;gap:12px;grid-template-columns:2fr 1.5fr 1fr 1fr 50px;margin-bottom:8px;padding:12px 16px}.finance-payments-th{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:600;letter-spacing:.5px;text-transform:uppercase}.finance-payments-tbody{display:flex;flex-direction:column;gap:4px}.finance-payments-row{grid-gap:12px;align-items:center;border-bottom:1px solid var(--color-bg-tertiary);display:grid;gap:12px;grid-template-columns:2fr 1.5fr 1fr 1fr 50px;padding:14px 16px;transition:background .15s ease}.finance-payments-row:hover{background:var(--color-bg-secondary)}.finance-payments-row:last-child{border-bottom:none}.finance-payments-td{color:var(--color-text-primary);font-size:var(--font-size-base)}.finance-transaction-id{border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;font-family:SF Mono,Monaco,monospace;font-size:var(--font-size-sm);padding:4px 8px;transition:all var(--transition-normal);white-space:nowrap}.finance-transaction-id:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.finance-id-copied{background:var(--color-success-light);color:var(--color-success)}.finance-td-amount{color:var(--color-text-primary);font-weight:600;text-align:left}.finance-status-badge{border-radius:var(--radius-xl);display:inline-flex;font-size:var(--font-size-sm);font-weight:500;padding:4px 10px}.finance-receipt-btn{align-items:center;background:#0000;border:1px solid var(--color-border-primary);border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all var(--transition-normal);width:32px}.finance-receipt-btn:hover{background:var(--color-bg-tertiary);border-color:var(--color-border-hover);color:var(--color-text-primary)}@media (max-width:768px){.finance-plan-header{flex-direction:column}.finance-manage-btn{text-align:center;width:100%}.finance-details-grid{grid-template-columns:1fr}.finance-detail-wide{grid-column:span 1}.finance-payments-thead{display:none}.finance-payments-row{background:var(--color-bg-secondary);border-bottom:none;border-radius:var(--radius-md);display:flex;flex-direction:column;gap:8px;margin-bottom:8px;padding:16px}.finance-payments-td{align-items:center;display:flex;justify-content:space-between}.finance-payments-td:before{color:var(--color-text-tertiary);content:attr(data-label);font-size:var(--font-size-sm);font-weight:500}.finance-td-receipt{justify-content:flex-end}.finance-td-receipt:before{display:none}}.app{background:var(--color-bg-secondary);min-height:100vh;outline:none;position:relative}.sidebar{background:var(--color-bg-primary);border-radius:var(--radius-xl);bottom:16px;box-shadow:var(--shadow-sm);flex-direction:column;gap:8px;left:16px;overflow:visible;padding:12px 8px;position:fixed;top:80px;width:72px;z-index:50}.sidebar,.sidebar-new{align-items:center;display:flex}.sidebar-new{border:1px dashed var(--color-border-hover);border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;flex-shrink:0;font-size:22px;font-weight:300;height:40px;justify-content:center;transition:all var(--transition-normal);width:100%}.sidebar-new,.sidebar-new:hover{background:var(--color-bg-tertiary)}.sidebar-new:hover{border-color:var(--color-border-hover);color:var(--color-text-primary)}.sidebar-history{-ms-overflow-style:none;display:flex;flex:1 1;flex-direction:column;gap:6px;margin-right:-4px;overflow-x:visible;overflow-y:auto;padding-right:4px;scrollbar-width:none;width:100%}.sidebar-history::-webkit-scrollbar{display:none}.sidebar-item{aspect-ratio:1;border:2px solid #0000;border-radius:var(--radius-sm);cursor:pointer;flex-shrink:0;overflow:hidden;position:relative;transition:all var(--transition-normal);width:100%}.sidebar-item:hover{border-color:var(--color-border-hover)}.sidebar-item-active{border-color:var(--color-text-primary)}.sidebar-item-highlighted{animation:highlight-pulse-sidebar .3s ease-in-out 2;border-color:#ff7af9!important;border-color:var(--highlight-color,#ff7af9)!important;box-shadow:0 0 12px #ff7af980;box-shadow:0 0 12px var(--highlight-color-rgba-50,#ff7af980)}@keyframes highlight-pulse-sidebar{0%,to{border-color:#ff7af9!important;border-color:var(--highlight-color,#ff7af9)!important;box-shadow:0 0 8px #ff7af966;box-shadow:0 0 8px var(--highlight-color-rgba-40,#ff7af966)}50%{border-color:#ff7af9!important;border-color:var(--highlight-color,#ff7af9)!important;box-shadow:0 0 16px #ff7af9cc;box-shadow:0 0 16px var(--highlight-color-rgba-80,#ff7af9cc)}}@keyframes highlight-pulse{0%,to{box-shadow:0 0 8px #ff7af966;box-shadow:0 0 8px var(--highlight-color-rgba-40,#ff7af966)}50%{box-shadow:0 0 16px #ff7af9cc;box-shadow:0 0 16px var(--highlight-color-rgba-80,#ff7af9cc)}}.sidebar-item>img{height:100%;object-fit:cover;width:100%}.sidebar-tooltip{align-items:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:var(--glass-heavy);border:1px solid var(--color-border-subtle);border-left:none;border-radius:0 10px 10px 0;box-shadow:4px 2px 12px var(--color-border-subtle);display:flex;gap:10px;left:88px;max-width:240px;min-width:160px;opacity:0;padding:8px 14px 8px 10px;pointer-events:none;position:fixed;transform:translateX(-20px);transition:all var(--transition-normal);visibility:hidden;z-index:1000}.sidebar-item:hover .sidebar-tooltip{opacity:1;transform:translateX(0);visibility:visible}.sidebar-tooltip-thumb{display:none}.sidebar-tooltip-info{display:flex;flex-direction:column;gap:2px;min-width:0}.sidebar-tooltip-prompt{color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:500;line-height:1.3;margin:0;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-tooltip-date{color:var(--color-text-tertiary);font-size:var(--font-size-xs)}.sidebar-item-loading{align-items:center;background:var(--color-bg-tertiary);display:flex;height:100%;justify-content:center;width:100%}.sidebar-spinner{animation:spin .8s linear infinite;border:2px solid var(--color-border-primary);border-radius:var(--radius-full);border-top-color:var(--color-text-tertiary);height:16px;width:16px}.main{display:flex;flex:1 1;flex-direction:column;margin-left:104px;min-width:0;padding-top:80px}.floating-header{justify-content:center;left:16px;pointer-events:none;position:fixed;right:16px;top:16px;z-index:100}.floating-header,.top-nav{align-items:center;display:flex}.top-nav{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:var(--glass-lighter);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);gap:5px;padding:6px;pointer-events:auto}.top-nav-item{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);color:var(--color-text-tertiary);cursor:pointer;display:flex;height:44px;justify-content:center;text-decoration:none;transition:all var(--transition-normal);width:44px}.top-nav-item:hover{background:var(--color-bg-tertiary);color:var(--color-text-secondary)}.top-nav-item-active{box-shadow:var(--shadow-sm)}.top-nav-item-active,.top-nav-item-active:hover{background:var(--color-bg-elevated);color:var(--color-text-primary)}.top-nav-item-wrapper{position:relative}.top-nav-submenu{animation:submenuFadeIn .15s ease;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:var(--glass-solid);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);left:50%;min-width:280px;position:absolute;top:calc(100% + 12px);transform:translateX(-50%);z-index:1000}@keyframes submenuFadeIn{0%{opacity:0;transform:translateX(-50%) translateY(-8px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.top-nav-submenu:before{border:8px solid #0000;border-bottom:8px solid var(--glass-solid);content:"";filter:drop-shadow(0 -2px 2px rgba(0,0,0,.04));left:50%;position:absolute;top:-8px;transform:translateX(-50%)}.top-nav-submenu-header{border-bottom:1px solid var(--color-bg-tertiary);padding:14px 18px 10px}.top-nav-submenu-title{color:var(--color-text-muted);font-size:var(--font-size-xs);font-weight:600;letter-spacing:.5px;text-transform:uppercase}.top-nav-submenu-items{border-radius:0 0 16px 16px;overflow:hidden;padding:8px}.top-nav-submenu-item{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);cursor:pointer;display:flex;gap:12px;padding:12px 14px;text-align:left;transition:all var(--transition-normal);width:100%}.top-nav-submenu-icon,.top-nav-submenu-item:hover{background:var(--color-bg-tertiary)}.top-nav-submenu-icon{align-items:center;border-radius:var(--radius-md);color:var(--color-text-secondary);display:flex;flex-shrink:0;height:36px;justify-content:center;transition:all var(--transition-normal);width:36px}.top-nav-submenu-item:hover .top-nav-submenu-icon{background:var(--color-border-primary);color:var(--color-text-primary)}.top-nav-submenu-text{display:flex;flex-direction:column;gap:2px;min-width:0}.top-nav-submenu-label{color:var(--color-text-primary);font-family:inherit;font-size:var(--font-size-base);font-weight:500}.top-nav-submenu-desc{color:var(--color-text-tertiary);font-family:inherit;font-size:var(--font-size-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top-nav-submenu-item-active{background:var(--color-bg-tertiary)}.top-nav-submenu-item-active .top-nav-submenu-icon{background:var(--color-text-muted);color:var(--color-bg-primary)}.top-nav-submenu-item-active .top-nav-submenu-label{font-weight:600}.top-nav-submenu-item-active:hover .top-nav-submenu-icon{background:var(--color-text-secondary);color:var(--color-bg-primary)}.main-with-nav{margin-left:16px}.app-no-sidebar{background:var(--color-bg-secondary);display:flex;flex-direction:column;min-height:100vh}.app-no-sidebar .main{margin-left:16px;padding-top:80px}@media (max-width:600px){.app-no-sidebar .main{margin-left:12px;margin-right:12px;padding-top:68px}}.floating-header-left{gap:8px;left:16px}.floating-header-left,.floating-header-right{align-items:center;display:flex;pointer-events:auto;position:fixed;top:16px;z-index:101}.floating-header-right{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:var(--glass-lighter);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);gap:6px;padding:6px;right:16px}.floating-logo{align-items:center;background:#0000;border:none;cursor:pointer;display:flex;justify-content:center;padding:8px 12px;transition:all var(--transition-normal)}.floating-logo:hover{opacity:.8}.floating-logo .logo-text{color:var(--color-text-primary);font-family:var(--font-family-display);font-size:24px;font-weight:400;letter-spacing:1px}.floating-back-btn{align-items:center;background:var(--color-bg-primary);border:none;border-radius:var(--radius-full);box-shadow:var(--shadow-md);color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:var(--font-size-xl);height:40px;justify-content:center;transition:all var(--transition-normal);width:40px}.floating-back-btn:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.floating-icon-btn{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;display:flex;height:40px;justify-content:center;transition:all var(--transition-normal);width:40px}.floating-icon-btn:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.floating-header .upgrade-plan-btn{align-items:center;animation:pulse 2s ease-in-out infinite;background:#bffe00;border:none;border-radius:var(--radius-md);box-shadow:0 4px 16px #bffe0059;color:#000;cursor:pointer;display:flex;font-size:var(--font-size-base);font-weight:600;gap:8px;padding:10px 16px;pointer-events:auto;position:absolute;right:0;top:calc(100% + 12px);transition:all var(--transition-normal);white-space:nowrap;z-index:100}.floating-header .upgrade-plan-btn:hover{background:#d4ff33;box-shadow:0 6px 20px #bffe0073;transform:translateY(-2px)}.floating-header .upgrade-plan-btn svg{stroke:currentColor;height:18px;width:18px}.account-menu{position:relative}.account-avatar-btn{background:var(--color-bg-tertiary);border:2px solid var(--color-bg-tertiary);border-radius:var(--radius-full);cursor:pointer;height:40px;overflow:hidden;padding:0;transition:all var(--transition-normal);width:40px}.account-avatar-btn:hover{border-color:var(--color-border-hover);box-shadow:0 2px 8px var(--color-border-subtle)}.account-avatar-btn img{height:100%;object-fit:cover;width:100%}.avatar-placeholder{align-items:center;background:linear-gradient(135deg,var(--color-bg-tertiary) 0,var(--color-border-hover) 100%);color:var(--color-text-secondary);display:flex;font-size:var(--font-size-lg);font-weight:600;height:100%;justify-content:center;width:100%}.account-dropdown{background:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);box-shadow:0 8px 32px #0000001f,0 2px 8px #0000000f;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);width:260px;z-index:1000}.account-header{align-items:center;background:var(--color-bg-tertiary);display:flex;gap:12px;padding:16px}.account-header-avatar{border:2px solid var(--color-bg-primary);border-radius:var(--radius-full);box-shadow:0 2px 8px #0000001a;flex-shrink:0;height:48px;overflow:hidden;width:48px}.account-header-avatar img{height:100%;object-fit:cover;width:100%}.avatar-placeholder-large{align-items:center;background:linear-gradient(135deg,var(--color-bg-tertiary) 0,var(--color-border-hover) 100%);color:var(--color-text-secondary);display:flex;font-size:var(--font-size-xl);font-weight:600;height:100%;justify-content:center;width:100%}.account-header-info{display:flex;flex-direction:column;gap:2px;min-width:0}.account-name{color:var(--color-text-primary);font-size:var(--font-size-base);font-weight:600}.account-email,.account-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-email{color:var(--color-text-tertiary);font-size:var(--font-size-sm)}.account-divider{background:var(--color-bg-tertiary);height:1px}.account-menu-items{padding:6px 0}.account-menu-item{align-items:center;background:#0000;border:none;color:var(--color-text-primary);cursor:pointer;display:flex;font-family:inherit;font-size:var(--font-size-base);gap:12px;padding:10px 16px;text-align:left;transition:all .12s ease;width:100%}.account-menu-item:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.menu-icon{align-items:center;display:flex;flex-shrink:0;font-size:var(--font-size-lg);height:24px;justify-content:center;width:24px}.account-menu-item-logout{padding:10px 16px}.account-menu-item-logout:hover{background:var(--color-error-light);color:var(--color-error)}.account-balance{background:#ff7af933;gap:12px;padding:14px 16px}.account-balance,.balance-icon{align-items:center;display:flex}.balance-icon{background:#ff7af9;border-radius:var(--radius-md);box-shadow:0 2px 8px #ff7af959;color:var(--color-text);height:36px;justify-content:center;width:36px}.balance-info{display:flex;flex-direction:column;gap:2px}.balance-label{font-size:var(--font-size-xs);font-weight:500;letter-spacing:.5px;text-transform:uppercase}.balance-label,.balance-value{color:var(--color-text);font-family:Inter,sans-serif}.balance-value{font-feature-settings:"tnum";font-size:var(--font-size-xl);font-variant-numeric:tabular-nums;font-weight:700}.content{align-items:flex-start;flex:1 1;overflow-y:auto;padding:24px 24px 220px;position:relative}.content,.content-loading{display:flex;justify-content:center}.content-loading{align-items:center;height:100%;min-height:300px;width:100%}.content-loading-spinner{animation:spin .8s linear infinite;border:3px solid var(--color-border-primary);border-radius:50%;border-top-color:var(--color-text-secondary);height:32px;width:32px}.results-container{align-items:flex-start;display:flex;gap:16px;width:100%}.source-images-column{align-self:flex-start;display:flex;flex-direction:column;flex-shrink:0;gap:6px}.source-thumb{border:1px solid var(--color-border-primary);border-radius:var(--radius-sm);height:48px;overflow:hidden;width:48px}.source-thumb img{height:100%;object-fit:cover;width:100%}.generations-list{display:flex;flex:1 1;flex-direction:column;gap:24px;min-width:0}.load-more-indicator{align-self:center;display:flex;gap:6px;margin-bottom:8px;padding:16px 0}.load-more-dot{animation:loadMorePulse 1.2s ease-in-out infinite;background:var(--color-border-hover);border-radius:var(--radius-full);height:8px;width:8px}.load-more-dot:nth-child(2){animation-delay:.2s}.load-more-dot:nth-child(3){animation-delay:.4s}@keyframes loadMorePulse{0%,80%,to{opacity:.4;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}.generation-block{align-items:flex-start;display:flex;gap:16px}.generation-block-highlighted{animation:highlight-pulse .3s ease-in-out 2;border-radius:8px;margin:-8px;padding:8px}.results-wrapper{flex:1 1;min-width:0;position:relative}.generation-actions{display:flex;gap:4px;justify-content:flex-end;margin-top:8px;opacity:0;transition:opacity .15s ease}.results-wrapper:hover .generation-actions{opacity:1}.gen-action-btn{align-items:center;background:#0000;border:none;border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;display:flex;font-family:inherit;font-size:var(--font-size-sm);gap:5px;padding:6px 12px;transition:all var(--transition-normal)}.gen-action-btn svg{flex-shrink:0}.gen-action-btn:hover{color:var(--color-text-primary)}.prompt-card-wrapper{display:flex;flex-direction:column;flex-shrink:0;width:200px}.prompt-card{background:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);cursor:pointer;padding:12px 14px;position:relative;transition:all var(--transition-normal)}.prompt-card:hover{border-color:var(--color-border-hover);box-shadow:0 2px 8px #0000000d}.prompt-text{-webkit-line-clamp:10;-webkit-box-orient:vertical;color:var(--color-text-primary);display:-webkit-box;font-size:var(--font-size-sm);line-height:1.5;margin:0;overflow:hidden;word-break:break-word}.prompt-copied-label{color:var(--color-text-tertiary);display:block;font-size:var(--font-size-xs);margin-top:8px;padding-left:2px}.prompt-card-loading{cursor:pointer}.prompt-card-skeleton{min-height:80px;overflow:hidden;position:relative}.prompt-loading{align-items:center;color:var(--color-text-tertiary);display:flex;font-size:var(--font-size-sm);gap:8px;margin-top:10px}.prompt-spinner{animation:spin .8s linear infinite;border:2px solid var(--color-border-primary);border-radius:var(--radius-full);border-top-color:var(--color-text-secondary);height:14px;width:14px}.prompt-sources{border-top:1px solid var(--color-bg-tertiary);display:flex;flex-wrap:wrap;gap:4px;margin-top:10px;padding-top:10px}.prompt-source-thumb{border:1px solid var(--color-border-primary);border-radius:var(--radius-sm);height:32px;overflow:hidden;width:32px}.prompt-source-thumb img{height:100%;object-fit:cover;width:100%}.copied-toast{background:var(--color-bg-primary);border-radius:var(--radius-sm);bottom:120px;box-shadow:0 4px 12px #00000026;color:var(--color-success);font-size:var(--font-size-sm);left:50%;padding:10px 16px;position:fixed;transform:translateX(-50%);z-index:100}.empty-state{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;text-align:center;width:100%}.empty-logo{font-size:56px;margin-bottom:16px}.empty-title{color:var(--color-text-primary);font-size:56px;font-weight:600;margin:0}.empty-subtitle{color:var(--color-text-tertiary);font-size:var(--font-size-xl);font-weight:400;margin:12px 0 0}.results-grid{grid-gap:12px;display:grid;flex:1 1;gap:12px;min-width:0}.results-grid-portrait{grid-template-columns:repeat(2,1fr)}.results-grid-landscape{grid-template-columns:1fr}.result-item{background:var(--color-bg-primary);border-radius:var(--radius-md);box-shadow:0 1px 3px #0000000f;overflow:hidden;position:relative}.result-item img{display:block;width:100%}.result-overlay{align-items:flex-end;background:linear-gradient(0deg,#000c 0,#00000080 8%,#00000040 14%,#0000 20%);display:flex;gap:6px;inset:0;justify-content:center;opacity:0;padding:10px;position:absolute;transition:all var(--transition-normal)}.result-item:hover .result-overlay{opacity:1;transform:translateY(0)}.result-action{align-items:center;background:#0000;border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;display:flex;font-family:inherit;font-size:var(--font-size-xs);font-weight:500;gap:4px;padding:6px 10px;text-decoration:none;transition:all var(--transition-normal);white-space:nowrap}.result-action:hover{opacity:.7}.result-action svg{flex-shrink:0;height:14px;width:14px}.result-skeleton{background:var(--color-skeleton);overflow:hidden;position:relative}.result-failed{align-items:center;background:#ef444414;border:1px dashed #ef44444d;border-radius:var(--radius-lg);display:flex;justify-content:center}.result-failed-text{color:#ef4444b3;font-size:14px;font-weight:500;padding:16px;text-align:center}.skeleton-shimmer{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#0000 0,var(--color-shimmer) 50%,#0000 100%);inset:0;position:absolute}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.generation-actions-loading{justify-content:flex-start;opacity:1}.loading-phrase{font-family:inherit;font-size:13px;line-height:1.4;margin:0}.loading-phrase,.typing-cursor{color:var(--color-text-tertiary)}.typing-cursor{animation:blink .6s infinite;display:inline-block;font-weight:300;margin-left:1px}.generation-progress-bar{align-items:center;display:flex;gap:12px;margin-top:12px;padding:0 4px}.progress-bar-track{background:var(--color-bg-tertiary);border-radius:3px;flex:1 1;height:6px;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg,var(--color-accent),var(--color-accent-hover));border-radius:3px;height:100%;transition:width .1s ease-out}.progress-bar-text{font-feature-settings:"tnum";color:var(--color-text-tertiary);font-size:12px;font-variant-numeric:tabular-nums;min-width:36px;text-align:right}.input-bar{align-items:center;bottom:0;display:flex;flex-direction:column;gap:12px;left:0;padding:16px 24px 24px;pointer-events:none;position:fixed;right:0;z-index:50}.input-bar>*{pointer-events:auto}.input-container{align-items:stretch;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:var(--glass-lighter);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);box-shadow:0 8px 32px #0000001f,0 2px 8px #0000000f;display:flex;flex-direction:column;gap:12px;max-width:720px;padding:14px 14px 14px 20px;width:100%}.input-main-row{align-items:flex-start;display:flex;gap:12px}.input-content-wrapper{display:flex;flex:1 1;flex-direction:column;gap:12px}.input-buttons-bottom{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-top:8px;min-height:42px}.input-button-chip{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:var(--glass-light);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);box-shadow:0 2px 8px #0000000f;box-sizing:border-box;color:var(--color-text-secondary);cursor:pointer;display:flex;font-family:inherit;font-size:var(--font-size-sm);gap:6px;height:36px;padding:8px 12px;transition:all var(--transition-normal)}.input-button-chip:hover{background:var(--glass-heavy);border-color:#0000001f;box-shadow:0 4px 12px #0000001a}.input-button-chip svg{flex-shrink:0}.input-text{background:#0000;border:none;color:var(--color-text-primary);flex:1 1;font-family:inherit;font-size:var(--font-size-md);line-height:1.5;max-height:100px;min-height:44px;outline:none;padding-top:2px;resize:none;width:100%}.input-text::placeholder{color:var(--color-text-muted)}.color-highlighted-textarea-wrapper{flex:1 1;max-height:100px;min-height:44px;position:relative}.color-highlighted-overlay{word-wrap:break-word;bottom:0;left:0;overflow:hidden;pointer-events:none;position:absolute;right:0;top:0;white-space:pre-wrap}.color-highlighted-overlay,.color-highlighted-textarea{color:var(--color-text-primary);font-family:inherit;font-size:var(--font-size-md);line-height:1.5;padding-top:2px}.color-highlighted-textarea{background:#0000;border:none;caret-color:var(--color-text-primary);height:100%;max-height:100px;min-height:44px;outline:none;position:relative;resize:none;width:100%}.color-highlighted-textarea.has-colors{color:#0000}.color-highlighted-textarea::placeholder{color:var(--color-text-muted)}.color-highlighted-editor{word-wrap:break-word;background:#0000;border:none;color:var(--color-text-primary);font-family:inherit;font-size:var(--font-size-md);line-height:1.5;max-height:100px;min-height:44px;outline:none;overflow-y:auto;padding-top:2px;position:relative;white-space:pre-wrap;width:100%;z-index:2}.color-highlighted-editor.is-empty:before{color:var(--color-text-muted);content:attr(data-placeholder);pointer-events:none}.color-highlighted-editor.is-empty br{display:none}.color-highlighted-placeholder{color:var(--color-text-muted);font-family:inherit;font-size:var(--font-size-md);left:0;line-height:1.5;pointer-events:none;position:absolute;right:0;top:2px;z-index:1}.color-highlight{align-items:center;background:#80808014;border-radius:10px;display:inline-flex;gap:4px;margin:0 1px;padding:0 6px 0 4px;vertical-align:initial}.color-highlight-dot{border-radius:50%;box-shadow:0 0 0 1px #0000001a;flex-shrink:0;height:12px;width:12px}.color-highlight-code{font-weight:500}.prompt-char-count{font-size:11px;font-weight:500;margin-left:auto;padding:4px 0}.prompt-char-count-warning{color:#ffaf00}.prompt-char-count-limit{color:#ea5000}.generate-btn{align-items:center;border:none;border-radius:var(--radius-md);color:var(--color-text-inverse);cursor:pointer;display:flex;flex-shrink:0;font-family:inherit;font-size:var(--font-size-base);font-weight:500;gap:6px;padding:14px 20px;transition:all var(--transition-normal)}.generate-btn,.generate-btn:hover:not(:disabled){background:var(--color-text-primary)}.generate-btn:disabled{background:var(--color-border-hover);cursor:not-allowed}.generate-btn svg{flex-shrink:0}.generate-wrapper{align-items:center;align-self:center;display:flex;flex-direction:column;flex-shrink:0;gap:6px;justify-content:center}.generate-hint{color:var(--color-text-muted);font-size:var(--font-size-xs);line-height:1.3;max-width:120px;text-align:center}.generate-btn-cancel{background:var(--color-text-primary);cursor:pointer}.generate-btn-cancel:hover{opacity:.85}.generate-btn-cancel-disabled,.generate-btn-cancel-disabled:hover{background:var(--color-text-muted);cursor:not-allowed;opacity:.5}.input-controls{flex-wrap:wrap;gap:8px;justify-content:center}.control-chip,.input-controls{align-items:center;display:flex}.control-chip{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:var(--glass-light);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);box-shadow:0 2px 8px #0000000f;color:var(--color-text-secondary);cursor:pointer;font-family:inherit;font-size:var(--font-size-sm);gap:6px;padding:6px 12px;transition:all var(--transition-normal)}.control-chip svg{flex-shrink:0}.control-chip:hover{background:var(--glass-heavy);border-color:#0000001f;box-shadow:0 4px 12px #0000001a}.control-chip-active{border-color:var(--color-info);color:var(--color-info)}.control-chip-active,.control-chip-active:hover{background:var(--color-info-light)}.control-cost{align-items:center;background:var(--glass-light);border:1px solid #0000000f;border-radius:var(--border-radius-sm);display:flex;margin-left:auto;padding:6px 12px}.control-cost .cost-value{color:var(--color-primary);font-size:var(--font-size-sm);font-weight:600}.control-select-model{min-width:120px}[data-tooltip]{position:relative}[data-tooltip]:after{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:var(--glass-heavy);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);bottom:calc(100% + 8px);box-shadow:0 4px 12px #0000001a;color:var(--color-text-primary);content:attr(data-tooltip);font-size:var(--font-size-sm);font-weight:500;line-height:1.4;padding:8px 12px;transform:translateX(-50%) translateY(4px);white-space:nowrap}[data-tooltip]:after,[data-tooltip]:before{left:50%;opacity:0;pointer-events:none;position:absolute;transition:all var(--transition-normal);visibility:hidden;z-index:1000}[data-tooltip]:before{border:6px solid #0000;border-top:6px solid var(--glass-heavy);bottom:calc(100% + 2px);content:"";filter:drop-shadow(0 1px 1px rgba(0,0,0,.05));transform:translateX(-50%)}[data-tooltip]:hover:after,[data-tooltip]:hover:before{opacity:1;transform:translateX(-50%) translateY(0);visibility:visible}[data-tooltip]:hover:before{transform:translateX(-50%)}[data-tooltip-pos=bottom]:after{bottom:auto;top:calc(100% + 8px);transform:translateX(-50%) translateY(-4px)}[data-tooltip-pos=bottom]:before{border-bottom-color:var(--glass-heavy);border-top-color:#0000;bottom:auto;top:calc(100% + 2px)}[data-tooltip-pos=bottom]:hover:after{transform:translateX(-50%) translateY(0)}.chip-badge{background:var(--color-text-primary);border-radius:var(--radius-md);color:var(--color-text-inverse);font-size:10px;font-weight:600;padding:2px 6px}.control-divider{display:none}.control-group{align-items:center;display:flex;gap:4px}.control-select{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:var(--glass-light);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);box-shadow:0 2px 8px #0000000f;color:var(--color-text-secondary);cursor:pointer;font-family:inherit;font-size:var(--font-size-sm);outline:none;padding:6px 10px}.control-select:hover{background:var(--glass-heavy);box-shadow:0 4px 12px #0000001a}.control-select-model{background:var(--glass-gradient);border-color:#6464c826;font-weight:500;min-width:140px}.control-select-model:hover{border-color:#6464c84d;box-shadow:0 4px 12px #6464c826}.res-chip{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:var(--glass-light);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);box-shadow:0 2px 8px #0000000f;color:var(--color-text-secondary);cursor:pointer;font-family:inherit;font-size:var(--font-size-sm);font-weight:500;padding:6px 10px;transition:all var(--transition-normal)}.res-chip:hover{background:var(--glass-heavy);box-shadow:0 4px 12px #0000001a}.res-chip-active{background:var(--color-text-primary);border-color:var(--color-text-primary);box-shadow:0 2px 8px #00000026;color:var(--color-text-inverse)}.uploaded-thumb{border-radius:var(--radius-sm);flex-shrink:0;height:32px;overflow:hidden;position:relative;width:32px}.uploaded-thumb img{height:100%;object-fit:cover;width:100%}.uploaded-thumb-more{align-items:center;background:var(--color-border-primary);color:var(--color-text-secondary);display:flex;font-size:var(--font-size-xs);font-weight:600;justify-content:center}.uploaded-thumb-clickable{cursor:pointer;transition:all var(--transition-normal)}.uploaded-thumb-clickable:hover{opacity:.6;transform:scale(.95)}.uploaded-images-inline{align-items:center;display:flex;gap:6px}.uploaded-thumb-inline{background:var(--glass-light);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);cursor:pointer;flex-shrink:0;height:36px;overflow:hidden;position:relative;transition:transform var(--transition-fast);width:36px}.uploaded-thumb-inline img{display:block;height:100%;object-fit:cover;width:100%}.uploaded-thumb-inline:hover{transform:scale(1.05)}.uploaded-thumb-inline .thumb-overlay{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;opacity:0;pointer-events:none;position:absolute;transition:opacity var(--transition-fast)}.uploaded-thumb-inline:hover .thumb-overlay{opacity:1}.uploaded-thumb-inline .thumb-remove-icon{color:#fff;font-size:14px;font-weight:600}.uploaded-more-badge{align-items:center;background:var(--glass-light);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;display:flex;flex-shrink:0;font-size:var(--font-size-sm);font-weight:600;height:36px;justify-content:center;position:relative;transition:all var(--transition-fast);width:36px}.uploaded-more-badge:hover{background:#00000080;border-color:#0000;color:#fff}.more-badge-count,.more-badge-remove{transition:opacity var(--transition-fast)}.more-badge-remove{opacity:0;position:absolute}.uploaded-more-badge:hover .more-badge-count{opacity:0}.uploaded-more-badge:hover .more-badge-remove{opacity:1}.uploaded-images-floating{align-items:center;display:none;flex-wrap:wrap;gap:8px;justify-content:flex-start;margin-bottom:6px;max-width:720px;pointer-events:auto;width:100%}.uploaded-thumb-floating{border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);box-shadow:0 2px 8px #0000001a;cursor:pointer;flex-shrink:0;height:48px;overflow:hidden;position:relative;transition:all var(--transition-normal);width:48px}.uploaded-thumb-floating img{display:block;height:100%;object-fit:cover;width:100%}.uploaded-thumb-floating:hover{transform:scale(1.05)}.thumb-overlay{align-items:center;background:#0006;display:flex;inset:0;justify-content:center;opacity:0;pointer-events:none;position:absolute;transition:all var(--transition-normal)}.uploaded-thumb-floating:hover .thumb-overlay{opacity:1}.thumb-remove-icon{color:#fff;font-size:18px;font-weight:600;line-height:1;pointer-events:none}.model-selector-bottom-left{bottom:24px;left:104px;pointer-events:none;position:fixed;z-index:60}.model-selector-wrapper{pointer-events:auto}.model-selector-custom{position:relative}.model-selector-trigger{align-items:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:var(--glass-lighter);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);box-shadow:0 8px 32px #0000001f,0 2px 8px #0000000f;color:var(--color-text-primary);cursor:pointer;display:flex;font-family:inherit;font-size:var(--font-size-sm);font-weight:500;gap:8px;min-width:140px;padding:10px 14px;transition:all var(--transition-normal)}.model-selector-trigger:hover{background:var(--glass-heavy);border-color:var(--color-border-hover)}@media (min-width:769px){.model-selector-highlight{animation:modelSelectorBounce .6s ease-out}}@keyframes modelSelectorBounce{0%,to{transform:translateY(0)}20%{transform:translateY(-8px)}40%{transform:translateY(0)}60%{transform:translateY(-4px)}80%{transform:translateY(0)}}.model-type-icon{align-items:center;border-radius:4px;display:flex;font-size:10px;height:18px;justify-content:center;width:18px}.model-type-image{background:linear-gradient(135deg,#ff7af9,#ff4d8d);color:#fff}.model-type-video{background:linear-gradient(135deg,#8b5eff,#6b3fd4);color:#fff}.model-selector-name{flex:1 1;text-align:left}.model-selector-arrow{color:var(--color-text-muted);font-size:8px}.model-selector-popup{animation:popupFadeIn .15s ease;background:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);bottom:calc(100% + 8px);box-shadow:0 8px 24px #00000026,0 2px 8px #0000001a;left:0;min-width:180px;padding:8px;position:absolute;z-index:1000}.model-selector-group{margin-bottom:4px}.model-selector-group:last-child{margin-bottom:0}.model-selector-group-label{color:var(--color-text-muted);font-size:10px;font-weight:600;letter-spacing:.5px;padding:6px 10px 4px;text-transform:uppercase}.model-selector-option{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);color:var(--color-text-primary);cursor:pointer;display:flex;font-family:inherit;font-size:var(--font-size-sm);font-weight:500;gap:10px;padding:8px 10px;text-align:left;transition:all var(--transition-normal);width:100%}.model-selector-option-active,.model-selector-option:hover{background:var(--color-bg-tertiary)}.model-option-name{flex:1 1}.model-selector-popup-enhanced{min-width:320px}.model-selector-option-card{align-items:flex-start;flex-direction:column;gap:4px;padding:10px 12px}.model-option-header{align-items:center;display:flex;gap:8px;width:100%}.model-option-description{color:var(--color-text-secondary);font-size:var(--font-size-xs);line-height:1.4;margin:0}.model-option-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:2px}.model-tag{background:var(--glass-light);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);color:var(--color-text-muted);font-size:11px;padding:3px 8px}.model-type-icon-svg{align-items:center;color:var(--color-text-primary);display:flex;flex-shrink:0;justify-content:center}.resolution-selector-wrapper{position:relative}.resolution-trigger{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:var(--glass-light);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);box-shadow:0 2px 8px #0000000f;box-sizing:border-box;color:var(--color-text-secondary);cursor:pointer;font-family:inherit;font-size:var(--font-size-sm);font-weight:500;height:36px;padding:8px 12px;transition:all var(--transition-normal)}.resolution-trigger:hover{background:var(--glass-heavy);box-shadow:0 4px 12px #0000001a}.resolution-popup{animation:popupFadeIn .15s ease;background:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);bottom:calc(100% + 8px);box-shadow:0 8px 24px #00000026,0 2px 8px #0000001a;left:0;min-width:70px;padding:6px;position:absolute;z-index:1000}.resolution-option{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);color:var(--color-text-primary);cursor:pointer;display:flex;font-family:inherit;font-size:var(--font-size-sm);font-weight:500;gap:16px;justify-content:space-between;padding:8px 12px;text-align:left;transition:all var(--transition-normal);white-space:nowrap;width:100%}.resolution-option:hover{background:var(--color-bg-tertiary)}.resolution-label{flex-shrink:0}.resolution-marketplace-tags{display:flex;gap:3px}.marketplace-tag-icon-sm{border-radius:3px;height:14px;object-fit:contain;width:14px}.resolution-option-active{background:var(--color-bg-tertiary);font-weight:600}.duration-selector-wrapper{position:relative}.duration-trigger{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:var(--glass-light);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);box-shadow:0 2px 8px #0000000f;box-sizing:border-box;color:var(--color-text-secondary);cursor:pointer;font-family:inherit;font-size:var(--font-size-sm);font-weight:500;height:36px;padding:8px 12px;transition:all var(--transition-normal)}.duration-trigger:hover{background:var(--glass-heavy);box-shadow:0 4px 12px #0000001a}.duration-popup{animation:popupFadeIn .15s ease;background:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);bottom:calc(100% + 8px);box-shadow:0 8px 24px #00000026,0 2px 8px #0000001a;left:0;min-width:120px;padding:6px;position:absolute;z-index:1000}.duration-option{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);color:var(--color-text-primary);cursor:pointer;display:flex;font-family:inherit;font-size:var(--font-size-sm);font-weight:500;gap:16px;justify-content:space-between;padding:8px 12px;text-align:left;transition:all var(--transition-normal);white-space:nowrap;width:100%}.duration-option-active,.duration-option:hover{background:var(--color-bg-tertiary)}.duration-option-active{font-weight:600}.duration-label{flex-shrink:0}.duration-marketplace-tags{display:flex;gap:3px}.variant-selector-wrapper{position:relative}.variant-trigger{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:var(--glass-light);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);box-shadow:0 2px 8px #0000000f;box-sizing:border-box;color:var(--color-text-secondary);cursor:pointer;font-family:inherit;font-size:var(--font-size-sm);font-weight:500;height:36px;padding:8px 12px;transition:all var(--transition-normal)}.variant-trigger:hover{background:var(--glass-heavy);box-shadow:0 4px 12px #0000001a}.variant-popup{animation:popupFadeIn .15s ease;background:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);bottom:calc(100% + 8px);box-shadow:0 8px 24px #00000026,0 2px 8px #0000001a;left:0;min-width:90px;padding:6px;position:absolute;z-index:1000}.variant-option{background:#0000;border:none;border-radius:var(--radius-md);color:var(--color-text-primary);cursor:pointer;display:block;font-family:inherit;font-size:var(--font-size-sm);font-weight:500;padding:8px 12px;text-align:left;transition:all var(--transition-normal);white-space:nowrap;width:100%}.variant-option-active,.variant-option:hover{background:var(--color-bg-tertiary)}.variant-option-active{font-weight:600}.aspect-ratio-selector-wrapper{position:relative}.aspect-ratio-trigger{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:var(--glass-light);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);box-shadow:0 2px 8px #0000000f;box-sizing:border-box;color:var(--color-text-secondary);cursor:pointer;font-family:inherit;font-size:var(--font-size-sm);font-weight:500;height:36px;padding:8px 12px;transition:all var(--transition-normal);white-space:nowrap}.aspect-ratio-trigger:hover{background:var(--glass-heavy);box-shadow:0 4px 12px #0000001a}.aspect-ratio-popup{animation:popupFadeIn .15s ease;background:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);bottom:calc(100% + 8px);box-shadow:0 8px 24px #00000026,0 2px 8px #0000001a;gap:8px;left:0;margin-bottom:4px;min-width:200px;padding:12px;position:absolute;z-index:1000}.aspect-ratio-marketplace-section,.aspect-ratio-popup{display:flex;flex-direction:column}.aspect-ratio-option-marketplace{flex-direction:row!important;gap:10px!important;justify-content:flex-start!important;padding:8px 12px!important;width:100%}.aspect-ratio-option-marketplace .aspect-ratio-visual{flex-shrink:0}.marketplace-tags{display:flex;gap:4px;margin-left:auto}.marketplace-tag-icon{border-radius:4px;height:18px;object-fit:contain;width:18px}.marketplace-tags-small{display:flex;gap:2px;margin-top:2px}.marketplace-tag-icon-xs{border-radius:2px;height:12px;object-fit:contain;width:12px}.aspect-ratio-option-with-tags{padding-bottom:6px}.aspect-ratio-divider{background:var(--color-border-subtle);height:1px;margin:4px 0}.aspect-ratio-grid{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(5,1fr)}.aspect-ratio-grid-4col{grid-template-columns:repeat(4,1fr)}.aspect-ratio-popup-video{min-width:280px}@keyframes popupFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.aspect-ratio-option{align-items:center;background:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);color:var(--color-text-primary);cursor:pointer;display:flex;flex-direction:column;font-family:inherit;font-size:var(--font-size-sm);font-weight:500;gap:6px;justify-content:center;min-height:60px;padding:10px 8px;transition:all var(--transition-normal)}.aspect-ratio-visual{background:#0000;border:1.5px solid var(--color-text-primary);border-radius:2px;flex-shrink:0;transition:all var(--transition-normal)}.aspect-ratio-label{color:var(--color-text-primary);font-size:11px;font-weight:500;transition:all var(--transition-normal)}.aspect-ratio-option:hover{background:var(--color-bg-tertiary);border-color:var(--color-border-hover)}.aspect-ratio-option:hover .aspect-ratio-visual{border-color:var(--color-text-primary)}.aspect-ratio-option-active{background:var(--color-bg-tertiary)}.aspect-ratio-option-active .aspect-ratio-visual{border-color:var(--color-text-primary)}.aspect-ratio-option-active .aspect-ratio-label{color:var(--color-text-primary);font-weight:600}.error-toast{background:#fef2f2f2;border:1px solid var(--color-error-light);border-radius:var(--radius-md);box-shadow:0 4px 12px #c5303026;color:var(--color-error);padding:10px 18px}.error-toast,.offline-indicator{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);font-size:var(--font-size-sm)}.offline-indicator{align-items:center;background:#ef4444f2;border-radius:var(--radius-lg);box-shadow:0 4px 20px #00000040;color:#fff;display:flex;font-weight:500;gap:8px;left:50%;padding:10px 20px;position:fixed;top:16px;transform:translateX(-50%);z-index:10000}.offline-indicator-online{background:#10b981f2}.blur-image{background:var(--color-bg-tertiary)}.blur-image-error{align-items:center;display:flex;justify-content:center}.blur-image-fallback{color:var(--color-text-tertiary);opacity:.5}.spinner{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:var(--radius-full);border-top:2px solid var(--color-text-inverse);height:16px;width:16px}.drag-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:var(--color-bg-drag-overlay);inset:0;justify-content:center;position:fixed;z-index:100}.drag-content,.drag-overlay{align-items:center;display:flex}.drag-content{background:var(--color-bg-secondary);border:2px dashed var(--color-border-hover);border-radius:var(--radius-xl);color:var(--color-text-primary);flex-direction:column;font-size:var(--font-size-xl);font-weight:500;gap:16px;padding:32px 48px}.drag-icon{filter:grayscale(100%);font-size:48px;opacity:.7}.mobile-burger-btn{align-items:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:var(--glass-lighter);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);color:var(--color-text-primary);cursor:pointer;display:none;height:48px;justify-content:center;pointer-events:auto;position:fixed;transition:all var(--transition-normal);width:48px;z-index:101}.mobile-burger-btn:hover{background:var(--glass-heavy)}.mobile-burger-btn:active{transform:scale(.95)}.mobile-burger-btn-left{left:12px;top:12px}.mobile-burger-btn-right{right:12px;top:12px}.mobile-subscription-btn{align-items:center;background:linear-gradient(135deg,var(--color-accent) 0,#a855f7 100%);border:none;border-radius:var(--radius-md);box-shadow:0 4px 16px #7c3aed59;color:var(--color-accent-contrast);cursor:pointer;display:none;font-family:inherit;font-size:var(--font-size-sm);font-weight:600;gap:6px;padding:10px 14px;pointer-events:auto;position:fixed;right:12px;top:12px;transition:all var(--transition-normal);white-space:nowrap;z-index:101}.mobile-subscription-btn:hover{box-shadow:0 6px 20px #7c3aed73;transform:scale(1.02)}.mobile-subscription-btn svg{height:16px;width:16px}@media (max-width:1100px){.results-grid-portrait{grid-template-columns:repeat(2,1fr)}.results-grid-landscape{grid-template-columns:1fr}.prompt-card-wrapper{width:160px}}@media (max-width:800px){.generation-block{flex-direction:column}.prompt-card-wrapper{width:100%}}@media (max-width:600px){.floating-header .top-nav,.floating-header .upgrade-plan-btn,.floating-header-left,.floating-header-right{display:none}.mobile-burger-btn{display:flex}.mobile-subscription-btn{display:flex;right:72px}.floating-header{justify-content:flex-start;left:12px;right:12px;top:12px}.sidebar{display:none}.main{margin-left:0;padding-top:68px}.input-bar{left:0}.source-images-column{display:none}.results-grid-portrait{grid-template-columns:repeat(2,1fr)}.results-grid-landscape{grid-template-columns:1fr}.input-container{align-items:stretch;flex-direction:column}.generate-btn{justify-content:center;width:100%}.control-divider{display:none}}.session-history-backdrop{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#00000080;inset:0;position:fixed;z-index:1000}.session-history-sidebar{background:var(--color-bg-primary);bottom:0;box-shadow:8px 0 32px #0003;display:flex;flex-direction:column;left:0;max-width:85vw;overflow:hidden;position:fixed;top:0;width:300px;z-index:1001}.session-history-header{align-items:center;border-bottom:1px solid var(--color-border-primary);display:flex;flex-shrink:0;gap:12px;padding:16px}.session-history-close{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:center;transition:all var(--transition-normal);width:40px}.session-history-close:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.session-history-title-wrap{align-items:center;color:var(--color-text-primary);display:flex;gap:10px}.session-history-title-wrap svg{height:20px;opacity:.7;width:20px}.session-history-title{font-size:var(--font-size-lg);font-weight:600}.session-history-new-btn{align-items:center;background:var(--color-bg-tertiary);border:1px dashed var(--color-border-hover);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;display:flex;flex-shrink:0;font-family:inherit;font-size:var(--font-size-sm);font-weight:500;gap:8px;justify-content:center;margin:12px 12px 8px;padding:12px 16px;transition:all var(--transition-normal)}.session-history-new-btn:hover{background:var(--color-bg-secondary);border-color:var(--color-text-muted);color:var(--color-text-primary)}.session-history-list{display:flex;flex:1 1;flex-direction:column;gap:4px;overflow-y:auto;padding:8px 12px 20px}.session-history-item{align-items:center;border-radius:var(--radius-md);cursor:pointer;display:flex;gap:10px;padding:10px 12px;position:relative;transition:all .15s ease}.session-history-item.active,.session-history-item:hover,.session-history-thumb{background:var(--color-bg-tertiary)}.session-history-thumb{border-radius:var(--radius-sm);flex-shrink:0;height:40px;overflow:hidden;width:40px}.session-history-thumb img{height:100%;object-fit:cover;width:100%}.lazy-thumb-wrapper{height:100%;position:relative;width:100%}.lazy-thumb-wrapper img{height:100%;object-fit:cover;transition:opacity .15s ease-out;width:100%}.lazy-thumb-skeleton{animation:pulse 1.5s ease-in-out infinite;background:#1a1a1b;background:var(--color-skeleton,#1a1a1b);inset:0;position:absolute}@keyframes pulse{0%,to{opacity:.4}50%{opacity:.7}}.session-history-info{flex:1 1;min-width:0}.session-history-item-title{color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.session-history-item-meta{color:var(--color-text-muted);font-size:var(--font-size-xs);margin-top:2px;white-space:nowrap}.session-history-delete{align-items:center;background:#0000;border:none;border-radius:6px;color:var(--color-text-muted);cursor:pointer;display:flex;flex-shrink:0;height:28px;justify-content:center;opacity:0;transition:all .15s ease;width:28px}.session-history-item:hover .session-history-delete{opacity:1}.session-history-delete:hover{background:var(--color-error-light);color:var(--color-error)}.session-history-empty{align-items:center;color:var(--color-text-muted);display:flex;flex-direction:column;gap:8px;justify-content:center;padding:40px 20px;text-align:center}.session-history-empty svg{height:32px;opacity:.5;width:32px}.session-history-empty p{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:500;margin:0}.session-history-empty span{font-size:var(--font-size-xs)}.session-history-loading{align-items:center;color:var(--color-text-muted);display:flex;flex-direction:column;font-size:var(--font-size-sm);gap:12px;justify-content:center;padding:40px 20px}.mobile-menu-backdrop{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#00000080;inset:0;position:fixed;z-index:1000}.mobile-menu{background:var(--color-bg-primary);bottom:0;box-shadow:8px 0 32px #0003;display:flex;flex-direction:column;left:0;max-width:85vw;overflow-x:hidden;overflow-y:auto;position:fixed;top:0;width:320px;z-index:1001}.mobile-menu-right{box-shadow:-8px 0 32px #0003;left:auto;right:0}.mobile-menu-header{align-items:center;border-bottom:1px solid var(--color-bg-tertiary);display:flex;gap:16px;padding:16px 20px}.mobile-menu-close{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;display:flex;height:40px;justify-content:center;transition:all var(--transition-normal);width:40px}.mobile-menu-close:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.mobile-menu-user{align-items:center;display:flex;flex:1 1;gap:12px}.mobile-menu-avatar{border:2px solid var(--color-bg-tertiary);border-radius:var(--radius-full);height:40px;object-fit:cover;width:40px}.mobile-menu-username{color:var(--color-text-primary);font-size:var(--font-size-base);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-menu-logo{align-items:center;background:#0000;border:none;cursor:pointer;display:flex;gap:12px;padding:20px 20px 16px}.mobile-menu-logo-text{color:var(--color-text-primary);font-family:var(--font-family-display);font-size:28px;font-weight:400;letter-spacing:1px}.mobile-menu-nav{display:flex;flex-direction:column;gap:4px;padding:12px}.mobile-menu-nav-item{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;display:flex;font-family:inherit;font-size:var(--font-size-base);font-weight:500;gap:14px;padding:14px 16px;text-align:left;transition:all var(--transition-normal);width:100%}.mobile-menu-nav-item:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.mobile-menu-nav-item-active{box-shadow:var(--shadow-sm);color:var(--color-text-primary)}.mobile-menu-nav-item-active,.mobile-menu-nav-item-active:hover{background:var(--color-bg-elevated)}.mobile-menu-nav-icon{align-items:center;display:flex;flex-shrink:0;height:24px;justify-content:center;width:24px}.mobile-menu-nav-label{flex:1 1}.mobile-menu-divider{background:var(--color-bg-tertiary);height:1px;margin:8px 20px}.mobile-menu-section{padding:8px 12px}.mobile-menu-section-title{color:var(--color-text-muted);display:block;font-size:var(--font-size-xs);font-weight:600;letter-spacing:.5px;padding:8px 16px 12px;text-transform:uppercase}.mobile-menu-item{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;display:flex;font-family:inherit;font-size:var(--font-size-base);gap:14px;padding:12px 16px;text-align:left;transition:all var(--transition-normal);width:100%}.mobile-menu-item:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.mobile-menu-item-icon{flex-shrink:0;height:24px;width:24px}.mobile-menu-badge,.mobile-menu-item-icon{align-items:center;display:flex;justify-content:center}.mobile-menu-badge{background:#ea5000;border-radius:var(--radius-sm);color:#fff;font-size:11px;font-weight:600;height:20px;margin-left:auto;min-width:20px;padding:0 6px}[data-theme=dark] .mobile-menu-badge{color:#000}[data-theme=dark] .account-avatar-btn{background:#0000;border-color:#0000}[data-theme=dark] .account-header-avatar{border-color:#0000;box-shadow:none}[data-theme=dark] .mobile-menu-avatar{border-color:#0000}.mobile-menu-upgrade-btn{align-items:center;background:#bffe00;border:none;border-radius:var(--radius-md);box-shadow:0 4px 16px #bffe0059;color:#000;cursor:pointer;display:flex;font-family:inherit;font-size:var(--font-size-base);font-weight:600;gap:8px;justify-content:center;margin:0 16px 12px;padding:14px 20px;transition:all var(--transition-normal);width:calc(100% - 32px)}.mobile-menu-upgrade-btn:hover{background:#d4ff33;box-shadow:0 6px 20px #bffe0073;transform:translateY(-1px)}.mobile-menu-footer{border-top:1px solid var(--color-bg-tertiary);display:flex;flex-direction:column;gap:12px;margin-top:auto;padding:16px}.mobile-menu-balance{background:var(--color-warning-light);gap:12px;padding:14px 16px}.mobile-menu-balance,.mobile-menu-balance-icon{align-items:center;border-radius:var(--radius-md);display:flex}.mobile-menu-balance-icon{background:linear-gradient(135deg,var(--color-warning) 0,var(--color-warning) 100%);box-shadow:0 2px 8px #f59e0b59;color:var(--color-text-inverse);height:36px;justify-content:center;width:36px}.mobile-menu-balance-info{display:flex;flex-direction:column;gap:2px}.mobile-menu-balance-label{color:var(--color-warning-dark);font-size:var(--font-size-xs);font-weight:500;letter-spacing:.5px;text-transform:uppercase}.mobile-menu-balance-value{font-feature-settings:"tnum";color:var(--color-warning);font-size:var(--font-size-xl);font-variant-numeric:tabular-nums;font-weight:700}.mobile-menu-logout{align-items:center;background:var(--color-bg-tertiary);border:none;border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;display:flex;font-family:inherit;font-size:var(--font-size-base);font-weight:500;gap:8px;justify-content:center;padding:12px 16px;transition:all var(--transition-normal);width:100%}.mobile-menu-logout:hover{background:var(--color-error-light);color:var(--color-error)}.balance-topup-btn{background:linear-gradient(135deg,var(--color-success) 0,var(--color-success) 100%);border:none;border-radius:var(--radius-sm);color:var(--color-text-inverse);cursor:pointer;font-family:inherit;font-size:var(--font-size-xs);font-weight:600;margin-left:auto;padding:6px 12px;transition:all var(--transition-normal)}.balance-topup-btn:hover{box-shadow:0 2px 8px #10b9814d;transform:scale(1.02)}.insufficient-modal{background:var(--color-bg-primary);border-radius:var(--radius-2xl);box-shadow:0 25px 80px #00000040;max-width:400px;padding:40px;text-align:center;width:90%}.insufficient-icon{font-size:56px;margin-bottom:16px}.insufficient-modal h3{color:var(--color-text-primary);font-size:22px;font-weight:600;margin:0 0 12px}.insufficient-modal p{color:var(--color-text-secondary);font-size:var(--font-size-md);line-height:1.6;margin:0 0 28px}.insufficient-modal strong{color:var(--color-text-primary);font-weight:600}.insufficient-actions{display:flex;flex-direction:column;gap:12px}.insufficient-btn{border-radius:var(--radius-md);cursor:pointer;font-family:inherit;font-size:var(--font-size-md);font-weight:600;padding:14px 24px;transition:all var(--transition-normal)}.insufficient-btn-primary{background:linear-gradient(135deg,var(--color-success) 0,var(--color-success) 100%);border:none;color:var(--color-text-inverse)}.insufficient-btn-primary:hover{box-shadow:0 4px 16px #10b9814d;transform:translateY(-1px)}.insufficient-btn-secondary{background:var(--color-bg-tertiary);border:1px solid var(--color-border-primary);color:var(--color-text-secondary)}.insufficient-btn-secondary:hover{background:var(--color-bg-tertiary);border-color:var(--color-border-primary)}.library-page{background:var(--color-bg-secondary);display:flex;min-height:100vh}.library-sidebar{background:var(--color-bg-primary);border-radius:var(--radius-lg);bottom:16px;box-shadow:0 2px 12px #0000000a,0 1px 3px #00000005;display:flex;flex-direction:column;gap:4px;left:16px;overflow-x:hidden;overflow-y:auto;padding:12px;position:fixed;top:80px;width:200px;z-index:50}.library-search{align-items:center;background:var(--color-bg-tertiary);border-radius:var(--radius-md);display:flex;gap:10px;margin-bottom:8px;max-width:100%;overflow:hidden;padding:10px 12px}.library-search svg{color:var(--color-text-muted);flex-shrink:0}.library-search input{background:#0000;border:none;color:var(--color-text-primary);flex:1 1;font-family:inherit;font-size:var(--font-size-base);min-width:0;outline:none;text-overflow:ellipsis}.library-search input::placeholder{color:var(--color-text-muted)}.library-search-clear{align-items:center;background:var(--color-border-primary);border:none;border-radius:var(--radius-full);cursor:pointer;display:flex;flex-shrink:0;height:20px;justify-content:center;padding:0;transition:background .15s;width:20px}.library-search-clear:hover{background:var(--color-border-hover)}.library-search-clear svg{color:var(--color-text-secondary)}.library-filters{display:flex;flex-direction:column;gap:2px}.library-filter-item{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;display:flex;font-family:inherit;font-size:var(--font-size-base);gap:10px;padding:10px 12px;text-align:left;transition:all .12s ease;width:100%}.library-filter-item:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.library-filter-item-active{box-shadow:var(--shadow-sm)}.library-filter-item-active,.library-filter-item-active:hover{background:var(--color-bg-elevated);color:var(--color-text-primary)}.library-filter-item-active .library-filter-count{background:var(--color-bg-tertiary);color:var(--color-text-secondary)}.library-filter-icon{align-items:center;display:flex;flex-shrink:0;height:20px;justify-content:center;width:20px}.library-filter-label{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.library-filter-count{background:var(--color-bg-tertiary);border-radius:var(--radius-md);color:var(--color-text-tertiary);flex-shrink:0;font-size:var(--font-size-sm);font-weight:500;padding:2px 8px}.library-section{margin-top:16px}.library-section-title{color:var(--color-text-muted);font-size:var(--font-size-sm);font-weight:500;letter-spacing:.5px;padding:8px 12px 6px;text-transform:uppercase}.library-show-more{background:#0000;border:none;color:var(--color-text-tertiary);cursor:pointer;font-family:inherit;font-size:var(--font-size-sm);padding:8px 12px;text-align:left;transition:color .12s ease;width:100%}.library-show-more:hover{color:var(--color-text-secondary)}.library-folders-section{border-top:1px solid var(--color-bg-tertiary);margin-top:auto;padding-top:16px}.library-folders-header{font-size:var(--font-size-sm);font-weight:500;justify-content:space-between;letter-spacing:.5px;padding:8px 12px;text-transform:uppercase}.library-folders-add,.library-folders-header{align-items:center;color:var(--color-text-muted);display:flex}.library-folders-add{background:#0000;border:none;border-radius:var(--radius-sm);cursor:pointer;height:24px;justify-content:center;transition:all .12s ease;width:24px}.library-folders-add:hover{background:var(--color-bg-tertiary);color:var(--color-text-secondary)}.library-main{margin-left:232px;padding-left:0;padding-right:16px;padding-top:80px}.library-content{display:flex;flex:1 1;flex-direction:column;height:calc(100vh - 96px);overflow-y:auto;padding:24px}.gallery-date-group{margin-bottom:32px}.gallery-date-header{align-items:center;display:flex;gap:8px;margin-bottom:16px}.gallery-date-title{align-items:baseline;color:var(--color-text-primary);display:flex;font-size:var(--font-size-2xl);font-weight:600;gap:6px;margin:0}.gallery-date-subtitle{color:var(--color-text-muted);font-size:var(--font-size-base);font-weight:400}.gallery-date-add{align-items:center;background:#0000;border:none;border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;display:flex;height:28px;justify-content:center;opacity:0;transition:all .12s ease;width:28px}.gallery-date-header:hover .gallery-date-add{opacity:1}.gallery-date-add:hover{background:var(--color-bg-tertiary);color:var(--color-text-secondary)}.gallery-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(4,1fr)}.gallery-item{aspect-ratio:1;background:var(--color-bg-tertiary);border-radius:var(--radius-sm);cursor:pointer;overflow:hidden;position:relative}.gallery-item-image{height:100%;position:relative;width:100%}.gallery-item-image img{height:100%;object-fit:cover;transition:transform .25s ease,opacity .3s ease;width:100%}.gallery-item:hover .gallery-item-image img{transform:scale(1.03)}.gallery-video-preview,.gallery-video-thumbnail{height:100%;left:0;object-fit:cover;position:absolute;top:0;transition:opacity .2s ease;width:100%}.gallery-video-preview{pointer-events:none}.gallery-video-placeholder{align-items:center;background:#1a1a1a;background:var(--bg-tertiary,#1a1a1a);color:#666;color:var(--text-tertiary,#666);display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.gallery-item:hover .gallery-video-preview,.gallery-item:hover .gallery-video-thumbnail{transform:scale(1.03)}.gallery-item-video-badge{transition:opacity .2s ease}.gallery-item-overlay{background:#0000;display:flex;flex-direction:column;inset:0;justify-content:space-between;padding:10px;position:absolute}.gallery-favorite-btn{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#00000080;border:1px solid #ffffff1a;border-radius:var(--radius-full);box-shadow:0 4px 12px #0000004d;color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;left:10px;position:absolute;top:10px;transition:all var(--transition-normal);width:32px}.gallery-favorite-btn:hover{background:#000000b3;color:var(--color-error);transform:scale(1.08)}.gallery-item-actions{bottom:10px;display:flex;gap:6px;position:absolute;right:10px}.gallery-action-btn{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#00000080;border:1px solid #ffffff1a;border-radius:var(--radius-full);box-shadow:0 4px 12px #0000004d;color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all var(--transition-normal);width:32px}.gallery-action-btn:hover{background:#000000b3;color:#fff;transform:scale(1.08)}[data-theme=light] .gallery-action-btn{background:#ffffffb3;border:1px solid #0000001a;color:#000000b3}[data-theme=light] .gallery-action-btn:hover{background:#ffffffe6;color:#000000e6}.gallery-item-skeleton{aspect-ratio:1;background:var(--color-skeleton);border-radius:var(--radius-sm);height:100%;overflow:hidden;position:relative;width:100%}.library-loading{align-items:flex-start;display:flex;flex:1 1;justify-content:center;padding-top:40px}.library-loading-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(4,1fr);max-width:100%;width:100%}.library-loading-more{align-items:center;color:var(--color-text-tertiary);display:flex;font-size:var(--font-size-base);gap:10px;justify-content:center;padding:24px}.library-loading-top{background:linear-gradient(to bottom,var(--color-bg-secondary) 0,#fafafa00 100%);position:-webkit-sticky;position:sticky;top:0;z-index:10}.library-empty{align-items:center;color:var(--color-text-tertiary);display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.library-empty-icon{font-size:64px;margin-bottom:20px;opacity:.6}.library-empty h2{color:var(--color-text-primary);font-size:22px;font-weight:600;margin:0 0 8px}.library-empty p{color:var(--color-text-tertiary);font-size:var(--font-size-md);margin:0}.library-end{color:var(--color-text-muted);font-size:var(--font-size-base);padding:32px 20px;text-align:center}@media (max-width:1200px){.gallery-grid,.library-loading-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:900px){.library-sidebar{padding:8px;width:64px}.library-search{justify-content:center;padding:8px}.library-filter-count,.library-filter-label,.library-search input{display:none}.library-filter-item{justify-content:center;padding:10px}.library-folders-header span,.library-section-title,.library-show-more{display:none}.library-main{margin-left:96px}.gallery-grid,.library-loading-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.library-sidebar{display:none}.library-main{margin-left:16px}.gallery-grid{gap:6px;grid-template-columns:repeat(2,1fr)}.gallery-date-title{font-size:var(--font-size-xl)}.library-content{padding:16px}}.image-modal-overlay{align-items:center;background:#000000d9;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:1000}.image-modal{background:var(--color-bg-primary);border-radius:var(--radius-lg);box-shadow:0 25px 80px #0006;display:flex;height:100%;max-height:calc(100vh - 48px);max-width:1400px;overflow:hidden;width:100%}.image-modal-content{align-items:center;background:#0a0a0b;display:flex;flex:1 1;justify-content:center;min-width:0;position:relative}.image-modal-content img{max-height:100%;max-width:100%;object-fit:contain}.image-modal-close{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00000080;border:none;border-radius:var(--radius-full);color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;left:16px;position:absolute;top:16px;transition:all var(--transition-normal);width:40px;z-index:10}.image-modal-close:hover{background:#000000b3;transform:scale(1.05)}.image-modal-nav{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:var(--glass-faint);border:none;border-radius:var(--radius-full);color:#fff;cursor:pointer;display:flex;font-size:20px;height:48px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:all var(--transition-normal);width:48px;z-index:10}.image-modal-nav:hover{background:var(--glass-subtle);transform:translateY(-50%) scale(1.05)}.image-modal-nav:disabled{cursor:not-allowed;opacity:.3}.image-modal-nav:disabled:hover{background:var(--glass-faint);transform:translateY(-50%)}.image-modal-nav-prev{left:16px}.image-modal-nav-next{right:16px}.image-modal-sidebar{background:var(--color-bg-primary);border-left:1px solid var(--color-bg-tertiary);display:flex;flex-direction:column;flex-shrink:0;width:380px}.image-modal-meta{flex:1 1;overflow-y:auto;padding:24px}.image-modal-meta-item{align-items:flex-start;border-bottom:1px solid var(--color-bg-tertiary);display:flex;gap:12px;padding:14px 0}.image-modal-meta-item:last-child{border-bottom:none}.image-modal-meta-icon{align-items:center;color:var(--color-text-tertiary);display:flex;flex-shrink:0;height:20px;justify-content:center;margin-top:2px;width:20px}.image-modal-meta-label{color:var(--color-text-primary);font-size:var(--font-size-base);font-weight:500;min-width:80px}.image-modal-meta-value{color:var(--color-text-secondary);font-size:var(--font-size-base);margin-left:auto;text-align:right}.image-modal-prompt{background:var(--color-bg-secondary);border-radius:var(--radius-md);cursor:pointer;margin-top:16px;padding:14px;transition:all var(--transition-normal)}.image-modal-prompt:hover{background:var(--color-bg-tertiary)}.image-modal-prompt-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.image-modal-prompt-label{color:var(--color-text-tertiary);font-size:var(--font-size-sm);font-weight:500;letter-spacing:.5px;text-transform:uppercase}.image-modal-prompt-copy{color:var(--color-text-muted);font-size:var(--font-size-xs)}.image-modal-prompt-text{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:var(--color-text-primary);display:-webkit-box;font-size:var(--font-size-sm);line-height:1.5;margin:0;overflow:hidden;word-break:break-word}.image-modal-sources{border-top:1px solid var(--color-bg-tertiary);margin-top:16px;padding:16px 0}.image-modal-sources-label{color:var(--color-text-tertiary);display:block;font-size:var(--font-size-sm);font-weight:500;letter-spacing:.5px;margin-bottom:12px;text-transform:uppercase}.image-modal-sources-grid{display:flex;flex-wrap:wrap;gap:8px}.image-modal-source-thumb{border:1px solid var(--color-border-primary);border-radius:var(--radius-sm);height:48px;overflow:hidden;width:48px}.image-modal-source-thumb img{height:100%;object-fit:cover;width:100%}.image-modal-actions{grid-gap:10px;border-top:1px solid var(--color-bg-tertiary);display:grid;gap:10px;grid-template-columns:1fr 1fr;padding:20px}.image-modal-btn{align-items:center;background:var(--color-bg-tertiary);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);color:var(--color-text-primary);cursor:pointer;display:flex;font-family:inherit;font-size:var(--font-size-base);font-weight:500;gap:8px;justify-content:center;padding:12px 16px;transition:all var(--transition-normal)}.image-modal-btn:hover{background:var(--color-bg-tertiary);border-color:var(--color-border-primary)}.image-modal-btn svg{flex-shrink:0}.image-modal-btn-primary{color:var(--color-text-inverse)}.image-modal-btn-primary,.image-modal-btn-primary:hover{background:var(--color-text-primary);border-color:var(--color-text-primary)}.image-modal-btn-danger{background:var(--color-error-light);border-color:var(--color-error-light);color:var(--color-error)}.image-modal-btn-danger:hover{background:var(--color-error-light);border-color:var(--color-error)}@media (max-width:900px){.image-modal{flex-direction:column}.image-modal-content{flex:1 1;min-height:300px}.image-modal-sidebar{max-height:50vh;width:100%}.image-modal-actions{gap:8px;padding:16px}.image-modal-btn{font-size:var(--font-size-sm);padding:10px 12px}}@media (max-width:600px){.image-modal-overlay{padding:0}.image-modal{border-radius:0;max-height:100vh}.image-modal-actions{grid-template-columns:1fr 1fr}}.sidebar-video-thumb{align-items:center;background:var(--color-text-primary);display:flex;height:100%;justify-content:center;position:relative;width:100%}.sidebar-video-thumb video{height:100%;object-fit:cover;width:100%}.sidebar-video-play{align-items:center;background:var(--glass-medium);border-radius:var(--radius-full);box-shadow:0 2px 8px #0003;color:var(--color-text-primary);display:flex;font-size:10px;height:24px;justify-content:center;position:absolute;width:24px}.sidebar-video-source-img,.sidebar-video-thumb-img{height:100%;object-fit:cover;width:100%}.sidebar-video-badge{align-items:center;background:#00000059;border-radius:var(--radius-sm);color:#fff;display:flex;height:20px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:20px}.sidebar-item-skeleton{pointer-events:none}.sidebar-item-skeleton .sidebar-video-thumb{background:var(--color-skeleton)}.sidebar-item-skeleton .skeleton-shimmer{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#0000 0,var(--color-shimmer) 50%,#0000 100%);inset:0;position:absolute}.sidebar-thumb-wrapper{height:100%;position:relative;width:100%}.sidebar-thumb-wrapper img{height:100%;object-fit:cover;transition:opacity .2s ease-out;width:100%}.sidebar-thumb-skeleton{background:#1a1a1b;background:var(--color-skeleton,#1a1a1b);inset:0;overflow:hidden;position:absolute}.sidebar-thumb-skeleton .skeleton-shimmer{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#0000,#ffffff0d 50%,#0000);background:linear-gradient(90deg,#0000 0,var(--color-shimmer,#ffffff0d) 50%,#0000 100%);inset:0;position:absolute}.video-generation-block{align-items:flex-start;display:flex;gap:16px;max-width:1100px;width:100%}.video-generation-block .prompt-card-wrapper{flex-shrink:0;position:-webkit-sticky;position:sticky;top:24px;width:200px}.video-generation-block .prompt-card{width:100%}.video-generation-block .results-wrapper{flex:1 1;min-width:0}.video-generation-block .video-meta{margin-top:12px}.video-result-container{align-items:center;display:flex;flex-direction:column;gap:24px;margin:0 auto;max-width:900px;width:100%}@media (max-width:800px){.video-generation-block{flex-direction:column}.video-generation-block .prompt-card-wrapper{position:static;width:100%}}.video-result-wrapper{background:var(--color-text-primary);border-radius:var(--radius-lg);box-shadow:0 8px 32px #0003;overflow:hidden;position:relative;width:100%}.video-result{display:block;outline:none;width:100%}.video-thumbnail-overlay{cursor:pointer;height:100%;inset:0;object-fit:cover;position:absolute;width:100%;z-index:2}.video-prompt-card{background:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);max-width:600px;padding:16px 20px;width:100%}.video-prompt-card .prompt-text{color:var(--color-text-primary);font-size:var(--font-size-base);line-height:1.5;margin:0 0 12px}.video-meta{color:var(--color-text-tertiary);display:flex;font-size:var(--font-size-sm);gap:12px}.video-meta span{background:var(--color-bg-tertiary);border-radius:var(--radius-sm);padding:4px 10px}.video-actions{gap:12px}.video-actions,.video-generating{display:flex;justify-content:center}.video-generating{align-items:center;flex-direction:column;gap:24px;padding:60px 20px;text-align:center}.video-generating h2{color:var(--color-text-primary);font-size:var(--font-size-3xl);font-weight:600;margin:0}.video-generating p{color:var(--color-text-tertiary);font-size:var(--font-size-md);margin:0}.video-generating-animation{height:120px;position:relative;width:120px}.video-generating-ring{animation:videoSpin 1.5s linear infinite;border:3px solid #0000;border-radius:var(--radius-full);border-top:3px solid var(--color-text-primary);inset:0;position:absolute}.video-generating-ring:nth-child(2){animation-direction:reverse;animation-duration:2s;border-top-color:var(--color-text-secondary);inset:15px}.video-generating-ring:nth-child(3){animation-duration:2.5s;border-top-color:var(--color-text-muted);inset:30px}@keyframes videoSpin{to{transform:rotate(1turn)}}.video-generating-progress{background:var(--color-border-primary);border-radius:2px;height:4px;overflow:hidden;width:200px}.video-generating-bar{animation:videoProgress 2s linear infinite;background:linear-gradient(90deg,var(--color-text-primary) 0,var(--color-text-secondary) 50%,var(--color-text-primary) 100%);background-size:200% 100%;height:100%;width:100%}@keyframes videoProgress{0%{background-position:200% 0}to{background-position:-200% 0}}.video-generating-warning{background:#f59e0b1a;border:1px solid #f59e0b4d;border-radius:var(--radius-md);color:var(--color-warning)}.video-generating-info,.video-generating-warning{font-size:var(--font-size-base);font-weight:500;margin-top:24px;padding:12px 20px}.video-generating-info{background:#22c55e1a;border:1px solid #22c55e4d;border-radius:var(--radius-md);color:var(--color-success)}.video-skeleton-wrapper{background:var(--color-skeleton)!important;position:relative}.video-skeleton-wrapper-landscape{aspect-ratio:16/9}.video-skeleton-wrapper-portrait{aspect-ratio:9/16}.video-skeleton{background:var(--color-skeleton);inset:0;overflow:hidden;position:absolute;z-index:1}.video-loading-state{align-items:center;display:flex;height:100%;justify-content:center;min-height:300px}.video-loading-spinner{animation:spin .8s linear infinite;border:3px solid var(--color-bg-tertiary);border-radius:50%;border-top-color:var(--color-accent);height:40px;width:40px}.sidebar-item-pending{cursor:default!important;opacity:.8}.sidebar-item-failed{opacity:.6}.sidebar-video-loading{align-items:center;background:var(--color-bg-secondary);display:flex;height:100%;justify-content:center;width:100%}.sidebar-loading-spinner{animation:spin 1s linear infinite;border:2px solid var(--glass-subtle);border-radius:var(--radius-full);border-top-color:var(--color-accent-tertiary);height:24px;width:24px}.sidebar-video-failed{align-items:center;background:var(--color-error-light);color:var(--color-error);display:flex;font-size:var(--font-size-xl);height:100%;justify-content:center;width:100%}.sidebar-tooltip-status{color:var(--color-accent-tertiary);display:block;font-size:var(--font-size-xs);margin-top:4px}.sidebar-tooltip-error{color:var(--color-error)}.gallery-item-video video{height:100%;object-fit:cover;width:100%}.gallery-item-video-badge{align-items:center;background:#000000b3;border-radius:var(--radius-sm);bottom:8px;color:#fff;display:flex;font-size:var(--font-size-xs);gap:4px;left:8px;padding:4px 8px;position:absolute;z-index:2}.gallery-item-video-badge .video-badge-icon{color:#fff;height:12px;width:12px}.image-modal-btn-wide{grid-column:span 2}.gallery-item-enhanced-badge{align-items:center;background:#000000b3;border-radius:var(--radius-sm);bottom:8px;color:#fff;display:flex;font-size:var(--font-size-xs);gap:4px;left:8px;padding:4px 8px;position:absolute;z-index:2}.gallery-item-enhanced-badge .enhanced-icon{height:12px;width:12px}.gallery-item-enhanced-badge .enhanced-scale{font-weight:500}.gallery-item-remove-bg-badge{align-items:center;background:#000000b3;border-radius:var(--radius-sm);bottom:8px;display:flex;justify-content:center;left:8px;padding:4px 8px;position:absolute;z-index:2}.gallery-item-remove-bg-badge svg{color:#fff;height:12px;width:12px}.library-modal-overlay{z-index:1100}.library-picker-modal{background:var(--color-bg-primary);border-radius:var(--radius-lg);box-shadow:0 20px 60px #00000026;display:flex;flex-direction:column;max-height:80vh;max-width:900px;width:90%}.library-picker-header{align-items:center;border-bottom:1px solid var(--color-border-subtle);display:flex;justify-content:space-between;padding:20px 24px}.library-picker-header h3{color:var(--color-text-primary);font-size:var(--font-size-xl);font-weight:600;margin:0}.library-picker-close{background:none;border:none;border-radius:var(--radius-sm);color:#0006;cursor:pointer;padding:8px;transition:all .2s}.library-picker-close:hover{background:#0000000d;color:var(--color-text-primary)}.library-picker-content{flex:1 1;overflow-y:auto;padding:20px 24px}.library-picker-empty,.library-picker-loading{align-items:center;color:#0006;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:60px 20px}.library-picker-loading .upscale-processing-spinner{border-color:#7c3aed33;border-top-color:var(--color-accent)}.library-picker-loading span{color:#00000080}.library-picker-empty svg{color:var(--color-text-secondary);opacity:.3}.library-picker-empty p{color:#0009;font-size:var(--font-size-lg);font-weight:500;margin:0}.library-picker-empty span{color:#0006;font-size:var(--font-size-base)}.library-picker-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.library-picker-item{aspect-ratio:1;background:var(--color-bg-tertiary);border-radius:var(--radius-md);cursor:pointer;overflow:hidden;position:relative}.library-picker-item img{height:100%;object-fit:cover;transition:transform .2s ease;width:100%}.library-picker-item:hover img{transform:scale(1.05)}.library-picker-item-overlay{align-items:center;background:#0000;display:flex;inset:0;justify-content:center;opacity:0;position:absolute;transition:all var(--transition-normal)}.library-picker-item-overlay svg{color:#fff;transform:scale(.8);transition:transform .2s ease}.library-picker-item:hover .library-picker-item-overlay{background:#00000080;opacity:1}.library-picker-item:hover .library-picker-item-overlay svg{transform:scale(1)}.library-picker-loader{display:flex;justify-content:center;padding:20px 0}.library-picker-loader .upscale-processing-spinner{border-color:#7c3aed33;border-top-color:var(--color-accent);height:24px;width:24px}@media (max-width:768px){.library-picker-modal{max-height:90vh;width:95%}.library-picker-grid{gap:8px;grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.library-picker-content,.library-picker-header{padding:16px 20px}}.video-cost-indicator{align-items:center;background:linear-gradient(135deg,var(--color-warning-light) 0,var(--color-warning-light) 100%);border:1px solid var(--color-warning);border-radius:var(--radius-md);color:var(--color-warning);display:flex;font-size:var(--font-size-sm);font-weight:600;gap:4px;padding:6px 12px}.video-cost-icon{font-size:var(--font-size-base)}.video-cost-value{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}@media (max-width:768px){.video-result-container{padding:0 16px}.video-actions{flex-wrap:wrap}.video-generating-animation{height:80px;width:80px}.video-generating-ring:nth-child(2){inset:10px}.video-generating-ring:nth-child(3){inset:20px}}.notifications-wrapper{position:relative}.floating-icon-btn-active{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.notifications-badge{align-items:center;animation:notificationPulse 2s ease-in-out infinite;background:#ea5000;border-radius:var(--radius-sm);color:#fff;display:flex;font-size:10px;font-weight:600;height:16px;justify-content:center;line-height:1;min-width:16px;padding:0 4px;position:absolute;right:4px;top:4px}[data-theme=dark] .notifications-badge{color:#000}@keyframes notificationPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.notifications-dropdown{background:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;max-height:480px;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);width:360px;z-index:1000}.notifications-header{align-items:center;border-bottom:1px solid var(--color-bg-tertiary);display:flex;flex-shrink:0;justify-content:space-between;padding:16px 20px}.notifications-title{color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:600}.notifications-mark-all{align-items:center;background:var(--color-bg-tertiary);border:none;border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;display:flex;font-family:inherit;font-size:var(--font-size-sm);font-weight:500;gap:6px;padding:6px 10px;transition:all var(--transition-normal)}.notifications-mark-all:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.notifications-list{flex:1 1;overflow-y:auto;padding:8px;scrollbar-color:var(--color-border-hover) #0000;scrollbar-width:thin}.notifications-list::-webkit-scrollbar{width:6px}.notifications-list::-webkit-scrollbar-track{background:#0000}.notifications-list::-webkit-scrollbar-thumb{background:var(--color-border-hover);border-radius:3px}.notifications-empty{align-items:center;color:var(--color-text-tertiary);display:flex;flex-direction:column;gap:12px;justify-content:center;padding:48px 20px;text-align:center}.notifications-empty-icon{font-size:40px;opacity:.5}.notification-item{align-items:flex-start;border-radius:var(--radius-md);cursor:pointer;display:flex;gap:12px;padding:12px;position:relative;transition:all var(--transition-normal)}.notification-item:hover{background:var(--color-bg-secondary)}.notification-item-unread{background:#3b82f60d}.notification-item-unread:hover{background:#3b82f61a}.notification-icon{align-items:center;border-radius:var(--radius-md);color:var(--color-text-inverse);display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.notification-content{flex:1 1;min-width:0}.notification-title{color:var(--color-text-primary);font-size:var(--font-size-base);font-weight:600;line-height:1.3;margin-bottom:4px}.notification-message{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--color-text-secondary);display:-webkit-box;font-size:var(--font-size-sm);line-height:1.4;margin-bottom:6px;overflow:hidden}.notification-time{color:var(--color-text-muted);font-size:var(--font-size-xs)}.notification-unread-dot{background:var(--color-info);border-radius:var(--radius-full);flex-shrink:0;height:8px;margin-top:6px;width:8px}.notifications-loader{align-items:center;color:var(--color-text-tertiary);display:flex;justify-content:center;padding:16px}.notifications-loader-text{cursor:pointer;font-size:var(--font-size-sm)}.notifications-loader-text:hover{color:var(--color-text-secondary)}.notifications-loader-spinner{animation:spin .8s linear infinite;border:2px solid var(--color-border);border-radius:var(--radius-full);border-top-color:var(--color-text-primary);height:20px;width:20px}@media (max-width:480px){.notifications-dropdown{border-radius:var(--radius-md);left:8px;max-height:calc(100vh - 84px);position:fixed;right:8px;top:68px;width:auto}.notification-item{gap:10px;padding:10px}.notification-icon{border-radius:var(--radius-md);height:36px;width:36px}.notification-message,.notification-title{font-size:var(--font-size-sm)}}.upscale-page{background:var(--color-bg-secondary);min-height:100vh}.upscale-main{display:flex;flex-direction:column;margin-left:104px;min-height:calc(100vh - 80px);padding-top:80px}.upscale-content{align-items:flex-start;gap:24px;padding:24px}.upscale-content,.upscale-upload-zone{display:flex;flex:1 1;justify-content:center}.upscale-upload-zone{align-items:center;background:var(--color-bg-secondary);border:2px dashed var(--color-border-primary);border-radius:var(--radius-2xl);cursor:pointer;max-width:800px;min-height:500px;position:relative;transition:all var(--transition-normal)}.upscale-upload-zone:hover{background:var(--color-bg-tertiary);border-color:var(--color-border-primary)}.upscale-upload-content{align-items:center;display:flex;flex-direction:column;gap:16px;padding:40px;text-align:center}.upscale-upload-icons{display:flex;font-size:48px;gap:8px;margin-bottom:16px}.upscale-upload-title{align-items:center;color:var(--color-text-primary);display:flex;font-size:var(--font-size-5xl);font-weight:700;gap:10px}.upscale-upload-title svg{color:var(--color-text-secondary)}.upscale-upload-desc{color:var(--color-text-tertiary);font-size:var(--font-size-lg);margin:0}.upscale-upload-buttons{display:flex;gap:12px;margin-top:8px}.upscale-upload-btn{align-items:center;border-radius:var(--radius-lg);cursor:pointer;display:flex;font-family:inherit;font-size:var(--font-size-md);font-weight:600;gap:8px;padding:14px 28px;transition:all var(--transition-normal)}.upscale-upload-btn-primary{background:var(--color-info);border:none;color:var(--color-text-inverse)}.upscale-upload-btn-primary:hover{background:var(--color-info);box-shadow:0 4px 16px #3b82f64d;transform:translateY(-1px)}.upscale-upload-btn-secondary{background:var(--color-bg-primary);border:1px solid var(--color-border-primary);color:var(--color-text-primary)}.upscale-upload-btn-secondary:hover{background:var(--color-bg-tertiary);border-color:var(--color-border-hover)}.upscale-upload-limit{color:var(--color-text-muted);font-size:var(--font-size-sm);margin:8px 0 0}.upscale-drag-overlay{background:#3b82f61a;border-radius:var(--radius-2xl);color:var(--color-info);font-size:var(--font-size-xl);font-weight:600;inset:0;position:absolute}.upscale-drag-overlay,.upscale-image-area{align-items:center;display:flex;justify-content:center}.upscale-image-area{flex:1 1;max-width:800px}.upscale-preview{background:var(--color-text-primary);border-radius:var(--radius-lg);box-shadow:0 8px 32px #0003;overflow:hidden;position:relative;width:100%}.upscale-close-btn{align-items:center;background:#00000080;border:none;border-radius:var(--radius-full);color:var(--color-text-inverse);cursor:pointer;display:flex;height:36px;justify-content:center;position:absolute;right:16px;top:16px;transition:all var(--transition-normal);width:36px;z-index:10}.upscale-close-btn:hover{background:#000000b3;transform:scale(1.05)}.upscale-original img{display:block;width:100%}.upscale-processing-overlay{align-items:center;background:#0009;color:var(--color-text-inverse);display:flex;flex-direction:column;font-size:var(--font-size-lg);font-weight:500;gap:16px;inset:0;justify-content:center;position:absolute}.upscale-processing-spinner{animation:spin 1s linear infinite;border:3px solid var(--glass-subtle);border-radius:var(--radius-full);border-top-color:var(--color-text-inverse);height:48px;width:48px}.upscale-compare{cursor:ew-resize;position:relative;-webkit-user-select:none;user-select:none}.upscale-compare-after,.upscale-compare-before{width:100%}.upscale-compare-after img,.upscale-compare-before img{display:block;width:100%}.upscale-compare-after{bottom:0;left:0;position:absolute;right:0;top:0}.remove-bg-after,.remove-bg-compare{background:linear-gradient(45deg,var(--color-border-primary) 25%,#0000 25%),linear-gradient(-45deg,var(--color-border-primary) 25%,#0000 25%),linear-gradient(45deg,#0000 75%,var(--color-border-primary) 75%),linear-gradient(-45deg,#0000 75%,var(--color-border-primary) 75%);background-color:var(--color-bg-tertiary);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px}.upscale-compare-label{background:#0009;border-radius:var(--radius-sm);bottom:16px;color:#fff;font-size:var(--font-size-sm);font-weight:600;padding:6px 12px;position:absolute}.upscale-compare-label-before{left:16px}.upscale-compare-label-after{right:16px}.upscale-compare-slider{bottom:0;top:0;transform:translateX(-50%);width:3px;z-index:5}.upscale-compare-handle,.upscale-compare-slider{background:var(--color-bg-primary);position:absolute}.upscale-compare-handle{align-items:center;border-radius:var(--radius-full);box-shadow:0 2px 8px #0003;color:var(--color-text-secondary);display:flex;height:40px;justify-content:center;left:50%;top:50%;transform:translate(-50%,-50%);width:40px}.upscale-settings{background:var(--color-bg-primary);border-radius:var(--radius-lg);box-shadow:0 2px 12px #0000000f;display:flex;flex-direction:column;flex-shrink:0;gap:20px;padding:20px;width:320px}.upscale-settings-preview{aspect-ratio:16/9;background:var(--color-bg-tertiary);border-radius:var(--radius-md);overflow:hidden;width:100%}.upscale-settings-preview img{height:100%;object-fit:contain;width:100%}.upscale-scale-options{background:var(--color-bg-tertiary);border-radius:var(--radius-md);display:flex;gap:8px;padding:4px}.upscale-scale-btn{background:#0000;border:none;border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;flex:1 1;font-family:inherit;font-size:var(--font-size-md);font-weight:600;padding:12px;transition:all var(--transition-normal)}.upscale-scale-btn:hover:not(:disabled){background:#0000000d;color:var(--color-text-primary)}.upscale-scale-btn-active{box-shadow:0 2px 8px var(--color-border-subtle);color:var(--color-text-primary)}.upscale-scale-btn-active,.upscale-scale-btn-active:hover:not(:disabled){background:var(--color-bg-primary)}.upscale-scale-btn:disabled{cursor:not-allowed;opacity:.5}.upscale-settings-section{display:flex;flex-direction:column;gap:16px}.upscale-settings-header{align-items:center;color:var(--color-text-primary);display:flex;font-size:var(--font-size-base);font-weight:600;gap:8px}.upscale-setting-item{display:flex;flex-direction:column;gap:8px}.upscale-setting-row{align-items:center;display:flex;justify-content:space-between}.upscale-setting-label{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.upscale-setting-value{color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:600}.upscale-setting-resolution{display:flex;gap:8px}.upscale-resolution-input{border:1px solid var(--color-border-primary);flex:1 1;font-family:inherit;text-align:center}.upscale-resolution-input,.upscale-resolution-value{background:var(--color-bg-tertiary);border-radius:var(--radius-sm);color:var(--color-text-primary);font-size:var(--font-size-base);padding:10px 12px}.upscale-resolution-value{font-weight:500}.upscale-prompt-wrapper{position:relative}.upscale-prompt-input{background:var(--color-bg-tertiary);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);color:var(--color-text-primary);font-family:inherit;font-size:var(--font-size-base);outline:none;padding:12px 80px 12px 12px;resize:none;transition:all var(--transition-normal);width:100%}.upscale-prompt-input:focus{background:var(--color-bg-primary);border-color:var(--color-info)}.upscale-prompt-input::placeholder{color:var(--color-text-muted)}.upscale-describe-btn{align-items:center;background:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-sm);bottom:8px;color:var(--color-text-secondary);cursor:pointer;display:flex;font-family:inherit;font-size:var(--font-size-sm);font-weight:500;gap:4px;padding:6px 10px;position:absolute;right:8px;transition:all var(--transition-normal)}.upscale-describe-btn:hover:not(:disabled){background:var(--color-bg-tertiary);color:var(--color-text-primary)}.upscale-describe-btn:disabled{cursor:not-allowed;opacity:.5}.upscale-slider-wrapper{align-items:center;display:flex;gap:10px}.upscale-slider-icon{color:var(--color-border-hover);font-size:var(--font-size-base)}.upscale-slider-icon-active{color:var(--color-info)}.upscale-slider{-webkit-appearance:none;appearance:none;background:linear-gradient(to right,var(--color-info) 0,var(--color-info) 33%,var(--color-border-primary) 33%,var(--color-border-primary) 100%);background:linear-gradient(to right,var(--color-info) 0,var(--color-info) var(--value,33%),var(--color-border-primary) var(--value,33%),var(--color-border-primary) 100%);border-radius:3px;cursor:pointer;flex:1 1;height:6px;outline:none}.upscale-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--color-bg-primary);border:2px solid var(--color-info);border-radius:var(--radius-full);box-shadow:0 2px 6px #00000026;cursor:pointer;height:18px;-webkit-transition:transform .15s ease;transition:transform .15s ease;width:18px}.upscale-slider::-webkit-slider-thumb:hover{transform:scale(1.1)}.upscale-slider::-moz-range-thumb{background:var(--color-bg-primary);border:2px solid var(--color-info);border-radius:var(--radius-full);box-shadow:0 2px 6px #00000026;cursor:pointer;height:18px;width:18px}.upscale-actions{display:flex;gap:10px}.upscale-enhance-btn{align-items:center;background:var(--color-info);border:none;border-radius:var(--radius-md);color:var(--color-text-inverse);cursor:pointer;display:flex;flex:1 1;font-family:inherit;font-size:var(--font-size-lg);font-weight:600;gap:8px;justify-content:center;padding:16px 24px;transition:all var(--transition-normal)}.upscale-enhance-btn:hover:not(:disabled){background:var(--color-info);box-shadow:0 4px 16px #3b82f64d;transform:translateY(-1px)}.upscale-enhance-btn:disabled{background:var(--color-border-hover);cursor:not-allowed}.upscale-download-btn{align-items:center;background:var(--color-bg-tertiary);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;display:flex;height:52px;justify-content:center;transition:all var(--transition-normal);width:52px}.upscale-download-btn:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.upscale-cost{align-items:center;background:linear-gradient(135deg,var(--color-warning-light) 0,var(--color-warning-light) 100%);border:1px solid var(--color-warning);border-radius:var(--radius-md);color:var(--color-warning);display:flex;font-size:var(--font-size-base);font-weight:600;gap:6px;justify-content:center;padding:10px}.upscale-cost-icon{font-size:var(--font-size-lg)}@media (max-width:1100px){.upscale-content{align-items:center;flex-direction:column}.upscale-settings{max-width:600px;width:100%}}@media (max-width:768px){.upscale-main{margin-left:80px}.upscale-upload-zone{min-height:400px}.upscale-upload-title{font-size:var(--font-size-3xl)}.upscale-upload-buttons{flex-direction:column}}@media (max-width:600px){.upscale-main{margin-left:16px;padding-top:68px}.upscale-content{padding:16px}}.subscription-page{background:linear-gradient(180deg,var(--color-bg-secondary) 0,var(--color-bg-tertiary) 100%);display:flex;flex-direction:column;min-height:100vh}.subscription-loading{align-items:center;color:var(--color-text-secondary);display:flex;flex:1 1;flex-direction:column;gap:16px;justify-content:center}.loading-spinner{animation:spin .8s linear infinite;border:3px solid var(--color-border-primary);border-radius:var(--radius-full);border-top-color:var(--color-accent);height:40px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.subscription-content{flex:1 1;margin:0 auto;max-width:1280px;padding:100px 24px 40px;width:100%}.subscription-hero{margin-bottom:48px;text-align:center}.subscription-title{color:var(--color-text-primary);font-family:DM Sans,SF Pro Display,-apple-system,BlinkMacSystemFont,sans-serif;font-size:48px;font-weight:700;letter-spacing:-1px;margin:0 0 12px}.subscription-subtitle{color:var(--color-text-secondary);font-size:var(--font-size-xl);margin:0 auto 32px;max-width:500px}.billing-toggle-container{display:flex;justify-content:center}.billing-toggle{background:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);box-shadow:0 2px 8px #0000000a;display:inline-flex;gap:4px;padding:4px}.billing-option{background:#0000;border:none;border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;font-family:inherit;font-size:var(--font-size-base);font-weight:600;padding:10px 24px;position:relative;transition:all var(--transition-normal)}.billing-option-active,.billing-option:hover{color:var(--color-text-primary)}.billing-option-active{background:var(--color-bg-tertiary);box-shadow:var(--shadow-sm)}.billing-option-active:hover{color:var(--color-text-primary)}.billing-discount-badge{background:var(--color-accent);border-radius:var(--radius-sm);color:var(--color-accent-contrast);font-size:12px;font-weight:700;padding:3px 8px;position:absolute;right:-10px;top:-10px;white-space:nowrap;z-index:1}.success-banner{background:linear-gradient(135deg,var(--color-success-light) 0,var(--color-success-light) 100%);border:1px solid var(--color-success);border-radius:var(--radius-md);color:var(--color-success);font-size:var(--font-size-md);font-weight:500;gap:12px;margin-bottom:32px;padding:16px 24px}.success-banner,.success-icon{align-items:center;display:flex;justify-content:center}.success-icon{background:var(--color-success);border-radius:var(--radius-full);color:var(--color-text-inverse);font-size:var(--font-size-base);height:24px;width:24px}.success-close{background:#0000;border:none;color:var(--color-success);cursor:pointer;font-size:var(--font-size-2xl);margin-left:auto;opacity:.7;padding:4px 8px;transition:opacity .15s ease}.success-close:hover{opacity:1}.plans-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(3,1fr);margin-bottom:64px;margin-left:auto;margin-right:auto;max-width:1320px}@media (max-width:1000px){.plans-grid{grid-template-columns:1fr;max-width:440px}}.plan-card-new{background:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-xl);display:flex;flex-direction:column;min-height:462px;padding:28px;position:relative;transition:transform .3s ease,border-color .2s ease}.plan-card-new:hover{border-color:var(--color-border-hover);transform:translateY(-8px)}.plan-card-popular{background:#ff7af933;border-color:#0000;color:#1a1a2e}[data-theme=dark] .plan-card-popular{background:#ff7af933;color:#fff}.plan-card-current{border-color:var(--color-border-hover)}.plan-popular-badge{align-items:center;background:linear-gradient(135deg,var(--color-accent) 0,#9333ea 100%);border-radius:var(--radius-xl);box-shadow:0 4px 12px #7c3aed4d;color:var(--color-text-inverse);display:flex;font-size:var(--font-size-sm);font-weight:600;gap:6px;left:50%;padding:6px 14px;position:absolute;top:-12px;transform:translateX(-50%);white-space:nowrap}.plan-popular-badge svg{height:14px;width:14px}.plan-current-badge{background:var(--color-success-light);border-radius:var(--radius-sm);color:var(--color-success);font-size:var(--font-size-xs);font-weight:600;padding:4px 10px;position:absolute;right:16px;top:16px}.plan-card-popular .plan-current-badge{background:#1a1a2e26;color:#1a1a2e}[data-theme=dark] .plan-card-popular .plan-current-badge{background:#fff3;color:#fff}.plan-card-header{margin-bottom:16px}.plan-name-new{color:inherit;font-family:var(--font-family-display);font-size:28px;font-weight:400;letter-spacing:1px;margin:0 0 12px;text-transform:lowercase}.plan-card-popular .plan-name-new,[data-theme=dark] .plan-card-popular .plan-name-new{color:#ff7af9}.plan-price-block{display:flex;flex-direction:column;gap:4px}.plan-price-original{color:var(--color-text-muted);font-size:var(--font-size-base);text-decoration:line-through}.plan-card-popular .plan-price-original{color:#1a1a2e80}[data-theme=dark] .plan-card-popular .plan-price-original{color:#ffffff80}.plan-price-main{align-items:baseline;display:flex;gap:4px}.plan-price-amount{color:var(--color-text-primary);font-size:var(--font-size-5xl);font-weight:700}.plan-card-popular .plan-price-amount{color:#1a1a2e}[data-theme=dark] .plan-card-popular .plan-price-amount{color:#fff}.plan-price-period{color:var(--color-text-tertiary);font-size:var(--font-size-base)}.plan-card-popular .plan-price-period{color:#1a1a2e99}[data-theme=dark] .plan-card-popular .plan-price-period{color:#fff9}.plan-price-yearly{color:var(--color-text-tertiary);font-size:var(--font-size-sm)}.plan-price-placeholder{visibility:hidden}.plan-card-popular .plan-price-yearly{color:#1a1a2e80}[data-theme=dark] .plan-card-popular .plan-price-yearly{color:#ffffff80}.plan-description{color:var(--color-text-secondary);font-size:var(--font-size-base);line-height:1.5;margin:0 0 20px}.plan-card-popular .plan-description{color:#1a1a2eb3}[data-theme=dark] .plan-card-popular .plan-description{color:#ffffffb3}.plan-features-list{display:flex;flex:1 1;flex-direction:column;gap:12px;list-style:none;margin:0 0 24px;padding:0}.plan-feature-item{align-items:flex-start;color:var(--color-text-secondary);display:flex;font-size:var(--font-size-sm);gap:10px;line-height:1.4}.plan-card-popular .plan-feature-item{color:#1a1a2ed9}[data-theme=dark] .plan-card-popular .plan-feature-item{color:#ffffffd9}.feature-check{align-items:center;background:var(--color-success-light);border-radius:var(--radius-full);color:var(--color-success);display:flex;flex-shrink:0;height:20px;justify-content:center;width:20px}.plan-card-popular .feature-check{background:#1a1a2e1a;color:#1a1a2e}[data-theme=dark] .plan-card-popular .feature-check{background:#ffffff26;color:#fff}.plan-cta-button{background:var(--color-bg-tertiary);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);color:var(--color-text-primary);cursor:pointer;font-family:inherit;font-size:var(--font-size-base);font-weight:600;padding:14px 24px;transition:all var(--transition-normal);width:100%}.plan-cta-button:hover:not(:disabled){background:var(--color-bg-tertiary);transform:translateY(-1px)}.plan-cta-button:disabled{cursor:not-allowed;opacity:.6}.plan-cta-current{background:var(--color-bg-tertiary);border-color:var(--color-border-primary);color:var(--color-text-secondary)}.plan-cta-popular{background:linear-gradient(135deg,#fff 0,var(--color-bg-tertiary) 100%);border:none;box-shadow:0 4px 12px #0000001a;color:var(--color-text-primary)}.plan-cta-popular:hover:not(:disabled){background:var(--color-bg-primary);box-shadow:0 6px 20px #00000026}[data-theme=dark] .plan-cta-popular{background:#ffffff1a;border:1px solid #ffffff26;box-shadow:none}[data-theme=dark] .plan-cta-popular:hover:not(:disabled){background:#ffffff26;box-shadow:none}.plan-card-popular .plan-cta-current{background:#1a1a2e1a;border:1px solid #1a1a2e26;color:#1a1a2e}.plan-card-popular .plan-cta-current:hover:not(:disabled){background:#1a1a2e1a}[data-theme=dark] .plan-card-popular .plan-cta-current{background:#ffffff26;border:1px solid #fff3;color:#fff}[data-theme=dark] .plan-card-popular .plan-cta-current:hover:not(:disabled){background:#ffffff26}.plan-cta-cancel{background:var(--color-error-light);border-color:var(--color-error-light);color:var(--color-error)}.plan-cta-cancel:hover:not(:disabled){background:var(--color-error-light);border-color:var(--color-error)}.features-table-section{margin-bottom:64px}.features-table-title{color:var(--color-text-primary);font-size:var(--font-size-4xl);font-weight:700;margin:0 0 32px;text-align:center}.features-table-container{background:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);overflow-x:auto}.features-table{border-collapse:collapse;min-width:600px;width:100%}.features-table td,.features-table th{border-bottom:1px solid var(--color-bg-tertiary);padding:16px 20px;text-align:center}.features-table td:first-child,.features-table th:first-child{color:var(--color-text-secondary);font-weight:500;text-align:left}.features-table th{color:var(--color-text-primary);font-size:var(--font-size-base);font-weight:600;text-transform:capitalize}.features-table td{color:var(--color-text-secondary);font-size:var(--font-size-base)}.features-table tr:last-child td{border-bottom:none}.feature-yes{align-items:center;background:var(--color-success-light);border-radius:var(--radius-full);color:var(--color-success);display:inline-flex;height:24px;justify-content:center;width:24px}.feature-no{color:var(--color-border-hover);font-size:var(--font-size-lg)}.faq-section{margin:0 auto 24px;max-width:800px}.faq-title{color:var(--color-text-primary);font-size:var(--font-size-4xl);font-weight:700;margin:0 0 32px;text-align:center}.faq-list{display:flex;flex-direction:column;gap:12px}.faq-item{background:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);overflow:hidden;transition:all var(--transition-normal)}.faq-item-expanded,.faq-item:hover{border-color:var(--color-border-hover)}.faq-question{align-items:center;background:#0000;border:none;cursor:pointer;display:flex;font-family:inherit;font-size:var(--font-size-md);font-weight:600;gap:16px;justify-content:space-between;padding:18px 20px;text-align:left;width:100%}.faq-question,.faq-question:hover{color:var(--color-text-primary)}.faq-chevron{color:var(--color-text-tertiary);flex-shrink:0;transition:transform .2s ease}.faq-chevron-up{color:var(--color-text-primary);transform:rotate(180deg)}.faq-answer{overflow:hidden}.faq-answer p{color:var(--color-text-secondary);font-size:var(--font-size-base);line-height:1.6;margin:0;padding:0 20px 18px}.subscription-footer{background:var(--color-bg-tertiary);bottom:0;left:0;padding:8px 16px;position:fixed;right:0;text-align:center;z-index:100}.subscription-footer p{color:var(--color-text-tertiary);font-size:var(--font-size-xs);margin:0}.subscription-footer a{color:var(--color-text-secondary);font-weight:500;text-decoration:none;transition:opacity .15s ease}.subscription-footer a:hover{opacity:.7}@media (max-width:900px){.subscription-title{font-size:36px}.subscription-subtitle{font-size:var(--font-size-lg)}.faq-title,.features-table-title{font-size:var(--font-size-3xl)}}@media (max-width:600px){.subscription-content{padding:90px 16px 40px}.subscription-title{font-size:var(--font-size-4xl)}.plan-card-new{padding:24px}.plan-name-new{font-size:22px}.plan-price-amount{font-size:var(--font-size-4xl)}}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.cancel-modal{background:var(--color-bg-primary);border-radius:var(--radius-xl);box-shadow:0 20px 60px #0003;max-width:440px;padding:32px;width:100%}.cancel-modal-title{color:var(--color-text-primary);font-size:22px;font-weight:700;margin:0 0 16px}.cancel-modal-text{color:var(--color-text-secondary);font-size:var(--font-size-md);line-height:1.6;margin:0 0 12px}.cancel-modal-note{color:var(--color-text-tertiary);font-size:var(--font-size-sm);margin:0 0 24px}.cancel-modal-actions{display:flex;gap:12px}.cancel-modal-btn{border-radius:var(--radius-md);cursor:pointer;flex:1 1;font-family:inherit;font-size:var(--font-size-base);font-weight:600;padding:14px 20px;transition:all var(--transition-normal)}.cancel-modal-btn:disabled{cursor:not-allowed;opacity:.6}.cancel-modal-btn-secondary{border:1px solid var(--color-border-primary);color:var(--color-text-primary)}.cancel-modal-btn-secondary,.cancel-modal-btn-secondary:hover:not(:disabled){background:var(--color-bg-tertiary)}.cancel-modal-btn-danger{border:none;color:var(--color-text-inverse)}.cancel-modal-btn-danger,.cancel-modal-btn-danger:hover:not(:disabled){background:var(--color-error)}@media (max-width:600px){.cancel-modal-actions{flex-direction:column}}.onboarding-start-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.onboarding-start-modal{display:flex;gap:20px;max-width:1050px;width:100%}.start-modal-image-card{aspect-ratio:3/4;border-radius:24px;flex:0 0 auto;overflow:hidden;position:relative;width:504px}.start-modal-image-card img{height:100%;object-fit:cover;object-position:center;width:100%}.slide-indicators{bottom:16px;display:flex;gap:6px;left:50%;position:absolute;transform:translateX(-50%)}.slide-indicator{background:#ffffff59;border-radius:2px;height:3px;overflow:hidden;width:32px}.slide-indicator-fill{background:#ffffffe6;border-radius:2px;height:100%;transition:width .04s linear}.start-modal-content-card{background:#fff;border-radius:24px;display:flex;flex:0 0 auto;flex-direction:column;padding:56px 52px;position:relative;width:504px;z-index:1}.start-modal-close{align-items:center;background:#f5f5f5;border:none;border-radius:50%;color:#999;cursor:pointer;display:flex;height:32px;justify-content:center;position:absolute;right:16px;top:16px;transition:all .2s ease;width:32px}.start-modal-close:hover{background:#eee;color:#333}.start-modal-title{color:#1a1a1a;font-family:Cakra,Inter,sans-serif;font-size:42px;font-weight:700;line-height:1.1;margin:0 0 28px;text-transform:lowercase}.start-modal-description{color:#666;font-family:Inter,sans-serif;font-size:15px;line-height:1.6;margin:0 0 auto}.start-modal-description .discount-highlight{background:#ff7af933;border-radius:4px;color:#ff7af9;font-weight:700;padding:2px 6px}.start-modal-timer{margin-bottom:20px;margin-top:auto}.start-modal-timer .timer-label{color:#999;display:block;font-size:13px;font-weight:500;margin-bottom:10px}.start-modal-timer .timer-boxes{display:flex;gap:8px}.start-modal-timer .timer-box{align-items:baseline;background:#f5f5f5;border-radius:12px;display:flex;gap:2px;justify-content:center;min-width:60px;padding:12px 16px}.start-modal-timer .timer-value{font-feature-settings:"tnum";color:#1a1a1a;font-size:24px;font-variant-numeric:tabular-nums;font-weight:700}.start-modal-timer .timer-unit{color:#666;font-size:14px;font-weight:500}.start-modal-btn{align-items:center;background:#bffe00;border:none;border-radius:12px;color:#0a0a0a;cursor:pointer;display:inline-flex;font-size:16px;font-weight:600;gap:8px;justify-content:center;padding:16px 24px;transition:all .2s ease;width:100%}.start-modal-btn:hover{background:#d4ff33;box-shadow:0 4px 12px #bffe004d;transform:translateY(-1px)}.start-modal-skip{background:#0000;border:none;color:#999;cursor:pointer;font-size:14px;margin-top:12px;padding:12px;text-align:center;transition:all .2s ease}.start-modal-skip:hover{color:#666}@media (max-width:700px){.onboarding-start-modal{flex-direction:column;max-width:400px}.start-modal-image-card{aspect-ratio:16/9;border-radius:20px 20px 0 0;flex:none;max-height:220px}.start-modal-content-card{border-radius:20px;flex:none;margin-left:0;margin-top:-20px;padding:28px 24px}.start-modal-title{font-size:28px}.slide-indicators{bottom:24px}.start-modal-timer .timer-box{min-width:50px;padding:10px 12px}.start-modal-timer .timer-value{font-size:20px}}[data-theme=dark] .start-modal-content-card{background:#1a1a1a}[data-theme=dark] .start-modal-close{background:#2a2a2a;color:#666}[data-theme=dark] .start-modal-close:hover{background:#333;color:#999}[data-theme=dark] .start-modal-title{color:#fff}[data-theme=dark] .start-modal-description{color:#999}[data-theme=dark] .start-modal-timer .timer-label{color:#666}[data-theme=dark] .start-modal-timer .timer-box{background:#2a2a2a}[data-theme=dark] .start-modal-timer .timer-value{color:#fff}[data-theme=dark] .start-modal-timer .timer-unit{color:#888}[data-theme=dark] .start-modal-btn{background:#bffe00;color:#0a0a0a}[data-theme=dark] .start-modal-btn:hover{background:#d4ff33;box-shadow:0 4px 12px #bffe004d}[data-theme=dark] .start-modal-skip{color:#666}[data-theme=dark] .start-modal-skip:hover{color:#888}.onboarding-backdrop{bottom:0;left:0;pointer-events:none;position:fixed;right:0;top:0;transition:opacity .3s ease;z-index:9999}.onboarding-backdrop-blocker{background:#000000d9;pointer-events:all;position:fixed;z-index:9998}.onboarding-backdrop-blocker.allow-drag{pointer-events:none}body.onboarding-active .input-text{pointer-events:none!important;-webkit-user-select:none!important;user-select:none!important}body.onboarding-active .generate-btn,body.onboarding-active .input-buttons-bottom,body.onboarding-active .model-selector-bottom-left,body.onboarding-active .results-container{pointer-events:none!important}body.onboarding-active .generation-result-image,body.onboarding-active .generation-result-video{cursor:default!important;pointer-events:none!important}.onboarding-unified-card.semi-transparent{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fafafacc}[data-theme=dark] .onboarding-unified-card.semi-transparent{background:#1a1a1acc}.onboarding-progress{background:#ffffff1a;height:4px;left:0;position:fixed;right:0;top:0;z-index:10002}.onboarding-progress-bar{background:#bffe00;background:var(--color-accent,#bffe00);height:100%;transition:width .4s ease}.onboarding-tooltip{border:1px solid #333;border:1px solid var(--color-border-primary,#333);border-radius:16px;border-radius:var(--radius-lg,16px);box-shadow:var(--shadow-xl);max-width:360px;padding:20px;pointer-events:all;position:fixed;z-index:10001}.onboarding-tooltip,.onboarding-tooltip:before{background:#1a1a1a;background:var(--color-bg-primary,#1a1a1a)}.onboarding-tooltip:before{border:1px solid #333;border:1px solid var(--color-border-primary,#333);content:"";height:12px;position:absolute;transform:rotate(45deg);width:12px}.onboarding-tooltip.arrow-top:before{border-bottom:none;border-right:none;left:24px;top:-7px}.onboarding-tooltip.arrow-bottom:before{border-left:none;border-top:none;bottom:-7px;left:24px}.onboarding-tooltip.arrow-left:before{border-right:none;border-top:none;left:-7px;top:24px}.onboarding-tooltip.arrow-right:before{border-bottom:none;border-left:none;right:-7px;top:24px}.tooltip-header{align-items:center;display:flex;gap:10px;margin-bottom:12px}.tooltip-step-badge{align-items:center;background:#bffe00;background:var(--color-accent,#bffe00);border-radius:50%;color:#0a0a0a;color:var(--color-accent-contrast,#0a0a0a);display:flex;font-size:13px;font-weight:700;height:28px;justify-content:center;width:28px}.tooltip-title{color:#fff;color:var(--color-text-primary,#fff);font-size:16px;font-weight:600;margin:0}.tooltip-description{color:#888;color:var(--color-text-secondary,#888);font-size:14px;line-height:1.5;margin:0 0 16px}.tooltip-actions{align-items:center;display:flex;gap:12px;justify-content:space-between}.tooltip-skip{background:#0000;border:none;border-radius:8px;border-radius:var(--radius-sm,8px);color:#666;color:var(--color-text-tertiary,#666);cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:var(--transition-normal)}.tooltip-skip:hover{color:#888;color:var(--color-text-secondary,#888)}.tooltip-next{align-items:center;background:#bffe00;background:var(--color-accent,#bffe00);border:none;border-radius:10px;border-radius:var(--radius-md,10px);color:#0a0a0a;color:var(--color-accent-contrast,#0a0a0a);cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:6px;padding:10px 20px;transition:var(--transition-normal)}.tooltip-next:hover{box-shadow:var(--shadow-accent);transform:translateY(-1px)}.tooltip-next:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.onboarding-unified-card-wrapper{align-items:center;bottom:0;display:flex;justify-content:center;left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:10001}.onboarding-unified-card{align-items:stretch;background:#fafafa;border:none;border-radius:20px;box-shadow:0 8px 32px #0000001f;display:flex;gap:36px;min-height:320px;padding:36px 44px;pointer-events:all;position:relative;width:720px;z-index:10001}[data-theme=dark] .onboarding-unified-card{background:#1a1a1a;box-shadow:0 8px 32px #0006}.unified-close{align-items:center;background:#0000;border:none;border-radius:50%;color:#999;cursor:pointer;display:flex;height:32px;justify-content:center;position:absolute;right:16px;top:16px;transition:all .2s ease;width:32px}.unified-close:hover{background:#0000000d;color:#666}[data-theme=dark] .unified-close{color:#666}[data-theme=dark] .unified-close:hover{background:#ffffff1a;color:#999}.unified-content{display:flex;flex:1 1;flex-direction:column;text-align:left}.unified-step{align-items:center;color:#999;display:flex;font-size:14px;font-weight:500;gap:8px;margin-bottom:8px}[data-theme=dark] .unified-step{color:#666}.step-nav-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:#999;cursor:pointer;display:flex;font-size:18px;font-weight:500;height:24px;justify-content:center;line-height:1;padding:0;transition:all .15s ease;width:24px}.step-nav-btn:hover:not(:disabled){background:#0000000d;color:#666}.step-nav-btn:disabled{cursor:not-allowed;opacity:.3}[data-theme=dark] .step-nav-btn{color:#666}[data-theme=dark] .step-nav-btn:hover:not(:disabled){background:#ffffff1a;color:#999}.unified-title{color:#1a1a1a;font-size:24px;font-weight:700;margin:0 0 12px}[data-theme=dark] .unified-title{color:#fff}.unified-description{color:#666;flex:1 1;font-size:15px;line-height:1.6;margin:0}[data-theme=dark] .unified-description{color:#999}.unified-actions{display:flex;gap:12px;margin-top:24px}.unified-skip{background:#0000;border:none;border-radius:10px;border-radius:var(--radius-md,10px);color:#666;color:var(--color-text-tertiary,#666);cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:var(--transition-normal)}.unified-skip:hover{color:#888;color:var(--color-text-secondary,#888)}.unified-next{align-items:center;background:#e8e8e8;border:none;border-radius:20px;color:#333;cursor:pointer;display:inline-flex;font-size:15px;font-weight:500;gap:6px;padding:12px 24px;transition:all .2s ease}.unified-next:hover:not(:disabled){background:#ddd}.unified-next:disabled{cursor:not-allowed;opacity:.4}[data-theme=dark] .unified-next{background:#333;color:#fff}[data-theme=dark] .unified-next:hover:not(:disabled){background:#444}.unified-image-area{flex-shrink:0}.unified-draggable-image,.unified-image-area{align-items:center;display:flex;justify-content:center}.unified-draggable-image{background:#f5f5f5;border:2px dashed #bffe00;border-radius:12px;cursor:grab;flex-direction:column;height:180px;overflow:hidden;position:relative;transition:all .2s ease;width:180px}.unified-draggable-image img{border-radius:10px}[data-theme=dark] .unified-draggable-image{background:#2a2a2a;border-color:#bffe00}[data-theme=dark] .unified-draggable-image:hover{border-color:#d4ff33}.unified-draggable-image:hover{border-color:#d4ff33;box-shadow:0 4px 12px #bffe0033;cursor:grab;transform:scale(1.02)}.unified-draggable-image:active{cursor:grabbing;transform:scale(.98)}.unified-draggable-image img{display:block;height:100%;object-fit:cover;pointer-events:none;width:100%}.unified-static-image{align-items:center;background:#f5f5f5;border:2px solid #bffe00;border-radius:12px;box-shadow:0 0 12px #bffe004d;display:flex;height:180px;justify-content:center;overflow:hidden;position:relative;width:180px}.unified-static-image img{border-radius:10px;display:block;height:100%;object-fit:cover;width:100%}[data-theme=dark] .unified-static-image{background:#2a2a2a;border-color:#bffe00}.unified-drag-hint{background:#0006;border-radius:10px;bottom:-32px;color:#fff;font-size:11px;left:50%;padding:4px 10px;position:absolute;transform:translateX(-50%);white-space:nowrap}[data-theme=dark] .unified-drag-hint{background:#ffffff26;color:#ccc}.unified-success-check{align-items:center;background:#10b98133;border:none;border-radius:12px;display:flex;height:180px;justify-content:center;width:180px}.unified-success-check span{color:#10b981;font-size:64px}[data-theme=dark] .unified-success-check{background:#10b98133}.unified-comparison{border-radius:12px;flex-shrink:0;height:180px;overflow:hidden;position:relative;width:180px}.unified-comparison img{display:block;height:100%;object-fit:cover;width:100%}.comparison-divider{background:#fafafa;height:100%;left:50%;position:absolute;top:0;transform:translateX(-50%);width:2px}[data-theme=dark] .comparison-divider{background:#1a1a1a}.comparison-badge{align-items:center;border-radius:50%;bottom:12px;display:flex;height:28px;justify-content:center;position:absolute;width:28px}.comparison-badge.bad{background:#ea5000;left:calc(25% - 14px)}.comparison-badge.good{background:#10b981;right:calc(25% - 14px)}.comparison-badge span{color:#fff;font-size:14px;font-weight:700}.unified-prompt-icon{align-items:center;background:#f0f0f0;border:none;border-radius:12px;color:#999;display:flex;height:180px;justify-content:center;width:180px}[data-theme=dark] .unified-prompt-icon{background:#2a2a2a;color:#666}.unified-keyboard-trigger{align-items:center;background:#f5f5f5;border:2px dashed #bffe00;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:8px;height:180px;justify-content:center;transition:all .2s ease;width:180px}.unified-keyboard-trigger:hover{background:#eee;border-color:#d4ff33;box-shadow:0 4px 12px #bffe0033;transform:scale(1.02)}.unified-keyboard-trigger:active{transform:scale(.98)}.unified-keyboard-trigger span:first-child{font-size:80px}.unified-keyboard-trigger .keyboard-hint{color:#666;font-size:14px;font-weight:500}[data-theme=dark] .unified-keyboard-trigger{background:#2a2a2a;border-color:#bffe00}[data-theme=dark] .unified-keyboard-trigger:hover{background:#333;border-color:#d4ff33;box-shadow:0 4px 12px #bffe0033}[data-theme=dark] .unified-keyboard-trigger .keyboard-hint{color:#888}.unified-typing-indicator{align-items:center;animation:typing-fade 2s ease-out forwards;background:#f5f5f5;border:2px dashed #bffe00;border-radius:12px;display:flex;height:180px;justify-content:center;width:180px}.unified-typing-indicator span{animation:typing-fade 2s ease-out forwards;font-size:80px}@keyframes typing-fade{0%{opacity:1}to{opacity:.3}}[data-theme=dark] .unified-typing-indicator{background:#2a2a2a;border-color:#bffe00}.unified-format-selector{align-items:center;background:#f5f5f5;border:none;border-radius:12px;display:flex;height:180px;justify-content:center;width:180px}[data-theme=dark] .unified-format-selector{background:#2a2a2a}.format-option{align-items:center;border:none;border-radius:12px;display:flex;flex-direction:column;gap:12px;padding:16px 24px}.format-option,[data-theme=dark] .format-option{background:#0000}.format-visual{background:#999;border:2px solid #666;border-radius:4px;height:48px;width:36px}[data-theme=dark] .format-visual{background:#666;border-color:#888}.format-label{color:#1a1a1a;font-size:18px;font-weight:600}[data-theme=dark] .format-label{color:#fff}.format-marketplace-tags{align-items:center;display:flex;gap:6px}.format-marketplace-tags img{border-radius:4px;height:20px;object-fit:contain;width:20px}.unified-video-selectors{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.video-selector-item{align-items:center;background:#f5f5f5;border-radius:8px;display:flex;justify-content:space-between;min-width:160px;padding:10px 14px}[data-theme=dark] .video-selector-item{background:#2a2a2a}.video-selector-label{color:#666;font-size:13px;font-weight:400}[data-theme=dark] .video-selector-label{color:#999}.video-selector-value{background:#bffe00;border-radius:6px;color:#1a1a1a;font-size:14px;font-weight:600;padding:3px 10px}[data-theme=dark] .video-selector-value{color:#1a1a1a}.unified-generate-button{align-items:center;background:#1a1a1a;background:var(--color-text-primary,#1a1a1a);border:none;border-radius:12px;color:#fff;color:var(--color-text-inverse,#fff);cursor:pointer;display:flex;flex-direction:column;font-size:16px;font-weight:500;gap:8px;height:180px;justify-content:center;outline:2px dashed #bffe00;outline-offset:3px;transition:all .2s ease;width:180px}.unified-generate-button:hover{opacity:.9;transform:scale(1.02)}.unified-generate-button:active{transform:scale(.98)}.unified-generate-button svg{height:24px;width:24px}.unified-new-session-icon{align-items:center;background-color:#f5f5f5;border:2px dashed #bffe00;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:12px;height:180px;justify-content:center;transition:all .2s ease;width:180px}.unified-new-session-icon:hover{background-color:#eee;border-color:#d4ff33;transform:scale(1.02)}.unified-new-session-icon:active{transform:scale(.98)}.new-session-plus{color:#999;font-size:64px;font-weight:300;line-height:1}[data-theme=dark] .new-session-plus{color:#666}.new-session-hint{color:#666;font-size:14px;font-weight:500}[data-theme=dark] .unified-new-session-icon{background-color:#2a2a2a;border-color:#bffe00}[data-theme=dark] .unified-new-session-icon:hover{background-color:#333;border-color:#d4ff33}[data-theme=dark] .new-session-hint{color:#888}.unified-robot-icon{align-items:center;background:#f0f0f0;border:none;border-radius:12px;color:#999;display:flex;height:180px;justify-content:center;width:180px}.unified-robot-icon svg{height:72px;width:72px}[data-theme=dark] .unified-robot-icon{background:#2a2a2a;color:#666}.model-highlight{background:#ff7af933;border-radius:4px;color:#ff7af9;font-weight:500;padding:2px 6px}.unified-new-session-icon.bounce{animation:new-session-bounce 1.2s ease infinite}@keyframes new-session-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.unified-new-session-icon.bounce:hover{animation:none;transform:scale(1.02)}.unified-generate-button.bounce{animation:button-bounce 1.2s ease infinite}@keyframes button-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.unified-generate-button.bounce:hover{animation:none;transform:scale(1.02)}.unified-draggable-image.bounce-interval{animation:draggable-bounce-interval 3s ease infinite;transition:none}@keyframes draggable-bounce-interval{0%{transform:translateY(0)}10%{transform:translateY(-10px)}20%{transform:translateY(0)}30%{transform:translateY(-6px)}40%{transform:translateY(0)}to{transform:translateY(0)}}.unified-draggable-image.bounce-interval:hover{animation:none;transform:scale(1.02)}.unified-next.bounce{animation:next-button-bounce 1.2s ease infinite}@keyframes next-button-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.unified-next.bounce:hover{animation:none}.unified-keyboard-trigger.bounce{animation:keyboard-bounce 1.2s ease infinite}@keyframes keyboard-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.unified-keyboard-trigger.bounce:hover{animation:none}.unified-placeholder{display:block;height:44px}.mock-generation-overlay{align-items:center;background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10001}.mock-generation-container{align-items:center;display:flex;flex-direction:column;gap:32px;padding:40px}.mock-generation-header{text-align:center}.mock-generation-title{color:#fff;font-size:32px;font-weight:700;margin:0}.mock-generation-subtitle{color:#ffffffb3;font-size:16px;margin:8px 0 0}.mock-generation-results{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}.mock-result-skeleton{background:#ffffff1a;position:relative}.mock-result-image,.mock-result-skeleton{aspect-ratio:3/4;border-radius:12px;overflow:hidden;width:280px}.mock-result-image img{height:100%;object-fit:cover;width:100%}.onboarding-unified-card.with-arrow:after{animation:bounce-arrow 1s ease-in-out infinite;bottom:-40px;color:#666;content:"↓";font-size:20px;left:50%;position:absolute;transform:translateX(-50%)}@keyframes bounce-arrow{0%,to{opacity:1;transform:translateX(-50%) translateY(0)}50%{opacity:.5;transform:translateX(-50%) translateY(6px)}}@media (max-width:480px){.onboarding-unified-card{flex-direction:column;max-width:360px;padding:16px 20px;text-align:center;width:calc(100% - 40px)}.unified-content{text-align:center}.unified-actions{justify-content:center}.unified-draggable-image{width:100px}}.onboarding-draggable-panel{background:#1a1a1a;background:var(--color-bg-primary,#1a1a1a);border:2px solid #bffe00;border:2px solid var(--color-accent,#bffe00);border-radius:20px;border-radius:var(--radius-xl,20px);box-shadow:0 0 30px #bffe0033,var(--shadow-xl);max-width:220px;padding:20px;pointer-events:all;position:fixed;z-index:10001}.draggable-header{align-items:center;color:#bffe00;color:var(--color-accent,#bffe00);display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;margin-bottom:16px;text-align:center}.draggable-image-wrapper{animation:pulse-border-drag 1.5s ease-in-out infinite;border:3px dashed #bffe00;border:3px dashed var(--color-accent,#bffe00);border-radius:16px;border-radius:var(--radius-lg,16px);cursor:grab;overflow:hidden;position:relative;transition:var(--transition-normal)}@keyframes pulse-border-drag{0%,to{box-shadow:0 0 0 0 #bffe0066}50%{box-shadow:0 0 0 8px #bffe001a}}.draggable-image-wrapper:hover{animation:none;border-color:#bffe00;border-color:var(--color-accent,#bffe00);box-shadow:0 0 24px #bffe0080;cursor:grab;transform:scale(1.03)}.draggable-image-wrapper:active{cursor:grabbing;transform:scale(.98)}.onboarding-draggable-panel.dropped{border-color:#10b981;border-color:var(--color-success,#10b981)}.draggable-success,.onboarding-draggable-panel.dropped .draggable-header{color:#10b981;color:var(--color-success,#10b981)}.draggable-success{align-items:center;background:#10b98126;background:var(--color-success-light,#10b98126);border-radius:12px;border-radius:var(--radius-md,12px);display:flex;font-size:14px;font-weight:500;gap:8px;padding:16px}.draggable-success .success-check{font-size:18px}.draggable-image-wrapper img{display:block;height:auto;pointer-events:none;width:100%}.draggable-hint{background:#000c;border-radius:12px;bottom:8px;color:#fff;font-size:11px;left:50%;padding:4px 10px;position:absolute;transform:translateX(-50%);white-space:nowrap}.draggable-images-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(70px,1fr))}.draggable-images-grid .draggable-image-wrapper{aspect-ratio:3/4}.draggable-images-grid .draggable-image-wrapper img{height:100%;object-fit:cover;width:100%}.drag-ghost{border-radius:12px;border-radius:var(--radius-md,12px);box-shadow:var(--shadow-lg);opacity:.9;overflow:hidden;pointer-events:none;position:fixed;transform:translate(-50%,-50%) scale(.8);z-index:10010}.drag-ghost img{display:block;height:auto;width:120px}.onboarding-prompt-panel{background:#1a1a1a;background:var(--color-bg-primary,#1a1a1a);border:1px solid #333;border:1px solid var(--color-border-primary,#333);border-radius:16px;border-radius:var(--radius-lg,16px);box-shadow:var(--shadow-xl);max-width:400px;padding:16px;pointer-events:all;position:fixed;z-index:10001}.prompt-panel-header{align-items:center;color:#bffe00;color:var(--color-accent,#bffe00);display:flex;font-size:13px;font-weight:600;gap:8px;margin-bottom:12px}.prompt-typewriter{background:#2a2a2a;background:var(--color-bg-tertiary,#2a2a2a);border-radius:10px;border-radius:var(--radius-md,10px);color:#fff;color:var(--color-text-primary,#fff);font-size:14px;line-height:1.6;min-height:60px;padding:12px}.prompt-typewriter .cursor{animation:blink .8s infinite;background:#bffe00;background:var(--color-accent,#bffe00);display:inline-block;height:16px;margin-left:2px;vertical-align:text-bottom;width:2px}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.prompt-panel-hint{color:#666;color:var(--color-text-tertiary,#666);font-size:12px;margin-top:12px;text-align:center}.onboarding-typing-hint{background:#1a1a1a;background:var(--color-bg-primary,#1a1a1a);border:1px solid #333;border:1px solid var(--color-border-primary,#333);border-radius:10px;border-radius:var(--radius-md,10px);bottom:140px;box-shadow:var(--shadow-lg);color:#888;color:var(--color-text-secondary,#888);font-size:13px;left:50%;padding:10px 16px;pointer-events:none;position:fixed;transform:translateX(-50%);z-index:10003}.onboarding-mock-thumbnail{border:1px solid #333;border:1px solid var(--color-border-primary,#333);border-radius:8px;border-radius:var(--radius-sm,8px);box-shadow:0 0 8px #bffe004d;height:36px;overflow:hidden;pointer-events:none;position:fixed;width:36px;z-index:10003}.onboarding-mock-thumbnail img{height:100%;object-fit:cover;width:100%}.onboarding-mock-thumbnail.no-glow{box-shadow:none}.onboarding-mock-thumbnails{display:flex;gap:6px;pointer-events:none;position:fixed;z-index:10003}.onboarding-mock-thumbnail-item{border:1px solid #333;border:1px solid var(--color-border-primary,#333);border-radius:8px;border-radius:var(--radius-sm,8px);box-shadow:0 0 8px #bffe004d;height:36px;overflow:hidden;width:36px}.onboarding-mock-thumbnail-item img{height:100%;object-fit:cover;width:100%}.panel-action-btn{background:#bffe00;background:var(--color-accent,#bffe00);border:none;border-radius:10px;border-radius:var(--radius-md,10px);color:#0a0a0a;color:var(--color-accent-contrast,#0a0a0a);cursor:pointer;font-size:13px;font-weight:600;margin-top:12px;padding:10px 16px;transition:var(--transition-normal);width:100%}.panel-action-btn:hover{box-shadow:var(--shadow-accent);transform:translateY(-1px)}.panel-action-btn.secondary{background:#2a2a2a;background:var(--color-bg-tertiary,#2a2a2a);color:#fff;color:var(--color-text-primary,#fff)}.panel-action-btn.secondary:hover{background:#333;background:var(--color-hover,#333);box-shadow:none}.onboarding-final{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000e6;background:var(--color-bg-overlay,#000000e6);bottom:0;display:flex;justify-content:center;left:0;pointer-events:all;position:fixed;right:0;top:0;z-index:10000}.onboarding-final-card{background:#1a1a1a;background:var(--color-bg-primary,#1a1a1a);border-radius:24px;border-radius:var(--radius-2xl,24px);max-width:480px;padding:48px;text-align:center;width:calc(100% - 40px)}.final-confetti{font-size:64px;margin-bottom:16px}.final-title{color:#fff;color:var(--color-text-primary,#fff);font-size:32px;font-weight:700;margin:0 0 8px}.final-subtitle{color:#888;color:var(--color-text-secondary,#888);font-size:16px;margin:0 0 32px}.final-discount-box{align-items:center;background:#bffe001f;background:var(--color-selected,#bffe001f);border:1px solid #333;border:1px solid var(--color-border-primary,#333);border-radius:16px;border-radius:var(--radius-lg,16px);display:flex;gap:16px;justify-content:center;margin-bottom:32px;padding:20px}.final-discount-badge{color:#bffe00;color:var(--color-accent,#bffe00);font-size:32px;font-weight:800}.final-discount-info{align-items:flex-start;display:flex;flex-direction:column;gap:4px}.final-discount-label{color:#fff;color:var(--color-text-primary,#fff);font-size:15px}.final-discount-timer{color:#bffe00;color:var(--color-accent,#bffe00);font-size:14px;font-weight:600}.final-actions{display:flex;flex-direction:column;gap:12px}.final-btn{align-items:center;border:none;border-radius:12px;border-radius:var(--radius-md,12px);cursor:pointer;display:inline-flex;font-size:15px;font-weight:600;gap:8px;justify-content:center;padding:16px 32px;transition:var(--transition-normal);width:100%}.final-btn-primary{background:#bffe00;background:var(--color-accent,#bffe00);color:#0a0a0a;color:var(--color-accent-contrast,#0a0a0a)}.final-btn-primary:hover{box-shadow:var(--shadow-accent);transform:translateY(-1px)}.final-btn-secondary{background:#2a2a2a;background:var(--color-bg-tertiary,#2a2a2a);color:#fff;color:var(--color-text-primary,#fff)}.final-btn-secondary:hover{background:#333;background:var(--color-hover,#333)}.final-btn:disabled{cursor:not-allowed;opacity:.7}.spotlight-highlight{animation:pulse-border 1.5s ease-in-out infinite;border:2px solid #bffe00;border:2px solid var(--color-accent,#bffe00);border-radius:12px;box-shadow:0 0 0 4px #bffe004d;pointer-events:none;position:fixed;z-index:9998}.spotlight-highlight.spotlight-drop-zone{animation:pulse-drop-zone 1.5s ease-in-out infinite;background:#bffe000d;border:3px dashed #bffe00;border:3px dashed var(--color-accent,#bffe00)}@keyframes pulse-drop-zone{0%,to{box-shadow:0 0 0 4px #bffe004d,inset 0 0 20px #bffe000d}50%{box-shadow:0 0 0 8px #bffe001a,inset 0 0 30px #bffe0014}}@keyframes pulse-border{0%,to{box-shadow:0 0 0 4px #bffe004d}50%{box-shadow:0 0 0 8px #bffe001a}}@media (max-width:768px){.onboarding-draggable-panel,.onboarding-prompt-panel,.onboarding-tooltip{left:16px!important;max-width:calc(100% - 32px);right:16px!important}.onboarding-final-card{padding:32px 24px}.final-title{font-size:26px}}
/*# sourceMappingURL=main.55bebf6d.css.map*/