:root{--bg-app: rgb(245, 247, 250);--bg-surface: rgb(255, 255, 255);--bg-soft: rgb(245, 247, 250);--bg-darksoft: rgb(240, 240, 240);--bg-night: rgb(14, 18, 27);--bg: var(--bg-app);--bg-muted: var(--bg-soft);--border: rgb(225, 228, 234);--border-soft: rgb(240, 240, 240);--border-dashed: rgb(202, 207, 216);--divider: rgba(225, 228, 234, .8);--text: rgb(14, 18, 27);--text-2: rgb(70, 70, 70);--text-muted: rgb(82, 88, 102);--text-subtle: rgb(143, 154, 166);--text-faint: rgb(153, 160, 174);--text-on-dark: rgb(255, 255, 255);--text-3: var(--text-subtle);--accent: rgb(51, 92, 255);--accent-hover: rgb(37, 71, 208);--accent-2: rgb(111, 139, 255);--accent-shadow: rgba(78, 114, 255, .4);--accent-soft: rgb(226, 232, 255);--accent-glow: rgba(197, 209, 255, .75);--success: rgb(16, 158, 91);--success-soft: rgb(224, 250, 236);--warn: rgb(245, 158, 11);--warn-soft: rgb(254, 243, 199);--danger: rgb(220, 53, 69);--danger-soft: rgb(255, 230, 232);--shadow-card: 0px 1px 2px 0px rgba(10, 13, 20, .03);--shadow-pop: 0px 8px 24px rgba(14, 18, 27, .1), 0 1px 2px rgba(10,13,20,.04);--shadow-cta: 0 8px 18px rgba(78, 114, 255, .4), 0 1px 2px rgba(37, 71, 208, .5), inset 0 0 0 1px rgba(255,255,255,.18);--overlay: rgba(14, 18, 27, .55);--glass-bg: rgba(18, 22, 31, .72);--glass-border: rgba(255, 255, 255, .14);--glass-text: rgb(255, 255, 255);--glass-text-soft: rgba(205, 213, 255, .95);--glass-panel: rgba(255, 255, 255, .86);--glass-panel-border: rgba(255, 255, 255, .8);--glass-panel-divider: rgba(15, 20, 30, .1);--glass-panel-fill: rgba(255, 255, 255, .55);--glass-panel-fill-hover: rgba(255, 255, 255, .9);--canvas-bg: rgb(248, 250, 252);--canvas-dot: rgba(15, 20, 30, .08);--seg-active: var(--bg-surface);--seg-active-ring: transparent;--r-xs: 6px;--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--r-xl: 20px;--r-2xl: 24px;--r-pill: 999px;--sidebar-w: 80px;--sidebar-w-open: 264px;--header-h: 88px;--font-display: "Inter Display", "Inter", system-ui, sans-serif;--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;color-scheme:light}[data-theme=dark]{--bg-app: rgb(12, 14, 19);--bg-surface: rgb(18, 21, 28);--bg-soft: rgb(25, 29, 38);--bg-darksoft: rgb(34, 39, 50);--bg-night: rgb(30, 35, 45);--border: rgba(255,255,255,.15);--border-soft: rgba(255,255,255,.09);--border-dashed: rgba(255,255,255,.22);--divider: rgba(255,255,255,.12);--text: rgb(237, 240, 245);--text-2: rgb(208, 213, 222);--text-muted: rgb(158, 167, 180);--text-subtle: rgb(120, 130, 145);--text-faint: rgb(98, 108, 123);--success: rgb(45, 200, 130);--success-soft: rgba(45, 200, 130, .15);--warn: rgb(245, 178, 70);--warn-soft: rgba(245, 178, 70, .15);--danger: rgb(240, 96, 110);--danger-soft: rgba(240, 96, 110, .16);--overlay: rgba(0, 0, 0, .66);--glass-bg: rgba(30, 35, 46, .72);--glass-border: rgba(255, 255, 255, .12);--glass-panel: rgba(32, 37, 48, .85);--glass-panel-border: rgba(255, 255, 255, .1);--glass-panel-divider: rgba(255, 255, 255, .1);--glass-panel-fill: rgba(255, 255, 255, .07);--glass-panel-fill-hover: rgba(255, 255, 255, .14);--canvas-bg: rgb(13, 15, 21);--canvas-dot: rgba(255, 255, 255, .05);--seg-active: rgb(48, 55, 70);--seg-active-ring: rgba(255, 255, 255, .1);--shadow-card: 0 1px 2px rgba(0,0,0,.4);--shadow-pop: 0 12px 30px rgba(0,0,0,.55), 0 1px 2px rgba(0,0,0,.4);color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-sans);font-size:14px;line-height:20px;color:var(--text);background:var(--bg-app);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}input,textarea,select{font:inherit;color:inherit}.font-display{font-family:var(--font-display);font-feature-settings:"ss01","cv11";letter-spacing:-.01em}.divider{height:1px;background:var(--border);width:100%}.divider-dashed{height:0;border-top:1px dashed var(--border-dashed);width:100%}.fld{height:32px;padding:0 10px;border:1px solid var(--border);border-radius:var(--r-sm);background:var(--bg-surface);color:var(--text);display:inline-flex;align-items:center;gap:8px;font-size:14px;letter-spacing:-.006em;transition:border-color .15s,box-shadow .15s,background .15s}.fld:hover{border-color:var(--text-faint)}.fld:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.fld input{background:transparent;border:0;outline:0;flex:1;min-width:0}.fld input::placeholder{color:var(--text-faint)}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}@keyframes skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skel{background:linear-gradient(90deg,var(--bg-soft) 25%,var(--bg-darksoft) 37%,var(--bg-soft) 63%);background-size:200% 100%;animation:skeleton-shimmer 1.4s ease-in-out infinite;border-radius:8px}@media(prefers-reduced-motion:reduce){.skel{animation:none}}@keyframes affiliate-shine{0%{transform:translate(-120%) skew(-15deg);opacity:0}5%{opacity:1}30%{transform:translate(350%) skew(-15deg);opacity:0}to{transform:translate(350%) skew(-15deg);opacity:0}}.affiliate-shine:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.45) 50%,transparent 100%);width:40%;animation:affiliate-shine 4s ease-in-out infinite;pointer-events:none;border-radius:inherit}.sidebar-search{padding:10px!important;box-sizing:border-box}.sidebar-search .search-kbd{margin-right:4px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:32px;padding:0 12px;border-radius:var(--r-sm);font-weight:500;font-size:14px;letter-spacing:-.006em;white-space:nowrap;transition:background .15s,border-color .15s,color .15s,transform .05s;border:1px solid transparent;text-decoration:none}.btn:active{transform:translateY(.5px)}.btn-stroke{background:var(--bg-surface);border-color:var(--border);color:var(--text)}.btn-stroke:hover{border-color:var(--text-faint);background:var(--bg-soft)}.btn-lighter{background:var(--bg-soft);color:var(--text)}.btn-lighter:hover{background:var(--border-soft)}.btn-ghost{background:transparent;color:var(--text-muted)}.btn-ghost:hover{background:var(--bg-soft);color:var(--text)}.btn-primary{background:var(--accent);color:var(--text-on-dark);box-shadow:var(--shadow-cta)}.btn-primary:hover{background:var(--accent-hover)}.btn-night{background:var(--text);color:var(--bg-surface)}.btn-night:hover{opacity:.88}.btn-icon{width:32px;padding:0}.btn-xs{height:24px;font-size:12px;padding:0 8px;gap:4px;border-radius:6px}.btn-sm{height:28px;font-size:13px;padding:0 10px}.btn-lg{height:40px;font-size:14px;padding:0 16px;border-radius:10px}.badge{display:inline-flex;align-items:center;gap:4px;height:18px;padding:0 6px;border-radius:4px;font-size:10px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.badge-blue{background:var(--accent-soft);color:var(--accent)}.badge-green{background:var(--success-soft);color:var(--success)}.badge-warn{background:var(--warn-soft);color:#92400e}.badge-neutral{background:var(--bg-soft);color:var(--text-muted)}.badge-night{background:var(--text);color:var(--bg-surface)}[data-theme=dark] .badge-warn{color:var(--warn)}.only-light{display:inline-block}.only-dark,[data-theme=dark] .only-light{display:none}[data-theme=dark] .only-dark{display:inline-block}.card{background:var(--bg-surface);border-radius:var(--r-xl);box-shadow:var(--shadow-card)}.card-md{border-radius:var(--r-md)}.card-lg{border-radius:var(--r-2xl)}.card-bordered{border:1px solid var(--border);box-shadow:none}.card-dashed{border:1px dashed var(--border-dashed);box-shadow:var(--shadow-card)}.tb-title{font-family:var(--font-display);font-weight:500;font-size:20px;line-height:28px;color:var(--text);letter-spacing:-.005em}.tb-subtitle{font-family:var(--font-sans);font-weight:500;font-size:16px;line-height:24px;color:var(--text-muted);letter-spacing:-.011em}.h-display{font-family:var(--font-display);font-weight:500;font-size:24px;line-height:32px;letter-spacing:-.012em;color:var(--text)}.h-section{font-family:var(--font-display);font-weight:500;font-size:20px;line-height:28px;color:var(--text)}.h-card{font-family:var(--font-sans);font-weight:500;font-size:16px;line-height:24px;color:var(--text);letter-spacing:-.011em}.t-meta{font-size:12px;line-height:16px;color:var(--text-faint)}.t-mono{font-family:var(--font-mono)}.tab-icon{width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,var(--accent),var(--accent-2));border:1px solid transparent;display:grid;place-items:center;color:#fff;flex-shrink:0;box-shadow:0 6px 16px var(--accent-shadow),inset 0 0 0 1px #ffffff2e}.avatar{width:40px;height:40px;border-radius:999px;background:linear-gradient(135deg,#ff8a4c,#d34a35);color:#fff;display:grid;place-items:center;font-weight:600;font-size:14px;flex-shrink:0;position:relative}.avatar.avatar-sm{width:28px;height:28px;font-size:11px}.avatar.avatar-xs{width:20px;height:20px;font-size:10px}.avatar.avatar-lg{width:64px;height:64px;font-size:22px}.avatar.online:after{content:"";position:absolute;bottom:-2px;right:-2px;width:12px;height:12px;border-radius:999px;background:var(--success);border:2px solid var(--bg-surface)}.nav-item{width:100%;height:36px;border-radius:10px;display:flex;align-items:center;gap:10px;padding:0 10px;color:var(--text-muted);transition:background .12s,color .12s;cursor:pointer}.nav-item:hover{background:var(--bg-soft);color:var(--text)}.nav-item.active{background:var(--accent-soft);color:var(--accent);font-weight:600}.nav-item .nav-label{font-size:14px;font-weight:500;letter-spacing:-.006em}.nav-item.collapsed{width:36px;height:36px;padding:0;justify-content:center;gap:0;border-radius:10px}.chip{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;border-radius:8px;border:1px solid var(--border);background:var(--bg-surface);font-size:13px;font-weight:500;color:var(--text);letter-spacing:-.006em;cursor:pointer;transition:all .12s}.chip:hover{border-color:var(--text-faint)}.chip.active{background:var(--accent-soft);border-color:var(--accent-soft);color:var(--accent)}.chip-ghost{border:0;background:transparent}.mention-chip{display:inline-flex;align-items:center;gap:5px;padding:2px 9px 2px 3px;margin:0 1px;border-radius:999px;background:var(--bg-soft);border:1px solid var(--border);font-size:12px;line-height:18px;color:var(--text);vertical-align:middle;-webkit-user-select:none;user-select:none;cursor:default;white-space:nowrap}.mention-chip-img{width:20px;height:20px;border-radius:999px;background-size:cover;background-position:center;background-color:var(--bg-muted);flex-shrink:0}.mention-chip-label{font-weight:500}.mention-chip-meta{color:var(--text-faint);font-size:10px}.prompt-editor:empty:before{content:attr(data-placeholder);color:var(--text-faint);pointer-events:none}.scroll::-webkit-scrollbar{width:8px;height:8px}.scroll::-webkit-scrollbar-thumb{background:var(--border);border-radius:8px}.scroll::-webkit-scrollbar-thumb:hover{background:var(--text-faint)}.scroll-table{scrollbar-width:auto}.scroll-table::-webkit-scrollbar{width:10px;height:16px}.scroll-table::-webkit-scrollbar-track{background:transparent}.scroll-table::-webkit-scrollbar-thumb{background:var(--border);border-radius:999px;border:4px solid transparent;background-clip:padding-box}.scroll-table::-webkit-scrollbar-thumb:hover{background:var(--text-faint);background-clip:padding-box}.sidebar-scroll{scrollbar-width:thin;scrollbar-color:transparent transparent;transition:scrollbar-color .2s ease}.sidebar-scroll::-webkit-scrollbar{width:6px;height:6px;background:transparent}.sidebar-scroll::-webkit-scrollbar-track{background:transparent;margin:8px 0}.sidebar-scroll::-webkit-scrollbar-thumb{background:transparent;border-radius:999px;border:1px solid transparent;background-clip:padding-box;transition:background-color .2s ease}.sidebar-scroll:hover{scrollbar-color:var(--border) transparent}.sidebar-scroll:hover::-webkit-scrollbar-thumb{background-color:var(--border)}.sidebar-scroll::-webkit-scrollbar-thumb:hover{background-color:var(--text-faint)!important}.sidebar-scroll::-webkit-scrollbar-thumb:active{background-color:var(--text-muted)!important}.sidebar-scroll::-webkit-scrollbar-corner{background:transparent}.seg{display:inline-flex;padding:4px;gap:4px;background:var(--bg-soft);border-radius:10px}.seg button{height:28px;padding:0 14px;border-radius:7px;font-size:13px;font-weight:500;color:var(--text-muted);letter-spacing:-.006em}.seg button.on{background:var(--seg-active);color:var(--text);box-shadow:var(--shadow-card),inset 0 0 0 1px var(--seg-active-ring)}.task-row{transition:background .15s,border-color .15s,transform .05s}.task-row.clickable{cursor:pointer}.task-row.clickable:hover{background:var(--bg-soft);border-color:var(--text-faint)}.task-row.clickable:hover .task-chevron{transform:translate(2px);color:var(--accent)}.task-row.clickable:active{transform:translateY(.5px)}.task-chevron{color:var(--text-faint);flex-shrink:0;transition:transform .15s,color .15s}.chk{width:18px;height:18px;border-radius:4px;border:1.5px solid var(--border-dashed);display:grid;place-items:center;background:var(--bg-surface);flex-shrink:0;cursor:pointer;transition:background .12s,border-color .12s}.chk.on{background:var(--text);border-color:var(--text);color:var(--bg-surface)}.img-stripes{background:repeating-linear-gradient(135deg,#5258660f 0,#5258660f 8px,#52586600 8px,#52586600 16px),var(--bg-soft);border:1px solid var(--border);display:grid;place-items:center;color:var(--text-faint);font-family:var(--font-mono);font-size:11px}.progress{height:6px;border-radius:999px;background:var(--bg-soft);overflow:hidden}.progress>span{display:block;height:100%;background:var(--text);border-radius:999px;transition:width .3s}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{scrollbar-width:none}.page-wrap{display:flex;flex-direction:column;min-height:100vh}.page-body{padding:12px;flex:1}.app-shell{display:flex;min-height:100vh;background:var(--bg-app)}.app-main{flex:1;min-width:0;display:flex;flex-direction:column;max-height:100vh}.app-header{height:var(--header-h);background:var(--bg-surface);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:18px 24px;gap:24px;flex-shrink:0}.filter-strip{background:var(--bg-surface);border-bottom:1px solid var(--border);padding:16px 24px}.sort-row{background:var(--bg-surface);border-bottom:1px solid var(--border);padding:6px 24px;height:48px;display:flex;align-items:center;justify-content:space-between}.range{-webkit-appearance:none;width:130px;height:4px;background:var(--bg-soft);border-radius:999px}.range::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:999px;background:var(--text);cursor:pointer;box-shadow:0 0 0 4px #0e121b0f}.dot-row{display:inline-flex;gap:6px}.dot-row>i{width:6px;height:6px;border-radius:999px;background:var(--border)}.dot-row>i.on{background:var(--text)}:root{--scrollbar-size: 10px;--scrollbar-thumb: rgba(14, 18, 27, .18);--scrollbar-thumb-hover: rgba(14, 18, 27, .32);--scrollbar-thumb-active: rgba(51, 92, 255, .55)}[data-theme=dark]{--scrollbar-thumb: rgba(255, 255, 255, .12);--scrollbar-thumb-hover: rgba(255, 255, 255, .22);--scrollbar-thumb-active: rgba(120, 150, 255, .55)}*{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent}*::-webkit-scrollbar{width:var(--scrollbar-size);height:var(--scrollbar-size)}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:999px;border:2px solid transparent;background-clip:padding-box;transition:background-color .16s ease}*::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover);background-clip:padding-box;border:2px solid transparent}*::-webkit-scrollbar-thumb:active{background:var(--scrollbar-thumb-active);background-clip:padding-box;border:2px solid transparent}*::-webkit-scrollbar-corner{background:transparent}.scrollbar-thin::-webkit-scrollbar{width:6px;height:6px}.scrollbar-thin::-webkit-scrollbar-thumb{border:1px solid transparent}.cq-charts{container:cqcharts / inline-size}.chart-grid{display:grid;gap:14px;grid-template-columns:1fr}.chart-grid:has(>:nth-child(2)){grid-template-columns:repeat(2,1fr)}.chart-grid:has(>:nth-child(3)){grid-template-columns:repeat(3,1fr)}.chart-grid:has(>:nth-child(4)){grid-template-columns:repeat(4,1fr)}@container cqcharts (max-width: 1240px){.chart-grid:has(>:nth-child(4)){grid-template-columns:repeat(2,1fr)}}@container cqcharts (max-width: 928px){.chart-grid:has(>:nth-child(3)):not(:has(>:nth-child(4))){grid-template-columns:1fr}}@container cqcharts (max-width: 614px){.chart-grid:has(>:nth-child(2)){grid-template-columns:1fr}}.scrollbar-none{scrollbar-width:none}.scrollbar-none::-webkit-scrollbar{width:0;height:0}.mic-btn{position:relative}.mic-btn[data-state=connecting]{color:var(--accent);animation:mic-blink 1s ease-in-out infinite}.mic-btn--active,.mic-btn[data-state=listening]{color:#fff;background:var(--danger)}.mic-btn--active:hover,.mic-btn[data-state=listening]:hover{background:var(--danger);color:#fff}.mic-btn__pulse{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;border:2px solid var(--danger);animation:mic-pulse 1.4s ease-out infinite;pointer-events:none}@keyframes mic-blink{0%,to{opacity:1}50%{opacity:.4}}@keyframes mic-pulse{0%{transform:scale(1);opacity:.7}to{transform:scale(1.9);opacity:0}}:root,[data-theme=dark]{--bg-app: rgb(10, 10, 12);--bg-surface: rgb(19, 19, 23);--bg-soft: rgb(27, 27, 33);--bg-darksoft: rgb(35, 35, 42);--bg-night: rgb(23, 23, 28);--bg: var(--bg-app);--bg-muted: var(--bg-soft);--border: rgba(255, 255, 255, .12);--border-soft: rgba(255, 255, 255, .07);--border-dashed: rgba(255, 255, 255, .2);--divider: rgba(255, 255, 255, .09);--text: rgb(244, 245, 247);--text-2: rgb(185, 188, 196);--text-muted: rgb(138, 143, 153);--text-subtle: rgb(106, 111, 122);--text-faint: rgb(86, 91, 102);--text-on-dark: rgb(255, 255, 255);--text-3: var(--text-subtle);--accent: rgb(51, 92, 255);--accent-hover: rgb(84, 118, 255);--accent-2: rgb(111, 139, 255);--accent-shadow: rgba(51, 92, 255, .45);--accent-soft: rgba(51, 92, 255, .18);--accent-glow: rgba(51, 92, 255, .4);--success: rgb(45, 200, 130);--success-soft: rgba(45, 200, 130, .14);--warn: rgb(245, 178, 70);--warn-soft: rgba(245, 178, 70, .14);--danger: rgb(240, 96, 110);--danger-soft: rgba(240, 96, 110, .15);--shadow-card: 0 1px 2px rgba(0, 0, 0, .5);--shadow-pop: 0 24px 64px rgba(0, 0, 0, .6), 0 2px 8px rgba(0, 0, 0, .45);--shadow-cta: 0 8px 24px rgba(51, 92, 255, .4), 0 1px 2px rgba(20, 40, 140, .5), inset 0 0 0 1px rgba(255, 255, 255, .14);--overlay: rgba(0, 0, 0, .7);--glass-bg: rgba(21, 21, 26, .7);--glass-border: rgba(255, 255, 255, .11);--glass-text: rgb(255, 255, 255);--glass-text-soft: rgba(220, 226, 245, .95);--glass-panel: rgba(24, 24, 30, .84);--glass-panel-border: rgba(255, 255, 255, .1);--glass-panel-divider: rgba(255, 255, 255, .09);--glass-panel-fill: rgba(255, 255, 255, .06);--glass-panel-fill-hover: rgba(255, 255, 255, .13);--canvas-bg: rgb(12, 12, 15);--canvas-dot: rgba(255, 255, 255, .05);--seg-active: rgb(46, 46, 56);--seg-active-ring: rgba(255, 255, 255, .1);--font-serif: "Instrument Serif", Georgia, "Times New Roman", serif;color-scheme:dark}html,body{height:100%}#app{min-height:100%}body{background:var(--bg-app);overflow-x:hidden}:root{--topnav-h: 64px}.ai-main{padding-top:var(--topnav-h)}.serif-display{font-family:var(--font-serif);font-weight:400;letter-spacing:-.015em;line-height:1.04}.serif-italic{font-family:var(--font-serif);font-style:italic}.ai-topnav{position:fixed;top:0;left:0;right:0;z-index:90;height:var(--topnav-h);display:flex;align-items:center;gap:8px;padding:0 20px;background:#0a0a0cc7;backdrop-filter:blur(20px) saturate(1.3);-webkit-backdrop-filter:blur(20px) saturate(1.3);border-bottom:1px solid rgba(255,255,255,.07)}.ai-topnav.is-overlay{background:linear-gradient(180deg,#0000008c,#0000);border-bottom-color:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}.ai-navlink{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:999px;font-size:14px;font-weight:500;color:var(--text-2);text-decoration:none;cursor:pointer;white-space:nowrap;transition:color .15s ease,background .15s ease}.ai-navlink:hover{color:var(--text);background:#ffffff0f}.ai-navlink.is-active{color:var(--text);background:#ffffff17}.ai-burger{width:40px;height:40px;flex-shrink:0;display:grid;place-items:center;border-radius:12px;background:#ffffff12;border:1px solid rgba(255,255,255,.1);color:var(--text);cursor:pointer;transition:background .15s ease}.ai-burger:hover{background:#ffffff21}.ai-burger:active{background:#ffffff2e}.ai-drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;background:#0000008c;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:fadeIn .16s ease both}.ai-drawer{position:absolute;top:0;right:0;bottom:0;width:min(330px,88vw);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;background:#111115;border-left:1px solid rgba(255,255,255,.09);box-shadow:-24px 0 60px #0000008c;padding-bottom:env(safe-area-inset-bottom);animation:aiDrawerIn .22s cubic-bezier(.21,1.02,.73,1)}@keyframes aiDrawerIn{0%{transform:translate(100%)}to{transform:translate(0)}}.ai-drawer-item{display:flex;align-items:center;gap:12px;width:100%;min-height:46px;padding:0 14px;border-radius:13px;font-size:14.5px;font-weight:550;color:var(--text);background:transparent;border:0;cursor:pointer;transition:background .12s ease}.ai-drawer-item:hover{background:#ffffff0f}.ai-drawer-item:active{background:#ffffff1a}.ai-drawer-item.is-active{background:#ffffff17}.ai-drawer-item.danger{color:var(--danger)}.ai-cta{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 22px;height:42px;border-radius:999px;background:linear-gradient(180deg,#5476ff,#2d54fa);color:#fff;font-size:14px;font-weight:600;letter-spacing:.01em;border:0;cursor:pointer;white-space:nowrap;box-shadow:var(--shadow-cta);transition:filter .15s ease,transform .1s ease,box-shadow .15s ease}.ai-cta:hover{filter:brightness(1.12)}.ai-cta:active{transform:translateY(1px)}.ai-cta:disabled{opacity:.45;cursor:default;filter:none}.ai-cta.sm{height:34px;padding:0 16px;font-size:13px}.ai-cta.lg{height:52px;padding:0 30px;font-size:15px}.ai-pill{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 14px;height:34px;border-radius:999px;background:#ffffff12;color:var(--text);font-size:13px;font-weight:550;border:1px solid rgba(255,255,255,.09);cursor:pointer;white-space:nowrap;transition:background .15s ease,border-color .15s ease}.ai-pill:hover{background:#ffffff1f}.ai-pill.is-active{background:#ffffff24;border-color:#ffffff38}.ai-pill.ghost{background:transparent;border-color:transparent;color:var(--text-2)}.ai-pill.ghost:hover{background:#ffffff12;color:var(--text)}.ai-chip{display:inline-flex;align-items:center;gap:6px;padding:0 11px;height:30px;border-radius:999px;background:#ffffff0e;color:var(--text-2);font-size:12.5px;font-weight:550;border:0;cursor:pointer;white-space:nowrap;transition:background .15s ease,color .15s ease}.ai-chip:hover{background:#ffffff1c;color:var(--text)}.ai-chip.is-active{background:#ffffff21;color:var(--text)}.ai-composer{background:#131318bd;backdrop-filter:blur(28px) saturate(1.35);-webkit-backdrop-filter:blur(28px) saturate(1.35);border:1px solid rgba(255,255,255,.1);border-radius:26px;box-shadow:0 32px 80px #000000a6,0 4px 16px #0006,inset 0 1px #ffffff0f}.ai-composer textarea,.ai-sheet textarea{background:transparent;border:0;outline:none;resize:none;width:100%;color:var(--text);font-size:16px;line-height:1.45;font-weight:450}.ai-composer textarea::placeholder,.ai-sheet textarea::placeholder{color:#ffffff57}.ai-composer-bar{position:fixed;z-index:80;display:flex;align-items:center;gap:10px;height:56px;padding:0 8px 0 9px;cursor:pointer;-webkit-user-select:none;user-select:none}.ai-composer-bar-plus{position:relative;flex-shrink:0;width:38px;height:38px;border-radius:999px;display:grid;place-items:center;background:#ffffff14;border:1px solid rgba(255,255,255,.12);color:var(--text-2)}.ai-composer-bar-count{position:absolute;top:-3px;right:-3px;min-width:17px;height:17px;padding:0 4px;border-radius:999px;display:grid;place-items:center;background:var(--accent);color:#fff;font-size:10.5px;font-weight:700}.ai-composer-bar-text{flex:1;min-width:0;font-size:14.5px;color:var(--text-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ai-composer-bar-go{flex-shrink:0;width:40px;height:40px;border-radius:999px;display:grid;place-items:center;background:linear-gradient(180deg,#5476ff,#2d54fa);box-shadow:var(--shadow-cta)}.ai-sheet{background:#0d0d10;animation:fadeIn .18s ease}.ai-sheet-head{display:flex;align-items:center;gap:10px;flex-shrink:0;padding:12px 14px;border-bottom:1px solid var(--divider)}.ai-sheet-body{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:14px;display:flex;flex-direction:column;gap:12px}.ai-sheet-drop{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:100%;padding:22px 16px;border-radius:18px;background:#ffffff06;border:1px dashed rgba(255,255,255,.16);cursor:pointer;transition:border-color .15s ease,background .15s ease}.ai-sheet-drop:active{border-color:#ffffff4d;background:#ffffff0b}.ai-sheet-drop:disabled{opacity:.6;cursor:default}.ai-sheet-drop-icon{width:40px;height:40px;border-radius:999px;margin-bottom:3px;display:grid;place-items:center;background:#ffffff0f;color:var(--text-subtle)}.ai-sheet-card{border-radius:18px;padding:14px 14px 0;background:#ffffff08;border:1px solid rgba(255,255,255,.08)}.ai-sheet-modelrow{display:flex;align-items:center;gap:9px;margin:10px -14px 0;padding:9px 12px;border-top:1px solid var(--divider)}.ai-sheet-foot{flex-shrink:0;position:relative;border-top:1px solid var(--divider);background:#ffffff06;padding-bottom:calc(13px + env(safe-area-inset-bottom))!important}.ai-generate-cost{align-items:center;gap:4px;margin-left:6px;padding:2px 9px;border-radius:999px;background:#fff3;font-size:12.5px;font-weight:700;font-variant-numeric:tabular-nums}.ai-panel{background:#17171deb;backdrop-filter:blur(24px) saturate(1.3);-webkit-backdrop-filter:blur(24px) saturate(1.3);border:1px solid rgba(255,255,255,.1);border-radius:18px;box-shadow:var(--shadow-pop)}.ai-menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border-radius:11px;font-size:13.5px;font-weight:500;color:var(--text);background:transparent;border:0;cursor:pointer;text-align:left;transition:background .12s ease}.ai-menu-item:hover{background:#ffffff12}.ai-menu-item.danger{color:var(--danger)}.ai-masonry{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:8px;column-gap:10px;row-gap:0}.ai-masonry>*{min-width:0}@media(min-width:720px){.ai-masonry{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:1100px){.ai-masonry{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(min-width:1500px){.ai-masonry{grid-template-columns:repeat(5,minmax(0,1fr))}}.ai-card{position:relative;border-radius:14px;overflow:hidden;background:var(--bg-surface);border:1px solid rgba(255,255,255,.06)}.ai-card img,.ai-card video{display:block;width:100%;height:auto}.ai-card .ai-card-hover{opacity:0;transition:opacity .18s ease}.ai-card:hover .ai-card-hover{opacity:1}.ai-card-shade{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(180deg,#00000052,#0000 30%,#0000 55%,#00000080)}.ai-badge-dark{display:inline-flex;align-items:center;gap:5px;padding:4px 9px;border-radius:8px;background:#0c0c0ea8;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#fff;font-size:11.5px;font-weight:600}.ai-input{width:100%;height:46px;padding:0 15px;background:#ffffff0d;border:1px solid rgba(255,255,255,.11);border-radius:13px;color:var(--text);font-size:14px;outline:none;transition:border-color .15s ease,background .15s ease}.ai-input:focus{border-color:var(--accent);background:#ffffff12}.ai-input.lg{height:52px;border-radius:15px}.ai-fade-in{animation:fadeIn .25s ease both}.ai-rise{animation:aiRise .28s cubic-bezier(.21,1.02,.73,1) both}@keyframes aiRise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes aiShimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.ai-shimmer{background:linear-gradient(90deg,#ffffff0a 25%,#ffffff17 37%,#ffffff0a 63%);background-size:400px 100%;animation:aiShimmer 1.6s linear infinite}.ai-scroll::-webkit-scrollbar{width:8px;height:8px}.ai-scroll::-webkit-scrollbar-thumb{background:#ffffff24;border-radius:8px}.ai-scroll::-webkit-scrollbar-track{background:transparent}.ai-editor-hint{display:none;align-items:center;gap:10px;padding:11px 14px;border-radius:14px;margin-bottom:20px;background:#ffffff0b;border:1px solid rgba(255,255,255,.09);font-size:12.5px;line-height:1.5;color:var(--text-muted)}.ai-page-glow{position:fixed;inset:-20% -10% auto -10%;height:60vh;z-index:0;pointer-events:none;background:radial-gradient(ellipse at 50% 0%,#335cff17,#335cff00 60%)}.mobile-only,.mobile-only-flex,.mobile-only-inline,.phone-only-inline{display:none!important}@media(hover:none){.ai-card .ai-card-hover{opacity:1!important}.aiwf-open,.aicv-open{opacity:1!important;transform:none!important}.ai-cardbtn{width:36px!important;height:36px!important}}@media(max-width:1024px){:root{--topnav-h: 58px}.desktop-only{display:none!important}.mobile-only{display:block!important}.mobile-only-flex{display:flex!important}.mobile-only-inline{display:inline-flex!important}.ai-topnav{padding:0 14px;gap:6px}.ai-page{padding-left:20px!important;padding-right:20px!important}.ai-split{flex-direction:column!important;min-height:0!important;max-height:none!important}.ai-split-side{width:100%!important;flex-shrink:1!important;border-left:0!important;border-right:0!important}.ai-split>.ai-split-side:first-child{border-bottom:1px solid var(--divider)!important}.ai-split>.ai-split-side:last-child{border-top:1px solid var(--divider)!important}.ai-split-media{max-height:48dvh!important}.ai-split-media>*{max-height:48dvh!important}.ai-clip-refs{width:100%!important}.ai-pop-filters{position:fixed!important;left:10px!important;right:10px!important;top:calc(var(--topnav-h) + 58px)!important;width:auto!important}}@media(max-width:640px){:root{--topnav-h: 56px}.ai-topnav{padding:0 12px}.ai-page{padding-left:14px!important;padding-right:14px!important;padding-top:26px!important}.ai-input,.ai-composer textarea,.ai-modal-backdrop textarea{font-size:16px!important}.ai-input{height:44px}.ai-input.lg{height:50px}.ai-composer-bar{left:8px!important;right:8px!important;bottom:calc(8px + env(safe-area-inset-bottom))!important;transform:none!important;border-radius:999px}.ai-sheet{position:fixed;top:0;right:0;bottom:0;left:0;z-index:150;display:flex;flex-direction:column}.ai-sheet-row{padding:0!important}.ai-pop-anchor{position:static!important}.ai-pop-composer{left:12px!important;right:12px!important;width:auto!important;bottom:calc(100% + 10px)!important;max-height:62dvh!important;overflow-y:auto}.ai-chip{height:34px;padding:0 12px}.ai-pill,.ai-cta.sm{height:38px}.ai-generate{flex:1 1 100%;height:46px!important;margin-top:2px}.ai-cost{display:none!important}.phone-only-inline{display:inline-flex!important}.ai-toasts{left:10px!important;right:10px!important;top:calc(var(--topnav-h) + 10px)!important;bottom:auto!important}.ai-toasts>*{max-width:none!important;min-width:0!important}.ai-modal-backdrop{padding:10px!important}.ai-modal-backdrop>.ai-panel{max-height:90dvh!important}.ai-masonry{column-gap:8px}.ai-auth-card{padding:26px 20px!important}.ai-editor-hint{display:flex!important}.h-display{font-size:20px!important;line-height:26px!important}.h-section{font-size:17px!important;line-height:24px!important}}@media(max-width:1024px){:root{--header-h: 68px}.app-header{padding:12px 16px!important;gap:12px!important}.tb-title{font-size:18px!important;line-height:24px!important}.tb-subtitle{font-size:13px!important;line-height:18px!important}.tab-icon{width:42px!important;height:42px!important}.filter-strip{padding:12px 16px!important}.sort-row{padding:6px 16px!important;height:auto!important;min-height:48px;flex-wrap:wrap!important;gap:8px 10px}.page-body{padding:10px!important}}@media(max-width:640px){:root{--header-h: 58px}.app-header{padding:8px 12px!important;gap:8px!important}.tb-title{font-size:16px!important;line-height:22px!important}.tb-subtitle{display:none!important}.tab-icon{width:36px!important;height:36px!important;border-radius:11px!important}.filter-strip{padding:10px 12px!important}.sort-row{padding:6px 12px!important}.page-body{padding:8px!important}}
