:root{--bg:#0a0a0a;--bg-2:#111111;--surface:#171717;--surface-2:#222222;--text:#ececec;--text-dim:#8a8a8a;--text-mute:#4a4a4a;--border:rgba(255,255,255,0.06);--accent:#ffffff;--accent-2:#2563eb;--danger:#ef4444;--warning:#f59e0b;--success:#22c55e;--radius:12px;--radius-lg:16px;--sidebar-w:260px;--font:"Inter",system-ui,-apple-system,sans-serif}[data-theme=light]{--bg:#fafafa;--bg-2:#ffffff;--surface:#f0f0f0;--surface-2:#e8e8e8;--text:#0a0a0a;--text-dim:#404040;--text-mute:#6a6a6a;--border:rgba(0,0,0,0.1);--accent:#0066cc;--accent-2:#0052a3;--danger:#dc2626;--warning:#ea580c;--success:#16a34a}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:15px}body,html{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font);line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{cursor:pointer}button,input,textarea{font-family:inherit}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--text-mute)}.app-bg{position:fixed;inset:0;z-index:0;background:var(--user-bg,var(--bg));background-size:cover}[data-theme=light] .section-card{background:rgba(255,255,255,.78);border:1px solid rgba(0,0,0,.08)}[data-theme=light] .section-card,[data-theme=light] .sidebar{backdrop-filter:blur(24px) saturate(160%);-webkit-backdrop-filter:blur(24px) saturate(160%)}[data-theme=light] .sidebar{background:rgba(255,255,255,.72)}[data-theme=light] .msg-bubble.user{background:rgba(255,255,255,.6);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:1px solid rgba(255,255,255,.75);color:#0a0a0a}[data-theme=light] .msg-bubble.assistant{background:rgba(255,255,255,.5);backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%);border:1px solid rgba(255,255,255,.65);color:#0a0a0a}[data-theme=light] .composer-box{background:rgba(255,255,255,.62);backdrop-filter:blur(28px) saturate(180%);-webkit-backdrop-filter:blur(28px) saturate(180%);border:1px solid rgba(255,255,255,.75)}[data-theme=light] .composer-box:focus-within{border-color:rgba(0,102,204,.5)}[data-theme=light] .field-input{background:rgba(255,255,255,.7);border:1px solid rgba(255,255,255,.8);color:#0a0a0a}[data-theme=light] .header{background:rgba(255,255,255,.72);backdrop-filter:blur(24px) saturate(160%);-webkit-backdrop-filter:blur(24px) saturate(160%);border-bottom:1px solid rgba(0,0,0,.08)}.glass{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.06)}[data-theme=light] .glass{background:rgba(255,255,255,.7);border:1px solid rgba(0,0,0,.06)}.glass-heavy{backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);background:rgba(15,15,18,.75);border:1px solid rgba(255,255,255,.06)}.glass-card{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:rgba(20,20,22,.85);border:1px solid rgba(255,255,255,.07);border-radius:var(--radius-lg)}[data-theme=light] .glass-card{background:rgba(255,255,255,.92);border:1px solid rgba(0,0,0,.08)}.app-shell{position:relative;z-index:1}.app-shell,.sidebar{display:flex;height:100vh;overflow:hidden}.sidebar{width:var(--sidebar-w);min-width:var(--sidebar-w);flex-direction:column;border-right:1px solid var(--border)}.main-area{flex:1 1;min-width:0}.image-workspace,.main-area{display:flex;flex-direction:column;overflow:hidden}.image-workspace{height:100vh;min-height:620px;background:#0d0f12;color:#e7e9ed}.image-editor-header{height:58px;flex:0 0 58px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;background:#17191d;border-bottom:1px solid #2b2e34}.editor-header-actions,.editor-header-left{display:flex;align-items:center;gap:10px}.editor-back{width:32px;height:32px;border:1px solid #343840;border-radius:6px;display:grid;place-items:center;color:#b7bbc3;background:#202329}.editor-back:hover,.icon-button:hover{color:#fff;background:#2b2f37}.editor-eyebrow{color:#767b86;font-size:9px;letter-spacing:.16em;font-weight:700;line-height:1;margin-bottom:4px}.editor-title{border:0;outline:none;background:transparent;color:#f5f6f8;font-size:14px;font-weight:600;width:220px;padding:0}.save-indicator{font-size:10px;margin-left:10px;color:#707681}.save-indicator.saving{color:#f59e0b}.save-indicator.conflict{color:#ef4444}.icon-button{width:30px;height:30px;display:grid;place-items:center;border:1px solid transparent;border-radius:5px;background:transparent;color:#9aa0aa}.zoom-label{font-size:11px;color:#8f949e;min-width:26px;text-align:center}.header-separator{height:22px;width:1px;background:#30343b;margin:0 3px}.header-export,.header-save{height:32px;display:inline-flex;align-items:center;gap:7px;border-radius:6px;padding:0 11px;font-size:12px;border:1px solid #353943;background:#22252b;color:#d6d9df}.header-save{background:#e8ebef;color:#17191d;border-color:#e8ebef;font-weight:600}.header-export:hover{background:#2e323a}.mobile-layers-button{display:none}.image-editor-main{min-height:0;flex:1 1;display:flex;overflow:hidden}.image-toolbar{width:62px;flex:0 0 62px;background:#191b1f;border-right:1px solid #2a2d33;padding:10px 8px;display:flex;flex-direction:column;align-items:center;gap:9px}.image-toolbar-group{display:flex;flex-direction:column;gap:3px}.image-tool{width:42px;height:38px;border:1px solid transparent;border-radius:5px;color:#949aa5;background:transparent;display:flex;align-items:center;justify-content:center;position:relative}.image-tool span{position:absolute;right:3px;bottom:2px;color:#606670;font-size:8px}.image-tool:hover{color:#fff;background:#252930}.image-tool.active{color:#f5f7fa;background:#303640;border-color:#4c5563;box-shadow:inset 2px 0 0 #5da4ff}.image-tool.active span{color:#b6d8ff}.image-toolbar-divider{width:30px;height:1px;background:#30343a;margin:1px 0}.image-canvas-stage{min-width:0;min-height:0;flex:1 1;display:flex;flex-direction:column;background:#101216;position:relative}.image-editor-canvas{position:relative;flex:1 1;min-height:0;overflow:hidden;background-color:#101216;background-image:linear-gradient(45deg,#17191e 25%,transparent 0),linear-gradient(-45deg,#17191e 25%,transparent 0),linear-gradient(45deg,transparent 75%,#17191e 0),linear-gradient(-45deg,transparent 75%,#17191e 0);background-size:22px 22px;background-position:0 0,0 11px,11px -11px,-11px 0}.image-editor-canvas>canvas:first-child{display:block}.image-editor-overlay{position:absolute;inset:0;pointer-events:none}.canvas-status{height:26px;flex:0 0 26px;padding:0 13px;display:flex;align-items:center;justify-content:space-between;color:#6f7580;font-size:10px;background:#16181c;border-top:1px solid #292c32}.canvas-status span{display:inline-flex;align-items:center;gap:6px}.status-dot{width:5px;height:5px;border-radius:50%;background:#47c58b}.generation-progress{position:absolute;z-index:6;left:50%;top:18px;transform:translateX(-50%);width:min(520px,calc(100% - 48px));display:grid;grid-template-columns:auto 1fr auto;align-items:center;grid-gap:12px;gap:12px;padding:12px 14px;border:1px solid #4776a8;border-radius:8px;background:rgba(18,29,43,.96);box-shadow:0 12px 34px rgba(0,0,0,.42);color:#eaf3ff}.generation-progress span,.generation-progress strong{display:block}.generation-progress strong{font-size:12px}.generation-progress span{margin-top:3px;color:#9eacc0;font-size:10px}.generation-progress time{min-width:46px;color:#9dc9ff;font:650 12px/1 monospace;text-align:right}.image-right-rail{width:304px;flex:0 0 304px;min-width:250px;background:#191b1f;border-left:1px solid #2a2d33;display:flex;flex-direction:column;overflow:hidden}.right-tabs{height:42px;display:flex;border-bottom:1px solid #2a2d33;padding:0 8px;gap:2px}.right-tabs button{border:0;background:transparent;color:#787e89;font-size:11px;display:inline-flex;align-items:center;gap:5px;padding:0 8px;position:relative}.right-tabs button.active{color:#f0f2f5}.right-tabs button.active:after{content:"";position:absolute;left:7px;right:7px;bottom:-1px;height:2px;background:#5da4ff}.tab-symbol{font-size:15px;line-height:1}.image-side-panel{min-height:0;display:flex;flex-direction:column;flex:1 1}.image-panel-heading{height:66px;display:flex;justify-content:space-between;align-items:center;padding:0 14px;border-bottom:1px solid #2a2d33}.image-panel-kicker{display:block;font-size:9px;letter-spacing:.14em;color:#6d737d;margin-bottom:3px}.image-panel-heading h2{font-size:14px;font-weight:600;margin:0}.image-panel-heading h2 em{font-size:10px;font-style:normal;color:#777d87;font-weight:500;margin-left:5px}.layer-list{padding:9px 8px;overflow:auto;flex:1 1}.layer-row{min-height:42px;display:flex;align-items:center;gap:5px;padding:4px 5px;border:1px solid transparent;border-radius:5px;color:#9ba1aa;cursor:pointer}.layer-row:hover{background:#25282f}.layer-row.selected{background:#26384d;border-color:#3e6b9d;color:#f4f6f8}.layer-grip{color:#565d68}.layer-type-icon{width:22px;height:22px;display:grid;place-items:center;color:#b8c0ca;background:#30343c;border-radius:3px;font-size:13px}.layer-name{min-width:0;flex:1 1;border:0;outline:none;background:transparent;color:inherit;font-size:11px;padding:2px 0;text-overflow:ellipsis}.layer-icon-button{display:grid;place-items:center;width:22px;height:24px;border:0;background:transparent;color:#737a84;border-radius:3px}.layer-icon-button:hover{color:#fff;background:#343941}.layer-footer{border-top:1px solid #2a2d33;display:flex;gap:4px;padding:8px}.layer-footer button{flex:1 1;height:30px;display:inline-flex;align-items:center;justify-content:center;gap:5px;border:1px solid #30343b;border-radius:4px;background:#23262b;color:#9ba1ab;font-size:10px}.layer-footer button:hover:not(:disabled){color:#fff;background:#2b3038}.layer-footer button:disabled{opacity:.4}.empty-panel{color:#6e747e;font-size:11px;text-align:center;padding-top:50px;display:grid;justify-items:center;grid-gap:10px;gap:10px}.empty-layer-icon{font-size:24px;color:#4c525b}.properties-strip{min-height:132px;flex:0 0 132px;border-top:1px solid #2a2d33;background:#1a1c20;display:flex;align-items:flex-start;gap:18px;padding:14px 18px;overflow-x:auto}.properties-empty{color:#777e88;font-size:11px;display:flex;align-items:center;gap:8px;padding:12px 0}.property-group{display:flex;flex-direction:column;gap:6px;min-width:92px}.property-label{color:#707680;font-size:9px;text-transform:uppercase;letter-spacing:.08em}.property-pair{display:flex;gap:5px}.property-pair label{color:#676e78;font-size:10px;display:flex;align-items:center;gap:4px}.property-group select,.property-number,.property-pair input{width:64px;height:27px;border:1px solid #343941;border-radius:4px;background:#25282e;color:#e5e7ea;padding:0 7px;font-size:11px;outline:none}.property-group select{width:126px}.opacity-control{display:flex;align-items:center;gap:7px}.opacity-control input{width:100px;accent-color:#5da4ff}.opacity-control output{color:#b3b8c0;font-size:10px;min-width:32px}.property-inline-buttons{display:flex;gap:4px;padding-top:18px}.property-inline-buttons button{width:29px;height:27px;display:grid;place-items:center;color:#aab0b9;background:#25282e;border:1px solid #343941;border-radius:4px}.property-color input{width:38px;height:28px;border:1px solid #343941;border-radius:4px;background:transparent}.history-panel{flex:1 1;overflow:auto;padding:9px}.history-row{width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding:10px;border:0;border-bottom:1px solid #292c31;background:transparent;text-align:left;color:#d4d8de;font-size:11px}.history-row:hover{background:#25282e}.history-row time{color:#717782;font-size:10px}.ai-dock{min-height:82px;gap:12px;padding:12px 18px;background:#17191d;border-top:1px solid #2c3037}.ai-dock,.ai-dock-title{display:flex;align-items:center}.ai-dock-title{gap:9px;min-width:220px}.ai-dock-title strong{display:block;font-size:12px}.ai-dock-title small{display:block;color:#777e89;font-size:10px;margin-top:2px}.ai-spark{width:30px;height:30px;display:grid;place-items:center;color:#8ec5ff;background:#20344c;border-radius:6px}.ai-dock select{color:#d5d9df;padding:0 8px}.ai-dock select,.reference-button{height:34px;border:1px solid #363b44;background:#25282e;border-radius:5px;font-size:11px}.reference-button{display:inline-flex;align-items:center;gap:6px;padding:0 10px;color:#aab0b9;white-space:nowrap}.reference-button:hover{color:#fff;background:#30353e}.ai-dock textarea{min-height:34px;max-height:70px;flex:1 1;resize:vertical;border:1px solid #3a4049;border-radius:5px;background:#24272d;color:#f0f2f5;padding:8px 10px;font-size:12px;outline:none}.ai-dock textarea:focus{border-color:#5d9ee8}.generate-button{height:34px;display:inline-flex;align-items:center;gap:7px;padding:0 13px;border:0;border-radius:5px;background:#e8edf4;color:#17191d;font-size:11px;font-weight:650;white-space:nowrap}.generate-button:disabled{opacity:.45}.variant-dock{position:absolute;left:50%;bottom:96px;transform:translateX(-50%);width:min(480px,calc(100% - 360px));padding:12px;background:rgba(22,24,29,.97);border:1px solid #4a5260;border-radius:8px;box-shadow:0 12px 36px rgba(0,0,0,.45);z-index:5}.variant-actions,.variant-heading{display:flex;align-items:center;justify-content:space-between}.variant-heading{color:#c9ced6;font-size:11px;padding:0 2px 9px}.variant-options{display:flex;gap:9px}.variant-card{flex:1 1;position:relative;border:2px solid transparent;border-radius:5px;padding:0;overflow:hidden;background:#262a30;aspect-ratio:1}.variant-card.active{border-color:#67a7f6}.variant-card img{width:100%;height:100%;object-fit:cover;display:block}.variant-card span{position:absolute;left:6px;bottom:5px;width:20px;height:20px;display:grid;place-items:center;border-radius:4px;background:rgba(0,0,0,.65);color:#fff;font-size:10px}.variant-actions{padding-top:11px;gap:7px;justify-content:flex-end}.variant-accept,.variant-cancel{height:30px;border-radius:4px;padding:0 11px;font-size:11px}.variant-cancel{color:#a4aab4;background:transparent;border:1px solid #3a404a}.variant-accept{display:inline-flex;align-items:center;gap:6px;color:#17202b;background:#dbeafe;border:1px solid #dbeafe;font-weight:600}.editor-loading{height:100vh;display:grid;place-items:center;grid-gap:9px;gap:9px;color:#9aa1ad;background:#101216}@media (max-width:980px){.image-right-rail{width:250px;flex-basis:250px}.ai-dock-title{min-width:145px}.ai-dock-title small{display:none}.ai-dock{gap:7px;padding:10px}.variant-dock{width:52%}}@media (max-width:720px){.image-editor-header{padding:0 10px}.editor-title{width:125px}.mobile-layers-button{display:grid}.header-export,.header-save{padding:0 8px;font-size:0}.header-export svg,.header-save svg{margin:0}.image-toolbar{position:fixed;z-index:8;bottom:0;left:0;right:0;width:auto;height:52px;padding:5px 8px;flex-direction:row;justify-content:center;border-top:1px solid #2a2d33;border-right:0}.image-toolbar-group{flex-direction:row;overflow-x:auto}.image-tool{width:38px;height:36px;flex:0 0 38px}.image-toolbar-divider,.image-toolbar>.image-tool{display:none}.image-right-rail{position:fixed;z-index:9;top:58px;right:0;bottom:134px;width:270px;transform:translateX(100%);transition:transform .2s;box-shadow:-12px 0 28px rgba(0,0,0,.35)}.image-right-rail.open,.image-right-rail:focus-within{transform:translateX(0)}.ai-dock{flex-wrap:wrap;min-height:134px;padding-bottom:66px}.ai-dock-title{min-width:100%}.ai-dock textarea{order:4;flex-basis:100%}.generate-button{flex:1 1}.variant-dock{bottom:144px;width:calc(100% - 24px)}.canvas-status{padding-left:70px}}.image-projects-section{margin:4px 0 22px}.image-section-heading{display:flex;align-items:baseline;gap:8px;margin-bottom:10px;color:var(--text);font-size:14px;font-weight:600}.image-section-heading small{color:var(--text-mute);font-size:10px;font-weight:500}.image-project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));grid-gap:9px;gap:9px}.image-project-card{padding:0;text-align:left;border:1px solid var(--border);border-radius:7px;overflow:hidden;background:rgba(20,22,25,.72);color:var(--text)}.image-project-card:hover{border-color:rgba(96,165,250,.55)}.project-card-preview{height:112px;display:grid;place-items:center;overflow:hidden;background-color:#15171a;background-image:linear-gradient(45deg,#202329 25%,transparent 0),linear-gradient(-45deg,#202329 25%,transparent 0),linear-gradient(45deg,transparent 75%,#202329 0),linear-gradient(-45deg,transparent 75%,#202329 0);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0}.project-card-preview img{width:100%;height:100%;object-fit:cover}.project-card-meta{display:flex;justify-content:space-between;gap:8px;padding:9px 10px}.project-card-meta strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.project-card-meta span{color:var(--text-mute);font-size:9px;white-space:nowrap}.auth-image-placeholder{width:100%;height:100%;min-height:40px;background:rgba(255,255,255,.025)}.sidebar-inner{display:flex;flex-direction:column;height:100%;padding:8px 6px;gap:2px}.new-chat-btn{display:flex;align-items:center;gap:10px;padding:9px 14px;border-radius:8px;border:1px solid var(--border);background:transparent;color:var(--text);font-size:13.5px;font-weight:500;width:100%;transition:background .15s,border-color .15s;margin-bottom:4px}.new-chat-btn:hover{background:var(--surface);border-color:rgba(255,255,255,.14)}.sessions-list{flex:1 1;overflow-y:auto;min-height:0;padding:0 2px}.session-group-label{font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-mute);padding:10px 8px 4px}.session-item{display:block;padding:6px 10px;border-radius:7px;color:var(--text-dim);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:background .12s,color .12s;cursor:pointer}.session-item:hover{background:var(--surface);color:var(--text)}.session-item.active{background:var(--surface-2);color:var(--text)}.sidebar-footer{border-top:1px solid var(--border);padding:8px 4px 4px}.sidebar-settings-link{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:7px;color:var(--text-dim);font-size:13px;transition:background .12s}.sidebar-settings-link:hover{background:var(--surface);color:var(--text)}.sidebar-user{padding:8px 10px 4px;display:flex;flex-direction:column;gap:8px}.sidebar-user-info{display:flex;align-items:center;gap:9px}.sidebar-user-name{font-size:13px;font-weight:500;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-user-plan{font-size:11px;color:var(--text-dim);text-transform:capitalize}.chat-header{display:flex;align-items:center;gap:10px;padding:10px 16px;border-bottom:1px solid var(--border);flex-shrink:0;height:52px}.chat-header-title{flex:1 1;font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text)}.icon-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:7px;border:none;background:transparent;color:var(--text-dim);transition:background .12s,color .12s;flex-shrink:0}.icon-btn:hover{background:var(--surface);color:var(--text)}.chat-window{flex:1 1;overflow-y:auto;padding:24px 16px;gap:0}.chat-messages-inner,.chat-window{display:flex;flex-direction:column}.chat-messages-inner{max-width:720px;width:100%;margin:0 auto;gap:4px}.msg-row{padding:4px 0}.msg-row.user{display:flex;justify-content:flex-end}.msg-row.assistant{display:flex;justify-content:flex-start}.msg-bubble{max-width:85%;padding:10px 14px;border-radius:14px;font-size:14px;line-height:1.65;white-space:pre-wrap;word-break:break-word}.msg-bubble.user{background:rgba(255,255,255,.13);backdrop-filter:blur(20px) saturate(200%);-webkit-backdrop-filter:blur(20px) saturate(200%);border:1px solid rgba(255,255,255,.18);border-radius:18px 18px 4px 18px;color:var(--text)}.msg-bubble.assistant{background:rgba(255,255,255,.045);backdrop-filter:blur(14px) saturate(160%);-webkit-backdrop-filter:blur(14px) saturate(160%);border:1px solid rgba(255,255,255,.07);border-radius:4px 18px 18px 18px;padding:12px 16px;color:var(--text);max-width:100%;position:relative}.msg-copy-btn{position:absolute;bottom:-12px;right:8px;width:28px;height:28px;border-radius:6px;border:1px solid var(--border);background:var(--surface-2);color:var(--text-mute);display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:opacity .15s,background .15s,color .15s;z-index:2}.msg-bubble.assistant:hover .msg-copy-btn{opacity:1}.msg-copy-btn:hover{background:var(--surface-3);color:var(--text)}.msg-thinking{display:flex;align-items:center;gap:6px;color:var(--text-dim);font-size:13px;padding:8px 0}.msg-thinking-dots{display:flex;gap:4px}.msg-thinking-dots span{width:6px;height:6px;border-radius:50%;background:var(--text-dim);animation:bounce 1.2s ease-in-out infinite}.msg-thinking-dots span:first-child{animation-delay:0s}.msg-thinking-dots span:nth-child(2){animation-delay:.2s}.msg-thinking-dots span:nth-child(3){animation-delay:.4s}@keyframes bounce{0%,80%,to{transform:scaleY(1);opacity:.5}40%{transform:scaleY(1.5);opacity:1}}.img-generating{width:min(300px,100%);aspect-ratio:1;border-radius:12px;background:linear-gradient(135deg,#0e0e1e,#1a1a38 50%,#0e0e1e);position:relative;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.4)}.img-generating:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,rgba(255,255,255,.2) 1px,transparent 0);background-size:10px 10px;animation:img-dots-pulse 2.4s ease-in-out infinite}.img-generating:after{content:"";position:absolute;top:0;left:-80%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.07) 40%,rgba(255,255,255,.12) 50%,rgba(255,255,255,.07) 60%,transparent);animation:img-shimmer-sweep 2s linear infinite}.img-generating-label{position:absolute;bottom:13px;left:0;right:0;text-align:center;font-size:11px;letter-spacing:.07em;color:rgba(255,255,255,.3);pointer-events:none}@keyframes img-dots-pulse{0%,to{opacity:.35}50%{opacity:.75}}@keyframes img-shimmer-sweep{0%{left:-80%}to{left:140%}}.composer-wrap{padding:12px 16px 16px;flex-shrink:0}.composer-inner{max-width:720px;margin:0 auto;position:relative;transition:all .15s}.composer-inner.composer-drag-over{box-shadow:0 0 0 2px var(--accent),0 4px 12px rgba(0,0,0,.4)}.composer-drop-hint{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:var(--surface-2);border-radius:14px;color:var(--accent);font-size:15px;font-weight:500;pointer-events:none;z-index:10}.composer-box{display:flex;align-items:center;gap:0;background:rgba(255,255,255,.06);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:1px solid rgba(255,255,255,.12);border-radius:24px;padding:10px 10px 10px 18px;transition:border-color .15s}.composer-box:focus-within{border-color:rgba(255,255,255,.22)}.composer-textarea{flex:1 1;background:transparent;border:none;outline:none;color:var(--text);font-size:14px;line-height:1.5;resize:none;max-height:200px;overflow-y:auto;padding:0}.composer-textarea::placeholder{color:var(--text-mute)}.composer-send{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:9px;border:none;background:var(--accent);color:var(--bg);flex-shrink:0;transition:opacity .15s,transform .1s;margin-left:8px}.composer-send:disabled{opacity:.3;cursor:not-allowed}.composer-send:not(:disabled):hover{transform:scale(1.05)}.composer-hint{gap:8px;font-size:11px;color:var(--text-mute);margin-top:6px;padding:0 2px}.composer-hint,.empty-state{display:flex;align-items:center}.empty-state{flex:1 1;flex-direction:column;justify-content:center;padding:32px 16px;gap:28px}.empty-title{font-size:26px;font-weight:600;color:var(--text);letter-spacing:-.02em}.empty-subtitle{font-size:14px;color:var(--text-dim);margin-top:-18px}.template-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:10px;gap:10px;max-width:500px;width:100%}.template-card{padding:14px 16px;border-radius:12px;border:1px solid var(--border);background:rgba(255,255,255,.035);text-align:left;cursor:pointer;transition:background .15s,border-color .15s,transform .1s}.template-card:hover{background:var(--surface);border-color:rgba(255,255,255,.14);transform:translateY(-1px)}.template-label{font-size:13.5px;font-weight:600;color:var(--text)}.template-prompt{font-size:12px;color:var(--text-dim);margin-top:3px}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg);padding:24px}.auth-card{width:100%;max-width:380px;padding:36px 32px}.auth-title{font-size:24px;font-weight:700;color:var(--text);margin-bottom:6px;letter-spacing:-.02em}.auth-subtitle{font-size:13.5px;color:var(--text-dim);margin-bottom:24px}.auth-form{display:flex;flex-direction:column;gap:14px}.auth-links{text-align:center;font-size:13px;color:var(--text-dim);margin-top:4px}.auth-links a{color:var(--accent-2);font-weight:500}.auth-links a:hover{text-decoration:underline}.field{display:flex;flex-direction:column;gap:5px}.field-label{font-size:12.5px;font-weight:500;color:var(--text-dim)}.field-input{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:9px;padding:9px 13px;color:var(--text);font-size:14px;outline:none;width:100%;transition:border-color .15s,box-shadow .15s}.field-input:focus{border-color:rgba(37,99,235,.6);box-shadow:0 0 0 3px rgba(37,99,235,.12)}.field-input::placeholder{color:var(--text-mute)}.field-error{font-size:12px;color:var(--danger)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:9px;font-weight:500;font-size:14px;transition:opacity .15s,transform .1s,background .15s;border:none;cursor:pointer;white-space:nowrap}.btn:disabled{opacity:.45;cursor:not-allowed}.btn:not(:disabled):active{transform:scale(.98)}.btn-sm{padding:6px 12px;font-size:12.5px;border-radius:7px}.btn-md{padding:9px 18px}.btn-lg{padding:11px 22px;font-size:15px}.btn-primary{background:var(--accent);color:var(--bg)}.btn-primary:not(:disabled):hover{opacity:.88}.btn-secondary{background:var(--surface);color:var(--text);border:1px solid var(--border)}.btn-secondary:not(:disabled):hover{background:var(--surface-2)}.btn-ghost{background:transparent;color:var(--text-dim)}.btn-ghost:not(:disabled):hover{background:var(--surface);color:var(--text)}.btn-danger{background:var(--danger);color:#fff}.btn-full{width:100%}.ubar{height:3px;background:var(--border);overflow:hidden}.ubar,.ubar-fill{border-radius:2px}.ubar-fill{height:100%;transition:width .4s ease}.ubar-fill.ok{background:var(--accent-2)}.ubar-fill.warn{background:var(--warning)}.ubar-fill.crit{background:var(--danger)}.ubar-label{font-size:11px;color:var(--text-mute);margin-bottom:4px;display:flex;justify-content:space-between}.toast-container{position:fixed;bottom:24px;right:24px;z-index:9999;display:flex;flex-direction:column;gap:8px;pointer-events:none}.toast{background:var(--surface-2);border-radius:10px;padding:11px 16px;font-size:13.5px;color:var(--text);box-shadow:0 8px 24px rgba(0,0,0,.4);border:1px solid var(--border);pointer-events:all;cursor:pointer;max-width:320px;display:flex;align-items:center;gap:8px;animation:toast-in .2s ease}.toast.success{border-left:3px solid var(--success)}.toast.error{border-left:3px solid var(--danger)}.toast.info{border-left:3px solid var(--accent-2)}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.composer-picker,.model-picker-wrap{position:relative;display:inline-flex}.composer-picker .model-dropdown{top:auto;bottom:calc(100% + 8px);left:auto;right:0}.model-picker-btn{display:flex;align-items:center;gap:5px;padding:4px 10px;border-radius:20px;border:1px solid var(--border);background:transparent;color:var(--text-dim);font-size:12.5px;transition:background .12s,color .12s}.model-picker-btn:hover{background:var(--surface);color:var(--text)}.model-dropdown{position:absolute;top:calc(100% + 6px);left:0;min-width:220px;background:var(--surface-2);border:1px solid var(--border);border-radius:11px;padding:6px;z-index:100;box-shadow:0 12px 32px rgba(0,0,0,.5);animation:menu-in .15s ease}.model-option{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;border-radius:7px;cursor:pointer;transition:background .1s;font-size:13px;color:var(--text)}.model-option:hover{background:var(--surface)}.model-option.active{background:rgba(37,99,235,.15)}.model-name,.model-speed{font-weight:500}.model-speed{font-size:11px;padding:2px 7px;border-radius:20px}.model-speed.low{background:rgba(34,197,94,.15);color:#22c55e}.model-speed.med{background:rgba(245,158,11,.12);color:#f59e0b}.model-speed.high{background:rgba(239,68,68,.12);color:#ef4444}@keyframes menu-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}@media (min-width:769px){.sidebar-toggle{display:none!important}}@media (max-width:768px){.sidebar-toggle{display:flex}.sidebar{position:fixed;left:-100%;top:0;bottom:0;z-index:50;transition:left .25s ease}.sidebar.open{left:0}.sidebar-overlay{position:fixed;inset:0;z-index:49;background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton{background:linear-gradient(90deg,var(--surface) 0,var(--surface-2) 50%,var(--surface) 100%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:6px}.page-wrap{flex:1 1;overflow-y:auto;padding:28px 24px;display:flex;flex-direction:column;gap:24px}.page-inner{max-width:620px;width:100%}.section-card{background:rgba(255,255,255,.045);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:20px 22px}.section-title{font-size:15px;font-weight:600;margin-bottom:14px;color:var(--text)}.info-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--border);font-size:13.5px}.info-row:last-child{border-bottom:none}.info-label{color:var(--text-dim)}.info-value{color:var(--text);font-weight:500}.landing-root{min-height:100vh;position:relative;overflow-x:hidden;color:var(--text);font-family:var(--font)}.landing-bg{position:fixed;inset:0;z-index:0;background:var(--bg);pointer-events:none}.landing-nav{position:-webkit-sticky;position:sticky;top:0;z-index:10;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);background:rgba(10,10,15,.7);border-bottom:1px solid var(--border)}.landing-nav-inner{max-width:1000px;margin:0 auto;padding:14px 24px;display:flex;align-items:center;justify-content:space-between}.landing-logo{font-size:18px;font-weight:700;color:var(--text);letter-spacing:-.01em}.landing-nav-links{display:flex;align-items:center;gap:12px}.landing-nav-link{font-size:14px;color:var(--text-dim);padding:6px 14px;border-radius:8px;transition:color .15s,background .15s}.landing-nav-link:hover{color:var(--text);background:var(--surface)}.landing-cta-sm{font-size:13.5px;font-weight:600;padding:7px 16px;border-radius:9px;background:var(--accent);color:var(--bg);transition:opacity .15s}.landing-cta-sm:hover{opacity:.88}.landing-hero{position:relative;z-index:1;padding:100px 24px 80px}.landing-hero-inner{max-width:760px;margin:0 auto;text-align:center}.landing-badge{display:inline-block;font-size:12.5px;font-weight:500;padding:5px 14px;border-radius:20px;background:rgba(37,99,235,.12);border:1px solid rgba(37,99,235,.28);color:#60a5fa;margin-bottom:28px;letter-spacing:.02em}.landing-h1{font-size:clamp(36px,5vw,58px);font-weight:800;line-height:1.12;letter-spacing:-.03em;color:var(--text);margin-bottom:22px}.landing-h1-accent{background:linear-gradient(90deg,#2563eb,#60a5fa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.landing-hero-sub{font-size:16px;color:var(--text-dim);line-height:1.7;margin-bottom:36px}.landing-hero-btns{align-items:center;gap:12px;margin-bottom:40px}.landing-hero-btns,.landing-models-row{display:flex;justify-content:center;flex-wrap:wrap}.landing-models-row{gap:8px;margin-top:4px}.landing-model-chip{font-size:11.5px;padding:4px 10px;border-radius:20px;background:rgba(255,255,255,.06);border:1px solid var(--border);color:var(--text-mute)}.landing-section{position:relative;z-index:1;padding:64px 24px}.landing-section-inner{max-width:1000px;margin:0 auto}.landing-section-title{font-size:32px;font-weight:700;text-align:center;letter-spacing:-.02em;margin-bottom:10px}.landing-section-sub{font-size:15px;color:var(--text-dim);text-align:center;margin-bottom:44px}.landing-features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));grid-gap:16px;gap:16px}.landing-feature-card{padding:22px 20px}.landing-feature-icon{color:var(--accent-2);margin-bottom:12px}.landing-feature-title{font-size:15px;font-weight:600;margin-bottom:8px}.landing-feature-desc{font-size:13px;color:var(--text-dim);line-height:1.6}.landing-plans-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:16px;gap:16px}.landing-plan-card{padding:28px 24px;position:relative;display:flex;flex-direction:column;gap:0}.landing-plan-highlight{border-color:rgba(37,99,235,.4)!important;box-shadow:0 0 0 1px rgba(37,99,235,.2),0 8px 32px rgba(37,99,235,.12)}.landing-plan-badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:linear-gradient(90deg,#2563eb,#1d4ed8);font-size:11px;font-weight:700;padding:3px 12px;border-radius:20px;color:#fff;letter-spacing:.04em;text-transform:uppercase}.landing-plan-name{font-size:14px;font-weight:600;color:var(--text-dim);margin-bottom:8px}.landing-plan-price{font-size:32px;font-weight:800;letter-spacing:-.02em;margin-bottom:16px}.landing-plan-sub{font-size:14px;font-weight:400;color:var(--text-dim)}.landing-plan-features{list-style:none;margin-bottom:24px;flex:1 1;display:flex;flex-direction:column;gap:9px}.landing-plan-feature{font-size:13.5px;color:var(--text-dim);display:flex;gap:8px;align-items:flex-start}.landing-check{color:var(--success);font-weight:700;flex-shrink:0}.landing-footer{position:relative;z-index:1;border-top:1px solid var(--border);padding:24px}.landing-footer-inner{max-width:1000px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}@media (max-width:600px){.landing-hero{padding:70px 20px 60px}.landing-features-grid,.landing-plans-grid{grid-template-columns:1fr}}.new-chat-body{flex:1 1;align-items:center;justify-content:center;padding:0 16px 80px}.new-chat-body,.new-chat-content{display:flex;flex-direction:column}.new-chat-content{width:100%;max-width:680px;align-items:stretch;gap:14px}.new-chat-title{font-size:28px;font-weight:600;color:var(--text);text-align:center;margin-bottom:6px;letter-spacing:-.01em}.new-chat-box{display:flex;align-items:center;background:rgba(255,255,255,.06);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:1px solid rgba(255,255,255,.12);border-radius:24px;padding:12px 12px 12px 20px;transition:border-color .15s}.new-chat-box:focus-within{border-color:rgba(255,255,255,.22)}.new-chat-textarea{flex:1 1;background:transparent;border:none;outline:none;color:var(--text);font-size:15px;line-height:1.5;resize:none;max-height:200px;overflow-y:auto;padding:0;font-family:var(--font)}.new-chat-textarea::placeholder{color:var(--text-mute);font-size:15px}.new-chat-send{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;border:none;background:var(--accent);color:var(--bg);flex-shrink:0;margin-left:10px;transition:opacity .15s,transform .1s}.new-chat-send:disabled{opacity:.22;cursor:not-allowed}.new-chat-send:not(:disabled):hover{transform:scale(1.07)}.new-chat-footer{display:flex;align-items:center;padding:4px 4px 0}.new-chat-chips{display:flex;flex-wrap:wrap;gap:8px}.new-chat-chip{padding:8px 15px;border-radius:20px;border:1px solid var(--border);background:var(--surface);color:var(--text-dim);font-size:13px;cursor:pointer;white-space:nowrap;transition:background .12s,color .12s,border-color .12s;font-family:var(--font)}.new-chat-chip:hover{background:var(--surface-2);color:var(--text);border-color:rgba(255,255,255,.1)}.session-item-wrap{position:relative;display:flex;align-items:center;border-radius:7px;transition:background .12s}.session-item-wrap:hover{background:var(--surface)}.session-item-wrap.active{background:var(--surface-2)}.session-item-text{flex:1 1;padding:6px 10px;color:var(--text-dim);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;text-decoration:none}.session-item-wrap.active .session-item-text,.session-item-wrap:hover .session-item-text{color:var(--text)}.session-actions{display:none;align-items:center;gap:1px;padding-right:4px;flex-shrink:0}.session-item-wrap.active .session-actions,.session-item-wrap:hover .session-actions{display:flex}.session-action-btn{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:5px;background:transparent;border:none;color:var(--text-mute);cursor:pointer;transition:background .1s,color .1s}.session-action-btn:hover{background:var(--surface-2);color:var(--text)}.session-action-btn.danger:hover{background:rgba(239,68,68,.15);color:var(--danger)}.session-rename{display:flex;align-items:center;gap:4px;flex:1 1;padding:2px 4px 2px 8px}.session-rename-input{flex:1 1;min-width:0;background:var(--bg);border:1px solid var(--border);border-radius:5px;padding:3px 7px;color:var(--text);font-size:12.5px;outline:none;font-family:var(--font)}.session-rename-input:focus{border-color:rgba(255,255,255,.2)}.composer-attach{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:8px;border:none;background:transparent;color:var(--text-mute);cursor:pointer;flex-shrink:0;margin-right:4px;transition:background .12s,color .12s}.composer-attach:hover{background:var(--surface-2);color:var(--text)}.composer-attach:disabled{opacity:.4;cursor:not-allowed}.composer-files{display:flex;flex-wrap:wrap;gap:6px;padding:6px 4px 2px;max-width:720px;margin:0 auto}.composer-file-chip{display:flex;align-items:center;gap:5px;padding:4px 8px;border-radius:8px;background:var(--surface-2);border:1px solid var(--border);font-size:12px;color:var(--text-dim);max-width:200px}.composer-file-chip span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1 1;min-width:0}.composer-file-remove{display:flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:4px;border:none;background:transparent;color:var(--text-mute);cursor:pointer;flex-shrink:0;transition:background .1s,color .1s}.composer-file-remove:hover{background:var(--surface);color:var(--danger)}.msg-bubble.assistant{font-size:14px;line-height:1.7}.msg-bubble.assistant p{margin:0 0 10px}.msg-bubble.assistant p:last-child{margin-bottom:0}.msg-bubble.assistant h1,.msg-bubble.assistant h2,.msg-bubble.assistant h3{font-weight:700;margin:16px 0 8px;line-height:1.3}.msg-bubble.assistant h1{font-size:18px}.msg-bubble.assistant h2{font-size:16px}.msg-bubble.assistant h3{font-size:14.5px}.msg-bubble.assistant ol,.msg-bubble.assistant ul{padding-left:22px;margin:6px 0 10px}.msg-bubble.assistant li{margin-bottom:4px}.msg-bubble.assistant blockquote{border-left:3px solid var(--border);padding-left:12px;color:var(--text-dim);margin:10px 0}[data-theme=light] .msg-bubble.assistant blockquote{border-left:3px solid rgba(0,0,0,.2);color:var(--text)}.msg-bubble.assistant strong{font-weight:700;color:var(--text)}.msg-bubble.assistant em{font-style:italic}.msg-bubble.assistant hr{border:none;border-top:1px solid var(--border);margin:12px 0}.md-code-inline{font-family:SF Mono,Fira Code,Consolas,monospace;font-size:12.5px;background:var(--surface-2);border:1px solid var(--border);border-radius:5px;padding:1px 5px;color:#e879f9}.md-code-block{background:#0d0d0d;border:1px solid rgba(255,255,255,.08);border-radius:10px;overflow:hidden;margin:10px 0}.md-code-lang{font-size:11px;color:var(--text-mute);padding:6px 14px 4px;text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid rgba(255,255,255,.05)}.md-code-block pre{margin:0;padding:12px 14px;overflow-x:auto}.md-code-block code{font-family:SF Mono,Fira Code,Consolas,monospace;font-size:13px;color:#e2e8f0;line-height:1.6;background:transparent;border:none;padding:0}.md-link{color:var(--accent-2);text-decoration:underline;text-underline-offset:2px}.md-link:hover{opacity:.8}.md-table-wrap{overflow-x:auto;margin:10px 0}.md-table-wrap table{width:100%;border-collapse:collapse;font-size:13px}.md-table-wrap th{background:var(--surface);font-weight:600;padding:7px 12px;border:1px solid var(--border);text-align:left}.md-table-wrap td{padding:6px 12px;border:1px solid var(--border)}.md-table-wrap tr:nth-child(2n){background:rgba(255,255,255,.02)}.katex{font-size:1em!important}.katex-display{margin:12px 0;overflow-x:auto}.msg-img-wrap{position:relative;display:inline-block;max-width:100%}.msg-img{max-width:100%;border-radius:12px;display:block;box-shadow:0 4px 20px rgba(0,0,0,.3);cursor:zoom-in;transition:filter .15s ease}.msg-img-wrap:hover .msg-img{filter:brightness(.88)}.msg-img-actions{position:absolute;bottom:8px;right:8px;display:flex;gap:6px;opacity:0;transition:opacity .15s ease}.msg-img-wrap:hover .msg-img-actions{opacity:1}.msg-img-btn{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:8px;border:none;background:rgba(0,0,0,.55);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;cursor:pointer;transition:background .12s ease}.msg-img-btn:hover{background:rgba(0,0,0,.8)}.lb-backdrop{position:fixed;inset:0;z-index:9999;background:rgba(0,0,0,.88);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);flex-direction:column;justify-content:center}.lb-backdrop,.lb-toolbar{display:flex;align-items:center}.lb-toolbar{position:absolute;top:16px;right:16px;gap:8px;z-index:10000}.lb-btn{display:flex;align-items:center;gap:6px;padding:7px 14px;border-radius:10px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;font-size:13px;cursor:pointer;transition:background .12s ease}.lb-btn:hover:not(:disabled){background:rgba(255,255,255,.2)}.lb-btn:disabled{opacity:.5;cursor:default}.lb-close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;cursor:pointer;transition:background .12s ease}.lb-close:hover{background:rgba(255,50,50,.35)}.lb-canvas{width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none}.lb-img{max-width:90vw;max-height:85vh;border-radius:12px;box-shadow:0 8px 48px rgba(0,0,0,.6)}.lb-hint,.lb-img{pointer-events:none}.lb-hint{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);font-size:11px;color:rgba(255,255,255,.3);letter-spacing:.04em;white-space:nowrap}.chart-wrap{width:100%;padding:8px 0 4px}.chart-title{font-size:13px;font-weight:600;color:var(--text-dim);margin-bottom:10px;text-align:center;letter-spacing:.01em}.recharts-legend-item-text{color:var(--text-dim)!important;font-size:12px!important}.recharts-text{fill:var(--text-mute)!important}.checklist-wrap{width:100%;padding:10px 0 6px}.checklist-title{font-size:13px;font-weight:600;color:var(--text-dim);margin-bottom:10px}.checklist-progress-row{display:flex;align-items:center;gap:10px;margin-bottom:12px;font-size:12px}.checklist-progress-label{color:var(--text-dim);font-weight:600;min-width:48px}.checklist-progress-bar{flex:1 1;height:6px;background:var(--surface);border-radius:999px;overflow:hidden}.checklist-progress-fill{height:100%;background:var(--accent);border-radius:999px;transition:width .3s ease}.checklist-progress-pct{color:var(--text-mute);min-width:36px;text-align:right}.checklist-items{list-style:none;display:flex;flex-direction:column;gap:6px}.checklist-item{display:flex;align-items:flex-start;gap:10px;padding:8px 10px;background:var(--surface);border-radius:8px;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.checklist-item:hover{background:var(--surface-2)}.checklist-item.checked{opacity:.6}.checklist-item.checked .checklist-text{text-decoration:line-through}.checklist-box{width:18px;height:18px;flex-shrink:0;border:1.5px solid var(--border);border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--accent);font-weight:700;transition:all .2s ease}.checklist-item.checked .checklist-box{background:var(--accent);border-color:var(--accent);color:#fff}.checklist-text{flex:1 1;font-size:13px;color:var(--text);line-height:1.5}.tool-status{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-mute);padding:2px 0}.tool-status-dot{width:6px;height:6px;border-radius:50%;background:var(--accent-2);animation:tool-pulse 1s ease-in-out infinite}@keyframes tool-pulse{0%,to{opacity:1}50%{opacity:.3}}