:root{--primary-color: #6366f1;--primary-hover: #4f46e5;--primary-light: rgba(99, 102, 241, .08);--primary-glow: rgba(99, 102, 241, .15);--bg-color: #ffffff;--sidebar-bg: rgba(248, 250, 252, .85);--header-bg: rgba(255, 255, 255, .82);--border-color: rgba(226, 232, 240, .8);--text-main: #1e293b;--text-secondary: #64748b;--success-color: #10b981;--error-color: #ef4444;--link-color: #6366f1;--surface-bg: #f0f2f7;--surface-card: #ffffff;--surface-hover: #f8fafc;--surface-muted: #f1f5f9;--input-bg: #ffffff;--input-border: #e2e8f0;--code-bg: #f8fafc;--gradient-primary: linear-gradient(135deg, #6366f1 0%, #8b5cf6 50%, #a78bfa 100%);--gradient-header: linear-gradient(135deg, rgba(255,255,255,.9) 0%, rgba(248,250,252,.9) 100%);--gradient-surface: linear-gradient(180deg, #f8fafc 0%, #f0f2f7 100%);--shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .04), 0 1px 2px -1px rgb(0 0 0 / .04);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .06), 0 2px 4px -2px rgb(0 0 0 / .06);--shadow-lg: 0 10px 25px -5px rgb(0 0 0 / .08), 0 8px 10px -6px rgb(0 0 0 / .06);--shadow-xl: 0 20px 40px -10px rgb(0 0 0 / .1);--shadow-primary: 0 4px 14px -2px rgba(99, 102, 241, .25);--shadow-glow: 0 0 20px rgba(99, 102, 241, .15);--radius-sm: .375rem;--radius-md: .625rem;--radius-lg: .875rem;--radius-xl: 1.25rem;--radius-full: 9999px;--transition-fast: .2s cubic-bezier(.4, 0, .2, 1);--transition-smooth: .3s cubic-bezier(.4, 0, .2, 1);--transition-bounce: .4s cubic-bezier(.34, 1.56, .64, 1)}body.dark-mode{--primary-color: #818cf8;--primary-hover: #6366f1;--primary-light: rgba(129, 140, 248, .1);--primary-glow: rgba(129, 140, 248, .2);--bg-color: #0f172a;--sidebar-bg: rgba(15, 23, 42, .9);--header-bg: rgba(15, 23, 42, .85);--border-color: rgba(51, 65, 85, .6);--text-main: #e2e8f0;--text-secondary: #94a3b8;--success-color: #a6e3a1;--error-color: #f38ba8;--link-color: #89b4fa;--surface-bg: #0b1120;--surface-card: rgba(30, 41, 59, .8);--surface-hover: rgba(51, 65, 85, .5);--surface-muted: rgba(15, 23, 42, .9);--input-bg: rgba(15, 23, 42, .6);--input-border: rgba(51, 65, 85, .6);--code-bg: #0f172a;--gradient-primary: linear-gradient(135deg, #818cf8 0%, #a78bfa 50%, #c4b5fd 100%);--gradient-header: linear-gradient(135deg, rgba(15,23,42,.9) 0%, rgba(30,41,59,.9) 100%);--gradient-surface: linear-gradient(180deg, #1e293b 0%, #0f172a 100%);--shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .3);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .4);--shadow-lg: 0 10px 25px -5px rgb(0 0 0 / .5);--shadow-xl: 0 20px 40px -10px rgb(0 0 0 / .6);--shadow-primary: 0 4px 14px -2px rgba(129, 140, 248, .3);--shadow-glow: 0 0 20px rgba(129, 140, 248, .1)}@media (prefers-color-scheme: dark){body.theme-auto{--primary-color: #818cf8;--primary-hover: #6366f1;--primary-light: rgba(129, 140, 248, .1);--primary-glow: rgba(129, 140, 248, .2);--bg-color: #0f172a;--sidebar-bg: rgba(15, 23, 42, .9);--header-bg: rgba(15, 23, 42, .85);--border-color: rgba(51, 65, 85, .6);--text-main: #e2e8f0;--text-secondary: #94a3b8;--success-color: #a6e3a1;--error-color: #f38ba8;--link-color: #89b4fa;--surface-bg: #0b1120;--surface-card: rgba(30, 41, 59, .8);--surface-hover: rgba(51, 65, 85, .5);--surface-muted: rgba(15, 23, 42, .9);--input-bg: rgba(15, 23, 42, .6);--input-border: rgba(51, 65, 85, .6);--code-bg: #0f172a;--gradient-primary: linear-gradient(135deg, #818cf8 0%, #a78bfa 50%, #c4b5fd 100%);--gradient-header: linear-gradient(135deg, rgba(15,23,42,.9) 0%, rgba(30,41,59,.9) 100%);--gradient-surface: linear-gradient(180deg, #1e293b 0%, #0f172a 100%);--shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .3);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .4);--shadow-lg: 0 10px 25px -5px rgb(0 0 0 / .5);--shadow-xl: 0 20px 40px -10px rgb(0 0 0 / .6);--shadow-primary: 0 4px 14px -2px rgba(129, 140, 248, .3);--shadow-glow: 0 0 20px rgba(129, 140, 248, .1)}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;color:var(--text-main);background-color:var(--surface-bg);line-height:1.6;height:100vh;overflow:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--transition-smooth),color var(--transition-smooth);letter-spacing:-.01em}.app-layout{display:flex;flex-direction:column;height:100vh;width:100vw}.top-header{height:64px;background:var(--gradient-header);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;z-index:50;box-shadow:0 1px 3px #0000000a,0 1px 2px #00000008;position:relative}.header-left{display:flex;align-items:center;gap:2rem}.brand h1{font-size:1.5rem;font-weight:800;color:var(--text-main);letter-spacing:-.5px;display:flex;align-items:center;gap:1px}.brand-suffix{background:linear-gradient(135deg,#6366f1,#a855f7,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-left:2px;font-weight:900}.top-nav{display:flex;gap:1.5rem}.nav-link{text-decoration:none;color:var(--text-secondary);font-weight:500;font-size:.94rem;padding:.5rem .75rem;border-radius:var(--radius-md);border-bottom:none;transition:all var(--transition-fast);position:relative}.nav-link:hover{color:var(--primary-color);background:var(--primary-light)}.nav-link.active{color:var(--primary-color);background:var(--primary-light);font-weight:600}.nav-link.active:after{content:"";position:absolute;bottom:-6px;left:50%;transform:translate(-50%);width:20px;height:3px;background:var(--primary-color);border-radius:var(--radius-full)}.nav-link.disabled{color:#cbd5e1;cursor:not-allowed;opacity:.5}.header-right{display:flex;align-items:center;gap:1rem}.header-btn{padding:.4rem 1rem;border-radius:var(--radius-full);font-size:.875rem;font-weight:500;cursor:pointer;border:1px solid transparent;transition:all var(--transition-fast)}.premium-btn{background:linear-gradient(90deg,#f43f5e,#fb7185);color:#fff;border:none}.help-btn{background:#f1f5f9;color:var(--text-secondary)}.login-btn{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-primary);border:none}.login-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px -4px #6366f166}.user-profile{display:flex;align-items:center;gap:.75rem;padding:.35rem .75rem;border-radius:var(--radius-full);background:var(--surface-hover);border:1px solid var(--border-color);transition:all var(--transition-fast);cursor:pointer}.user-profile:hover{border-color:var(--primary-color);box-shadow:var(--shadow-sm)}.avatar.small{width:30px;height:30px;font-size:.85rem;background:linear-gradient(135deg,#6366f1,#a855f7);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;box-shadow:0 2px 8px #6366f14d}.user-name{font-size:1.1rem;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.logout-link{font-size:1.02rem;color:var(--text-secondary);background:none;border:none;cursor:pointer;padding:0 .5rem;border-left:1px solid var(--border-color)}.nav-dropdown{position:relative;display:inline-flex;align-items:center}.nav-dropdown .nav-link{cursor:pointer;-webkit-user-select:none;user-select:none}.dropdown-arrow{font-size:.89rem;margin-left:2px;opacity:.6}.dropdown-menu{position:absolute;top:calc(100% + 8px);left:0;min-width:180px;background:var(--surface-card);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);padding:.5rem;z-index:100;animation:dropdownIn .2s cubic-bezier(.16,1,.3,1)}.dropdown-menu:before{content:"";position:absolute;top:-12px;left:0;right:0;height:12px}@keyframes dropdownIn{0%{opacity:0;transform:translateY(-8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.dropdown-item{display:flex;align-items:center;width:100%;padding:.6rem .85rem;font-size:.9rem;color:var(--text-main);text-decoration:none;background:none;border:none;text-align:left;cursor:pointer;border-radius:var(--radius-md);transition:all var(--transition-fast);gap:.5rem}.dropdown-item:hover{background:var(--primary-light);color:var(--primary-color)}.dropdown-item.active{color:var(--primary-color);font-weight:600}.dropdown-divider{height:1px;margin:.35rem 0;background:var(--border-color)}.logout-item{color:#ef4444}.logout-item:hover{background:#fef2f2;color:#dc2626}.user-profile{position:relative}.user-dropdown{right:0;left:auto}.main-body{flex:1;display:flex;overflow:hidden}.left-sidebar{width:260px;background:var(--sidebar-bg);backdrop-filter:blur(12px) saturate(150%);-webkit-backdrop-filter:blur(12px) saturate(150%);border-right:1px solid var(--border-color);display:flex;flex-direction:column;overflow-y:auto;flex-shrink:0}.sidebar-tools{padding:1rem}.tool-category{margin-bottom:1.5rem}.tool-category h4{font-size:.94rem;text-transform:uppercase;color:var(--text-secondary);margin-bottom:.75rem;padding-left:.5rem;font-weight:600}.tool-list{display:flex;flex-direction:column;gap:.25rem}.tool-item{text-align:left;background:none;border:none;padding:.65rem .85rem;border-radius:var(--radius-md);color:var(--text-main);cursor:pointer;font-size:.9rem;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:space-between;gap:.75rem;text-decoration:none;position:relative}.tool-cost-badge{font-size:.7rem;font-weight:600;padding:.1rem .4rem;border-radius:var(--radius-sm);background:#6366f11f;color:var(--primary-color);white-space:nowrap}.tool-cost-badge.free{background:#22c55e1f;color:#22c55e}.tool-item:hover{background-color:var(--primary-light);color:var(--primary-color)}.tool-item.active{background:linear-gradient(135deg,#6366f11a,#8b5cf614);color:var(--primary-color);font-weight:600;box-shadow:inset 3px 0 0 var(--primary-color)}.sidebar-note-list{display:flex;flex-direction:column;gap:.75rem;color:var(--text-secondary);font-size:1.15rem;line-height:1.6;padding:.25rem .5rem}.sidebar-note-list.compact{gap:.5rem}.workspace-content{flex:1;background:var(--gradient-surface);padding:1.5rem;overflow-y:auto;display:flex;justify-content:center}.content-inner{width:100%;max-width:100%;min-height:100%}.workspace-content:has(.imgpage){padding:0;overflow:hidden}.workspace-content:has(.ed2){padding:0;overflow:hidden}.canvas-zoom-indicator{position:absolute;bottom:12px;right:12px;display:flex;align-items:center;gap:4px;background:var(--surface-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:4px 8px;font-size:.75rem;color:var(--text-secondary);box-shadow:0 2px 8px #0000001a;z-index:10}.canvas-zoom-btn{border:none;background:transparent;color:var(--text-secondary);cursor:pointer;padding:2px 6px;border-radius:var(--radius-sm);font-size:.78rem;transition:all var(--transition-fast)}.canvas-zoom-btn:hover{background:var(--surface-muted);color:var(--primary-color)}.canvas-zoom-level{min-width:40px;text-align:center;font-weight:600;font-variant-numeric:tabular-nums}.canvas-brush-indicator{position:absolute;bottom:12px;left:12px;display:flex;align-items:center;gap:8px;background:var(--surface-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:6px 12px;font-size:.75rem;color:var(--text-secondary);box-shadow:0 2px 8px #0000001a;z-index:10}.canvas-brush-indicator input[type=range]{width:100px;accent-color:var(--primary-color)}.ed2-sam-section{margin-top:.25rem}.ed2-sam-points{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.4rem;align-items:center}.ed2-sam-point{display:inline-flex;align-items:center;gap:2px;padding:.2rem .5rem;border-radius:var(--radius-sm);font-size:.7rem;font-weight:600}.ed2-sam-point.fg{background:#22c55e26;color:#16a34a}.ed2-sam-point.bg{background:#ef444426;color:#dc2626}.ed2-color-picker{width:100%;height:36px;border:1px solid var(--border-color);border-radius:var(--radius-md);padding:2px;cursor:pointer;background:var(--surface-card)}.ed2-section-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:.5rem;border-bottom:1px solid var(--border-color)}.ed2-layer-list{display:flex;flex-direction:column;gap:.25rem;max-height:200px;overflow-y:auto}.ed2-layer-item{display:flex;align-items:center;gap:.35rem;padding:.35rem .5rem;border:1px solid transparent;border-radius:var(--radius-sm);font-size:.78rem;cursor:pointer;transition:all var(--transition-fast)}.ed2-layer-item:hover{background:var(--surface-muted)}.ed2-layer-item.active{border-color:var(--primary-color);background:#6366f10f}.ed2-layer-vis,.ed2-layer-del{border:none;background:transparent;color:var(--text-secondary);cursor:pointer;padding:2px;border-radius:var(--radius-sm);display:flex;align-items:center}.ed2-layer-vis:hover,.ed2-layer-del:hover{color:var(--primary-color)}.ed2-layer-del:hover{color:var(--danger-color, #ef4444)}.ed2-layer-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;color:var(--text-main)}.ed2-layer-opacity{width:48px;accent-color:var(--primary-color)}.ed2-layer-add{display:flex;align-items:center;justify-content:center;gap:.3rem;border:1px dashed var(--border-color);border-radius:var(--radius-sm);background:transparent;color:var(--text-secondary);font-size:.75rem;padding:.35rem;cursor:pointer;margin-top:.25rem;transition:all var(--transition-fast)}.ed2-layer-add:hover{border-color:var(--primary-color);color:var(--primary-color)}.ed2-shortcuts{border-top:1px solid var(--border-color);padding-top:.75rem}.ed2-shortcut-list{display:flex;flex-direction:column;gap:.3rem;font-size:.72rem;color:var(--text-secondary)}.ed2-shortcut-list kbd{display:inline-block;padding:1px 5px;border:1px solid var(--border-color);border-radius:3px;background:var(--surface-muted);font-family:inherit;font-size:.68rem;font-weight:600;color:var(--text-main);box-shadow:0 1px 0 var(--border-color);margin:0 1px}.ed2-compare-group{display:flex;align-items:center;gap:4px}.ed2-compare-select{padding:3px 6px;border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:.72rem;background:var(--surface-card);color:var(--text-main);cursor:pointer}.ed2-batch-area{display:flex;flex-direction:column;gap:1rem;height:100%;overflow-y:auto;padding:1rem}.ed2-batch-dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:2rem;border:2px dashed var(--border-color);border-radius:var(--radius-lg, 12px);cursor:pointer;transition:all var(--transition-fast);color:var(--text-secondary);font-size:.9rem;min-height:120px}.ed2-batch-dropzone:hover{border-color:var(--primary-color);color:var(--primary-color);background:#6366f10a}.ed2-batch-count{font-size:.82rem;font-weight:600;color:var(--primary-color)}.ed2-batch-thumbs{display:flex;flex-wrap:wrap;gap:6px;padding:.5rem 0}.ed2-batch-thumb{width:64px;height:64px;object-fit:cover;border-radius:var(--radius-sm);border:1px solid var(--border-color)}.ed2-batch-more{display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:var(--radius-sm);background:var(--surface-muted);font-size:.8rem;color:var(--text-secondary);font-weight:600}.ed2-batch-results h4{font-size:.85rem;margin-bottom:.5rem}.ed2-batch-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px}.ed2-batch-result-item{border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden;text-align:center}.ed2-batch-result-item.success{border-color:#22c55e}.ed2-batch-result-item.error{border-color:#ef4444;background:#ef44440d}.ed2-batch-result-item img{width:100%;aspect-ratio:1;object-fit:cover}.ed2-batch-filename{display:block;font-size:.7rem;padding:2px 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-secondary)}.ed2-batch-error{display:block;padding:1rem .5rem;font-size:.75rem;color:#ef4444}.ed2-style-dropzone{width:100%;padding:1rem;border:2px dashed var(--border-color);border-radius:var(--radius-md);background:#fafbfc;color:var(--text-secondary);font-size:.82rem;cursor:pointer;text-align:center;transition:all var(--transition-fast)}.ed2-style-dropzone:hover,.ed2-style-dropzone.drag-over{border-color:var(--primary-color);background:#6366f10a;color:var(--primary-color)}.ed2-style-preview{display:flex;flex-direction:column;align-items:center;gap:.35rem;font-size:.78rem}.ed2-annotation-bar{margin-top:.5rem;padding-top:.5rem;border-top:1px solid var(--border-color)}.ed2-annotation-btns{display:flex;gap:4px;margin-top:.35rem}.ed2-ann-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--surface-card);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.ed2-ann-btn:hover{border-color:var(--primary-color);color:var(--primary-color)}.ed2-ann-btn.active{background:#6366f11a;border-color:var(--primary-color);color:var(--primary-color)}.ed2-ann-btn.danger:hover{border-color:#ef4444;color:#ef4444}.ed2-preset-list{display:flex;flex-direction:column;gap:.35rem;max-height:200px;overflow-y:auto}.ed2-preset-save{display:flex;gap:.35rem;margin-bottom:.35rem}.ed2-preset-save-btn{display:flex;align-items:center;gap:4px;padding:.4rem .6rem;border:1px solid var(--primary-color);border-radius:var(--radius-sm);background:transparent;color:var(--primary-color);font-size:.75rem;cursor:pointer;white-space:nowrap;transition:all var(--transition-fast)}.ed2-preset-save-btn:hover{background:#6366f114}.ed2-preset-item{display:flex;align-items:center;gap:.25rem}.ed2-preset-apply{flex:1;display:flex;align-items:center;gap:.35rem;padding:.35rem .5rem;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--surface-card);cursor:pointer;font-size:.78rem;text-align:left;transition:all var(--transition-fast)}.ed2-preset-apply:hover{border-color:var(--primary-color)}.ed2-preset-tool{margin-left:auto;font-size:.68rem;color:var(--text-secondary);background:var(--surface-muted);padding:1px 6px;border-radius:var(--radius-sm)}.ed2-preset-del{display:flex;align-items:center;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;padding:4px}.ed2-preset-del:hover{color:#ef4444}.ed2-smart-edit{display:flex;gap:.35rem}.ed2-smart-edit .ed2-input{flex:1;font-size:.8rem;padding:.4rem .6rem}.ed2-smart-btn{display:flex;align-items:center;justify-content:center;width:36px;border:1px solid var(--primary-color);border-radius:var(--radius-md);background:var(--primary-color);color:#fff;cursor:pointer;transition:all var(--transition-fast)}.ed2-smart-btn:hover{opacity:.85}.ed2-smart-btn:disabled{opacity:.4;cursor:not-allowed}.ed2-timeline{position:relative;padding-left:16px;max-height:300px;overflow-y:auto}.ed2-timeline-line{position:absolute;top:0;left:6px;width:2px;height:100%;background:var(--border-color)}.ed2-timeline-node{position:relative;display:flex;align-items:flex-start;gap:8px;padding:6px 0;border:none;background:none;cursor:pointer;text-align:left;width:100%;transition:background var(--transition-fast)}.ed2-timeline-node:hover{background:#6366f10a}.ed2-timeline-dot{width:10px;height:10px;border-radius:50%;background:var(--primary-color);border:2px solid var(--surface-card);flex-shrink:0;margin-top:3px;position:relative;z-index:1}.ed2-timeline-content{display:flex;flex-direction:column;gap:2px;font-size:.78rem;min-width:0}.ed2-timeline-content strong{color:var(--text-main);font-size:.8rem}.ed2-timeline-content span{color:var(--text-secondary);font-size:.7rem}.ed2-timeline-thumb{width:60px;height:40px;object-fit:cover;border-radius:var(--radius-sm);border:1px solid var(--border-color);margin-top:4px}.ed2-collab-list{display:flex;flex-direction:column;gap:.35rem;max-height:200px;overflow-y:auto}.ed2-collab-item{display:flex;flex-direction:column;gap:2px;padding:.35rem .5rem;border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:.78rem}.ed2-collab-item strong{color:var(--primary-color);font-size:.75rem}.ed2-collab-time{color:var(--text-secondary);font-size:.68rem}.ed2-collab-sync{display:flex;align-items:center;justify-content:center;gap:4px;padding:.4rem .6rem;border:1px dashed var(--primary-color);border-radius:var(--radius-sm);background:transparent;color:var(--primary-color);font-size:.75rem;cursor:pointer;transition:all var(--transition-fast)}.ed2-collab-sync:hover{background:#6366f10d}.imgpage{display:flex;height:100%;gap:0;overflow:hidden}.imgpage__sidebar{flex:3;min-width:260px;max-width:420px;background:var(--surface-card);border-right:1px solid var(--border-color);display:flex;flex-direction:column;overflow:hidden}.imgpage__sidebar-scroll{flex:1;overflow-y:auto;padding:1rem 1.25rem;display:flex;flex-direction:column;gap:1rem}.imgpage__section{display:flex;flex-direction:column;gap:.4rem}.imgpage__section-label{font-size:.85rem;font-weight:600;color:var(--text-main);display:flex;align-items:center;gap:.25rem}.imgpage__section-hint{font-size:.78rem;font-weight:400;color:var(--text-secondary)}.imgpage__upload-zone{display:flex;flex-wrap:wrap;gap:.5rem}.imgpage__upload-thumb{position:relative;width:72px;height:72px;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--border-color)}.imgpage__upload-thumb img{width:100%;height:100%;object-fit:cover}.imgpage__upload-remove{position:absolute;top:2px;right:2px;width:18px;height:18px;border-radius:50%;background:#0000008c;color:#fff;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0}.imgpage__upload-add{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2rem;width:120px;height:72px;border:2px dashed var(--border-color);border-radius:var(--radius-md);cursor:pointer;color:var(--text-secondary);font-size:.82rem;background:var(--surface-hover);transition:border-color var(--transition-fast),color var(--transition-fast)}.imgpage__upload-add:hover{border-color:var(--primary-color);color:var(--primary-color)}.imgpage__upload-limit{font-size:.72rem;opacity:.7}.imgpage__textarea{width:100%;padding:.6rem .75rem;border:1px solid var(--border-color);border-radius:var(--radius-md);resize:vertical;min-height:56px;font-family:inherit;font-size:.88rem;color:var(--text-main);background:var(--input-bg);transition:border-color var(--transition-fast);line-height:1.5}.imgpage__textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #6366f114}.imgpage__textarea-footer{display:flex;align-items:center;justify-content:space-between}.imgpage__char-count{font-size:.75rem;color:var(--text-secondary)}.imgpage__text-btn{display:flex;align-items:center;gap:.25rem;font-size:.82rem;color:var(--primary-color);background:none;border:none;cursor:pointer;padding:.2rem .4rem;border-radius:var(--radius-sm);transition:background var(--transition-fast)}.imgpage__text-btn:hover:not(:disabled){background:#6366f114}.imgpage__text-btn:disabled{opacity:.4;cursor:not-allowed}.imgpage__select{font-size:.88rem!important;padding:.4rem .55rem!important}.font-picker{position:relative;width:100%}.font-picker__trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.45rem .6rem;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--input-bg);cursor:pointer;transition:border-color var(--transition-fast);font-size:.88rem;text-align:left}.font-picker__trigger:hover{border-color:var(--primary-color)}.font-picker__preview{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.92rem}.font-picker__arrow{flex-shrink:0;color:var(--text-secondary);transition:transform var(--transition-fast)}.font-picker__arrow.open{transform:rotate(180deg)}.font-picker__dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;max-height:320px;overflow-y:auto;background:var(--surface-card);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:0 8px 24px #0000001f;z-index:80;padding:.25rem;animation:fadeIn .12s ease}.font-picker__option{width:100%;display:flex;flex-direction:column;gap:.1rem;padding:.5rem .65rem;border:none;background:none;cursor:pointer;text-align:left;border-radius:var(--radius-sm);transition:background var(--transition-fast)}.font-picker__option:hover{background:var(--surface-muted)}.font-picker__option.active{background:#6366f114}.font-picker__option-label{font-size:.92rem;color:var(--text-main);line-height:1.4}.font-picker__option-sample{font-size:.82rem;color:var(--text-secondary);line-height:1.3}.font-picker__option.active .font-picker__option-label{color:var(--primary-color);font-weight:600}.imgpage__btn-group{display:flex;gap:.35rem;flex-wrap:wrap}.imgpage__option-btn{padding:.3rem .6rem;font-size:.84rem;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--surface-card);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);font-weight:500}.imgpage__option-btn:hover{border-color:var(--primary-color);color:var(--primary-color)}.imgpage__option-btn.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.imgpage__template-save{background:var(--surface-hover);border-radius:var(--radius-md);padding:.75rem;border:1px solid var(--border-color)}.imgpage__template-input{width:100%;padding:.4rem .55rem;border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:.88rem;margin-bottom:.5rem}.imgpage__template-input:focus{outline:none;border-color:var(--primary-color)}.imgpage__template-actions{display:flex;gap:.5rem}.imgpage__template-list{display:flex;flex-direction:column;gap:.3rem}.imgpage__template-item{display:flex;align-items:center;justify-content:space-between;padding:.35rem .5rem;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--surface-card);transition:border-color var(--transition-fast)}.imgpage__template-item:hover{border-color:var(--primary-color)}.imgpage__template-apply{display:flex;align-items:center;gap:.35rem;font-size:.84rem;color:var(--text-main);background:none;border:none;cursor:pointer;flex:1;text-align:left}.imgpage__template-del{background:none;border:none;cursor:pointer;color:var(--text-secondary);padding:.15rem;border-radius:var(--radius-sm);display:flex;align-items:center;transition:color var(--transition-fast)}.imgpage__template-del:hover{color:var(--error-color)}.imgpage__sidebar-footer{padding:.75rem 1.25rem;border-top:1px solid var(--border-color);background:var(--surface-card);flex-shrink:0}.imgpage__cost-hint{font-size:.78rem;color:var(--text-secondary);text-align:center;margin-bottom:.5rem}.imgpage__generate-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.85rem;background:var(--gradient-primary);color:#fff;border:none;border-radius:var(--radius-full);font-weight:700;font-size:.88rem;cursor:pointer;box-shadow:var(--shadow-primary);transition:transform .15s cubic-bezier(.34,1.56,.64,1),box-shadow var(--transition-fast);letter-spacing:.02em}.imgpage__generate-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px -4px #6366f166}.imgpage__generate-btn:active:not(:disabled){transform:scale(.97)}.imgpage__generate-btn:disabled{opacity:.55;cursor:not-allowed}.imgpage__main{flex:7;min-width:0;display:flex;flex-direction:column;overflow:hidden;background:var(--surface-bg)}.imgpage__progress{padding:.5rem 1.25rem;display:flex;flex-direction:column;gap:.35rem}.imgpage__progress-bar{width:100%;height:6px;background:var(--border-color);border-radius:3px;overflow:hidden}.imgpage__progress-fill{height:100%;background:var(--gradient-primary);border-radius:3px;transition:width .3s ease;position:relative;overflow:hidden}.imgpage__progress-fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 1.5s ease-in-out infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.imgpage__progress-text{font-size:.78rem;color:var(--text-secondary);text-align:center}.imgpage__topbar{display:flex;align-items:center;justify-content:space-between;padding:0 1.25rem;background:var(--surface-card);border-bottom:1px solid var(--border-color);flex-shrink:0;height:48px}.imgpage__tabs{display:flex;gap:0;height:100%}.imgpage__tab{padding:0 1.2rem;font-size:1rem;font-weight:500;color:var(--text-secondary);background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;height:100%;display:flex;align-items:center;transition:color var(--transition-fast)}.imgpage__tab:hover{color:var(--primary-color)}.imgpage__tab.active{color:var(--primary-color);border-bottom-color:var(--primary-color);font-weight:600}.imgpage__topbar-actions{display:flex;align-items:center;gap:.5rem}.imgpage__topbar-btn{display:flex;align-items:center;gap:.35rem;font-size:.88rem;color:var(--text-secondary);background:none;border:1px solid var(--border-color);border-radius:var(--radius-full);padding:.35rem .9rem;cursor:pointer;transition:all var(--transition-fast)}.imgpage__topbar-btn:hover{border-color:var(--primary-color);color:var(--primary-color)}.imgpage__history-btn{display:flex;align-items:center;gap:.35rem;font-size:.88rem;color:var(--text-secondary);background:none;border:1px solid var(--border-color);border-radius:var(--radius-full);padding:.35rem .9rem;cursor:pointer;transition:all var(--transition-fast)}.imgpage__history-btn:hover{border-color:var(--primary-color);color:var(--primary-color)}.imgpage__content{flex:1;overflow-y:auto;padding:1.5rem;display:flex;flex-direction:column}.imgpage__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;gap:.75rem;color:var(--text-secondary);font-size:1rem}.imgpage__empty-sub{font-size:.88rem;opacity:.7}.imgpage__message{margin-top:.75rem;font-size:.85rem;color:var(--text-secondary);text-align:center}.task-card{background:var(--surface-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:1.25rem 1.5rem;margin-bottom:1rem;transition:all var(--transition-smooth)}.task-card:hover{box-shadow:var(--shadow-lg);border-color:#6366f133;transform:translateY(-1px)}.task-card--generating{border-color:var(--primary-color);box-shadow:var(--shadow-glow);background:linear-gradient(135deg,#6366f105,#8b5cf605)}.task-card__header{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.task-card__thumbs{display:flex;gap:.35rem;flex-shrink:0}.task-card__thumb{width:32px;height:32px;border-radius:var(--radius-sm);object-fit:cover;border:1px solid var(--border-color)}.task-card__meta{flex:1;display:flex;align-items:center;flex-wrap:wrap;gap:.15rem .5rem;min-width:0}.task-card__param{font-size:.84rem;color:var(--text-secondary);white-space:nowrap}.task-card__param:before{content:"/";margin-right:.5rem;color:var(--border-color)}.task-card__param:first-child:before{display:none}.task-card__badge{font-size:.78rem;font-weight:600;padding:.15rem .5rem;border-radius:var(--radius-full);white-space:nowrap}.task-card__badge--generating{background:#6366f11f;color:var(--primary-color);animation:task-pulse 1.5s ease-in-out infinite}@keyframes task-pulse{0%,to{opacity:1}50%{opacity:.5}}.task-card__actions{display:flex;align-items:center;gap:.35rem;flex-shrink:0}.task-card__action-btn{display:flex;align-items:center;gap:.3rem;font-size:.82rem;color:var(--text-secondary);background:none;border:1px solid var(--border-color);border-radius:var(--radius-full);padding:.3rem .7rem;cursor:pointer;transition:all var(--transition-fast)}.task-card__action-btn:hover{border-color:var(--primary-color);color:var(--primary-color)}.task-card__action-btn--danger:hover{border-color:#ef4444;color:#ef4444}.task-card__time{font-size:.8rem;color:var(--text-secondary);margin-top:.4rem;line-height:1.5}.task-card__progress{margin-top:.75rem;display:flex;flex-direction:column;gap:.3rem}.task-card__progress-bar{width:100%;height:6px;background:var(--border-color);border-radius:3px;overflow:hidden}.task-card__progress-fill{height:100%;background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:3px;transition:width .3s ease}.task-card__progress-text{font-size:.78rem;color:var(--text-secondary)}.task-card__images{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem;margin-top:.75rem}.task-card__img-wrap{position:relative;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--border-color);background:var(--surface-bg)}.task-card__img{width:100%;aspect-ratio:1;object-fit:cover;display:block;transition:transform .3s ease}.task-card__img-wrap:hover .task-card__img{transform:scale(1.03)}.task-card__img-download{position:absolute;bottom:6px;right:6px;width:28px;height:28px;border-radius:50%;background:#0000008c;color:#fff;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:opacity var(--transition-fast)}.task-card__img-wrap:hover .task-card__img-download{opacity:1}.task-card__img-download:hover{background:#6366f1d9}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#000000e0;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);display:flex;align-items:center;justify-content:center;cursor:zoom-out;animation:fadeIn .25s ease}.lightbox__img{max-width:90vw;max-height:85vh;object-fit:contain;border-radius:var(--radius-xl);box-shadow:0 20px 60px #00000080;cursor:default;animation:scaleIn .3s cubic-bezier(.16,1,.3,1)}@keyframes scaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.lightbox__close{position:absolute;top:1rem;right:1rem;width:40px;height:40px;border-radius:50%;background:#ffffff26;color:#fff;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background var(--transition-fast)}.lightbox__close:hover{background:#ffffff4d}.lightbox__download{position:absolute;bottom:1.5rem;display:flex;align-items:center;gap:.4rem;padding:.5rem 1.2rem;background:#ffffff26;color:#fff;border:1px solid rgba(255,255,255,.25);border-radius:var(--radius-full);font-size:.88rem;cursor:pointer;transition:background var(--transition-fast)}.lightbox__download:hover{background:#6366f1b3}.task-card__img{cursor:zoom-in}.imgpage__results{width:100%;flex:1;display:flex;flex-direction:column}.imgpage__results-layout{display:flex;gap:1.5rem;align-items:flex-start;flex:1}.imgpage__source-panel{width:280px;flex-shrink:0;background:var(--surface-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1rem;display:flex;flex-direction:column;align-items:center;gap:.5rem}.imgpage__panel-label{font-size:1.05rem;font-weight:600;color:var(--text-main);background:var(--surface-bg);padding:.3rem .75rem;border-radius:var(--radius-full);align-self:flex-start}.imgpage__source-img{width:100%;border-radius:var(--radius-md);object-fit:contain;max-height:400px}.imgpage__result-panel{flex:1;display:flex;flex-direction:column;gap:.75rem;align-items:stretch}.imgpage__result-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;width:100%}.imgpage__result-grid--single{grid-template-columns:1fr}.imgpage__result-grid--duo{grid-template-columns:repeat(2,1fr)}.imgpage__result-card{background:var(--surface-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);overflow:hidden;display:flex;flex-direction:column;transition:all var(--transition-smooth)}.imgpage__result-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px);border-color:#6366f133}.imgpage__result-img-wrap{width:100%;display:flex;align-items:center;justify-content:center;background:var(--surface-bg);overflow:hidden}.imgpage__result-grid--single .imgpage__result-img-wrap{max-height:calc(100vh - 200px)}.imgpage__result-grid:not(.imgpage__result-grid--single) .imgpage__result-img-wrap{aspect-ratio:1}.imgpage__result-img{width:100%;height:100%;object-fit:contain;transition:transform .3s ease}.imgpage__result-grid:not(.imgpage__result-grid--single) .imgpage__result-img{object-fit:cover}.imgpage__result-card:hover .imgpage__result-img{transform:scale(1.03)}.imgpage__result-actions{display:flex;gap:.5rem;padding:.6rem .75rem;justify-content:center;flex-wrap:wrap;border-top:1px solid var(--border-color)}.imgpage__action-btn{display:flex;align-items:center;gap:.3rem;padding:.3rem .65rem;background:var(--surface-card);border:1px solid var(--border-color);border-radius:var(--radius-full);font-size:.95rem;color:var(--text-main);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.imgpage__action-btn:hover:not(:disabled){border-color:var(--primary-color);color:var(--primary-color)}.imgpage__action-btn:disabled{opacity:.5;cursor:not-allowed}.imgpage__examples{width:100%}.imgpage__examples-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem}.imgpage__example-card{background:var(--surface-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;display:flex;flex-direction:column;transition:box-shadow var(--transition-fast)}.imgpage__example-card:hover{box-shadow:var(--shadow-md)}.imgpage__example-placeholder{height:160px;display:flex;align-items:center;justify-content:center;background:var(--surface-hover)}.imgpage__example-info{padding:.75rem}.imgpage__example-info h4{font-size:1.12rem;margin-bottom:.25rem}.imgpage__example-info p{font-size:.95rem;color:var(--text-secondary)}.imgpage__example-use{margin:0 .75rem .75rem;justify-content:center;background:var(--primary-color)!important;color:#fff!important;border-color:var(--primary-color)!important}.imgpage__example-use:hover{opacity:.9}.imgpage__overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000004d;z-index:200;animation:fadeIn .15s ease}.imgpage__drawer{position:fixed;top:0;right:0;width:360px;height:100vh;background:var(--surface-card);box-shadow:-4px 0 24px #0000001f;z-index:210;display:flex;flex-direction:column;animation:slideInRight .2s ease}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.imgpage__drawer-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--border-color);flex-shrink:0}.imgpage__drawer-title{display:flex;align-items:center;gap:.4rem;font-weight:600;font-size:1.36rem}.imgpage__drawer-close{background:none;border:none;cursor:pointer;color:var(--text-secondary);padding:.25rem;border-radius:var(--radius-sm);display:flex;align-items:center;transition:color var(--transition-fast)}.imgpage__drawer-close:hover{color:var(--text-main)}.imgpage__drawer-body{flex:1;overflow-y:auto;padding:.75rem;display:flex;flex-direction:column;gap:.5rem}.imgpage__history-card-wrap{position:relative}.imgpage__history-card{display:flex;gap:.75rem;padding:.75rem 2.2rem .75rem .75rem;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--surface-card);cursor:pointer;text-align:left;width:100%;transition:all var(--transition-fast)}.imgpage__history-card:hover{border-color:var(--primary-color);background:var(--surface-hover)}.imgpage__history-delete{position:absolute;top:.5rem;right:.5rem;width:24px;height:24px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:all var(--transition-fast)}.imgpage__history-card-wrap:hover .imgpage__history-delete{opacity:1}.imgpage__history-delete:hover{background:var(--error-color);color:#fff}.imgpage__history-thumb{width:64px;height:64px;object-fit:cover;border-radius:var(--radius-sm);flex-shrink:0}.imgpage__history-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:.25rem}.imgpage__history-prompt{font-size:.99rem;color:var(--text-main);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.imgpage__history-time{font-size:.87rem;color:var(--text-secondary)}.imgpage__history-empty{padding:3rem 1rem;text-align:center;font-size:1.08rem;color:var(--text-secondary)}@media (max-width: 860px){.imgpage{flex-direction:column}.imgpage__sidebar{width:100%;max-height:45vh;border-right:none;border-bottom:1px solid var(--border-color)}.imgpage__drawer{width:100%}.imgpage__results-layout{flex-direction:column}.imgpage__source-panel{width:100%}.imgpage__result-grid,.imgpage__result-grid--single{grid-template-columns:1fr}}.param-group label{display:block;font-size:.875rem;font-weight:600;color:var(--text-main);margin-bottom:.75rem}.model-selector{display:flex;flex-direction:column;gap:.5rem}.model-card{border:1.5px solid var(--border-color);padding:.75rem;border-radius:var(--radius-lg);cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:all var(--transition-fast);background:var(--surface-card)}.model-card:hover{border-color:var(--primary-color);background:var(--primary-light)}.model-card.active{background:var(--gradient-primary);border-color:transparent;box-shadow:var(--shadow-primary)}.model-card.active .model-name{color:#fff}.model-card .model-name{font-size:.9rem;font-weight:500}.model-tag{font-size:.75rem;background:#fff3;padding:.1rem .4rem;border-radius:var(--radius-sm);color:#fff}.upload-area.small{border:2px dashed var(--border-color);border-radius:var(--radius-lg);padding:1.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-secondary);font-size:.875rem;cursor:pointer;transition:all var(--transition-fast);background:var(--surface-card)}.upload-area.small:hover{border-color:var(--primary-color);background:var(--primary-light);color:var(--primary-color);transform:scale(1.01)}.upload-area .icon{font-size:1.5rem;margin-bottom:.25rem}.param-input{width:100%;padding:.75rem;border:1.5px solid var(--border-color);border-radius:var(--radius-md);resize:vertical;min-height:80px;font-family:inherit;font-size:.9rem;background:var(--input-bg);color:var(--text-main);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.param-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 4px var(--primary-light)}.input-actions{display:flex;gap:.5rem;margin-top:.5rem}.text-btn{background:var(--surface-card);border:1px solid var(--border-color);padding:.3rem .6rem;border-radius:var(--radius-md);font-size:.8rem;cursor:pointer;color:var(--text-secondary);transition:all var(--transition-fast)}.text-btn:hover{border-color:var(--primary-color);color:var(--primary-color)}.size-selector{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}.size-btn{background:var(--surface-card);border:1px solid var(--border-color);padding:.5rem 0;border-radius:var(--radius-md);font-size:.8rem;cursor:pointer;transition:all var(--transition-fast)}.size-btn:hover{border-color:var(--primary-color)}.size-btn.active{border-color:transparent;color:#fff;background:var(--gradient-primary);font-weight:600;box-shadow:var(--shadow-primary)}.run-button-container{margin-top:auto;padding-top:1rem}.run-btn{width:100%;padding:.875rem;background:var(--gradient-primary);color:#fff;border:none;border-radius:var(--radius-full);font-weight:700;cursor:pointer;box-shadow:var(--shadow-primary);transition:all .15s cubic-bezier(.34,1.56,.64,1);letter-spacing:.02em}.run-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px -4px #6366f166}.run-btn:active{transform:scale(.98)}.preview-area{flex:1;background:var(--surface-card);border-radius:var(--radius-xl);border:1px solid var(--border-color);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.empty-preview{text-align:center;color:var(--text-secondary)}.empty-icon{font-size:4rem;margin-bottom:1rem;opacity:.2}.preview-content{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem}.preview-image{max-width:100%;max-height:80%;border-radius:var(--radius-md);box-shadow:var(--shadow-lg);object-fit:contain}.preview-actions{margin-top:1.5rem;display:flex;gap:1rem}.action-btn{background:var(--surface-card);border:1px solid var(--border-color);padding:.5rem 1rem;border-radius:var(--radius-full);color:var(--text-main);text-decoration:none;font-size:.9rem;display:flex;align-items:center;gap:.5rem;transition:all var(--transition-fast);cursor:pointer}.action-btn:hover{background:var(--primary-light);border-color:var(--primary-color);color:var(--primary-color)}.right-sidebar{width:320px;background:var(--surface-card);border-radius:var(--radius-xl);border:1px solid var(--border-color);display:flex;flex-direction:column;overflow:hidden;flex-shrink:0;box-shadow:var(--shadow-sm)}.sidebar-tabs{display:flex;border-bottom:1px solid var(--border-color)}.tab-btn{flex:1;background:none;border:none;padding:1rem .5rem;font-size:.9rem;color:var(--text-secondary);cursor:pointer;border-bottom:2px solid transparent;font-weight:500}.tab-btn.active{color:var(--primary-color);border-bottom-color:var(--primary-color)}.sidebar-content{padding:1.5rem;overflow-y:auto;flex:1}.workflow-info{display:flex;flex-direction:column;gap:2rem}.info-header h2{font-size:1.5rem;margin-bottom:.5rem}.tag{font-size:.75rem;background:#f1f5f9;padding:.2rem .5rem;border-radius:var(--radius-sm);color:var(--text-secondary)}.info-section h3{font-size:1rem;margin-bottom:.75rem;color:var(--text-main)}.info-section p{font-size:.9rem;color:var(--text-secondary);line-height:1.6;margin-bottom:1rem}.feature-list{padding-left:1.2rem;font-size:.9rem;color:var(--text-secondary)}.feature-list li{margin-bottom:.5rem}.empty-case,.empty-history{text-align:center;padding:2rem;color:var(--text-secondary);background:var(--surface-hover);border-radius:var(--radius-md);font-size:.9rem}.editor-page{height:100%}.editor-workspace{display:flex;height:100%;gap:1.5rem}.editor-canvas{flex:1;background:var(--surface-card);border-radius:var(--radius-xl);border:1px solid var(--border-color);display:flex;align-items:center;justify-content:center}.upload-box{text-align:center;color:var(--text-secondary)}.upload-box .icon{font-size:3rem;display:block;margin-bottom:1rem;opacity:.5}.editor-panel{width:300px;background:var(--surface-card);border-radius:var(--radius-xl);border:1px solid var(--border-color);padding:1.5rem}.editor-panel h3{font-size:1.1rem;margin-bottom:1rem;border-bottom:1px solid var(--border-color);padding-bottom:1rem}.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0006;backdrop-filter:blur(8px) saturate(150%);-webkit-backdrop-filter:blur(8px) saturate(150%);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .25s cubic-bezier(.16,1,.3,1)}.modal-container{background:var(--surface-card);width:100%;max-width:400px;border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);position:relative;animation:modalIn .35s cubic-bezier(.16,1,.3,1);border:1px solid var(--border-color)}@keyframes modalIn{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-close{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-secondary);width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);z-index:10}.modal-close:hover{background-color:var(--surface-muted);color:var(--text-main);transform:rotate(90deg)}.auth-modal-layout{display:flex;padding:0;width:820px;max-width:90vw;height:520px;max-height:90vh;overflow:hidden;border-radius:var(--radius-xl)}.auth-banner{flex:1;background:linear-gradient(135deg,#6366f1,#8b5cf6,#a855f7);padding:3rem 2rem;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;position:relative;overflow:hidden}.auth-banner:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.2),transparent 50%),radial-gradient(circle at 70% 80%,rgba(255,255,255,.1),transparent 40%)}.auth-banner h3{font-size:2rem;color:#fff;margin-bottom:.5rem;position:relative;font-weight:800}.auth-banner p{color:#ffffffd9;margin-bottom:2rem;position:relative}.banner-image-placeholder{width:180px;height:180px;background:#ffffff26;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;box-shadow:0 8px 32px #00000026;margin-bottom:2rem;font-size:1.5rem;color:#fff;position:relative;border:1px solid rgba(255,255,255,.2)}.banner-footer{font-size:.875rem;color:#fff;font-weight:600;background:#fff3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:.5rem 1.25rem;border-radius:var(--radius-full);position:relative;border:1px solid rgba(255,255,255,.2)}.auth-content{flex:1;padding:2rem;display:flex;flex-direction:column;position:relative}.auth-tabs{display:flex;border-bottom:1px solid var(--border-color);margin-bottom:2rem}.auth-tabs button{flex:1;background:none;border:none;padding:1rem 0;font-size:.95rem;color:var(--text-secondary);cursor:pointer;border-bottom:2px solid transparent;transition:all var(--transition-fast)}.auth-tabs button.active{color:var(--primary-color);border-bottom-color:var(--primary-color);font-weight:600}.auth-body{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:1rem;width:100%}.wechat-login{text-align:center;width:100%}.wechat-login p{margin-bottom:1.5rem;color:var(--text-secondary);font-size:.9rem}.qr-code-placeholder{width:180px;height:180px;border:1px solid var(--border-color);padding:10px;margin:0 auto 1.5rem;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center}.qr-box{width:100%;height:100%;background:#f1f5f9;background-image:linear-gradient(45deg,#000 25%,transparent 25%,transparent 75%,#000 75%,#000),linear-gradient(45deg,#000 25%,transparent 25%,transparent 75%,#000 75%,#000);background-size:20px 20px;background-position:0 0,10px 10px;opacity:.1}.qr-image{width:100%;height:100%;object-fit:contain}.link-text{color:var(--primary-color);cursor:pointer;font-weight:500}.code-group{display:flex;gap:.5rem}.code-btn{white-space:nowrap;padding:0 1rem;border:1px solid var(--border-color);background:var(--surface-hover);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer}.auth-footer{margin-top:1rem;text-align:center;font-size:.9rem}.toggle-mode{color:var(--primary-color);cursor:pointer}.auth-tip{font-size:.84rem;color:var(--text-secondary);margin-bottom:1rem;line-height:1.5}.form{width:100%;display:flex;flex-direction:column;gap:1rem}.input-group{width:100%}input{width:100%;padding:.75rem 1rem;border:1.5px solid var(--border-color);border-radius:var(--radius-md);font-size:.9rem;transition:all var(--transition-fast);color:var(--text-main);background:var(--input-bg)}input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 4px var(--primary-light)}input::placeholder{color:var(--text-secondary);opacity:.6}.primary-btn{background:var(--gradient-primary);color:#fff;border:none;padding:.875rem 1.5rem;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:all var(--transition-fast);width:100%;box-shadow:var(--shadow-primary);letter-spacing:.02em;font-size:.95rem}.primary-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px -4px #6366f166}.primary-btn:active{transform:scale(.98)}.full-width{width:100%}.message-box{padding:.75rem;border-radius:var(--radius-md);margin-top:1rem;font-size:.875rem;text-align:center;width:100%;animation:fadeIn .3s ease}.message-box.error{background-color:#ef444414;color:var(--error-color);border:1px solid rgba(239,68,68,.2)}.message-box.success{background-color:#10b98114;color:var(--success-color);border:1px solid rgba(16,185,129,.2)}.history-card{width:100%;border:1px solid var(--border-color);background:var(--surface-card);border-radius:var(--radius-lg);padding:.9rem;display:flex;flex-direction:column;gap:.35rem;text-align:left;cursor:pointer;transition:all var(--transition-fast)}.history-card:hover{border-color:var(--primary-color);box-shadow:var(--shadow-md);transform:translateY(-1px)}.history-card strong{font-size:.9rem;color:var(--text-main);line-height:1.4}.history-card span{font-size:.8rem;color:var(--text-secondary);line-height:1.4}.history-list.compact{display:flex;flex-direction:column;gap:.75rem}.generation-studio{display:grid;grid-template-columns:minmax(420px,1.2fr) minmax(320px,.9fr);gap:1.5rem;min-height:100%}.generation-form-panel,.generation-preview-panel,.chat-main-card,.chat-side-card,.editor-stage-card,.editor-side-panel{background:var(--surface-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-fast)}.generation-form-panel:hover,.chat-main-card:hover,.chat-side-card:hover{box-shadow:var(--shadow-md)}.generation-form-panel{padding:1.5rem}.panel-section-header,.editor-stage-toolbar{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.panel-section-header h2,.editor-stage-toolbar h2{font-size:1.4rem;margin-bottom:.35rem}.panel-section-header p,.editor-stage-toolbar p{color:var(--text-secondary);font-size:.92rem}.studio-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.studio-card{background:var(--surface-muted);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1rem;display:flex;flex-direction:column;gap:.75rem;transition:box-shadow var(--transition-fast)}.studio-card:hover{box-shadow:var(--shadow-sm)}.studio-card.span-2{grid-column:span 2}.studio-card label{font-size:.9rem;font-weight:600}.param-input.large{min-height:150px}.template-row{display:flex;flex-wrap:wrap;gap:.5rem}.chip-btn,.segment-btn,.secondary-btn{border:1px solid var(--border-color);background:var(--surface-card);border-radius:999px;padding:.55rem .9rem;cursor:pointer;color:var(--text-main);transition:all var(--transition-fast)}.chip-btn:hover,.segment-btn:hover,.secondary-btn:hover{border-color:var(--primary-color)}.segmented-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}.segmented-row.four{grid-template-columns:repeat(4,minmax(0,1fr))}.segment-btn{border-radius:var(--radius-md);text-transform:capitalize}.segment-btn.active{background:var(--primary-light);border-color:var(--primary-color);color:var(--primary-color);font-weight:600}.metric-value{font-size:.85rem;color:var(--text-secondary)}.text-input,select,textarea{width:100%;padding:.75rem 1rem;border:1.5px solid var(--border-color);border-radius:var(--radius-md);font-size:.95rem;transition:all var(--transition-fast);color:var(--text-main);background:var(--input-bg)}.text-input:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 4px var(--primary-light)}.generation-preview-panel{display:flex;flex-direction:column;gap:1rem;padding:1rem}.preview-area.tall{min-height:420px}.summary-list{display:flex;flex-direction:column;gap:.5rem;color:var(--text-secondary);font-size:.9rem}.editor-studio,.chat-studio{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:1.5rem;min-height:100%}.editor-stage-card{padding:1.5rem}.file-trigger{max-width:140px;text-align:center}.editor-stage-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.editor-canvas-card{min-height:420px;background:var(--surface-muted);border:1px solid var(--border-color);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.editor-preview-image{width:100%;height:100%;object-fit:contain}.editor-caption{position:absolute;left:1rem;bottom:1rem;background:#0f172ab3;color:#fff;border-radius:999px;padding:.3rem .75rem;font-size:.8rem}.editor-side-panel,.chat-side-card{padding:1rem;display:flex;flex-direction:column;gap:1rem}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.mini-field{display:flex;flex-direction:column;gap:.4rem}.mini-field span{font-size:.82rem;color:var(--text-secondary)}.chat-main-card{padding:1.5rem;display:flex;flex-direction:column}.chat-side-card h3{font-size:1rem}.chat-list{flex:1;display:flex;flex-direction:column;gap:1rem;min-height:360px;max-height:56vh;overflow-y:auto;padding:.5rem 0}.chat-item{display:flex;gap:.75rem;align-items:flex-start}.chat-item.user{justify-content:flex-end}.chat-item.user .avatar{order:2}.avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#e0e7ff,#f3e8ff);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:.95rem}.bubble{background:var(--surface-muted);border:1px solid var(--border-color);border-radius:1.25rem;padding:1rem 1.15rem;max-width:min(720px,80%);line-height:1.7;font-size:.92rem;transition:box-shadow var(--transition-fast)}.bubble:hover{box-shadow:var(--shadow-sm)}.chat-item.user .bubble{background:linear-gradient(135deg,#6366f114,#8b5cf60f);border-color:#6366f126}.chat-controls{display:flex;flex-direction:column;gap:1rem}.chat-input-area textarea{min-height:120px;resize:vertical}.actions,.secondary-actions{display:flex;gap:.75rem;margin-top:.75rem}.secondary-btn{border-radius:var(--radius-md)}.message-toast{font-size:.9rem;color:var(--text-secondary)}.dev-scan-btn{margin-top:1rem;font-size:.8rem;padding:.35rem .75rem;border-radius:var(--radius-md);border:1px dashed var(--border-color);background:var(--surface-card);cursor:pointer}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width: 900px){.auth-modal-layout{width:90%;height:auto;flex-direction:column}.auth-banner{display:none}}@media (max-width: 768px){.top-header{padding:0 1rem}.header-left{gap:1rem}.top-nav,.header-right .premium-btn,.header-right .help-btn,.left-sidebar{display:none}.generation-studio,.editor-studio,.chat-studio,.editor-stage-grid,.studio-grid,.field-grid,.segmented-row,.segmented-row.four{grid-template-columns:1fr}.generation-preview-panel,.chat-main-card,.editor-stage-card{padding:1rem}.right-sidebar{display:flex;width:100%;min-height:280px}}@media (max-width: 640px){.panel-section-header,.editor-stage-toolbar,.preview-actions,.secondary-actions,.actions{flex-direction:column}.bubble{max-width:100%}}:root{--adm-blue: #3b82f6;--adm-blue-bg: #eff6ff;--adm-blue-border: #bfdbfe;--adm-green: #22c55e;--adm-green-bg: #f0fdf4;--adm-green-border: #bbf7d0;--adm-amber: #f59e0b;--adm-amber-bg: #fffbeb;--adm-amber-border: #fde68a;--adm-red: #ef4444;--adm-red-bg: #fef2f2;--adm-red-border: #fecaca;--adm-purple: #8b5cf6;--adm-purple-bg: #f5f3ff;--adm-purple-border: #ddd6fe;--adm-teal: #14b8a6;--adm-teal-bg: #f0fdfa;--adm-teal-border: #99f6e4}body.dark-mode{--adm-blue-bg: rgba(59,130,246,.12);--adm-blue-border: rgba(59,130,246,.25);--adm-green-bg: rgba(34,197,94,.12);--adm-green-border: rgba(34,197,94,.25);--adm-amber-bg: rgba(245,158,11,.12);--adm-amber-border: rgba(245,158,11,.25);--adm-red-bg: rgba(239,68,68,.12);--adm-red-border: rgba(239,68,68,.25);--adm-purple-bg: rgba(139,92,246,.12);--adm-purple-border: rgba(139,92,246,.25);--adm-teal-bg: rgba(20,184,166,.12);--adm-teal-border: rgba(20,184,166,.25)}.adm-page{display:flex;flex-direction:column;gap:1.25rem;max-width:1100px;margin:0 auto;padding:1.5rem;min-height:100%}.adm-page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap}.adm-page-title{display:flex;align-items:center;gap:.5rem;font-size:1.25rem;font-weight:700;color:var(--text-main);margin:0}.adm-page-desc{font-size:.82rem;color:var(--text-secondary);margin-top:.2rem}.adm-header-actions{display:flex;align-items:center;gap:.5rem}.adm-card{background:var(--surface-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);overflow:hidden;transition:box-shadow var(--transition-fast)}.adm-card:hover{box-shadow:var(--shadow-md)}.adm-card-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:1rem 1.25rem;border-bottom:1px solid var(--border-color);flex-wrap:wrap}.adm-card-header h3{display:flex;align-items:center;gap:.4rem;font-size:.92rem;font-weight:700;color:var(--text-main);margin:0}.adm-card-subtitle{font-size:.78rem;color:var(--text-secondary)}.adm-card-body{padding:1.25rem}.adm-card-body.no-padding{padding:0}.adm-stat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.75rem}.adm-stat-card{display:flex;align-items:center;gap:.85rem;padding:1rem 1.15rem;background:var(--surface-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);transition:all var(--transition-fast)}.adm-stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.adm-stat-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-lg);border:1px solid;flex-shrink:0}.adm-stat-info{display:flex;flex-direction:column;min-width:0}.adm-stat-label{font-size:.72rem;color:var(--text-secondary);font-weight:500;text-transform:uppercase;letter-spacing:.03em}.adm-stat-value{font-size:1.35rem;font-weight:800;color:var(--text-main);line-height:1.2;font-variant-numeric:tabular-nums}.adm-stat-desc{font-size:.72rem;color:var(--text-secondary);margin-top:1px}.adm-bar-list{display:flex;flex-direction:column;gap:.45rem}.adm-bar-row{display:flex;align-items:center;gap:.6rem;font-size:.8rem}.adm-bar-label{width:120px;flex-shrink:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-secondary)}.adm-bar-track{flex:1;height:8px;background:var(--surface-muted);border-radius:var(--radius-full);overflow:hidden}.adm-bar-fill{height:100%;border-radius:var(--radius-full);transition:width .5s ease}.adm-bar-value{width:50px;text-align:right;font-weight:600;color:var(--text-main);font-variant-numeric:tabular-nums}.adm-bar-meta{display:flex;gap:.5rem;padding-left:126px;margin-top:1px}.adm-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:2.5rem 1rem;color:var(--text-secondary);font-size:.85rem}.adm-table-wrap{overflow-x:auto}.adm-table{width:100%;border-collapse:collapse;font-size:.82rem}.adm-table th{text-align:left;padding:.6rem 1rem;font-weight:600;font-size:.72rem;color:var(--text-secondary);border-bottom:2px solid var(--border-color);text-transform:uppercase;letter-spacing:.04em;background:var(--surface-muted)}.adm-table td{padding:.55rem 1rem;border-bottom:1px solid var(--border-color)}.adm-table tbody tr:hover{background:var(--surface-hover)}.adm-tr-clickable{cursor:pointer}.adm-tr-clickable:hover{background:var(--primary-light)!important}.adm-td-time{font-size:.75rem;color:var(--text-secondary);white-space:nowrap}.adm-td-mono{font-family:SF Mono,Consolas,monospace;font-size:.76rem;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.adm-td-num{font-variant-numeric:tabular-nums;text-align:right}.adm-td-desc{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.adm-badge{display:inline-flex;align-items:center;padding:.15rem .5rem;border-radius:var(--radius-full);font-size:.7rem;font-weight:600;white-space:nowrap;background:var(--surface-muted);color:var(--text-secondary)}.adm-badge.outline{background:transparent;border:1px solid var(--border-color)}.adm-badge.error{background:var(--adm-red-bg);color:var(--adm-red)}.adm-badge.warning{background:var(--adm-amber-bg);color:var(--adm-amber)}.adm-badge.success{background:var(--adm-green-bg);color:var(--adm-green)}.adm-badge.blue{background:var(--adm-blue-bg);color:var(--adm-blue)}.adm-badge.green{background:var(--adm-green-bg);color:var(--adm-green)}.adm-badge.purple{background:var(--adm-purple-bg);color:var(--adm-purple)}.adm-badge.red{background:var(--adm-red-bg);color:var(--adm-red)}.adm-badge.amber{background:var(--adm-amber-bg);color:var(--adm-amber)}.adm-badge.teal{background:var(--adm-teal-bg);color:var(--adm-teal)}.adm-tag{font-size:.68rem;color:var(--text-secondary);padding:.1rem .35rem;border-radius:var(--radius-sm);background:var(--surface-muted)}.adm-tag.success{background:var(--adm-green-bg);color:var(--adm-green)}.adm-tag.error{background:var(--adm-red-bg);color:var(--adm-red)}.adm-tabs{display:flex;gap:.25rem;background:var(--surface-muted);padding:.25rem;border-radius:var(--radius-lg);width:fit-content}.adm-tab{display:flex;align-items:center;gap:.35rem;padding:.45rem 1rem;border-radius:var(--radius-md);border:none;background:transparent;color:var(--text-secondary);font-size:.82rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.adm-tab:hover{color:var(--text-main);background:#ffffff80}.adm-tab.active{background:var(--surface-card);color:var(--text-main);font-weight:600;box-shadow:0 1px 3px #00000014}body.dark-mode .adm-tab:hover{background:#ffffff14}body.dark-mode .adm-tab.active{background:var(--surface-card)}.adm-form{display:flex;flex-direction:column;gap:1rem}.adm-form-group{display:flex;flex-direction:column;gap:.35rem}.adm-form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.adm-label{font-size:.82rem;font-weight:600;color:var(--text-main)}.adm-label-sm{font-size:.76rem;color:var(--text-secondary)}.adm-hint{font-size:.72rem;color:var(--text-secondary)}.adm-divider{height:1px;background:var(--border-color);margin:.25rem 0}.adm-input,.adm-select{width:100%;padding:.55rem .8rem;border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:.84rem;color:var(--text-main);background:var(--surface-card);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.adm-input:focus,.adm-select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #6366f11a}.adm-input:disabled{background:var(--surface-muted);color:var(--text-secondary);cursor:not-allowed;opacity:.7}.adm-input.small{max-width:130px}.adm-input.mono{font-family:SF Mono,Consolas,monospace;font-size:.8rem}.adm-select{cursor:pointer}.adm-select.compact{padding:.35rem .6rem;font-size:.78rem;width:auto}.adm-input-with-action{display:flex;align-items:stretch;gap:0;position:relative}.adm-input-with-action .adm-input{padding-right:2.2rem}.adm-input-action{position:absolute;right:0;top:0;bottom:0;width:2rem;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--text-secondary);cursor:pointer}.adm-input-action:hover{color:var(--text-main)}.adm-inline-form{display:flex;gap:.5rem;flex-wrap:wrap;align-items:flex-end}.adm-inline-form .adm-input{flex:1;min-width:80px}.adm-search-box{display:flex;align-items:center;gap:.4rem;padding:.35rem .7rem;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--surface-card);color:var(--text-secondary)}.adm-search-box input{border:none;outline:none;background:transparent;color:var(--text-main);font-size:.8rem;width:150px}.adm-model-list{display:flex;flex-direction:column;gap:.45rem}.adm-model-row{display:flex;align-items:center;gap:.5rem}.adm-btn{display:inline-flex;align-items:center;gap:.35rem;padding:.55rem 1.25rem;border-radius:var(--radius-md);border:1px solid transparent;font-size:.82rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.adm-btn.compact{padding:.45rem .85rem;font-size:.78rem}.adm-btn.primary{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.adm-btn.primary:hover{background:var(--primary-hover)}.adm-btn.primary:disabled{opacity:.5;cursor:not-allowed}.adm-btn.secondary{background:var(--surface-card);color:var(--text-main);border-color:var(--border-color)}.adm-btn.secondary:hover{background:var(--surface-hover)}.adm-btn.danger{background:var(--adm-red);color:#fff;border-color:var(--adm-red)}.adm-btn.danger:hover{background:#dc2626}.adm-btn.danger:disabled{opacity:.5;cursor:not-allowed}.adm-icon-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--surface-card);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.adm-icon-btn:hover{background:var(--surface-hover);color:var(--text-main)}.adm-icon-btn:disabled{opacity:.5;cursor:not-allowed}.adm-icon-btn.danger{color:var(--adm-red)}.adm-icon-btn.danger:hover{background:var(--adm-red-bg);border-color:var(--adm-red-border)}.adm-switch-btn{display:inline-flex;align-items:center;gap:.25rem;padding:.3rem .65rem;border-radius:var(--radius-md);font-size:.75rem;font-weight:600;cursor:pointer;border:1px solid;transition:all var(--transition-fast);white-space:nowrap}.adm-switch-btn.on{background:var(--adm-green-bg);color:var(--adm-green);border-color:var(--adm-green-border)}.adm-switch-btn.off{background:var(--surface-muted);color:var(--text-secondary);border-color:var(--border-color)}.adm-add-btn{width:100%;padding:.6rem;border:2px dashed var(--border-color);border-radius:var(--radius-md);background:transparent;color:var(--text-secondary);font-size:.84rem;cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;gap:.35rem}.adm-add-btn:hover{border-color:var(--primary-color);color:var(--primary-color)}.adm-form-actions{display:flex;gap:.75rem;margin-top:.5rem}.adm-msg{font-size:.82rem;padding:.6rem 1rem;border-radius:var(--radius-md);border:1px solid;display:flex;align-items:center;gap:.4rem}.adm-msg.success{background:var(--adm-green-bg);color:var(--adm-green);border-color:var(--adm-green-border)}.adm-msg.error{background:var(--adm-red-bg);color:var(--adm-red);border-color:var(--adm-red-border)}.adm-keys-grid{display:flex;flex-direction:column;gap:.75rem}.adm-key-card{display:flex;border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-fast)}.adm-key-card:hover{border-color:var(--primary-color);box-shadow:var(--shadow-sm)}.adm-key-card.disabled{opacity:.55}.adm-key-indicator{width:4px;flex-shrink:0;transition:background var(--transition-fast)}.adm-key-content{flex:1;padding:.85rem 1rem;display:flex;flex-direction:column;gap:.65rem}.adm-key-top{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.adm-key-names{display:flex;align-items:center;gap:.5rem;flex:1;min-width:0}.adm-key-actions{display:flex;align-items:center;gap:.4rem}.adm-key-fields{display:grid;grid-template-columns:1fr 1fr;gap:.65rem}.adm-credits-actions{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.adm-icon-green{color:var(--adm-green)}.adm-icon-red{color:var(--adm-red)}.adm-credits-value{font-weight:700;font-variant-numeric:tabular-nums}.adm-credits-value.positive{color:var(--adm-green)}.adm-credits-value.negative{color:var(--adm-red)}.adm-user-cell{display:flex;align-items:center;gap:.45rem}.adm-avatar-sm{width:24px;height:24px;border-radius:var(--radius-full);font-size:.65rem;display:flex;align-items:center;justify-content:center;background:var(--primary-light);color:var(--primary-color);font-weight:700}.adm-pagination{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;border-top:1px solid var(--border-color)}.adm-pagination button{display:flex;align-items:center;gap:.25rem;padding:.35rem .75rem;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--surface-card);color:var(--text-main);cursor:pointer;font-size:.78rem;transition:all var(--transition-fast)}.adm-pagination button:hover{background:var(--surface-hover)}.adm-pagination button:disabled{opacity:.4;cursor:not-allowed}.adm-page-info{font-size:.78rem;color:var(--text-secondary)}@keyframes adm-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.adm-spin{animation:adm-spin 1s linear infinite}@media (max-width: 768px){.adm-page{padding:1rem}.adm-stat-grid{grid-template-columns:1fr 1fr}.adm-chart-grid,.adm-credits-actions,.adm-form-row,.adm-key-fields{grid-template-columns:1fr}.adm-key-top{flex-wrap:wrap}.adm-bar-label{width:80px}}.adm-chart-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.ed2{display:grid;grid-template-columns:minmax(0,1fr) 360px;height:100%;gap:0;overflow:hidden}.ed2-sidebar{background:var(--surface-card);border-right:1px solid var(--border-color);padding:.75rem 0;overflow-y:auto}.ed2-tool-group{padding:0 .5rem;margin-bottom:.25rem}.ed2-tool-group__title{font-size:.68rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);padding:.5rem .75rem .35rem;font-weight:700}.ed2-tool-btn{display:flex;align-items:center;gap:.6rem;width:100%;text-align:left;padding:.55rem .75rem;border:none;border-radius:var(--radius-md);background:none;color:var(--text-main);font-size:.85rem;cursor:pointer;transition:all var(--transition-fast)}.ed2-tool-btn:hover{background:var(--surface-muted)}.ed2-tool-btn.active{background:var(--primary-light);color:var(--primary-color);font-weight:600}.ed2-canvas-area{display:flex;flex-direction:column;background:#f1f5f9;overflow:hidden}.ed2-toolbar{display:flex;align-items:center;justify-content:space-between;padding:.5rem 1rem;background:var(--surface-card);border-bottom:1px solid var(--border-color);min-height:48px}.ed2-toolbar__left,.ed2-toolbar__right{display:flex;align-items:center;gap:.375rem}.ed2-toolbar__center{flex:1;text-align:center}.ed2-toolbar__title{font-size:.95rem;font-weight:600;color:var(--text-main)}.ed2-toolbar-btn{display:flex;align-items:center;gap:.35rem;padding:.4rem .75rem;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--surface-card);color:var(--text-main);font-size:.82rem;cursor:pointer;transition:all var(--transition-fast)}.ed2-toolbar-btn:hover:not(:disabled){border-color:var(--primary-color);color:var(--primary-color)}.ed2-toolbar-btn:disabled{opacity:.4;cursor:not-allowed}.ed2-toolbar-btn--active{border-color:var(--primary-color);background:var(--primary-color);color:#fff}.ed2-toolbar-btn--active:hover:not(:disabled){color:#fff}.ed2-canvas-container{flex:1;overflow:hidden;position:relative}.canvas-workspace{width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.canvas-stage{background:repeating-conic-gradient(#e5e7eb 0% 25%,transparent 0% 50%) 50% / 16px 16px;border-radius:var(--radius-md)}.canvas-empty{display:flex;flex-direction:column;align-items:center;gap:.75rem;color:var(--text-secondary);font-size:.9rem}.ed2-message{padding:.4rem 1rem;font-size:.82rem;color:var(--text-secondary);background:var(--surface-card);border-top:1px solid var(--border-color);text-align:center}.ed2-props{background:var(--surface-card);border-left:1px solid var(--border-color);padding:1rem;overflow-y:auto;display:flex;flex-direction:column;gap:1rem}.ed2-props__section{display:flex;flex-direction:column;gap:.75rem}.ed2-props__heading{font-size:.82rem;font-weight:700;color:var(--text-main);text-transform:uppercase;letter-spacing:.04em;padding-bottom:.5rem;border-bottom:1px solid var(--border-color)}.ed2-param{display:flex;flex-direction:column;gap:.35rem}.ed2-param__label{font-size:.78rem;font-weight:600;color:var(--text-secondary)}.ed2-input{width:100%;padding:.5rem .65rem;border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:.85rem;color:var(--text-main);background:#fafbfc;transition:border-color var(--transition-fast)}.ed2-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #6366f114}.ed2-select{width:100%;padding:.5rem .65rem;border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:.85rem;color:var(--text-main);background:var(--surface-card);cursor:pointer}.ed2-upload-btn{width:100%;padding:.5rem;border:2px dashed var(--border-color);border-radius:var(--radius-md);background:#fafbfc;color:var(--text-secondary);font-size:.82rem;cursor:pointer;text-align:center;transition:all var(--transition-fast);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ed2-upload-btn:hover{border-color:var(--primary-color);color:var(--primary-color)}.ed2-field-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.ed2-mask-toggle{margin-bottom:.5rem}.ed2-mask-btn{width:100%;padding:.5rem .75rem;border:1px dashed var(--border-color);border-radius:var(--radius-md);background:var(--surface-card);color:var(--text-secondary);font-size:.8rem;cursor:pointer;transition:all var(--transition-fast)}.ed2-mask-btn:hover{border-color:var(--primary-color);color:var(--primary-color)}.ed2-mask-btn--active{border-color:var(--primary-color);border-style:solid;background:#3b82f614;color:var(--primary-color);font-weight:500}.ed2-mask-info{margin-top:.4rem;font-size:.75rem;color:var(--text-secondary);display:flex;align-items:center;gap:.5rem}.ed2-mask-clear{padding:.15rem .5rem;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:transparent;color:var(--danger-color, #ef4444);font-size:.7rem;cursor:pointer}.ed2-hint{font-size:.82rem;color:var(--text-secondary);line-height:1.5;padding:.5rem 0}.ed2-run-btn{width:100%;padding:.65rem;background:var(--gradient-primary);color:#fff;border:none;border-radius:var(--radius-md);font-size:.9rem;font-weight:700;cursor:pointer;transition:all .15s cubic-bezier(.34,1.56,.64,1);margin-top:.5rem;letter-spacing:.02em}.ed2-run-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #6366f14d}.ed2-run-btn:active:not(:disabled){transform:scale(.97)}.ed2-run-btn:disabled{opacity:.55;cursor:not-allowed}.ed2-cost-badge{display:inline-flex;align-items:center;gap:.25rem;margin-left:.5rem;padding:.15rem .5rem;background:#fff3;border-radius:var(--radius-sm);font-size:.75rem;font-weight:600}.ed2-cost-badge.free{background:#22c55e4d}.ed2-history-list{display:flex;flex-direction:column;gap:.375rem;max-height:300px;overflow-y:auto}.ed2-history-card{display:flex;flex-direction:column;gap:.15rem;padding:.5rem .65rem;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--surface-card);cursor:pointer;text-align:left;transition:all var(--transition-fast);font-size:.8rem}.ed2-history-card:hover{border-color:var(--primary-color);background:#fafaff}.ed2-history-card strong{color:var(--text-main);font-size:.82rem}.ed2-history-card span{color:var(--text-secondary);font-size:.72rem}.ed2-empty-history{text-align:center;font-size:.82rem;color:var(--text-secondary);padding:1.5rem 0}@media (max-width: 1024px){.ed2{grid-template-columns:180px minmax(0,1fr) 320px}}@media (max-width: 768px){.ed2{grid-template-columns:1fr;grid-template-rows:auto 1fr auto}.ed2-sidebar{border-right:none;border-bottom:1px solid var(--border-color);display:flex;overflow-x:auto;padding:.5rem;gap:.25rem}.ed2-tool-group{display:flex;gap:.25rem;margin:0;padding:0}.ed2-tool-group__title{display:none}.ed2-tool-btn{white-space:nowrap;padding:.4rem .6rem;font-size:.78rem}.ed2-props{border-left:none;border-top:1px solid var(--border-color);max-height:280px}}.copywriting-page{display:flex;height:100%;overflow:hidden}.cw-main{flex:1;overflow-y:auto;padding:2rem}.cw-main h1{font-size:1.4rem;margin-bottom:1.5rem}.cw-templates{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1.5rem}.cw-template{padding:.6rem 1rem;border:2px solid var(--border-color);border-radius:var(--radius-md);background:var(--surface-card);cursor:pointer;transition:all var(--transition-fast);font-size:.85rem}.cw-template:hover{border-color:var(--primary-color)}.cw-template.active{border-color:var(--primary-color);background:var(--primary-light);color:var(--primary-color);font-weight:600}body.dark-mode .cw-template.active,body.theme-auto .cw-template.active{background:#6366f126}.cw-form-grid{display:grid;gap:1rem;margin-bottom:1.5rem}.cw-field label{display:block;font-size:.8rem;font-weight:600;margin-bottom:.3rem;color:var(--text-secondary)}.cw-field textarea,.cw-field input[type=text]{width:100%;padding:.6rem .8rem;border:1px solid var(--input-border);border-radius:var(--radius-md);font-size:.9rem;background:var(--input-bg);color:var(--text-main)}.cw-field textarea:focus,.cw-field input[type=text]:focus{outline:none;border-color:var(--primary-color)}.cw-select{padding:.5rem .75rem;border:1px solid var(--input-border);border-radius:var(--radius-md);font-size:.85rem;background:var(--input-bg);color:var(--text-main)}.cw-options-row{display:flex;flex-wrap:wrap;gap:.5rem}.cw-option-btn{padding:.4rem .8rem;border:1px solid var(--border-color);border-radius:var(--radius-full);background:var(--surface-card);cursor:pointer;font-size:.8rem;color:var(--text-main)}.cw-option-btn.active{border-color:var(--primary-color);background:var(--primary-light);color:var(--primary-color)}body.dark-mode .cw-option-btn.active,body.theme-auto .cw-option-btn.active{background:#6366f126}.cw-generate-btn{padding:.7rem 2rem;background:var(--primary-color);color:#fff;border:none;border-radius:var(--radius-md);font-size:.95rem;cursor:pointer;font-weight:600}.cw-generate-btn:hover{background:var(--primary-hover)}.cw-generate-btn:disabled{opacity:.5;cursor:not-allowed}.cw-result{margin-top:1.5rem;padding:1.5rem;background:var(--surface-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);position:relative}.cw-result pre{white-space:pre-wrap;font-family:inherit;line-height:1.7;color:var(--text-main)}.cw-copy-btn{position:absolute;top:.75rem;right:.75rem;padding:.3rem .8rem;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--surface-card);cursor:pointer;font-size:.75rem;color:var(--text-secondary)}.cw-message{margin-top:.75rem;font-size:.85rem;color:var(--error-color)}.cw-sidebar{width:280px;border-left:1px solid var(--border-color);background:var(--sidebar-bg);display:flex;flex-direction:column;overflow:hidden}.cw-sidebar h3{padding:1rem;font-size:.9rem;border-bottom:1px solid var(--border-color)}.cw-history-list{flex:1;overflow-y:auto;padding:.5rem}.cw-history-item{padding:.6rem .8rem;border-radius:var(--radius-md);cursor:pointer;font-size:.8rem;margin-bottom:.25rem;color:var(--text-secondary)}.cw-history-item:hover{background:var(--surface-hover)}.cw-history-item .cw-hist-title{color:var(--text-main);font-weight:500}.cw-history-item .cw-hist-date{font-size:.7rem;margin-top:.2rem}.logo-page{max-width:800px;margin:0 auto;padding:2rem;overflow-y:auto;height:100%}.logo-steps{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:2rem}.logo-step{display:flex;align-items:center;gap:.4rem;padding:.5rem 1rem;border-radius:var(--radius-full);font-size:.85rem;cursor:pointer;color:var(--text-secondary);transition:all var(--transition-fast)}.logo-step.active{color:var(--primary-color);font-weight:600}.step-num{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--border-color);color:var(--text-secondary);font-size:.75rem;font-weight:700}.logo-step.active .step-num{background:var(--primary-color);color:#fff}.step-line{flex:0 0 40px;height:2px;background:var(--border-color)}.logo-form{background:var(--surface-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:2rem}.logo-form h2{font-size:1.2rem;margin-bottom:1.5rem}.logo-field{margin-bottom:1.25rem}.logo-field label{display:block;font-size:.8rem;font-weight:600;margin-bottom:.4rem;color:var(--text-secondary)}.logo-field input[type=text],.logo-field textarea{width:100%;padding:.6rem .8rem;border:1px solid var(--input-border);border-radius:var(--radius-md);font-size:.9rem;background:var(--input-bg);color:var(--text-main)}.logo-field input:focus,.logo-field textarea:focus{outline:none;border-color:var(--primary-color)}.logo-tag-row{display:flex;flex-wrap:wrap;gap:.5rem}.logo-tag{padding:.35rem .8rem;border:1px solid var(--border-color);border-radius:var(--radius-full);background:var(--surface-card);cursor:pointer;font-size:.8rem;color:var(--text-main);transition:all var(--transition-fast)}.logo-tag:hover{border-color:var(--primary-color)}.logo-tag.active{border-color:var(--primary-color);background:var(--primary-light);color:var(--primary-color);font-weight:600}body.dark-mode .logo-tag.active,body.theme-auto .logo-tag.active{background:#6366f126}.logo-style-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.75rem}.logo-style-card{padding:.75rem;border:2px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;text-align:center;transition:all var(--transition-fast);background:var(--surface-card)}.logo-style-card strong{display:block;font-size:.85rem;margin-bottom:.2rem}.logo-style-card span{font-size:.75rem;color:var(--text-secondary)}.logo-style-card:hover{border-color:var(--primary-color)}.logo-style-card.active{border-color:var(--primary-color);background:var(--primary-light)}body.dark-mode .logo-style-card.active,body.theme-auto .logo-style-card.active{background:#6366f126}.logo-color-row{display:flex;gap:1.5rem}.logo-color-picker{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--text-secondary)}.logo-color-picker input[type=color]{width:36px;height:36px;border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer}.logo-actions{display:flex;align-items:center;gap:1rem;margin-top:1.5rem}.logo-next-btn{padding:.65rem 1.8rem;background:var(--primary-color);color:#fff;border:none;border-radius:var(--radius-md);font-weight:600;cursor:pointer;font-size:.9rem}.logo-next-btn:hover{background:var(--primary-hover)}.logo-next-btn:disabled{opacity:.5;cursor:not-allowed}.logo-back-btn{padding:.65rem 1.8rem;background:var(--surface-muted);color:var(--text-main);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;font-size:.9rem}.logo-message{font-size:.85rem;color:var(--error-color)}.logo-preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem}.logo-preview-card{border:2px solid var(--border-color);border-radius:var(--radius-md);padding:.5rem;cursor:pointer;text-align:center;transition:all var(--transition-fast);background:var(--surface-card)}.logo-preview-card img{width:100%;border-radius:var(--radius-sm)}.logo-preview-card span{display:block;font-size:.8rem;margin-top:.5rem;color:var(--text-secondary)}.logo-preview-card:hover{border-color:var(--primary-color)}.logo-preview-card.selected{border-color:var(--primary-color);box-shadow:0 0 0 2px #6366f133}.logo-selected-preview{text-align:center;margin-bottom:1.5rem}.logo-selected-preview img{max-width:400px;border-radius:var(--radius-md)}.logo-export-actions{margin-top:1rem}.logo-download-btn{display:inline-block;padding:.6rem 1.5rem;background:var(--success-color);color:#fff;border-radius:var(--radius-md);text-decoration:none;font-weight:600;font-size:.9rem}.logo-empty{text-align:center;padding:3rem;color:var(--text-secondary)}.profile-page{max-width:640px;margin:0 auto;padding:2rem;overflow-y:auto;height:100%}.profile-header h1{font-size:1.4rem;margin-bottom:1.5rem}.profile-loading{text-align:center;padding:3rem;color:var(--text-secondary)}.profile-tabs{display:flex;gap:0;border-bottom:2px solid var(--border-color);margin-bottom:1.5rem}.profile-tab{padding:.6rem 1.2rem;border:none;background:none;font-size:.9rem;cursor:pointer;color:var(--text-secondary);border-bottom:2px solid transparent;margin-bottom:-2px;transition:all var(--transition-fast)}.profile-tab:hover{color:var(--text-main)}.profile-tab.active{color:var(--primary-color);border-bottom-color:var(--primary-color);font-weight:600}.profile-msg{padding:.6rem 1rem;border-radius:var(--radius-md);margin-bottom:1rem;font-size:.85rem}.profile-msg.success{background:#ecfdf5;color:#065f46}.profile-msg.error{background:#fef2f2;color:#dc2626}body.dark-mode .profile-msg.success,body.theme-auto .profile-msg.success{background:#064e3b;color:#a7f3d0}body.dark-mode .profile-msg.error,body.theme-auto .profile-msg.error{background:#450a0a;color:#fca5a5}.profile-section{background:var(--surface-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:1.5rem;transition:box-shadow var(--transition-fast)}.profile-section:hover{box-shadow:var(--shadow-md)}.profile-section h3{font-size:1rem;margin-bottom:1.25rem}.profile-avatar-area{text-align:center;margin-bottom:1.5rem}.profile-avatar{width:96px;height:96px;border-radius:50%;overflow:hidden;margin:0 auto .5rem;cursor:pointer;position:relative;border:3px solid var(--border-color);background:var(--surface-muted);display:flex;align-items:center;justify-content:center}.profile-avatar img{width:100%;height:100%;object-fit:cover}.avatar-placeholder{font-size:2rem;font-weight:700;color:var(--primary-color)}.avatar-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080;color:#fff;display:flex;align-items:center;justify-content:center;font-size:.8rem;opacity:0;transition:opacity var(--transition-fast)}.profile-avatar:hover .avatar-overlay{opacity:1}.avatar-hint{font-size:.75rem;color:var(--text-secondary)}.profile-field{margin-bottom:1rem}.profile-field label{display:block;font-size:.8rem;font-weight:600;margin-bottom:.3rem;color:var(--text-secondary)}.profile-field input,.profile-field select,.profile-field textarea{width:100%;padding:.6rem .8rem;border:1px solid var(--input-border);border-radius:var(--radius-md);font-size:.9rem;background:var(--input-bg);color:var(--text-main)}.profile-field input:disabled{background:var(--surface-muted);color:var(--text-secondary);cursor:not-allowed}.profile-field input:focus,.profile-field textarea:focus{outline:none;border-color:var(--primary-color)}.profile-save-btn{margin-top:.5rem;padding:.6rem 1.5rem;background:var(--primary-color);color:#fff;border:none;border-radius:var(--radius-md);font-weight:600;cursor:pointer;font-size:.9rem}.profile-save-btn:hover{background:var(--primary-hover)}.profile-save-btn:disabled{opacity:.5;cursor:not-allowed}.prompt-lib-page{height:100%;overflow:hidden}.prompt-lib-layout{display:flex;height:100%}.prompt-folder-panel{width:240px;border-right:1px solid var(--border-color);background:var(--sidebar-bg);display:flex;flex-direction:column;overflow-y:auto}.prompt-folder-header{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid var(--border-color)}.prompt-folder-header h3{font-size:.9rem;margin:0}.prompt-add-folder-btn{width:28px;height:28px;border-radius:50%;border:1px solid var(--border-color);background:var(--surface-card);cursor:pointer;font-size:1rem;display:flex;align-items:center;justify-content:center;color:var(--text-main)}.prompt-folder-item{display:flex;align-items:center;gap:.5rem;padding:.6rem 1rem;cursor:pointer;font-size:.85rem;color:var(--text-main);transition:background var(--transition-fast);position:relative}.prompt-folder-item:hover{background:var(--surface-hover)}.prompt-folder-item.active{background:var(--surface-hover);font-weight:600}.folder-color-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.folder-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.folder-count{font-size:.7rem;color:var(--text-secondary);background:var(--surface-muted);padding:.1rem .4rem;border-radius:var(--radius-full)}.folder-actions{display:none;position:absolute;right:.5rem;gap:.2rem}.prompt-folder-item:hover .folder-actions{display:flex}.folder-actions button{border:none;background:none;cursor:pointer;font-size:.75rem;padding:.15rem}.prompt-items-panel{flex:1;display:flex;flex-direction:column;overflow:hidden}.prompt-items-toolbar{display:flex;gap:.75rem;padding:1rem;border-bottom:1px solid var(--border-color)}.prompt-search-input{flex:1;padding:.5rem .8rem;border:1px solid var(--input-border);border-radius:var(--radius-md);font-size:.85rem;background:var(--input-bg);color:var(--text-main)}.prompt-search-input:focus{outline:none;border-color:var(--primary-color)}.prompt-add-item-btn{padding:.5rem 1rem;background:var(--primary-color);color:#fff;border:none;border-radius:var(--radius-md);font-size:.85rem;cursor:pointer;font-weight:600;white-space:nowrap}.prompt-msg{padding:.5rem 1rem;font-size:.8rem;color:var(--success-color);background:var(--surface-muted);text-align:center}.prompt-empty{text-align:center;padding:3rem;color:var(--text-secondary);font-size:.9rem}.prompt-items-list{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:.75rem}.prompt-item-card{background:var(--surface-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1rem;transition:box-shadow var(--transition-fast)}.prompt-item-card:hover{box-shadow:var(--shadow-sm)}.prompt-item-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.4rem}.prompt-item-header h4{font-size:.95rem;margin:0}.prompt-item-meta{display:flex;align-items:center;gap:.4rem}.prompt-category{font-size:.7rem;padding:.15rem .5rem;border-radius:var(--radius-full);background:var(--surface-muted);color:var(--text-secondary)}.prompt-item-content{font-size:.85rem;color:var(--text-secondary);line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:.5rem}.prompt-item-tags{display:flex;flex-wrap:wrap;gap:.3rem;margin-bottom:.5rem}.prompt-tag{font-size:.7rem;color:var(--primary-color)}.prompt-item-footer{display:flex;justify-content:space-between;align-items:center}.prompt-use-count{font-size:.75rem;color:var(--text-secondary)}.prompt-item-actions{display:flex;gap:.3rem}.prompt-item-actions button{border:none;background:none;cursor:pointer;font-size:.85rem;padding:.2rem}.prompt-dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000}.prompt-dialog{background:var(--surface-card);border-radius:var(--radius-lg);padding:1.5rem;width:400px;max-width:90vw;box-shadow:var(--shadow-lg)}.prompt-dialog.wide{width:560px}.prompt-dialog h3{font-size:1rem;margin-bottom:1rem}.prompt-dialog-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:1.25rem}.prompt-dialog-actions button{padding:.5rem 1.2rem;border-radius:var(--radius-md);cursor:pointer;font-size:.85rem;border:1px solid var(--border-color);background:var(--surface-card);color:var(--text-main)}.prompt-dialog-actions button.primary{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.folder-color-btn{width:28px;height:28px;border-radius:50%;border:2px solid transparent;cursor:pointer}.folder-color-btn.active{border-color:var(--text-main)}.credits-badge{display:inline-flex;align-items:center;gap:.2rem;padding:.3rem .85rem;border-radius:var(--radius-full);background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#1e293b;font-size:.78rem;font-weight:700;text-decoration:none;white-space:nowrap;transition:all var(--transition-bounce);box-shadow:0 2px 8px #f59e0b33}.credits-badge:hover{transform:scale(1.08);box-shadow:0 4px 14px #f59e0b59}body.dark-mode .credits-badge,body.theme-auto .credits-badge{background:linear-gradient(135deg,#d97706,#b45309);color:#fef3c7}.credits-dashboard h3{font-size:1rem;margin:1.25rem 0 .75rem}.credits-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:1rem}.credits-card{display:flex;flex-direction:column;align-items:center;padding:1rem;border:1px solid var(--border-color);border-radius:var(--radius-lg);background:var(--surface-muted)}.credits-card-label{font-size:.75rem;color:var(--text-secondary);margin-bottom:.3rem}.credits-card-value{font-size:1.4rem;font-weight:700}.credits-card-value.primary{color:var(--primary-color)}.credits-card-value.success{color:var(--success-color)}.credits-card-value.warn{color:#f59e0b}.credits-checkin{text-align:center;margin-bottom:1rem}.credits-checkin-btn{padding:.5rem 1.5rem;border:none;border-radius:var(--radius-md);background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#1e293b;font-weight:600;font-size:.85rem;cursor:pointer;transition:transform var(--transition-fast)}.credits-checkin-btn:hover:not(:disabled){transform:scale(1.03)}.credits-checkin-btn:disabled{opacity:.6;cursor:not-allowed}.credits-history{overflow-x:auto}.credits-table{width:100%;border-collapse:collapse;font-size:.82rem}.credits-table th{text-align:left;padding:.5rem .6rem;font-weight:600;font-size:.75rem;color:var(--text-secondary);border-bottom:2px solid var(--border-color)}.credits-table td{padding:.45rem .6rem;border-bottom:1px solid var(--border-color)}.credits-table tbody tr:hover{background:var(--surface-hover)}.credits-time{font-size:.75rem;color:var(--text-secondary);white-space:nowrap}.credits-desc{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.credits-plus{color:var(--success-color);font-weight:600}.credits-minus{color:var(--error-color);font-weight:600}.credits-empty{text-align:center;padding:2rem;color:var(--text-secondary);font-size:.85rem}.credits-pagination{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-top:.75rem;font-size:.82rem}.credits-pagination button{padding:.3rem .8rem;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--surface-card);color:var(--text-main);cursor:pointer;font-size:.8rem}.credits-pagination button:disabled{opacity:.4;cursor:not-allowed}.credits-pagination span{color:var(--text-secondary)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#64748b33;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:#64748b59}body.dark-mode ::-webkit-scrollbar-thumb,body.theme-auto ::-webkit-scrollbar-thumb{background:#94a3b833}body.dark-mode ::-webkit-scrollbar-thumb:hover,body.theme-auto ::-webkit-scrollbar-thumb:hover{background:#94a3b859}::selection{background:#6366f133;color:var(--text-main)}:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px;border-radius:var(--radius-sm)}a,button,input,select,textarea{font-family:inherit}@keyframes skeleton{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.skeleton{background:linear-gradient(90deg,var(--surface-muted) 25%,var(--surface-hover) 37%,var(--surface-muted) 63%);background-size:200px 100%;animation:skeleton 1.4s ease infinite;border-radius:var(--radius-md)}.empty-preview,.empty-case,.empty-history,.imgpage__empty{position:relative}.imgpage__empty{background:linear-gradient(135deg,#6366f108,#8b5cf608);border-radius:var(--radius-xl);padding:3rem}.imgpage__example-card,.model-card,.prompt-item-card,.logo-style-card,.logo-preview-card,.cw-result{transition:all var(--transition-smooth)}.imgpage__example-card:hover,.prompt-item-card:hover,.logo-preview-card:hover{transform:translateY(-2px)}textarea{font-family:inherit}.imgpage__textarea{border-width:1.5px}.imgpage__textarea:focus{box-shadow:0 0 0 4px var(--primary-light)}.tool-category h4{font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);margin-bottom:.75rem;padding-left:.85rem;font-weight:700}.profile-avatar{border:3px solid var(--border-color);transition:all var(--transition-fast)}.profile-avatar:hover{border-color:var(--primary-color);box-shadow:0 0 20px var(--primary-glow)}.imgpage__tab{position:relative;font-weight:500}.imgpage__tab.active:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:24px;height:3px;background:var(--primary-color);border-radius:var(--radius-full)}.profile-tab{position:relative}.profile-tab.active:after{content:"";position:absolute;bottom:-2px;left:50%;transform:translate(-50%);width:20px;height:3px;background:var(--primary-color);border-radius:var(--radius-full)}.imgpage__option-btn{transition:all var(--transition-bounce)}.imgpage__option-btn:hover{transform:translateY(-1px)}.imgpage__option-btn.active{background:var(--gradient-primary);color:#fff;border-color:transparent;box-shadow:var(--shadow-primary)}.imgpage__upload-add{border-width:2px;transition:all var(--transition-fast)}.imgpage__upload-add:hover{border-color:var(--primary-color);color:var(--primary-color);background:var(--primary-light);transform:scale(1.02)}.credits-checkin-btn{box-shadow:0 2px 8px #f59e0b33;transition:all var(--transition-bounce)}.credits-checkin-btn:hover:not(:disabled){transform:scale(1.05);box-shadow:0 6px 18px #f59e0b59}.credits-card{transition:all var(--transition-fast);border-radius:var(--radius-xl)}.credits-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.admin-toggle-btn{transition:all var(--transition-bounce)}.admin-toggle-btn:hover{transform:scale(1.03)}.cw-template{border-radius:var(--radius-lg);transition:all var(--transition-bounce)}.cw-template:hover{transform:translateY(-1px)}.logo-tag{transition:all var(--transition-bounce)}.logo-tag:hover{transform:translateY(-1px)}.cw-generate-btn{background:var(--gradient-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-primary);transition:all var(--transition-fast);letter-spacing:.02em}.cw-generate-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px -4px #6366f166}.logo-next-btn{background:var(--gradient-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-primary);transition:all var(--transition-fast)}.logo-next-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px -4px #6366f166}.prompt-add-item-btn{background:var(--gradient-primary);box-shadow:var(--shadow-primary);transition:all var(--transition-fast);border-radius:var(--radius-lg)}.prompt-add-item-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px -4px #6366f166}.prompt-item-card{border-radius:var(--radius-lg)}.prompt-dialog-overlay{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.prompt-dialog{border-radius:var(--radius-xl);animation:modalIn .3s cubic-bezier(.16,1,.3,1);border:1px solid var(--border-color)}.sidebar-note-list{font-size:.85rem;line-height:1.6;opacity:.85}.imgpage__sidebar{background:var(--surface-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.imgpage__drawer{border-radius:var(--radius-xl) 0 0 var(--radius-xl);box-shadow:-8px 0 30px #0000001f}.imgpage__overlay{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.content-inner>*{animation:pageIn .3s ease}@keyframes pageIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.recharge-btn-nav{display:inline-flex;align-items:center;padding:.28rem .75rem;border-radius:var(--radius-full);background:var(--gradient-primary);color:#fff;font-size:.75rem;font-weight:700;text-decoration:none;white-space:nowrap;transition:all var(--transition-bounce);box-shadow:var(--shadow-primary)}.recharge-btn-nav:hover{transform:scale(1.08);box-shadow:0 4px 16px #6366f166}.recharge-page{width:100%;max-width:780px;margin:0 auto;padding:2rem 1rem;animation:pageIn .35s ease-out}.recharge-container{background:var(--surface-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);padding:2.5rem 2rem;border:1px solid var(--border-color)}.recharge-header{text-align:center;margin-bottom:2rem}.recharge-header h2{font-size:1.5rem;font-weight:700;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.recharge-subtitle{color:var(--text-secondary);font-size:.9rem}.recharge-packages{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1rem;margin-bottom:1.5rem}.recharge-card{position:relative;background:var(--surface-muted);border:2px solid transparent;border-radius:var(--radius-lg);padding:1.25rem .75rem;text-align:center;cursor:pointer;transition:all var(--transition-smooth);-webkit-user-select:none;user-select:none}.recharge-card:hover{border-color:var(--primary-color);box-shadow:var(--shadow-md);transform:translateY(-2px)}.recharge-card.selected{border-color:var(--primary-color);background:var(--primary-light);box-shadow:var(--shadow-primary)}.recharge-tag{position:absolute;top:-.5rem;right:-.3rem;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;font-size:.65rem;font-weight:700;padding:.15rem .5rem;border-radius:var(--radius-full);white-space:nowrap;box-shadow:0 2px 6px #ef44444d}.recharge-credits{font-size:1.35rem;font-weight:800;color:var(--text-main);margin-bottom:.25rem}.recharge-label{font-size:.78rem;color:var(--text-secondary);margin-bottom:.6rem}.recharge-price{font-size:.85rem;color:var(--primary-color);font-weight:700}.recharge-price .price-num{font-size:1.4rem}.recharge-unit{font-size:.7rem;color:var(--text-secondary);margin-top:.3rem}.recharge-error{background:#ef444414;color:var(--error-color);border:1px solid rgba(239,68,68,.2);border-radius:var(--radius-md);padding:.65rem 1rem;font-size:.85rem;margin-bottom:1rem;text-align:center}.recharge-actions{display:flex;gap:1rem;justify-content:center;margin-top:1.5rem;flex-wrap:wrap}.recharge-btn{display:inline-flex;align-items:center;justify-content:center;padding:.7rem 2rem;border-radius:var(--radius-full);font-size:.9rem;font-weight:600;cursor:pointer;transition:all var(--transition-smooth);border:none;text-decoration:none}.recharge-btn.primary{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-primary)}.recharge-btn.primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #6366f159}.recharge-btn.primary:disabled{opacity:.5;cursor:not-allowed}.recharge-btn.secondary{background:var(--surface-muted);color:var(--text-secondary);border:1px solid var(--border-color)}.recharge-btn.secondary:hover{background:var(--surface-hover);color:var(--text-main)}.recharge-paying{text-align:center}.paying-info{margin-bottom:1.5rem}.paying-amount{display:flex;align-items:baseline;justify-content:center;gap:.5rem;margin-bottom:.5rem}.paying-label{color:var(--text-secondary);font-size:.9rem}.paying-price{font-size:2rem;font-weight:800;color:var(--primary-color)}.paying-credits{color:var(--text-secondary);font-size:.9rem;margin-bottom:.5rem}.paying-countdown{color:var(--text-secondary);font-size:.85rem}.paying-countdown strong{color:#f59e0b;font-variant-numeric:tabular-nums}.paying-qr-section{margin:1.5rem 0}.paying-qr{display:inline-block;background:#fff;padding:1rem;border-radius:var(--radius-lg);border:1px solid var(--border-color);box-shadow:var(--shadow-md)}.paying-qr img{display:block;border-radius:var(--radius-sm)}.qr-hint{margin-top:.75rem;color:var(--text-secondary);font-size:.85rem}.paying-fallback{padding:2rem 1.5rem;background:var(--surface-muted);border-radius:var(--radius-lg);border:1px dashed var(--border-color)}.fallback-icon{font-size:3rem;margin-bottom:1rem}.fallback-text{font-size:1rem;color:var(--text-main);margin-bottom:.5rem}.fallback-note{font-size:.85rem;color:var(--text-secondary);margin-bottom:1.25rem}.fallback-note code{background:var(--code-bg);padding:.2rem .5rem;border-radius:var(--radius-sm);font-size:.8rem;font-weight:600}.recharge-success{text-align:center;padding:2rem 0}.success-icon{font-size:4rem;margin-bottom:1rem;animation:pageIn .4s ease-out}.recharge-success h3{font-size:1.4rem;font-weight:700;color:var(--success-color);margin-bottom:.5rem}.recharge-success p{color:var(--text-secondary);font-size:1rem}.recharge-history-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.recharge-history{background:var(--surface-card);border-radius:var(--radius-xl);width:90%;max-width:500px;max-height:70vh;overflow-y:auto;box-shadow:var(--shadow-xl);border:1px solid var(--border-color);animation:pageIn .25s ease-out}.history-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--border-color);position:sticky;top:0;background:var(--surface-card)}.history-header h3{font-size:1rem;margin:0}.history-close{background:none;border:none;font-size:1.2rem;cursor:pointer;color:var(--text-secondary);padding:.25rem;line-height:1}.history-close:hover{color:var(--text-main)}.history-empty{padding:3rem 1rem;text-align:center;color:var(--text-secondary)}.history-list{padding:.5rem 0}.history-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.25rem;border-bottom:1px solid rgba(226,232,240,.5)}.history-item:last-child{border-bottom:none}.history-item-left{display:flex;flex-direction:column;gap:.2rem}.history-credits{font-weight:700;font-size:.95rem;color:var(--text-main)}.history-date{font-size:.75rem;color:var(--text-secondary)}.history-item-right{display:flex;flex-direction:column;align-items:flex-end;gap:.2rem}.history-price{font-weight:600;font-size:.9rem;color:var(--text-main)}.history-status{font-size:.75rem;font-weight:600}@media (max-width: 640px){.recharge-container{padding:1.5rem 1rem}.recharge-packages{grid-template-columns:repeat(2,1fr);gap:.75rem}.recharge-card{padding:1rem .5rem}.recharge-credits{font-size:1.1rem}.recharge-actions{flex-direction:column}.recharge-btn{width:100%}}/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-emerald-100:oklch(95% .052 163.051);--color-emerald-700:oklch(50.8% .118 165.612);--color-black:#000;--spacing:.25rem;--container-lg:32rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--font-weight-medium:500;--font-weight-semibold:600;--tracking-tight:-.025em;--radius-sm:.25rem;--radius-md:calc(var(--radius) - 2px);--radius-lg:var(--radius);--radius-xl:calc(var(--radius) + 4px);--shadow-sm:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--radius:.625rem;--color-background:#fff;--color-foreground:#020817;--color-card:#fff;--color-card-foreground:#020817;--color-primary:#6467f2;--color-primary-foreground:#f8fafc;--color-secondary:#f1f5f9;--color-secondary-foreground:#0f172a;--color-muted:#f1f5f9;--color-muted-foreground:#64748b;--color-accent:#f1f5f9;--color-accent-foreground:#0f172a;--color-destructive:#ef4444;--color-destructive-foreground:#f8fafc;--color-border:#e2e8f0;--color-input:#e2e8f0;--color-ring:#6467f2}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}*{border-color:var(--color-border);box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-background);color:var(--color-foreground);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}}@layer components;@layer utilities{.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.inset-0{inset:calc(var(--spacing) * 0)}.start{inset-inline-start:var(--spacing)}.top-4{top:calc(var(--spacing) * 4)}.right-4{right:calc(var(--spacing) * 4)}.z-50{z-index:50}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.mt-2{margin-top:calc(var(--spacing) * 2)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.h-2{height:calc(var(--spacing) * 2)}.h-3{height:calc(var(--spacing) * 3)}.h-3\.5{height:calc(var(--spacing) * 3.5)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-11{height:calc(var(--spacing) * 11)}.h-16{height:calc(var(--spacing) * 16)}.h-\[1px\]{height:1px}.h-full{height:100%}.min-h-\[80px\]{min-height:80px}.w-3{width:calc(var(--spacing) * 3)}.w-3\.5{width:calc(var(--spacing) * 3.5)}.w-4{width:calc(var(--spacing) * 4)}.w-5{width:calc(var(--spacing) * 5)}.w-6{width:calc(var(--spacing) * 6)}.w-8{width:calc(var(--spacing) * 8)}.w-10{width:calc(var(--spacing) * 10)}.w-16{width:calc(var(--spacing) * 16)}.w-\[1px\]{width:1px}.w-full{width:100%}.max-w-lg{max-width:var(--container-lg)}.shrink-0{flex-shrink:0}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-pointer{cursor:pointer}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.overflow-hidden{overflow:hidden}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.border{border-style:var(--tw-border-style);border-width:1px}.border-border{border-color:var(--color-border)}.border-input{border-color:var(--color-input)}.border-transparent{border-color:#0000}.bg-background{background-color:var(--color-background)}.bg-black\/80{background-color:#000c}@supports (color:color-mix(in lab,red,red)){.bg-black\/80{background-color:color-mix(in oklab,var(--color-black) 80%,transparent)}}.bg-border{background-color:var(--color-border)}.bg-card{background-color:var(--color-card)}.bg-destructive{background-color:var(--color-destructive)}.bg-emerald-100{background-color:var(--color-emerald-100)}.bg-muted{background-color:var(--color-muted)}.bg-primary{background-color:var(--color-primary)}.bg-secondary{background-color:var(--color-secondary)}.p-1{padding:calc(var(--spacing) * 1)}.p-4{padding:calc(var(--spacing) * 4)}.p-6{padding:calc(var(--spacing) * 6)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-8{padding-inline:calc(var(--spacing) * 8)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.pt-0{padding-top:calc(var(--spacing) * 0)}.text-center{text-align:center}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.leading-none{--tw-leading:1;line-height:1}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.whitespace-nowrap{white-space:nowrap}.text-card-foreground{color:var(--color-card-foreground)}.text-destructive-foreground{color:var(--color-destructive-foreground)}.text-emerald-700{color:var(--color-emerald-700)}.text-foreground{color:var(--color-foreground)}.text-input{color:var(--color-input)}.text-muted-foreground{color:var(--color-muted-foreground)}.text-primary{color:var(--color-primary)}.text-primary-foreground{color:var(--color-primary-foreground)}.text-secondary-foreground{color:var(--color-secondary-foreground)}.underline-offset-4{text-underline-offset:4px}.accent-primary{accent-color:var(--color-primary)}.opacity-10{opacity:.1}.opacity-15{opacity:.15}.opacity-70{opacity:.7}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-offset-background{--tw-ring-offset-color:var(--color-background)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.animate-in{--tw-enter-opacity:initial;--tw-enter-scale:initial;--tw-enter-rotate:initial;--tw-enter-translate-x:initial;--tw-enter-translate-y:initial;animation-name:enter;animation-duration:.15s}.fade-in-0{--tw-enter-opacity:0}.zoom-in-95{--tw-enter-scale:.95}.peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled~*){cursor:not-allowed}.peer-disabled\:opacity-70:is(:where(.peer):disabled~*){opacity:.7}.file\:border-0::file-selector-button{border-style:var(--tw-border-style);border-width:0}.file\:bg-transparent::file-selector-button{background-color:#0000}.file\:text-sm::file-selector-button{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.file\:font-medium::file-selector-button{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.file\:text-foreground::file-selector-button{color:var(--color-foreground)}.placeholder\:text-muted-foreground::placeholder{color:var(--color-muted-foreground)}@media (hover:hover){.hover\:bg-accent:hover{background-color:var(--color-accent)}.hover\:bg-background\/50:hover{background-color:#ffffff80}@supports (color:color-mix(in lab,red,red)){.hover\:bg-background\/50:hover{background-color:color-mix(in oklab,var(--color-background) 50%,transparent)}}.hover\:bg-destructive\/90:hover{background-color:#ef4444e6}@supports (color:color-mix(in lab,red,red)){.hover\:bg-destructive\/90:hover{background-color:color-mix(in oklab,var(--color-destructive) 90%,transparent)}}.hover\:bg-primary\/90:hover{background-color:#6467f2e6}@supports (color:color-mix(in lab,red,red)){.hover\:bg-primary\/90:hover{background-color:color-mix(in oklab,var(--color-primary) 90%,transparent)}}.hover\:bg-secondary\/80:hover{background-color:#f1f5f9cc}@supports (color:color-mix(in lab,red,red)){.hover\:bg-secondary\/80:hover{background-color:color-mix(in oklab,var(--color-secondary) 80%,transparent)}}.hover\:text-accent-foreground:hover{color:var(--color-accent-foreground)}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-100:hover{opacity:1}}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-ring:focus{--tw-ring-color:var(--color-ring)}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-ring:focus-visible{--tw-ring-color:var(--color-ring)}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}@media (min-width:40rem){.sm\:text-left{text-align:left}}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:size-4 svg{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0) scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1)) rotate(var(--tw-enter-rotate,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0) scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1)) rotate(var(--tw-exit-rotate,0))}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}