.agent-shell{background:var(--bg);grid-template-columns:220px minmax(0,1fr);height:100vh;display:grid}.agent-mode-picker{border-right:1px solid var(--border);background:var(--surface);flex-direction:column;gap:8px;padding:16px 12px;display:flex;overflow-y:auto}.agent-mode-picker-title{color:var(--muted);padding:4px 8px 8px;font-size:12px;font-weight:600}.agent-mode-item{border-radius:var(--radius-md);width:100%;color:var(--text-secondary);cursor:pointer;text-align:left;transition:all .15s var(--ease-out);background:0 0;border:1px solid #0000;align-items:center;gap:10px;padding:10px 8px;display:flex}.agent-mode-item:hover{background:var(--surface-subtle)}.agent-mode-item.is-active{background:var(--brand-soft);border-color:var(--brand);color:var(--brand-deep)}.agent-mode-item-icon{background:var(--surface-subtle);width:30px;height:30px;color:var(--muted);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.agent-mode-item.is-active .agent-mode-item-icon{background:var(--brand);color:#fff}.agent-mode-item-text{flex-direction:column;min-width:0;display:flex}.agent-mode-item-name{font-size:13px;font-weight:600}.agent-mode-item-sub{color:var(--muted);font-size:11px}.agent-mode-picker-hint{color:var(--muted);background:var(--surface-subtle);border-radius:var(--radius-md);align-items:center;gap:6px;margin-top:auto;padding:10px 8px;font-size:11px;display:flex}.agent-conversation{background:var(--surface);flex-direction:column;min-width:0;height:100%;display:flex}.agent-conv-head{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 8px;padding:12px 20px;display:flex}.agent-conv-brand{flex:320px;align-items:center;gap:10px;min-width:min(360px,100%);display:inline-flex}.agent-conv-logo{object-fit:contain;width:30px;height:30px;box-shadow:var(--shadow-sm);border-radius:9px;flex:none;display:block}.agent-conv-title{color:var(--text);font-size:15px;font-weight:700}.agent-conv-sub{color:var(--muted);margin-left:10px;font-size:12px}.agent-open-workbench{border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface);color:var(--brand-strong);cursor:pointer;align-items:center;gap:6px;padding:7px 14px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.agent-open-workbench:hover{border-color:var(--brand);background:var(--brand-soft)}.agent-conv-actions{flex-wrap:wrap;align-items:center;gap:6px 8px;display:flex}.agent-conv-actions .agent-open-workbench{flex:none}.agent-conv-body{scroll-behavior:smooth;flex-direction:column;flex:1;gap:16px;padding:24px 20px;display:flex;overflow-y:auto}.agent-msg{gap:10px;max-width:100%;display:flex}.agent-msg.is-user{justify-content:flex-end}.agent-avatar{background:var(--brand);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;margin-top:2px;display:inline-flex}.agent-bubble{white-space:pre-wrap;word-break:break-word;border-radius:12px;max-width:76%;padding:10px 14px;font-size:13.5px;line-height:1.65}.agent-bubble.is-user{background:var(--brand);color:#fff;border-bottom-right-radius:4px}.agent-bubble.is-assistant{background:var(--surface-subtle);border:1px solid var(--border);border-bottom-left-radius:4px}.agent-user-images{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.agent-user-images img{object-fit:cover;border:1px solid #ffffff4d;border-radius:8px;width:72px;height:72px}.agent-cursor{background:var(--brand);vertical-align:-2px;width:2px;height:14px;margin-right:3px;animation:.9s steps(2,end) infinite agent-blink;display:inline-block}@keyframes agent-blink{50%{opacity:0}}.agent-tool-card{border:1px solid var(--border);background:var(--surface);border-radius:10px;min-width:280px;padding:10px 12px}.agent-tool-card-head{align-items:center;gap:8px;margin-bottom:8px;display:flex}.agent-tool-spinner{border:2px solid var(--brand-soft);border-top-color:var(--brand);border-radius:50%;width:14px;height:14px;animation:.8s linear infinite agent-spin}@keyframes agent-spin{to{transform:rotate(360deg)}}.agent-tool-name{font-size:13px;font-weight:600}.agent-tool-api{color:var(--muted);font-size:10.5px;font-family:var(--font-jakarta), monospace;background:var(--surface-subtle);border-radius:4px;padding:1px 6px}.agent-tool-bar{background:var(--border);border-radius:99px;height:4px;margin-bottom:6px;overflow:hidden}.agent-tool-bar span{background:linear-gradient(90deg, var(--brand-bright), var(--brand));border-radius:99px;height:100%;display:block}.agent-tool-desc{color:var(--text-secondary);justify-content:space-between;font-size:12px;display:flex}.agent-tool-percent{color:var(--brand);font-weight:600}.agent-tool-param{color:var(--muted);font-size:11px;font-family:var(--font-jakarta), monospace;margin-top:4px}.agent-tool-card.is-done .agent-tool-desc{color:var(--brand-strong)}.agent-tool-card.is-error .agent-tool-desc{color:var(--danger)}.agent-media-card{margin-top:6px}.agent-media-title{margin-bottom:8px;font-size:13px;font-weight:600}.agent-media-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;display:grid}.agent-media-item{border:1px solid var(--border);background:var(--surface);border-radius:10px;position:relative;overflow:hidden}.agent-media-item img{width:100%;height:auto;display:block}.agent-media-label{color:#fff;background:#0a2d24b8;border-radius:4px;padding:2px 8px;font-size:11px;position:absolute;bottom:34px;left:8px}.agent-media-watermark{color:#fff;background:#c0392bd9;border-radius:4px;padding:2px 6px;font-size:10px;position:absolute;top:8px;right:8px}.agent-media-open{border:none;border-top:1px solid var(--border);background:var(--surface-subtle);width:100%;color:var(--brand-strong);cursor:pointer;padding:7px;font-size:12px;font-weight:600;transition:background .15s}.agent-media-open:hover{background:var(--brand-soft)}.agent-empty{text-align:center;max-width:460px;margin:auto;padding:40px 20px}.agent-empty-art{width:min(300px,78%);margin:0 auto 6px}.agent-empty-art img{background:#fff;border-radius:14px;width:100%;height:auto;display:block;box-shadow:0 6px 24px #18212b1a}.agent-empty-icon{background:linear-gradient(135deg, var(--brand-soft), var(--gold-soft));width:56px;height:56px;color:var(--brand);border-radius:16px;justify-content:center;align-items:center;margin:0 auto 14px;display:flex}.agent-empty-title{margin-bottom:6px;font-size:17px;font-weight:700}.agent-empty-suggestions{flex-wrap:wrap;justify-content:center;gap:8px;margin:16px 0;display:flex}.agent-empty-suggestions button{border:1px solid var(--border-strong);background:var(--surface);color:var(--text-secondary);cursor:pointer;border-radius:99px;padding:6px 14px;font-size:12.5px;transition:all .15s}.agent-empty-suggestions button:hover{border-color:var(--brand);color:var(--brand-strong);background:var(--brand-soft)}.agent-empty-history{text-align:left;margin-top:20px}.agent-empty-history>span{color:var(--muted);font-size:11px}.agent-history-item{color:var(--text-secondary);border-bottom:1px dashed var(--border);border-radius:6px;align-items:center;gap:8px;padding:7px 4px;font-size:12.5px;display:flex}.agent-history-item:hover{background:var(--brand-soft);color:var(--text)}.agent-history-title{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.agent-history-del{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px;display:none}.agent-history-item:hover .agent-history-del{display:inline-flex}.agent-history-del:hover{color:#d64545;background:#fef1f1}.agent-history-group{margin-top:8px}.agent-history-group-label{color:var(--muted);letter-spacing:.04em;margin:6px 0 2px;font-size:10.5px;display:block}.agent-history-empty{color:var(--muted);padding:6px 0;font-size:12px}.agent-asset-btn{border:1px solid var(--border);background:var(--surface);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;border-radius:8px;flex:none;justify-content:center;align-items:center;display:inline-flex}.agent-asset-btn:hover{border-color:var(--brand);color:var(--brand);background:var(--brand-soft)}.agent-asset-panel{z-index:40;border:1px solid var(--border);background:#fff;border-radius:10px;flex-direction:column;gap:4px;width:250px;padding:10px;display:flex;position:absolute;bottom:68px;left:20px;box-shadow:0 10px 30px #10182824}.agent-asset-panel-title{color:var(--muted);margin-bottom:2px;font-size:11px}.agent-asset-option{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;padding:8px 10px;font-family:inherit;font-size:13px;text-decoration:none;display:flex}.agent-asset-option:hover{background:var(--brand-soft);color:var(--brand-strong)}.agent-asset-panel-hint{color:var(--muted);padding:4px 2px 0;font-size:11px}.agent-canvas-preview{z-index:60;background:#080c16db;flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex;position:absolute;inset:0}.agent-canvas-preview-bar{z-index:2;justify-content:space-between;align-items:center;padding:10px 14px;display:flex;position:absolute;top:0;left:0;right:0}.agent-canvas-preview-title{color:#ffffffeb;text-overflow:ellipsis;white-space:nowrap;max-width:50%;font-size:13px;font-weight:600;overflow:hidden}.agent-canvas-preview-actions{gap:8px;display:flex}.agent-canvas-preview-btn{color:#fff;cursor:pointer;background:#ffffff1f;border:1px solid #ffffff47;border-radius:8px;align-items:center;gap:5px;padding:6px 12px;font-family:inherit;font-size:12.5px;text-decoration:none;display:inline-flex}.agent-canvas-preview-btn:hover{background:#ffffff3d}.agent-canvas-preview-img{border-radius:8px;max-width:84%;max-height:76%;box-shadow:0 20px 60px #0000008c}.agent-canvas-preview-thumbs{background:#ffffff17;border-radius:10px;gap:8px;padding:8px 12px;display:flex}.agent-canvas-preview-thumb{cursor:pointer;background:0 0;border:2px solid #0000;border-radius:6px;width:52px;height:52px;padding:0;overflow:hidden}.agent-canvas-preview-thumb img{object-fit:cover;width:100%;height:100%;display:block}.agent-canvas-preview-thumb.is-active{border-color:#fff}.agent-share-mask{z-index:70;background:#080c1673;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.agent-share{background:#fff;border-radius:14px;flex-direction:column;gap:10px;width:440px;max-width:92%;padding:18px;display:flex;box-shadow:0 20px 60px #10182840}.agent-share-title{color:var(--text);align-items:center;gap:8px;font-size:15px;font-weight:700;display:inline-flex}.agent-share-hint{color:var(--muted);font-size:12px}.agent-share-url{border:1px solid var(--border);background:var(--surface-subtle);width:100%;color:var(--text-secondary);border-radius:8px;padding:9px 11px;font-family:inherit;font-size:12px}.agent-share-actions{justify-content:flex-end;gap:10px;display:flex}.agent-share-btn{background:linear-gradient(135deg, var(--accent), var(--accent-strong));color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;display:inline-flex}.agent-share-btn.is-ghost{background:var(--surface-subtle);border:1px solid var(--border);color:var(--text-secondary);font-weight:400}.agent-toast{z-index:80;color:#fff;background:#0f172ad9;border-radius:8px;padding:8px 16px;font-size:12.5px;animation:.18s ease-out agent-toast-in;position:absolute;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #0003}@keyframes agent-toast-in{0%{opacity:0;transform:translate(-50%,6px)}to{opacity:1;transform:translate(-50%)}}.agent-files-drawer{z-index:45;background:var(--surface);border-left:1px solid var(--border);flex-direction:column;width:320px;max-width:86%;display:flex;position:absolute;top:0;bottom:0;right:0;box-shadow:-12px 0 36px #10182824}.agent-files-body{flex-direction:column;flex:1;gap:14px;padding:6px 14px 14px;display:flex;overflow-y:auto}.agent-files-group{flex-direction:column;gap:6px;display:flex}.agent-files-label{color:var(--muted);letter-spacing:.04em;font-size:11px}.agent-files-empty{color:var(--muted);padding:4px 0;font-size:12px}.agent-file-row{border:1px solid var(--border);background:#fff;border-radius:8px;align-items:center;gap:8px;padding:6px 8px;display:flex}.agent-file-row img{object-fit:cover;border-radius:6px;flex:none;width:40px;height:40px}.agent-file-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--text-secondary);flex:1;font-size:12px;overflow:hidden}.agent-file-action{width:26px;height:26px;color:var(--text-secondary);cursor:pointer;background:#f4f6fb;border:none;border-radius:6px;flex:none;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.agent-file-action:hover{color:var(--brand);background:var(--brand-soft)}.agent-files-assets{color:var(--brand-strong);border-top:1px dashed var(--border);align-items:center;gap:6px;padding:8px 0;font-size:12.5px;text-decoration:none;display:inline-flex}.agent-history-drawer{z-index:45;background:var(--surface);border-right:1px solid var(--border);flex-direction:column;width:300px;max-width:82%;display:flex;position:absolute;top:0;bottom:0;left:0;box-shadow:12px 0 36px #10182824}.agent-history-drawer-head{border-bottom:1px solid var(--border);color:var(--text);justify-content:space-between;align-items:center;padding:12px 14px;font-size:13px;font-weight:600;display:flex}.agent-history-drawer-head span{align-items:center;gap:6px;display:inline-flex}.agent-history-drawer-head button{color:var(--muted);cursor:pointer;background:0 0;border:none;padding:2px 6px;font-size:13px}.agent-history-drawer-body{flex:1;padding:6px 14px 14px;overflow-y:auto}.agent-skill-directory{z-index:30;background:var(--surface,#fff);border:1px solid var(--border-strong,#d9e0ea);border-radius:10px;flex-direction:column;width:min(440px,100% - 24px);max-height:min(72vh,640px);display:flex;position:absolute;top:58px;right:12px;overflow:hidden;box-shadow:0 16px 40px #0f172a29}.agent-skill-directory-toolbar{border:1px solid var(--border,#e3e8ef);color:var(--muted);border-radius:7px;flex:none;align-items:center;gap:8px;margin:10px 12px 6px;padding:8px 10px;display:flex}.agent-skill-directory-toolbar input{width:100%;color:var(--text);background:0 0;border:0;outline:0;font-size:12px}.agent-skill-directory-categories{scrollbar-width:thin;flex:none;align-items:center;gap:6px;min-height:31px;padding:0 12px 8px;display:flex;overflow-x:auto}.agent-skill-directory-categories button{border:1px solid var(--border,#edf0f4);background:var(--surface,#fff);color:var(--muted);cursor:pointer;white-space:nowrap;border-radius:999px;flex:none;padding:5px 9px;font-size:11px}.agent-skill-directory-categories button span{opacity:.72;margin-left:4px}.agent-skill-directory-categories button.is-active{border-color:var(--agent-accent-border,var(--accent));background:var(--agent-accent-selected,var(--accent-soft));color:var(--agent-accent,var(--accent))}.agent-skill-directory-meta{color:var(--muted);flex:none;gap:12px;padding:0 12px 8px;font-size:11px;display:flex}.agent-skill-directory-list{padding:0 8px 10px;overflow:auto}.agent-skill-directory-item{border-top:1px solid var(--border,#edf0f4);align-items:flex-start;gap:10px;padding:10px 8px;display:flex}.agent-skill-directory-copy{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.agent-skill-directory-copy strong{color:var(--text);font-size:13px}.agent-skill-directory-copy span,.agent-skill-directory-copy small{color:var(--muted);font-size:11px;line-height:1.45}.agent-skill-directory-copy small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.agent-skill-directory-item button{border:1px solid var(--agent-accent-border,var(--border-strong));background:var(--agent-accent-selected,var(--accent-soft));color:var(--agent-accent,var(--accent));cursor:pointer;border-radius:6px;flex:none;padding:4px 9px;font-size:11px}.agent-skill-directory-item button:hover{background:var(--agent-accent-hover,var(--accent-soft))}.agent-skill-directory-status{color:var(--muted);flex:none;padding-top:3px;font-size:11px}.agent-demo-directory{z-index:30;background:var(--surface,#fff);border:1px solid var(--border-strong,#d9e0ea);border-radius:10px;flex-direction:column;width:min(520px,100% - 24px);max-height:min(72vh,680px);display:flex;position:absolute;top:58px;right:12px;overflow:hidden;box-shadow:0 16px 40px #0f172a29}.agent-demo-list{padding:4px 8px 10px;overflow-y:auto}.agent-demo-item{border-top:1px solid var(--border,#edf0f4);align-items:flex-start;gap:9px;padding:10px 6px;display:flex}.agent-demo-thumb{background:var(--accent-soft,#f1f7f5);width:52px;height:52px;color:var(--accent,#20b889);border-radius:6px;flex:none;place-items:center;display:grid;overflow:hidden}.agent-demo-thumb img{object-fit:cover;width:100%;height:100%}.agent-demo-copy{flex:1;min-width:0}.agent-demo-copy strong{color:var(--text);font-size:12px;line-height:1.35;display:block}.agent-demo-copy p{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:3px 0;font-size:11px;line-height:1.4;display:-webkit-box;overflow:hidden}.agent-demo-copy span{color:var(--muted);font-size:10px}.agent-demo-item>button{border:1px solid var(--agent-accent-border,var(--border-strong));background:var(--agent-accent-selected,var(--accent-soft));color:var(--agent-accent,var(--accent));cursor:pointer;border-radius:6px;flex:none;align-self:center;padding:5px 8px;font-size:11px}.agent-demo-item>button:hover{background:var(--agent-accent-hover,var(--accent-soft))}.agent-demo-error{color:#b42318;padding:16px;font-size:12px}.agent-model-registry{z-index:30;background:var(--surface,#fff);border:1px solid var(--border-strong,#d9e0ea);border-radius:10px;flex-direction:column;width:min(520px,100% - 24px);max-height:min(72vh,680px);display:flex;position:absolute;top:58px;right:12px;overflow:hidden;box-shadow:0 16px 40px #0f172a29}.agent-model-registry-note{color:var(--muted);background:var(--accent-soft,#f1f7f5);flex:none;padding:9px 12px;font-size:11px;line-height:1.45}.agent-model-list{padding:4px 8px 10px;overflow-y:auto}.agent-model-item{border-top:1px solid var(--border,#edf0f4);padding:10px 6px}.agent-model-item-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.agent-model-item-head strong{color:var(--text);font-size:12px}.agent-model-item-head span{color:var(--muted);flex:none;font-size:10px}.agent-model-item p{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin:4px 0;font-size:11px;line-height:1.4;overflow:hidden}.agent-model-fields{flex-wrap:wrap;gap:4px;display:flex}.agent-model-fields span{border:1px solid var(--border,#edf0f4);color:var(--muted);border-radius:4px;padding:3px 5px;font-size:10px}.agent-model-item small{color:var(--muted);margin-top:5px;font-size:10px;display:block}.agent-template-directory{z-index:30;background:var(--surface,#fff);border:1px solid var(--border-strong,#d9e0ea);border-radius:10px;flex-direction:column;width:min(520px,100% - 24px);max-height:min(72vh,680px);display:flex;position:absolute;top:58px;right:12px;overflow:hidden;box-shadow:0 16px 40px #0f172a29}.agent-template-note{color:var(--muted);background:var(--accent-soft,#f1f7f5);flex:none;padding:9px 12px;font-size:11px;line-height:1.45}.agent-template-list{padding:4px 8px 10px;overflow-y:auto}.agent-template-item{border-top:1px solid var(--border,#edf0f4);align-items:flex-start;gap:9px;padding:10px 6px;display:flex}.agent-template-thumb{background:var(--accent-soft,#f1f7f5);width:52px;height:52px;color:var(--accent,#20b889);border-radius:6px;flex:none;place-items:center;display:grid;overflow:hidden}.agent-template-thumb img{object-fit:cover;width:100%;height:100%}.agent-template-copy{flex:1;min-width:0}.agent-template-copy strong{color:var(--text);font-size:12px;line-height:1.35;display:block}.agent-template-copy p{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:3px 0;font-size:11px;line-height:1.4;display:-webkit-box;overflow:hidden}.agent-template-copy span{color:var(--muted);font-size:10px}.agent-template-item>button{border:1px solid var(--agent-accent-border,var(--border-strong));background:var(--agent-accent-selected,var(--accent-soft));color:var(--agent-accent,var(--accent));cursor:pointer;border-radius:6px;flex:none;align-self:center;padding:5px 8px;font-size:11px}.agent-template-item>button:hover{background:var(--agent-accent-hover,var(--accent-soft))}@media (max-width:760px){.agent-skill-directory,.agent-demo-directory,.agent-model-registry,.agent-template-directory{width:calc(100% - 16px);max-height:68vh;top:52px;right:8px}}.agent-composer{border-top:1px solid var(--border);background:var(--surface);padding:12px 20px 10px}.agent-uploaded{align-items:center;gap:8px;margin-bottom:8px;display:flex}.agent-uploaded img{object-fit:cover;border:1px solid var(--border);border-radius:8px;width:48px;height:48px}.agent-uploaded-name{text-overflow:ellipsis;white-space:nowrap;max-width:120px;color:var(--text-secondary);font-size:11px;overflow:hidden}.agent-uploaded-tip{color:var(--muted);font-size:11px}.agent-composer-row{align-items:flex-end;gap:10px;display:flex}.agent-reconnect-bar{color:#7c4a12;background:#fff8ec;border:1px solid #f2d8a0;border-radius:7px;justify-content:space-between;align-items:center;gap:8px;margin:0 0 8px;padding:7px 10px;font-size:12px;display:flex}.agent-reconnect-bar button{color:#9a640f;cursor:pointer;background:#fff;border:1px solid #d99a25;border-radius:6px;flex:none;padding:4px 9px;font-size:11px}.agent-reconnect-bar button:hover{background:#fff1d6}.agent-upload-btn{border:1px solid var(--border-strong);border-radius:var(--radius-md);width:38px;height:38px;color:var(--text-secondary);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:inline-flex}.agent-upload-btn:hover{border-color:var(--brand);color:var(--brand)}.agent-composer-row textarea{resize:none;border:1px solid var(--border-strong);border-radius:var(--radius-md);color:var(--text);background:var(--surface-subtle);outline:none;flex:1;min-height:38px;max-height:120px;padding:9px 12px;font-family:inherit;font-size:13.5px;line-height:1.5}.agent-composer-row textarea:focus{border-color:var(--brand);background:var(--surface)}.agent-send-btn{border-radius:var(--radius-md);background:var(--brand);color:#fff;cursor:pointer;border:none;flex-shrink:0;align-items:center;gap:6px;padding:9px 18px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.agent-send-btn:hover:not(:disabled){background:var(--brand-strong)}.agent-send-btn:disabled{opacity:.45;cursor:not-allowed}.agent-composer-hint{color:var(--muted);margin-top:6px;font-size:11px}.agent-form-panel{border-left:1px solid var(--border);background:var(--surface);padding:16px 16px 24px;overflow-y:auto}.agent-form-title{color:var(--text);align-items:center;gap:6px;margin-bottom:12px;font-size:13px;font-weight:700;display:flex}.agent-form-section-label{color:var(--muted);text-transform:uppercase;letter-spacing:.5px;border-top:1px dashed var(--border);margin:14px 0 8px;padding-top:10px;font-size:11px;font-weight:600}.agent-form-section-label:first-of-type{border-top:none;padding-top:0}.agent-form-field{margin-bottom:12px}.agent-form-field label{color:var(--text-secondary);margin-bottom:5px;font-size:12px;display:block}.agent-form-select{border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface);width:100%;color:var(--text);outline:none;padding:7px 10px;font-family:inherit;font-size:13px}.agent-form-select:focus{border-color:var(--brand)}.agent-form-input{border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface);width:100%;color:var(--text);outline:none;padding:7px 10px;font-family:inherit;font-size:13px}.agent-form-input:focus{border-color:var(--brand)}.agent-form-chips{flex-wrap:wrap;gap:6px;display:flex}.agent-chip{border:1px solid var(--border-strong);background:var(--surface);color:var(--text-secondary);cursor:pointer;border-radius:99px;padding:4px 11px;font-size:12px;transition:all .15s}.agent-chip:hover{border-color:var(--brand)}.agent-chip.is-on{background:var(--brand);border-color:var(--brand);color:#fff}.agent-form-compiled{background:var(--surface-subtle);border:1px dashed var(--border-strong);border-radius:var(--radius-md);margin-top:14px;padding:10px 12px}.agent-form-compiled pre{font-size:11.5px;font-family:var(--font-jakarta), "Cascadia Code", monospace;color:var(--brand-deep);white-space:pre-wrap;word-break:break-all;margin:0;line-height:1.6}.agent-entry-button{border-radius:var(--radius-md);background:linear-gradient(135deg, var(--brand), var(--brand-bright));color:#fff;align-items:center;gap:5px;margin-left:8px;padding:6px 12px;font-size:12.5px;font-weight:600;text-decoration:none;transition:filter .15s;display:inline-flex}.agent-entry-button:hover{filter:brightness(1.08)}@media (max-width:1100px){.agent-shell{grid-template-columns:180px minmax(0,1fr)}.agent-form-panel{display:none}}@media (max-width:760px){.agent-shell{grid-template-columns:1fr}.agent-mode-picker{display:none}}.agent-skill-card{background:var(--agent-bg-elevated,var(--surface-subtle));border:1px solid var(--agent-border-soft,var(--border));border-radius:10px;flex-direction:column;gap:2px;margin:4px 0;padding:8px 12px;display:flex}.agent-skill-card strong{color:var(--text);font-size:13px}.agent-skill-card span{color:var(--muted);font-size:12px}.agent-tool-state{color:var(--muted);align-items:center;gap:8px;padding:4px 2px;font-size:12px;display:flex}.agent-tool-state.is-completed{color:var(--success-strong)}.agent-artifact-card{background:var(--agent-bg-elevated,var(--surface-subtle));border:1px solid var(--agent-border-soft,var(--border));color:var(--text);border-radius:10px;align-items:center;gap:8px;margin:4px 0;padding:8px 12px;font-size:13px;display:flex}.agent-artifact-saved{color:var(--success-strong);margin-left:auto;font-size:12px}.agent-billing-guide{color:#7c4a12;background:#fff8ec;border:1px solid #f2d8a0;border-radius:10px;align-items:center;gap:8px;margin:4px 0;padding:10px 12px;font-size:13px;display:flex}.agent-billing-amount{color:#b45309;font-weight:600}.agent-media-item.is-final{outline:2px solid var(--success-strong);outline-offset:1px;border-radius:8px}.agent-media-item.is-dimmed{opacity:.45}.agent-media-finalize{border:1px solid var(--agent-border-soft,var(--border));background:var(--agent-bg-elevated,var(--surface-subtle));color:var(--text);cursor:pointer;border-radius:6px;margin-top:6px;padding:4px 10px;font-size:12px;display:inline-block}.agent-media-item.is-final .agent-media-finalize{background:var(--success-strong);border-color:var(--success-strong);color:#fff}.agent-media-final-badge{background:var(--success-strong);color:#fff;border-radius:6px;padding:2px 8px;font-size:11px;position:absolute;top:6px;right:6px}.agent-tool-state.is-error{color:#dc2626}.agent-finish-status{border:1px solid color-mix(in srgb, var(--success-strong) 28%, var(--border));background:color-mix(in srgb, var(--success-strong) 8%, var(--surface-subtle));color:var(--success-strong);border-radius:8px;align-items:center;gap:7px;margin:6px 0 2px;padding:7px 10px;font-size:12px;font-weight:600;display:inline-flex}.agent-finish-status.is-wrapper_end{opacity:.82}.agent-spinner{border:2px solid #cbd5e1;border-top-color:var(--accent);border-radius:50%;width:12px;height:12px;animation:.8s linear infinite agent-spin}.agent-option-card{border:1px solid var(--border);background:#fff;border-radius:12px;flex-direction:column;gap:14px;margin:6px 0;padding:14px 16px;display:flex;box-shadow:0 1px 4px #1018280d}.agent-question{flex-direction:column;gap:8px;display:flex}.agent-question-title{color:var(--text);font-size:13px;font-weight:600}.agent-option{border:1px solid var(--border);background:var(--surface-subtle);color:var(--text-secondary);cursor:pointer;text-align:left;border-radius:8px;align-items:center;gap:8px;padding:8px 12px;font-size:13px;transition:all .15s;display:flex}.agent-option:hover{border-color:var(--accent);background:var(--accent-soft)}.agent-option.is-selected{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-strong)}.agent-option:disabled{cursor:default;opacity:.7}.agent-option-dot{border:2px solid #cbd5e1;border-radius:50%;flex-shrink:0;width:14px;height:14px;transition:all .15s}.agent-option-dot.is-on{border-color:var(--accent);background:var(--accent)}.agent-option-input{border:1px solid var(--border);border-radius:8px;outline:none;padding:8px 12px;font-size:13px}.agent-option-input:focus{border-color:var(--accent)}.agent-option-submit{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;align-self:flex-start;padding:8px 20px;font-size:13px;font-weight:600}.agent-option-submit:disabled{cursor:default;background:#c7d0e6}.agent-media-actions{gap:6px;margin-top:6px;display:flex}.agent-media-open,.agent-media-canvas{cursor:pointer;border:1px solid var(--border-strong);background:var(--accent-soft);color:var(--accent-strong);border-radius:7px;padding:5px 12px;font-size:12px}.agent-media-canvas{color:#2e7d32;background:#f4faf2;border-color:#d8e8d0}.agent-plan-card{border:1px solid var(--border-strong);background:#fff;border-radius:12px;flex-direction:column;gap:10px;margin:6px 0;padding:14px 16px;display:flex;box-shadow:0 1px 4px #1018280f}.agent-plan-head{justify-content:space-between;align-items:center;display:flex}.agent-plan-type{color:var(--accent-strong);background:var(--accent-soft);border-radius:6px;padding:3px 10px;font-size:13px;font-weight:700}.agent-plan-ratio,.agent-plan-label{color:var(--muted);font-size:12px}.agent-plan-textarea{border:1px solid var(--border);resize:vertical;border-radius:8px;outline:none;padding:10px 12px;font-family:inherit;font-size:13px;line-height:1.6}.agent-plan-textarea:focus{border-color:var(--accent)}.agent-canvas-dock{border-left:1px solid var(--border);background:#fbfcfe;flex-direction:column;width:300px;min-width:300px;display:flex}.agent-dock-head{border-bottom:1px solid var(--border);color:var(--text);justify-content:space-between;align-items:center;padding:10px 14px;font-size:13px;font-weight:700;display:flex}.agent-dock-actions{gap:6px;display:flex}.agent-dock-actions button{border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;background:#fff;border-radius:6px;padding:4px 10px;font-size:12px}.agent-dock-actions button:hover{border-color:var(--border-strong);color:var(--accent-strong)}.agent-dock-stage{flex:1;justify-content:center;align-items:center;min-height:0;padding:16px;display:flex;position:relative;overflow:hidden}.agent-canvas-progress{z-index:70;background:#fffffff5;border:1px solid #0f172a1a;border-radius:999px;align-items:center;gap:8px;padding:7px 12px;display:flex;position:absolute;top:18px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #0000002e}.agent-canvas-progress-label{text-overflow:ellipsis;white-space:nowrap;max-width:120px;color:var(--text-secondary);font-size:12px;font-weight:600;overflow:hidden}.agent-canvas-progress-bar{background:var(--border);border-radius:99px;width:140px;height:6px;overflow:hidden}.agent-canvas-progress-bar span{background:linear-gradient(90deg, var(--accent) 0%, var(--accent) 60%, var(--accent) 100%);background-size:200% 100%;border-radius:99px;height:100%;animation:1.6s linear infinite agent-shimmer;display:block}.agent-facts-card{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-sm);border-radius:10px;flex-direction:column;gap:12px;padding:16px;display:flex}.agent-facts-head{color:var(--text);justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.agent-facts-head span{color:var(--success);font-size:12px}.agent-facts-card>p{color:var(--muted);margin:-4px 0 0;font-size:12px;line-height:1.6}.agent-facts-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.agent-facts-grid label{color:var(--text-secondary);flex-direction:column;gap:5px;font-size:12px;display:flex}.agent-facts-grid label.is-wide{grid-column:1/-1}.agent-facts-grid input,.agent-facts-grid textarea{box-sizing:border-box;border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text);font:inherit;resize:vertical;border-radius:6px;padding:8px 9px}.agent-facts-grid input:focus,.agent-facts-grid textarea:focus{border-color:var(--brand);outline:2px solid var(--brand-soft)}.agent-facts-analysis{color:var(--muted);font-size:12px}.agent-facts-analysis summary{cursor:pointer}.agent-facts-analysis p{white-space:pre-wrap;line-height:1.6}.agent-canvas-progress-pct{color:var(--accent);text-align:right;min-width:34px;font-size:12px;font-weight:700}.agent-canvas-working{text-align:center;flex-direction:column;align-items:center;gap:10px;max-width:420px;display:flex}.agent-canvas-working-title{color:var(--text);font-size:16px;font-weight:700}.agent-canvas-working-steps{text-align:left;gap:6px;width:min(360px,80vw);margin-top:4px;display:grid}.agent-canvas-working-steps span{border:1px solid var(--border);color:var(--text-secondary);background:#ffffffb8;border-radius:9px;padding:7px 10px;font-size:12px;line-height:1.45;display:block}.agent-dock-empty{color:var(--muted);text-align:center;font-size:12px;line-height:1.8}.agent-media-mark{cursor:pointer;color:#b45309;background:#fffaf0;border:1px solid #f3d9a4;border-radius:7px;padding:5px 12px;font-size:12px}.agent-mark-overlay{z-index:200;background:#0f172ad1;flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex;position:fixed;inset:0}.agent-mark-frame{cursor:crosshair;max-width:70vw;max-height:68vh;position:relative}.agent-mark-frame img{border-radius:10px;max-width:70vw;max-height:68vh;box-shadow:0 12px 40px #00000080}.agent-mark-crosshair-h,.agent-mark-crosshair-v{pointer-events:none;background:#20b889e6;position:absolute}.agent-mark-crosshair-h{height:1px;top:50%;left:0;right:0}.agent-mark-crosshair-v{width:1px;top:0;bottom:0;left:50%}.agent-mark-dot{border:3px solid var(--accent);pointer-events:none;background:#ffffffe6;border-radius:50%;width:18px;height:18px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 3px #ffffff80}.agent-mark-busy{color:#fff;background:#0f172a80;border-radius:10px;justify-content:center;align-items:center;font-size:14px;display:flex;position:absolute;inset:0}.agent-mark-close{color:var(--text);cursor:pointer;background:#fff;border:none;border-radius:8px;padding:8px 24px;font-size:13px}.agent-mark-tip{color:#cbd5e1;font-size:12px}.agent-mark-object{cursor:pointer;background:#20b88914;border:2px solid #20b889d9;border-radius:3px;padding:0;transition:all .15s;position:absolute}.agent-mark-object:hover{background:#ffd1662e;border-color:#ffd166;box-shadow:0 0 0 2px #ffd16666}.agent-mark-object-label{color:#fff;white-space:nowrap;pointer-events:none;background:#0f172ad9;border-radius:4px;padding:2px 8px;font-size:11px;position:absolute;top:-22px;left:0}.agent-sub-agent-card{background:var(--accent-soft);border:1px solid var(--border-strong);border-radius:10px;align-items:center;gap:10px;margin:4px 0;padding:10px 12px;display:flex}.agent-sub-agent-avatar{background:var(--accent);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:15px;font-weight:700;display:flex}.agent-sub-agent-body{flex-direction:column;gap:2px;display:flex}.agent-sub-agent-title{color:var(--text);font-size:13px;font-weight:700}.agent-sub-agent-en{color:var(--muted);margin-left:6px;font-size:11px;font-weight:400}.agent-sub-agent-desc{color:var(--muted);font-size:12px}.agent-lightbox{z-index:200;cursor:zoom-out;background:#0a0e16eb;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.agent-lightbox img{cursor:default;border-radius:8px;max-width:88vw;max-height:84vh;box-shadow:0 20px 60px #00000080}.agent-lightbox-download{background:var(--accent);color:#fff;cursor:pointer;border-radius:999px;padding:8px 20px;font-size:13px;text-decoration:none;position:absolute;bottom:32px;left:50%;transform:translate(-50%)}.agent-lightbox-download:hover{background:var(--accent-strong)}.agent-lightbox-close{color:#fff;cursor:pointer;background:#ffffff1f;border:none;border-radius:50%;width:36px;height:36px;font-size:16px;position:absolute;top:20px;right:24px}.agent-polish-btn{border:1px solid var(--border-strong);background:var(--accent-soft);color:var(--accent);cursor:pointer;white-space:nowrap;border-radius:8px;flex-shrink:0;align-items:center;gap:4px;height:34px;padding:0 12px;font-size:12px;display:inline-flex}.agent-polish-btn:hover:not(:disabled){background:var(--brand-soft,#fff3d6)}.agent-polish-btn:disabled{opacity:.5;cursor:not-allowed}.agent-active-agent{background:var(--accent-soft);border:1px solid var(--border-strong);color:var(--accent);border-radius:999px;align-items:center;gap:7px;padding:5px 14px;font-size:12px;font-weight:600;display:inline-flex}.agent-active-agent-dot{background:var(--accent);border-radius:50%;width:8px;height:8px;animation:1.4s ease-in-out infinite agent-pulse}@keyframes agent-pulse{0%,to{opacity:1}50%{opacity:.35}}.agent-send-btn{background:var(--agent-accent,var(--accent));border:none}.agent-send-btn:hover:not(:disabled){filter:brightness(1.08)}.agent-mode-tab.is-active{background:var(--agent-accent-selected,var(--accent-soft));border-color:var(--agent-accent,var(--accent))!important}.agent-mode-tab.is-active:hover{background:var(--agent-accent-hover,var(--brand-soft,#fff3d6))}.agent-conv-title{color:var(--agent-accent,var(--text))}.agent-polish-btn{border-color:var(--agent-accent-border,var(--border-strong));color:var(--agent-accent,var(--accent))}.agent-active-agent{background:var(--agent-accent-selected,var(--accent-soft));border-color:var(--agent-accent-border,var(--border-strong));color:var(--agent-accent,var(--accent))}.agent-active-agent-dot{background:var(--agent-accent,var(--accent))}.agent-media-cutout{border:1px solid var(--border-strong);color:var(--accent);cursor:pointer;background:#fff;border-radius:999px;padding:4px 10px;font-size:11px}.agent-media-cutout:hover:not(:disabled){background:var(--accent-soft)}.agent-media-cutout:disabled{opacity:.5;cursor:not-allowed}.agent-media-download-all{background:var(--accent-soft);border:1px solid var(--border-strong);color:var(--accent);border-radius:999px;align-items:center;gap:6px;margin-top:10px;padding:7px 16px;font-size:12.5px;font-weight:600;text-decoration:none;display:inline-flex}.agent-media-download-all:hover{background:var(--brand-soft,#fff3d6)}.agent-empty-steps{color:var(--muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin:4px 0 14px;font-size:12.5px;display:flex}.agent-empty-steps span{background:var(--accent-soft);border:1px solid var(--border);border-radius:999px;padding:5px 12px}.agent-empty-steps i{color:#c0c8d6;font-style:normal}.agent-cancel-btn{color:#dc2626;cursor:pointer;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;flex-shrink:0;align-items:center;gap:4px;height:34px;padding:0 12px;font-size:12px;display:inline-flex}.agent-cancel-btn:hover:not(:disabled){background:#fee2e2}.agent-cancel-btn:disabled{opacity:.5;cursor:not-allowed}.agent-tool-bar span{background:linear-gradient(90deg, var(--accent) 0%, var(--brand) 50%, var(--accent) 100%);background-size:200% 100%;animation:1.6s linear infinite agent-shimmer}@keyframes agent-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.agent-plan-preview{border:1px solid var(--agent-accent-border,#7878a059);background:linear-gradient(#ffffff0f,#ffffff05);border-radius:12px;margin:6px 0;padding:12px 14px}.agent-plan-preview-head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.agent-plan-preview-title{font-size:13px;font-weight:600}.agent-plan-preview-list{flex-direction:column;gap:5px;margin:0;padding:0;list-style:none;display:flex}.agent-plan-preview-item{align-items:baseline;gap:10px;font-size:12px;line-height:1.5;display:flex}.agent-plan-preview-slot{color:var(--agent-accent,var(--accent));white-space:nowrap;flex:0 0 74px;font-weight:600}.agent-plan-preview-desc{color:#ffffffc7}.agent-plan-preview-hint{color:#ffffff73;margin-top:8px;font-size:11px}.agent-plan-summary{color:#ffffffd9;background:#20b8891f;border:1px solid #20b88940;border-radius:8px;margin-bottom:8px;padding:8px 10px;font-size:12px;line-height:1.6}.agent-plan-advanced-toggle{color:#fff9;cursor:pointer;background:0 0;border:1px dashed #ffffff40;border-radius:6px;margin-bottom:8px;padding:4px 10px;font-size:11px}.agent-plan-advanced-toggle:hover{color:#fff;border-color:#ffffff73}.agent-suggest-row{flex-wrap:wrap;gap:8px;margin:4px 0;display:flex}.agent-suggest-chip{color:#d8f7eb;cursor:pointer;background:#20b88924;border:1px solid #20b88966;border-radius:999px;align-items:center;gap:6px;margin:0;padding:6px 12px;font-size:12px;transition:background .15s;display:inline-flex}.agent-suggest-chip:hover{color:#fff;background:#20b88947}.agent-option-rec{background:linear-gradient(135deg, var(--accent), var(--accent));color:#fff;vertical-align:middle;border-radius:999px;flex:none;margin-left:8px;padding:2px 6px;font-size:10px;font-weight:600;line-height:1}.agent-uploaded-item{display:inline-block;position:relative}.agent-uploaded-item img{object-fit:cover;border:1px solid #fff3;border-radius:8px;width:44px;height:44px}.agent-uploaded-remove{color:#fff;cursor:pointer;background:#e5484d;border:none;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:11px;line-height:1;display:flex;position:absolute;top:-6px;right:-6px}.agent-mark-footer{align-items:center;gap:10px;margin-top:10px;padding:0 2px;display:flex}.agent-mark-count{color:#ffffffb3;flex:1;font-size:12px}.agent-mark-done{background:linear-gradient(135deg, var(--accent), var(--accent));color:#fff;cursor:pointer;border:none;border-radius:8px;padding:7px 14px;font-size:12px}.agent-mark-done:disabled{opacity:.4;cursor:not-allowed}.agent-mark-pending{color:var(--text-secondary);background:#20b8891a;border:1px solid #20b88959;border-radius:8px;align-items:center;gap:8px;margin-bottom:8px;padding:6px 10px;font-size:12px;display:flex}.agent-mark-pending button{color:#c2410c;cursor:pointer;background:0 0;border:none;margin-left:auto;font-size:12px}.agent-tool-state-icon{margin-right:6px}.agent-tool-param{color:#ffffff80;margin-top:4px;font-size:11px}.agent-media-download{color:#ffffffd9;background:#ffffff14;border:1px solid #ffffff26;border-radius:6px;align-items:center;gap:4px;padding:3px 8px;font-size:11px;text-decoration:none;display:inline-flex}.agent-media-download:hover{color:#fff;background:#ffffff29}.agent-media-split{color:#bff3df;cursor:pointer;background:#20b88924;border:1px solid #20b88966;border-radius:6px;align-items:center;gap:4px;padding:3px 8px;font-size:11px;display:inline-flex}.agent-media-split:hover{color:#fff;background:#20b88947}.agent-artifact-open{background:linear-gradient(135deg, var(--accent), var(--accent));color:#fff;cursor:pointer;border:none;border-radius:6px;align-items:center;margin-left:8px;padding:4px 10px;font-size:11px;display:inline-flex}.agent-artifact-open:hover{opacity:.88}.agent-shell.is-canvas-open{grid-template-columns:220px minmax(0,1fr) 400px}.agent-canvas-panel{background:#0a0a1280;border-left:1px solid #ffffff14;flex-direction:column;min-height:0;display:flex}@media (max-width:1100px){.agent-shell.is-canvas-open{grid-template-columns:180px minmax(0,1fr) 340px}}@media (max-width:760px){.agent-shell.is-canvas-open{grid-template-columns:1fr}.agent-canvas-panel{border-bottom:1px solid #ffffff14;border-left:none;grid-row:1}}.agent-canvas-panel .agent-dock-head{color:#ffffffe6;background:0 0;border-bottom:1px solid #ffffff14}.agent-canvas-panel .agent-dock-actions button{color:#ffffffd9;background:#ffffff14;border:1px solid #ffffff26}.agent-canvas-panel .agent-dock-actions button:hover{color:#fff;background:#20b88933;border-color:#20b88999}.agent-canvas-panel .agent-dock-empty{color:#ffffff73}.agent-shell{grid-template-columns:180px 340px minmax(0,1fr)}.agent-canvas-empty{color:#fff6;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;height:100%;padding:24px;font-size:13px;display:flex}.agent-canvas-empty-icon{font-size:34px}.agent-canvas-empty-art{width:min(320px,70%);margin:0 auto 8px;display:block}.agent-canvas-empty-art img{background:#fff;border-radius:14px;width:100%;height:auto;display:block;box-shadow:0 6px 24px #18212b1a}.agent-canvas-empty-sub{color:#ffffff47;font-size:11px;line-height:1.6}.agent-shell.is-canvas-mode .agent-canvas-empty{color:var(--text-secondary)}.agent-shell.is-canvas-mode .agent-canvas-empty-sub{color:var(--muted)}.agent-canvas-panel .agent-dock-actions button:disabled{opacity:.4;cursor:not-allowed}@media (max-width:1100px){.agent-shell{grid-template-columns:160px 300px minmax(0,1fr)}}@media (max-width:900px){.agent-shell{grid-template-rows:minmax(0,1fr) minmax(0,42vh);overflow:hidden;grid-template-columns:1fr!important;height:100vh!important}.agent-shell>.agent-canvas-panel{border-top:1px solid #ffffff14;border-left:none;order:-1;min-height:0}.agent-shell>.agent-mode-picker{display:none}.agent-shell>.agent-conversation{height:auto;min-height:0;display:flex!important}}.agent-lock-card{background:linear-gradient(#20b8891a,#20b88908);border:1px solid #20b88959;border-radius:10px;margin:6px 0;padding:10px 12px;font-size:12px}.agent-lock-title{color:#ffffffe6;margin-bottom:6px;font-weight:600}.agent-lock-grid{flex-wrap:wrap;gap:4px 14px;line-height:1.7;display:flex}.agent-lock-item b{color:#ffffffeb;font-weight:600}.agent-quick-actions{flex-wrap:wrap;gap:8px;margin-bottom:8px;display:flex}.agent-quick-action{color:#d8f7eb;cursor:pointer;background:#20b88924;border:1px solid #20b88966;border-radius:999px;padding:5px 12px;font-size:12px}.agent-quick-action:hover{color:#fff;background:#20b88947}.agent-shell{height:100vh;min-height:0;overflow:hidden}.agent-conversation{min-height:0;position:relative}.agent-conv-body{min-height:0}.agent-composer{flex-shrink:0}.agent-mode-picker{min-height:0}.agent-mode-item-name,.agent-mode-item-sub{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.agent-canvas-panel{min-height:0;position:relative;overflow:hidden}.agent-chat-resizer{cursor:col-resize;z-index:6;background:0 0;width:4px;height:100%;position:absolute;top:0;right:0}.agent-chat-resizer:hover,.agent-chat-resizer.is-dragging{background:#20b88959}body.agent-resizing{cursor:col-resize;-webkit-user-select:none;user-select:none}@media (max-width:900px){.agent-shell{grid-template-rows:minmax(0,1fr) minmax(0,42vh);overflow:hidden;grid-template-columns:1fr!important;height:100vh!important}.agent-shell>.agent-canvas-panel{border-top:1px solid #ffffff14;border-left:none;order:-1;min-height:0}.agent-shell>.agent-mode-picker{display:none}.agent-shell>.agent-conversation{height:auto;min-height:0;display:flex!important}.agent-chat-resizer{display:none}}.agent-task-card{background:#ffffff0a;border:1px solid #ffffff1f;border-radius:10px;margin:4px 0;padding:10px 12px}.agent-task-card.is-completed{background:#52c41a0f;border-color:#52c41a59}.agent-task-head{align-items:center;gap:10px;display:flex}.agent-task-body{flex:1;min-width:0}.agent-task-title{color:#ffffffeb;font-size:13px;font-weight:600}.agent-task-status{color:#ffffff8c;margin-top:2px;font-size:11px}.agent-task-card.is-completed .agent-task-status{color:#52c41ad9}.agent-task-previews{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.agent-task-previews img{object-fit:cover;border:1px solid #ffffff26;border-radius:6px;width:56px;height:56px}.agent-task-summary{color:#fff9;border-top:1px dashed #ffffff1f;margin-top:8px;padding-top:6px;font-size:11px;line-height:1.6}.agent-polish-mask{z-index:60;background:#0000008c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.agent-polish-modal{background:#1b1b28;border:1px solid #20b88966;border-radius:12px;width:min(520px,90vw);padding:16px;box-shadow:0 12px 40px #00000080}.agent-polish-title{color:#ffffffeb;margin-bottom:10px;font-size:14px;font-weight:600}.agent-polish-text{resize:vertical;color:#ffffffe6;background:#ffffff0f;border:1px solid #ffffff26;border-radius:8px;width:100%;padding:10px 12px;font-family:inherit;font-size:13px;line-height:1.7}.agent-polish-actions{justify-content:flex-end;gap:8px;margin-top:12px;display:flex}.agent-polish-btn2{color:#ffffffd9;cursor:pointer;background:#ffffff14;border:1px solid #ffffff2e;border-radius:8px;padding:7px 14px;font-size:12px}.agent-polish-btn2:disabled{opacity:.5;cursor:not-allowed}.agent-polish-confirm{background:linear-gradient(135deg, var(--accent), var(--accent));color:#fff;cursor:pointer;border:none;border-radius:8px;padding:7px 16px;font-size:12px;font-weight:600}.product-description-actions{gap:8px;display:flex}.detail-ai-help{margin-left:8px}.canvas-context-toolbar{z-index:30;white-space:nowrap;background:#0c0c14eb;border:1px solid #20b88980;border-radius:8px;align-items:center;gap:2px;padding:4px 6px;font-size:12px;display:flex;position:absolute;box-shadow:0 6px 20px #00000073}.cct-identity{color:#bff3df;border-right:1px solid #ffffff26;margin-right:4px;padding:0 8px 0 4px;font-weight:600}.cct-btn{color:#ffffffe6;cursor:pointer;background:0 0;border:none;border-radius:5px;padding:4px 8px;font-size:12px}.cct-btn:hover{background:#20b8894d}.cct-btn:disabled{opacity:.4;cursor:not-allowed}.detail-module-preview{background:var(--surface-subtle,#20b8890f);border:1px solid var(--border,#20b88933);border-radius:8px;margin:10px 0 6px;padding:8px 10px;font-size:12px}.detail-module-preview-label{color:var(--muted,var(--muted));font-weight:600}.detail-module-preview-list{flex-wrap:wrap;gap:4px 8px;margin-top:6px;display:flex}.detail-module-preview-item{color:#ffffffd9;background:#20b8891f;border-radius:999px;padding:2px 8px;font-size:11px}.detail-strategy{font-size:12px}.detail-strategy-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.detail-strategy-hint{color:var(--muted,var(--muted))}.detail-strategy-btn{color:#d8f7eb;cursor:pointer;background:#20b88924;border:1px solid #20b88966;border-radius:6px;padding:4px 10px;font-size:12px}.detail-strategy-btn:hover{color:#fff;background:#20b88947}.detail-strategy-btn:disabled{opacity:.4;cursor:not-allowed}.detail-strategy-body{flex-direction:column;gap:6px;display:flex}.detail-strategy-row{gap:8px;line-height:1.6;display:flex}.detail-strategy-row b{color:#bff3df;flex:0 0 56px;font-weight:600}.detail-strategy-row span{color:#ffffffd9}.home-hero-input{background:#ffffff12;border:1px solid #20b88959;border-radius:12px;align-items:flex-end;gap:8px;max-width:520px;margin-top:18px;padding:8px 10px;display:flex}.home-hero-input textarea{resize:none;color:#ffffffe6;background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:13px;line-height:1.6}.home-hero-input textarea::placeholder{color:#fff6}.home-hero-input-send{background:linear-gradient(135deg, var(--brand), var(--brand-strong));color:#fff;cursor:pointer;border:none;border-radius:9px;flex:none;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.home-hero-input-send:disabled{opacity:.4;cursor:not-allowed}.home-hero-pills{flex-wrap:wrap;gap:8px;max-width:560px;margin-top:14px;display:flex}.home-hero-pill{cursor:pointer;color:#ffffffe0;text-align:left;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:10px;flex-direction:column;align-items:flex-start;gap:2px;padding:8px 12px;display:flex}.home-hero-pill:hover{background:#20b88929;border-color:#20b88966}.home-hero-pill strong{font-size:13px;font-weight:600}.home-hero-pill small{color:#ffffff73;font-size:11px}.agent-empty-title{font-size:17px}.agent-empty-subtitle{color:#ffffff85;margin-top:-6px;font-size:13px}.agent-skill-presets{flex-wrap:wrap;justify-content:center;gap:8px;margin:4px 0 12px;display:flex}.agent-skill-presets button{color:#d8f7eb;cursor:pointer;background:#20b8891f;border:1px solid #20b88966;border-radius:999px;padding:6px 12px;font-size:12px}.agent-skill-presets button:hover{color:#fff;background:#20b8893d}.agent-suggest-shuffle{color:#ffffff8c!important;background:0 0!important;border:1px dashed #fff3!important}.agent-suggest-shuffle:hover{color:#fff!important;border-color:#20b88999!important}.agent-composer{transition:box-shadow .15s,border-color .15s,background .15s;position:relative}.agent-composer.is-drop{background:#20b8890f;box-shadow:0 0 0 3px #20b8892e,0 12px 32px #20b8892e;border-color:#20b889d9!important}.agent-composer.is-drop:after{content:"松手把画布图片加入对话上下文";color:#bff3df;pointer-events:none;border-radius:inherit;z-index:5;background:#0f0f1cb3;border:2px dashed #20b88980;justify-content:center;align-items:center;font-size:13px;font-weight:600;display:flex;position:absolute;inset:0}.agent-drag-hint{z-index:220;color:#ffffffeb;pointer-events:none;white-space:nowrap;background:#0f0f1ce6;border:1px solid #20b88980;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;display:flex;position:fixed;box-shadow:0 10px 30px #00000059}.agent-drag-hint-dot{background:var(--accent);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #20b88940}.canvas-context-toolbar{background:#fffffff5;border:1px solid #0f172a1a;border-radius:999px;gap:6px;padding:5px;box-shadow:0 10px 30px #00000038}.canvas-context-toolbar .cct-identity{color:var(--text-secondary);border-right:1px solid #0f172a1f;margin-right:2px;padding-right:9px}.canvas-context-toolbar .cct-btn{color:var(--text);background:#0f172a0d;border-radius:999px;padding:5px 10px;font-weight:500}.canvas-context-toolbar .cct-btn:hover{background:var(--accent-soft);color:var(--accent)}.canvas-context-toolbar .cct-btn:disabled{opacity:.35}.agent-shell.is-canvas-mode{position:relative;overflow:hidden}.agent-canvas-main{z-index:1;position:absolute;inset:0}.agent-shell.is-canvas-mode>.agent-mode-picker{display:none}.agent-shell.is-canvas-mode>.agent-conversation{z-index:30;border:1px solid #ffffff24;border-radius:16px;width:400px;max-width:calc(100vw - 32px);height:min(720px,100vh - 32px);position:absolute;overflow:hidden;box-shadow:0 18px 50px #00000061}.agent-shell.is-canvas-mode>.agent-conversation>.agent-conv-head{cursor:move;-webkit-user-select:none;user-select:none;touch-action:none}.agent-shell.is-canvas-mode>.agent-conversation.is-minimized{display:none!important}.agent-chat-minimize{padding:4px 8px;background:#ffffff0f!important;border-color:#ffffff29!important}.agent-chat-bubble{z-index:80;background:linear-gradient(135deg, var(--brand) 0%, var(--brand-strong) 100%);color:#fff;cursor:pointer;border:1px solid #ffffff2e;border-radius:999px;align-items:center;gap:8px;padding:11px 16px;font-size:13px;font-weight:600;display:flex;position:fixed;bottom:22px;right:22px;box-shadow:0 12px 30px #8a5a0059}.agent-chat-bubble:hover{transform:translateY(-1px)}@media (max-width:680px){.agent-shell.is-canvas-mode>.agent-conversation{width:auto;max-width:none;height:46vh;bottom:12px;right:12px;top:auto!important;left:12px!important}.agent-shell.is-canvas-mode>.agent-conversation>.agent-conv-head{cursor:grab}}.agent-shell.is-canvas-mode>.agent-conversation>.agent-chat-resizer{display:none}.agent-chat-resize-bottom{cursor:ns-resize;z-index:5;height:7px;position:absolute;bottom:0;left:0;right:0}.agent-chat-resize-corner{cursor:nwse-resize;z-index:6;border-bottom-right-radius:14px;width:16px;height:16px;position:absolute;bottom:0;right:0}.agent-shell.is-chat-minimized>.agent-canvas-main{pointer-events:auto}.agent-canvas-panel .agent-dock-stage{padding:0;position:relative}.agent-canvas-panel .canvas-shell.is-embedded{border-radius:0;height:100%;min-height:0}@keyframes agent-float-in{0%{opacity:0;transform:translateY(-4px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.agent-shell.is-canvas-mode>.agent-conversation.is-floating{animation:.18s ease-out agent-float-in}.agent-shell.is-canvas-mode>.agent-conversation.is-floating.is-snapped-left{box-shadow:0 18px 50px #00000061,-3px 0 #20b889d9}.agent-shell.is-canvas-mode>.agent-conversation.is-floating.is-snapped-right{box-shadow:0 18px 50px #00000061,3px 0 #20b889d9}@keyframes agent-bubble-pop{0%{opacity:0;transform:translateY(6px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.agent-chat-bubble{animation:.16s ease-out agent-bubble-pop}.agent-empty{max-width:560px;padding:48px 24px}.agent-empty-title{color:var(--text);font-size:19px;line-height:1.35}.agent-empty-subtitle{color:var(--muted);line-height:1.7}.agent-empty-steps{margin:16px 0 12px}.agent-empty-steps span{background:var(--surface-subtle);border-color:var(--border);color:var(--text-secondary)}.agent-empty-upload{border-radius:var(--radius-md);background:var(--brand);color:#18212b;min-height:40px;font:inherit;cursor:pointer;border:0;align-items:center;gap:7px;padding:0 16px;font-size:13px;font-weight:700;display:inline-flex}.agent-empty-upload:hover{background:var(--brand-bright)}.agent-empty-note{color:var(--muted);margin-top:10px;font-size:12px}.agent-skill-presets button{border-color:var(--border-strong);background:var(--surface);color:var(--text-secondary)}.agent-skill-presets button:hover{background:var(--brand-soft);border-color:var(--brand);color:var(--text)}.agent-lock-card,.agent-plan-preview,.agent-plan-card{border-color:var(--border);background:var(--surface);box-shadow:var(--shadow-sm)}.agent-lock-card{padding:14px 16px}.agent-lock-title,.agent-plan-preview-title{color:var(--text)}.agent-lock-caption{color:var(--muted);margin:4px 0 10px;font-size:12px;line-height:1.6}.agent-lock-item{color:var(--text-secondary)}.agent-lock-item b{color:var(--text)}.agent-plan-kicker{color:var(--muted);margin-bottom:3px;font-size:11px}.agent-plan-preview-desc,.agent-plan-preview-hint,.agent-plan-summary{color:var(--text-secondary)}.agent-plan-summary{background:var(--accent-soft);border-color:var(--accent)}.agent-plan-advanced-toggle{border-color:var(--border-strong);color:var(--text-secondary)}.agent-plan-advanced-toggle:hover{border-color:var(--brand);color:var(--text)}.agent-tool-card{min-width:min(100%,320px)}.agent-media-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:10px;display:flex}.agent-media-meta{color:var(--muted);margin-top:3px;font-size:11px}.agent-result-status{border:1px solid var(--accent);color:var(--accent-strong);background:var(--accent-soft);border-radius:999px;flex:none;padding:3px 8px;font-size:11px}@media (max-width:680px){.agent-empty{padding:30px 12px}.agent-empty-title{font-size:19px}.agent-facts-grid{grid-template-columns:1fr}.agent-facts-grid label.is-wide{grid-column:auto}.agent-empty-steps{gap:5px}.agent-empty-steps span{padding:5px 8px;font-size:11px}.agent-media-head{flex-direction:column;gap:6px}.agent-composer{padding:10px 12px 8px}.agent-asset-btn,.agent-polish-btn{display:none}.agent-composer-row{gap:8px}.agent-composer-row textarea{min-width:0}.agent-send-btn{padding-inline:13px}}@media (max-width:900px){.agent-shell:not(.is-canvas-mode){grid-template-rows:minmax(0,1fr)!important}.agent-shell:not(.is-canvas-mode)>.agent-canvas-panel{display:none}}.agent-shell:not(.is-canvas-mode){grid-template-columns:minmax(320px,26vw) minmax(0,1fr)}.agent-shell:not(.is-canvas-mode)>.agent-conversation{border-right:1px solid var(--border)}.agent-shell:not(.is-canvas-mode)>.agent-canvas-panel{background:var(--bg);border-left:0}.agent-shell:not(.is-canvas-mode) .agent-canvas-panel .agent-dock-head{color:var(--text);background:var(--surface);border-bottom:1px solid var(--border)}.agent-shell:not(.is-canvas-mode) .agent-canvas-panel .agent-dock-actions button{color:var(--text-secondary);background:var(--surface);border-color:var(--border-strong)}.agent-shell:not(.is-canvas-mode) .agent-canvas-panel .agent-dock-actions button:hover{color:var(--accent-strong);background:var(--accent-soft);border-color:var(--accent)}.agent-empty{max-width:430px}.agent-empty-steps{gap:8px}.agent-empty-steps span{align-items:center;min-height:28px;display:inline-flex}.agent-canvas-empty-icon{color:var(--accent);justify-content:center;align-items:center;display:inline-flex}.agent-canvas-empty-title{color:var(--text);margin-top:10px;font-size:15px;font-weight:650}.agent-canvas-empty-actions{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:18px;display:flex}.agent-canvas-empty-actions button{border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface);min-height:34px;color:var(--text-secondary);font:inherit;cursor:pointer;align-items:center;gap:6px;padding:0 12px;font-size:12px;display:inline-flex}.agent-canvas-empty-actions button:first-child{border-color:var(--brand);background:var(--brand);color:#18212b;font-weight:650}.agent-canvas-empty-actions button:hover{border-color:var(--accent);color:var(--text)}.agent-canvas-empty-actions button:first-child:hover{background:var(--brand-bright);color:#18212b}.agent-composer-hint{line-height:1.5}@media (max-width:900px){.agent-shell:not(.is-canvas-mode){grid-template-rows:minmax(0,1fr)!important;grid-template-columns:1fr!important}.agent-shell:not(.is-canvas-mode)>.agent-conversation{border-right:0}.agent-conv-head{padding:10px 12px}.agent-conv-brand{flex:100%;min-width:0}.agent-conv-actions{-webkit-overflow-scrolling:touch;scrollbar-width:thin;flex-wrap:nowrap;max-width:100%;padding-bottom:2px;position:relative;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#000 0 calc(100% - 28px),#0000 100%);mask-image:linear-gradient(90deg,#000 0 calc(100% - 28px),#0000 100%)}.agent-conv-sub{margin-top:2px;margin-left:0;display:block}}.agent-more{position:relative}.agent-more-menu{z-index:60;background:var(--surface,#fff);border:1px solid var(--border);min-width:190px;box-shadow:var(--shadow-lg);border-radius:12px;flex-direction:column;gap:2px;padding:6px;display:flex;position:absolute;top:calc(100% + 6px);right:0}.agent-more-item{width:100%;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;padding:8px 10px;font-size:13px;text-decoration:none;display:flex}.agent-more-item:hover{background:var(--brand-soft);color:var(--brand-strong)}.agent-more-divider{background:var(--border);height:1px;margin:4px 6px}.agent-more-label{color:var(--muted);padding:6px 10px 2px;font-size:11px;font-weight:700}.agent-mobile-tabs{display:none}.agent-msg.ui-focus-card{border-radius:var(--radius-md)}.agent-msg.ui-focus-card:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.agent-message-skeleton{align-items:flex-start;gap:10px;max-width:76%;padding:2px 0;display:flex}.agent-skeleton-avatar{border-radius:50%;flex:none;width:28px;height:28px}.agent-skeleton-lines{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-subtle);gap:8px;width:min(280px,100%);padding:12px 14px;display:grid}.agent-skeleton-lines>span{border-radius:var(--radius-pill);height:9px;display:block}.agent-skeleton-lines>span:first-child{width:88%}.agent-skeleton-lines>span:nth-child(2){width:68%}.agent-skeleton-lines>span.is-short{width:42%}.agent-send-btn.is-loading{box-shadow:0 0 0 3px color-mix(in srgb, var(--brand) 20%, transparent)}.agent-send-spinner{border:2px solid #ffffff6b;border-top-color:currentColor;border-radius:50%;width:15px;height:15px;animation:.8s linear infinite agent-spin}.agent-empty-workbench-prompt{border-top:1px solid var(--border);color:var(--muted);justify-items:center;gap:8px;margin-top:22px;padding-top:16px;font-size:12px;display:grid}.agent-empty-workbench-prompt button{border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface);min-height:34px;color:var(--brand-strong);cursor:pointer;align-items:center;gap:6px;padding:0 12px;font-weight:650;display:inline-flex}.agent-empty-workbench-prompt button:hover{border-color:var(--brand);background:var(--brand-soft)}@media (max-width:900px){.agent-shell:not(.is-canvas-mode){grid-template-rows:minmax(0,1fr);padding-top:46px;position:relative}.agent-mobile-tabs{z-index:45;border-bottom:1px solid var(--border);background:var(--surface);grid-template-columns:1fr 1fr;height:46px;display:grid;position:absolute;top:0;left:0;right:0}.agent-mobile-tabs button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;justify-content:center;align-items:center;gap:6px;font-size:12px;font-weight:700;display:inline-flex}.agent-mobile-tabs button.is-active{border-bottom-color:var(--brand);color:var(--brand-strong);background:var(--brand-soft)}.agent-shell:not(.is-canvas-mode).agent-mobile-view-chat>.agent-canvas-panel,.agent-shell:not(.is-canvas-mode).agent-mobile-view-canvas>.agent-conversation{display:none!important}.agent-shell:not(.is-canvas-mode).agent-mobile-view-canvas>.agent-canvas-panel{border-top:0;min-height:0;display:flex!important}.agent-shell:not(.is-canvas-mode).agent-mobile-view-canvas{grid-template-rows:minmax(0,1fr)}.agent-shell:not(.is-canvas-mode).agent-mobile-view-canvas>.agent-canvas-panel .agent-dock-stage{min-height:0}}@media (max-width:680px){.agent-message-skeleton{max-width:88%}.agent-empty-workbench-prompt{margin-top:16px}}
.home-page{max-width:1200px;margin:0 auto;padding:0 32px 48px}.home-nav{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;height:64px;display:flex}.home-nav-brand{align-items:center;gap:10px;display:flex}.home-nav-logo{object-fit:contain;width:30px;height:30px;box-shadow:var(--shadow-sm);border-radius:9px;flex:none;display:block}.home-nav-name{letter-spacing:.02em;font-size:15px;font-weight:700}.home-nav-tag{color:var(--brand-strong);background:var(--brand-soft);border:1px solid var(--border);border-radius:99px;padding:2px 8px;font-size:11px}.home-nav-links{gap:6px;display:flex}.home-nav-links a{border-radius:var(--radius-md);color:var(--text-secondary);transition:all .18s var(--ease-out);align-items:center;gap:6px;padding:7px 14px;font-size:13px;font-weight:500;text-decoration:none;display:inline-flex}.home-nav-links a:hover{background:var(--brand-soft);color:var(--brand-strong)}.home-hero{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;gap:48px;padding:72px 0 56px;display:grid;position:relative;overflow:hidden}.home-hero:before{content:"";filter:blur(14px);pointer-events:none;z-index:0;background:radial-gradient(circle at 30% 35%,#ffb52e33 0%,#ffb52e0f 38%,#0000 62%),radial-gradient(circle at 68% 62%,#20b88929 0%,#20b8890d 40%,#0000 64%);border-radius:50%;width:620px;height:620px;position:absolute;top:-140px;right:-120px}.home-hero:after{content:"";filter:blur(18px);pointer-events:none;z-index:0;background:radial-gradient(circle,#ffc7661a 0%,#0000 60%);border-radius:50%;width:420px;height:420px;position:absolute;bottom:-160px;left:8%}.home-hero>*{z-index:1;position:relative}.home-hero-copy{min-width:0}.home-hero-eyebrow{letter-spacing:.22em;text-transform:uppercase;color:var(--brand);animation:home-fade-up .6s var(--ease-out) both;margin-bottom:14px;font-size:11px;font-weight:600}.home-hero-title{letter-spacing:-.02em;color:var(--text);animation:home-fade-up .6s 60ms var(--ease-out) both;margin:0 0 18px;font-size:clamp(34px,4.6vw,52px);font-weight:700;line-height:1.14}.home-hero-title .is-em{color:var(--brand);white-space:nowrap;position:relative}.home-hero-title .is-em:after{content:"";z-index:-1;background:linear-gradient(90deg,#ffb52e2e,#c9963e38);border-radius:4px;height:10px;position:absolute;bottom:2px;left:0;right:0}.home-hero-sub{color:var(--text-secondary);max-width:44ch;animation:home-fade-up .6s .12s var(--ease-out) both;margin:0 0 26px;font-size:15px;line-height:1.7}.home-hero-input{border:1px solid var(--border-strong,#c9d4e3);background:#fff;box-shadow:0 8px 22px #1018280f}.home-hero-input textarea{color:var(--text,var(--text))}.home-hero-input textarea::placeholder{color:var(--muted,var(--muted))}.home-hero-pill{border:1px solid var(--border-strong,#c9d4e3);color:var(--text,var(--text));background:#fff;box-shadow:0 2px 8px #1018280a}.home-hero-pill:hover{background:var(--brand-soft,#fff3d6);border-color:var(--brand,#ffb52e)}.home-hero-pill strong{color:var(--text,var(--text))}.home-hero-pill small{color:var(--muted,var(--muted))}.home-hero-actions{animation:home-fade-up .6s .18s var(--ease-out) both;gap:12px;display:flex}.home-hero-cta{background:linear-gradient(135deg, var(--brand), var(--brand-bright));color:#fff;cursor:pointer;transition:all .18s var(--ease-out);box-shadow:0 6px 18px var(--brand-glow);border:none;border-radius:10px;align-items:center;gap:7px;padding:11px 22px;font-size:14px;font-weight:600;display:inline-flex}.home-hero-cta:hover{box-shadow:0 8px 22px var(--brand-glow);transform:translateY(-1px)}.home-hero-cta:active{transform:translateY(0)scale(.99)}.home-hero-cta.is-ghost{background:var(--surface);color:var(--brand-strong);border:1px solid var(--border-strong);box-shadow:none}.home-hero-cta.is-ghost:hover{border-color:var(--brand);background:var(--brand-soft)}.home-hero-entries{animation:home-fade-up .7s .16s var(--ease-out) both;grid-template-columns:1.25fr .75fr;align-items:stretch;gap:16px;display:grid}.home-entry-card{background:var(--surface);border:1px solid var(--border);color:inherit;transition:all .22s var(--ease-out);cursor:pointer;border-radius:18px;flex-direction:column;padding:18px;text-decoration:none;display:flex;box-shadow:0 1px 2px #0a2d240a}.home-entry-card:hover{border-color:var(--border-strong);transform:translateY(-3px);box-shadow:0 12px 30px #0a2d241a}.home-entry-card.is-agent{border-top:3px solid var(--brand)}.home-entry-card.is-studio{border-top:3px solid var(--gold)}.home-entry-card.is-agent:hover{border-top-color:var(--brand)}.home-entry-card.is-studio:hover{border-top-color:var(--gold)}.home-entry-head{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.home-entry-badge{color:var(--text);align-items:center;gap:6px;font-size:13px;font-weight:700;display:inline-flex}.home-entry-arrow{color:var(--muted);transition:transform .18s var(--ease-out);display:inline-flex}.home-entry-card:hover .home-entry-arrow{color:var(--brand);transform:translate(3px)}.home-entry-preview{border-radius:12px;overflow:hidden}.agent-preview{background:var(--surface-subtle);border:1px solid var(--border);flex-direction:column;flex:1;gap:8px;padding:12px;display:flex}.agent-preview-msg{border-radius:9px;padding:7px 10px;font-size:12px;line-height:1.5}.agent-preview-msg.is-user{background:var(--brand);color:#fff;border-bottom-right-radius:3px;align-self:flex-end;max-width:85%}.agent-preview-msg.is-assistant{background:var(--surface);border:1px solid var(--border);border-bottom-left-radius:3px;flex-direction:column;gap:6px;display:flex}.agent-preview-think{color:var(--text-secondary)}.agent-preview-tool{color:var(--brand-strong);background:var(--brand-soft);border-radius:7px;align-items:center;gap:6px;padding:5px 8px;font-size:11px;display:flex}.agent-preview-tool-spin{border:2px solid var(--brand-soft);border-top-color:var(--brand);border-radius:50%;width:10px;height:10px;animation:.9s linear infinite home-spin}.agent-preview-images{grid-template-columns:1fr 1fr;gap:6px;display:grid}.agent-preview-images img{aspect-ratio:1;object-fit:cover;border:1px solid var(--border);border-radius:7px;width:100%}.studio-preview{background:var(--surface-subtle);border:1px solid var(--border);flex-direction:column;flex:1;gap:10px;padding:12px;display:flex}.studio-preview-strip{flex-wrap:wrap;gap:4px;display:flex}.studio-preview-slot{color:var(--muted);border:1px solid var(--border);border-radius:99px;padding:2px 7px;font-size:10px}.studio-preview-slot.is-on{color:#fff;background:var(--brand);border-color:var(--brand)}.studio-preview-grid{flex:1;grid-template-columns:1fr 1fr;gap:6px;display:grid}.studio-preview-grid img{aspect-ratio:1;object-fit:cover;border:1px solid var(--border);border-radius:7px;width:100%}.studio-preview-cell{aspect-ratio:1;border:1px dashed var(--border-strong);color:var(--muted);border-radius:7px;justify-content:center;align-items:center;display:flex}.studio-preview-status{color:var(--brand-strong);align-items:center;gap:5px;font-size:11px;display:flex}.home-entry-foot{flex-direction:column;gap:8px;margin-top:14px;display:flex}.home-entry-desc{color:var(--text-secondary);font-size:12.5px;line-height:1.6}.home-entry-cta{color:var(--brand);align-items:center;gap:4px;font-size:13px;font-weight:600;display:inline-flex}.home-tools{padding:8px 0}.home-tools-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px;display:grid}.home-tool-card{border:1px solid var(--border);cursor:pointer;text-align:left;background:#fff;border-radius:14px;align-items:center;gap:12px;padding:16px 14px;transition:border-color .15s,box-shadow .15s,transform .15s;display:flex}.home-tool-card:hover{border-color:var(--brand);transform:translateY(-2px);box-shadow:0 8px 24px #ffb52e24}.home-tool-icon{width:38px;height:38px;color:var(--brand);background:linear-gradient(135deg,#ffb52e29,#ffc7661a);border-radius:10px;flex:none;justify-content:center;align-items:center;display:flex}.home-tool-body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.home-tool-body strong{color:var(--text);font-size:14px}.home-tool-body small{color:var(--muted);font-size:12px}.home-tool-arrow{color:var(--muted);transition:transform .15s,color .15s}.home-tool-card:hover .home-tool-arrow{color:var(--brand);transform:translate(3px)}@media (max-width:900px){.home-tools-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.home-tools-grid{grid-template-columns:1fr}}.home-recent{padding:40px 0 8px}.home-section-head{justify-content:space-between;align-items:baseline;margin-bottom:18px;display:flex}.home-section-title{margin:0;font-size:18px;font-weight:700}.home-section-more{color:var(--muted);align-items:center;gap:4px;font-size:12.5px;text-decoration:none;display:inline-flex}.home-section-more:hover{color:var(--brand)}.home-recent-grid{grid-template-columns:repeat(3,1fr);gap:14px;min-width:0;display:grid}.home-recent-card{background:var(--surface);border:1px solid var(--border);cursor:pointer;text-align:left;min-width:0;max-width:100%;transition:all .2s var(--ease-out);border-radius:14px;align-items:center;gap:12px;padding:10px;font-family:inherit;display:flex}.home-recent-card:hover{border-color:var(--border-strong);transform:translateY(-2px);box-shadow:0 8px 22px #0a2d2414}.home-recent-card img{object-fit:cover;border:1px solid var(--border);border-radius:10px;flex-shrink:0;width:64px;height:64px}.home-recent-body{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.home-recent-title{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.home-recent-meta{color:var(--muted);font-size:11.5px}.home-recent-open{color:var(--muted);flex-shrink:0;transition:transform .18s}.home-recent-card:hover .home-recent-open{color:var(--brand);transform:translate(2px)}.home-recent-card.is-agent,.home-recent-card.is-studio{box-shadow:inset 0 1px 0 var(--brand-soft), var(--shadow-sm)}.home-capabilities{animation:home-fade-up .7s .3s var(--ease-out) both;flex-wrap:wrap;justify-content:center;gap:10px;padding:48px 0 20px;display:flex}.home-capability{color:var(--muted);align-items:center;gap:10px;font-size:12.5px;display:inline-flex}.home-capability-dot{background:var(--border-strong);border-radius:50%;width:4px;height:4px}.home-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;margin-top:24px;padding:26px 0 0;display:flex}.home-footer-brand{font-size:13px;font-weight:700}.home-footer-note{color:var(--muted);align-items:center;gap:6px;font-size:12px;display:inline-flex}@keyframes home-fade-up{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes home-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.home-hero-copy>*,.home-hero-entries,.home-capabilities{animation:none}}@media (max-width:1024px){.home-hero{grid-template-columns:1fr;gap:32px;padding:48px 0 40px}.home-hero-entries{grid-template-columns:1fr 1fr}.home-recent-grid{grid-template-columns:1fr}}@media (max-width:680px){.home-page{padding:0 16px 32px}.home-nav{gap:12px}.home-nav-brand{min-width:0}.home-nav-name{white-space:nowrap}.home-nav-tag{display:none}.home-nav-links{scrollbar-width:none;min-width:0;overflow-x:auto}.home-nav-links::-webkit-scrollbar{display:none}.home-nav-links a{white-space:nowrap;padding:7px 10px}.home-hero-entries{grid-template-columns:1fr}.home-nav-links a:last-child{display:none}.home-hero-actions{flex-direction:column;align-items:stretch}.home-hero-cta{justify-content:center}}.home-case-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}@media (max-width:1080px){.home-case-grid{grid-template-columns:repeat(2,1fr)}}.home-case-card{border:1px solid var(--border);background:#fff;border-radius:14px;flex-direction:column;gap:14px;padding:18px 18px 16px;transition:all .2s;display:flex}.home-case-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0f172a14}.home-case-card.is-green{border-top:3px solid var(--accent)}.home-case-card.is-amber{border-top:3px solid var(--brand)}.home-case-card.is-blue{border-top:3px solid var(--accent)}.home-case-card.is-rose{border-top:3px solid #e07a9e}.home-case-body{flex-direction:column;gap:5px;display:flex}.home-case-title{color:var(--text);font-size:15px;font-weight:700}.home-case-desc{color:var(--muted);font-size:12.5px;line-height:1.5}.home-case-action{color:var(--accent);border:1px solid var(--border-strong);background:var(--accent-soft);border-radius:999px;align-self:flex-start;align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}.home-case-action:hover{background:#dff6ec}.home-section-sub{color:var(--muted);font-size:12.5px}.home-case-image{object-fit:cover;background:var(--surface-subtle);border-radius:10px;width:100%;height:150px}.home-case-prompt{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:11.5px;line-height:1.5;display:-webkit-box;overflow:hidden}.home-case-meta{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.home-case-tag{color:#ffffffd9;background:#ffffff1f;border:1px solid #ffffff2e;border-radius:999px;align-items:center;padding:2px 8px;font-size:11px;line-height:1.4;display:inline-flex}.home-case-tag.is-model{color:#ffd66b;background:#ffc83c29;border-color:#ffc83c59}.home-case-tag.is-source{color:#7fe6c4;background:#20b8892e;border-color:#20b88966;margin-left:6px}.home-prompt-hub{padding:26px 0 40px}.home-prompt-filters{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.home-prompt-filter{border:1px solid var(--border);color:var(--muted);cursor:pointer;background:#fff;border-radius:999px;padding:6px 12px;font-size:12.5px;transition:all .15s}.home-prompt-filter:hover{border-color:var(--accent);color:var(--accent)}.home-prompt-filter.is-active{background:var(--accent);border-color:var(--accent);color:#fff}.home-prompt-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.home-prompt-card{border:1px solid var(--border);background:#fff;border-radius:14px;flex-direction:column;gap:10px;padding:14px;transition:all .2s;display:flex}.home-prompt-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0f172a14}.home-prompt-image{object-fit:cover;background:var(--surface-subtle);border-radius:10px;width:100%;height:150px}.home-prompt-body{flex-direction:column;gap:6px;min-height:118px;display:flex}.home-prompt-title{color:var(--text);font-size:13.5px;font-weight:700;line-height:1.4}.home-prompt-prompt{color:var(--muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:11.5px;line-height:1.5;display:-webkit-box;overflow:hidden}.home-prompt-meta{margin-top:auto}.home-prompt-more{border:1px solid var(--border-strong);background:var(--accent-soft);color:var(--accent);cursor:pointer;border-radius:999px;margin-top:18px;padding:8px 20px;font-size:13px;font-weight:600}.home-prompt-more:hover{background:#dff6ec}.home-prompt-empty{color:var(--muted);text-align:center;padding:24px 0;font-size:13px}@media (max-width:1080px){.home-prompt-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:680px){.home-prompt-grid{grid-template-columns:1fr}}.home-prompt-toolbar{align-items:center;gap:12px;margin-bottom:12px;display:flex}.home-prompt-search{border:1px solid var(--border);max-width:420px;color:var(--muted);background:#fff;border-radius:10px;flex:1;align-items:center;gap:8px;padding:8px 12px;display:flex}.home-prompt-search:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #20b8891a}.home-prompt-search input{color:var(--text);background:0 0;border:none;outline:none;flex:1;font-size:13px}.home-prompt-count{color:var(--muted);white-space:nowrap;font-size:12px}.home-prompt-filters.is-model{margin-top:-8px}.home-prompt-filter.is-model-active{background:var(--text);border-color:var(--text);color:#fff}.home-prompt-card{cursor:pointer}.home-prompt-card:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.home-case-tag.is-ratio{background:var(--surface-subtle);color:var(--text-secondary)}.home-prompt-detail-overlay{z-index:90;background:#0f172a73;justify-content:flex-end;animation:.16s homePromptFade;display:flex;position:fixed;inset:0}@keyframes homePromptFade{0%{opacity:0}to{opacity:1}}.home-prompt-detail{background:#fff;flex-direction:column;width:min(460px,100%);height:100%;animation:.18s homePromptSlide;display:flex;box-shadow:-20px 0 60px #0f172a40}@keyframes homePromptSlide{0%{transform:translate(100%)}to{transform:translate(0)}}.home-prompt-detail-head{border-bottom:1px solid var(--border);color:var(--text);justify-content:space-between;align-items:center;padding:14px 18px;font-size:14px;font-weight:700;display:flex}.home-prompt-detail-head button{background:var(--surface-subtle);color:var(--text-secondary);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex}.home-prompt-detail-head button:hover{background:var(--border)}.home-prompt-detail-body{flex-direction:column;flex:1;gap:10px;padding:16px 18px;display:flex;overflow:auto}.home-prompt-detail-image{object-fit:cover;background:var(--surface-subtle);border-radius:12px;width:100%;max-height:300px}.home-prompt-detail-title{color:var(--text);font-size:16px;font-weight:700;line-height:1.4}.home-prompt-detail-meta{flex-wrap:wrap;gap:6px;display:flex}.home-prompt-detail-prompt{background:var(--surface-subtle);border:1px solid var(--border);white-space:pre-wrap;word-break:break-word;color:var(--text-secondary);border-radius:10px;margin:0;padding:12px 14px;font-family:inherit;font-size:12.5px;line-height:1.7}.home-prompt-detail-actions{border-top:1px solid var(--border);gap:10px;padding:12px 18px;display:flex}.home-prompt-copy,.home-prompt-use{cursor:pointer;border-radius:999px;flex:1;justify-content:center;align-items:center;gap:6px;padding:9px 12px;font-size:13px;text-decoration:none;display:inline-flex}.home-prompt-copy{border:1px solid var(--border);color:var(--text);background:#fff}.home-prompt-copy:hover{border-color:var(--accent);color:var(--accent)}.home-prompt-use{background:var(--accent);color:#fff;border:none}.home-prompt-use:hover{filter:brightness(1.07)}.home-prompt-toast{z-index:120;color:#fff;background:#0f172ae6;border-radius:999px;padding:8px 16px;font-size:13px;position:fixed;bottom:28px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #0f172a4d}@media (max-width:680px){.home-prompt-toolbar{flex-direction:column;align-items:stretch}.home-prompt-search{max-width:none}}.home-hot-tools{flex-wrap:wrap;align-items:center;gap:7px;max-width:620px;margin-top:14px;display:flex}.home-hot-tools-label{color:var(--muted);margin-right:2px;font-size:11px}.home-hot-chip{border:1px solid var(--border);background:var(--surface);color:var(--text-secondary);cursor:pointer;border-radius:999px;padding:5px 11px;font-size:12px}.home-hot-chip:hover{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-strong)}@media (max-width:680px){.home-hot-tools-label{width:100%}}.home-hero{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);padding:clamp(48px,8vh,88px) 0 40px}.home-hero-flow{border:1px solid var(--border);-webkit-backdrop-filter:blur(8px);box-shadow:var(--shadow-md);background:#ffffffd1;border-radius:18px;flex-direction:column;gap:10px;padding:22px;display:flex}.home-hero-step{align-items:center;gap:12px;display:flex;position:relative}.home-hero-step-icon{width:36px;height:36px;color:var(--brand);background:var(--brand-soft);border-radius:10px;flex:none;place-items:center;display:grid}.home-hero-step-body{flex-direction:column;gap:1px;min-width:0;display:flex}.home-hero-step-body strong{color:var(--text);font-size:13.5px}.home-hero-step-body small{color:var(--muted);font-size:11.5px}.home-hero-step-arrow{color:var(--border-strong);flex:none;margin-left:auto}.home-inspire{padding:0 0 8px}.home-inspire-fold{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-sm);border-radius:16px;overflow:hidden}.home-inspire-summary{cursor:pointer;color:var(--text);-webkit-user-select:none;user-select:none;align-items:center;gap:10px;padding:14px 18px;font-size:14px;font-weight:700;list-style:none;display:flex}.home-inspire-summary::-webkit-details-marker{display:none}.home-inspire-summary:hover{background:var(--surface-subtle)}.home-inspire-summary>span:first-child{align-items:center;gap:8px;display:inline-flex}.home-inspire-summary>span:first-child svg{color:var(--brand)}.home-inspire-hint{color:var(--muted);margin-left:auto;font-size:12px;font-weight:500}.home-inspire-chevron{color:var(--muted);transition:transform .18s var(--ease-out);flex:none}.home-inspire-fold[open] .home-inspire-chevron{transform:rotate(90deg)}.home-inspire-body{border-top:1px solid var(--border);background:var(--bg);padding:6px 18px 22px}.home-inspire-body .home-tools-grid{padding:14px 0 6px}.home-inspire-section-head{align-items:baseline;gap:10px;margin:18px 0 10px;display:flex}.home-inspire-section-head h3{color:var(--text);margin:0;font-size:15px;font-weight:800}.home-inspire-section-head span{color:var(--muted);font-size:12px}.home-inspire-body .home-case-grid{margin-bottom:8px}@media (max-width:980px){.home-hero{grid-template-columns:1fr;gap:24px}}@media (max-width:720px){.home-hero{padding-top:32px}.home-inspire-hint{display:none}}.home-recent-skeleton{pointer-events:none;grid-template-columns:76px minmax(0,1fr);align-items:center;gap:10px;display:grid}.home-recent-skeleton>span:first-child{border-radius:var(--radius-sm);width:76px;height:54px}.home-recent-skeleton-copy{gap:8px;display:grid}.home-recent-skeleton-copy i,.home-prompt-skeleton-copy i{border-radius:var(--radius-pill);height:9px;display:block}.home-recent-skeleton-copy i:first-child{width:86%}.home-recent-skeleton-copy i.is-short{width:54%}.home-prompt-skeleton{pointer-events:none}.home-prompt-skeleton-image{aspect-ratio:1.25;width:100%;display:block}.home-prompt-skeleton-copy{gap:8px;padding:12px;display:grid}.home-prompt-skeleton-copy i:first-child{width:78%}.home-prompt-skeleton-copy i:nth-child(2){width:96%}.home-prompt-skeleton-copy i.is-short{width:45%}.home-hero-cta{background:linear-gradient(135deg, var(--brand) 0%, var(--brand-bright) 55%, var(--brand-strong) 100%);transition:background-position .22s var(--ease-out), box-shadow .18s var(--ease-out), transform .18s var(--ease-out);background-size:180% 180%}.home-hero-cta:hover{box-shadow:0 10px 26px var(--brand-shadow-start), 0 3px 10px var(--brand-shadow-end);background-position:100% 0}.home-hero-cta.is-ghost{background:var(--surface);background-size:auto}
.canvas-shell{background:var(--bg);flex-direction:column;height:100vh;display:flex;position:relative}.canvas-shell.is-embedded{height:100%;min-height:0}.canvas-loading{z-index:80;color:var(--text-secondary);letter-spacing:.02em;background:#f4f6fae0;flex-direction:column;justify-content:center;align-items:center;gap:14px;font-size:13px;display:flex;position:absolute;inset:0}.canvas-loading-cube{background:linear-gradient(135deg,#ffb52e40,#ffc76640);border:2px solid #ffb52ee6;border-radius:6px;width:34px;height:34px;animation:1.4s ease-in-out infinite canvas-cube-spin}@keyframes canvas-cube-spin{0%{transform:rotate3d(1,1,0,0)scale(.9)}50%{transform:rotate3d(1,1,0,180deg)scale(1.05)}to{transform:rotate3d(1,1,0,360deg)scale(.9)}}.canvas-topbar{border-bottom:1px solid var(--border);background:#fff;align-items:center;gap:16px;padding:10px 20px;display:flex}.canvas-back{color:var(--brand-strong);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;font-size:13px;font-weight:600;display:flex}.canvas-title{min-width:0;color:var(--text);flex:1;align-items:center;gap:9px;font-size:14px;font-weight:600;display:inline-flex}.canvas-title-logo{object-fit:contain;width:28px;height:28px;box-shadow:var(--shadow-sm);border-radius:8px;flex:none;display:block}.canvas-actions{gap:8px;display:flex}.canvas-actions button{border:1px solid var(--border);background:var(--surface-subtle);color:var(--text-secondary);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:7px 14px;font-size:13px;display:flex}.canvas-actions button:hover{border-color:var(--brand);background:var(--brand-soft)}.canvas-actions button.is-primary{background:var(--brand);border-color:var(--brand);color:#fff}.canvas-actions button:disabled{opacity:.5;cursor:default}.canvas-body{flex:1;min-height:0;display:flex}.canvas-layers{border-right:1px solid var(--border);background:#fff;flex-direction:column;width:200px;display:flex;overflow-y:auto}.canvas-layers-head{color:var(--muted);justify-content:space-between;align-items:center;padding:12px 14px;font-size:12px;font-weight:700;display:flex}.canvas-layers-head button{color:var(--brand-strong);cursor:pointer;background:0 0;border:none;padding:2px}.canvas-layer-item{cursor:pointer;border-left:3px solid #0000;align-items:center;gap:10px;padding:8px 14px;display:flex}.canvas-layer-item:hover{background:var(--brand-soft)}.canvas-layer-item.is-selected{background:var(--brand-soft);border-left-color:var(--brand)}.canvas-layer-item.is-hidden{opacity:.45}.canvas-layer-item img{object-fit:cover;border:1px solid var(--border);border-radius:6px;width:36px;height:36px}.canvas-layer-text-icon{background:var(--surface-subtle);border:1px solid var(--border);width:36px;height:36px;color:var(--brand-strong);border-radius:6px;justify-content:center;align-items:center;font-weight:800;display:flex}.canvas-layer-name{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.canvas-layers-empty{color:var(--muted);padding:16px 14px;font-size:12px}.canvas-stage-wrap{background-color:#f7f6f1;background-image:radial-gradient(circle,#18212b12 1px,#0000 1px);background-size:20px 20px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;padding:20px;display:flex;position:relative;overflow:auto}.canvas-stage-inner{border-radius:4px;box-shadow:0 4px 20px #1018281f}.canvas-zoom{color:var(--muted);align-items:center;gap:8px;font-size:12px;display:flex}.canvas-zoom input{width:160px}.canvas-props{border-left:1px solid var(--border);background:#fff;width:240px;overflow-y:auto}.canvas-props-empty{color:var(--muted);padding:20px 16px;font-size:12px}.canvas-props-body{flex-direction:column;gap:14px;padding:16px;display:flex}.canvas-props-title{color:var(--text);font-size:13px;font-weight:700}.canvas-props-body label{color:var(--muted);flex-direction:column;gap:6px;font-size:12px;display:flex}.canvas-props-body label.canvas-check{flex-direction:row;align-items:center}.canvas-props-body input[type=text],.canvas-props-body input[type=number],.canvas-props-body select{border:1px solid var(--border);border-radius:8px;outline:none;padding:7px 10px;font-size:13px}.canvas-props-body input:focus,.canvas-props-body select:focus{border-color:var(--brand)}.canvas-props-body input[type=range]{width:100%}.canvas-props-body input[type=color]{border:1px solid var(--border);border-radius:6px;width:48px;height:30px;padding:2px}.canvas-ai-text-bar{background:var(--surface-subtle);border-bottom:1px solid var(--border-strong);align-items:center;gap:8px;padding:10px 20px;display:flex}.canvas-ai-text-bar input{border:1px solid var(--border-strong);border-radius:8px;outline:none;flex:1;padding:8px 12px;font-size:13px}.canvas-ai-text-bar button{background:var(--brand);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:8px 16px;font-size:13px}.canvas-ai-text-bar button:disabled{background:var(--border-strong);cursor:default}.canvas-ai-text-error{color:#dc2626;font-size:12px}.canvas-more-wrap{display:inline-flex;position:relative}.canvas-more-panel{z-index:50;border:1px solid var(--border);background:#fff;border-radius:12px;flex-direction:column;gap:8px;width:240px;padding:12px;display:flex;position:absolute;top:42px;right:0;box-shadow:0 12px 32px #0f172a24}.canvas-more-panel .canvas-size-option:disabled{opacity:.62;cursor:not-allowed}.canvas-ai-tool-section{border-bottom:1px solid var(--border);grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0 0 14px;padding:12px;display:grid}.canvas-ai-tool-title{color:var(--text);grid-column:1/-1;font-size:12px;font-weight:700}.canvas-ai-tool-section button{border:1px solid var(--border);min-height:32px;color:var(--text);cursor:pointer;background:#fff;border-radius:8px;font-size:12px}.canvas-ai-tool-section button:hover:not(:disabled){border-color:var(--brand);background:var(--brand-soft);color:var(--brand)}.canvas-ai-tool-section button:disabled{opacity:.48;cursor:not-allowed}.canvas-ai-tool-more{grid-column:1/-1;gap:6px;padding-top:2px;display:grid}.canvas-ai-tool-more button{text-align:left;padding:0 10px}.canvas-size-wrap{display:inline-flex;position:relative}.canvas-size-panel{z-index:50;border:1px solid var(--border);background:#fff;border-radius:12px;flex-direction:column;gap:8px;width:280px;max-height:360px;padding:12px;display:flex;position:absolute;top:42px;right:0;overflow-y:auto;box-shadow:0 12px 32px #0f172a24}.canvas-size-opts{flex-direction:column;gap:6px;display:flex}.canvas-size-option.is-on{border-color:var(--brand);background:var(--brand-soft);color:var(--brand-strong);font-weight:600}.canvas-export-wrap{display:inline-flex;position:relative}.canvas-export-panel{z-index:50;border:1px solid var(--border);background:#fff;border-radius:12px;flex-direction:column;gap:8px;width:190px;padding:12px;display:flex;position:absolute;top:42px;right:0;box-shadow:0 12px 32px #0f172a24}.canvas-export-label{color:var(--muted);font-size:11px}.canvas-export-opts{gap:6px;display:flex}.canvas-export-opts button{border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:6px;flex:1;padding:5px 0;font-size:12px}.canvas-export-opts button.is-on{border-color:var(--brand);background:var(--brand-soft);color:var(--brand-strong);font-weight:600}.canvas-export-go{background:var(--brand);color:#fff;cursor:pointer;border:none;border-radius:6px;margin-top:2px;padding:7px 0;font-size:13px}.canvas-export-go:hover{background:var(--brand-strong)}.canvas-export-specs{flex-wrap:wrap}.canvas-export-specs button{flex:0 0 calc(50% - 3px);font-size:11px}.canvas-erase-overlay{z-index:200;background:#0a0e16e6;flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex;position:fixed;inset:0}.canvas-erase-picker{flex-direction:column;align-items:center;gap:12px;display:flex}.canvas-erase-frame{background:#18212b;border-radius:10px;max-width:72vh;max-height:66vh;position:relative;overflow:hidden}.canvas-erase-frame img{object-fit:contain;max-width:72vh;max-height:66vh;display:block}.canvas-erase-object{cursor:pointer;background:#ef44441a;border:2px solid #ef4444d9;border-radius:3px;padding:0;transition:all .15s;position:absolute}.canvas-erase-object:hover{border-color:var(--brand,#ffb52e);background:#ffb52e26}.canvas-erase-object.is-selected{background:#ef444459;border-color:#ef4444;box-shadow:0 0 0 3px #ef444466}.canvas-erase-object-label{color:#fff;white-space:nowrap;pointer-events:none;background:#0f172ad9;border-radius:4px;padding:2px 8px;font-size:11px;position:absolute;top:-22px;left:0}.canvas-erase-hint{color:#fff;background:#0f172ad9;border-radius:6px;padding:4px 12px;font-size:12px;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.canvas-erase-bar{color:#d1d5db;align-items:center;gap:20px;font-size:13px;display:flex}.canvas-erase-bar>div{gap:8px;display:flex}.canvas-erase-bar button{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff40;border-radius:8px;padding:7px 18px;font-size:13px}.canvas-erase-bar button.is-primary{background:#ef4444;border-color:#ef4444}.canvas-erase-bar button:disabled{opacity:.5;cursor:not-allowed}.canvas-size-option{border:1px solid var(--border);cursor:pointer;text-align:left;background:#fff;border-radius:6px;padding:6px 10px;font-size:12px}.canvas-size-option:hover{border-color:var(--brand);background:var(--brand-soft)}.canvas-ctx-menu{z-index:1200;border:1px solid var(--border);background:#fff;border-radius:10px;flex-direction:column;gap:2px;min-width:176px;padding:6px;display:flex;position:fixed;box-shadow:0 8px 28px #10182824}.canvas-ctx-item{text-align:left;width:100%;color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:8px 12px;font-family:inherit;font-size:13px;display:block}.canvas-ctx-item:hover{background:var(--brand-soft);color:var(--brand-strong)}.canvas-ctx-item:disabled{opacity:.45;cursor:default}.canvas-ctx-item.is-danger{color:#d64545}.canvas-ctx-item.is-danger:hover{color:#c0392b;background:#fef1f1}.canvas-erase-dragbox{border:2px dashed var(--brand,#ffb52e);pointer-events:none;z-index:5;background:#fbbf241f;position:absolute}.canvas-erase-bar button.is-on{border-color:var(--brand,#ffb52e);color:var(--brand,#ffb52e);background:#ffb52e40}@media (max-width:680px){.canvas-topbar{flex-wrap:wrap;gap:8px;padding:8px 12px}.canvas-title{text-overflow:ellipsis;white-space:nowrap;flex:100%;min-width:0;overflow:hidden}.canvas-actions{flex-wrap:wrap;gap:6px;max-width:100%}.canvas-actions button{white-space:nowrap;padding:6px 8px;font-size:12px}.canvas-export-wrap{display:flex}.canvas-body{flex-direction:column}.canvas-layers{border-right:none;border-bottom:1px solid var(--border);width:100%;max-height:120px}.canvas-stage-wrap{min-width:0;max-width:100%;padding:10px}.canvas-props{border-left:none;border-top:1px solid var(--border);width:100%;max-height:200px}}.canvas-tool-rail{border-right:1px solid var(--border);background:#fff;flex-direction:column;flex:none;align-items:center;gap:8px;width:44px;padding:10px 6px;display:flex}.canvas-rail-btn{border:1px solid var(--border);background:var(--surface-subtle);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;border-radius:8px;place-items:center;font-size:12px;font-weight:700;display:grid}.canvas-rail-btn:hover{border-color:var(--brand);background:var(--brand-soft);color:var(--brand)}.canvas-rail-btn.is-active{border-color:var(--accent);background:var(--accent);color:#fff}.canvas-stage-inner .canvas-context-toolbar{z-index:30;position:absolute}.canvas-mark-toast{z-index:90;color:#fff;background:#0f172ae0;border-radius:999px;padding:8px 16px;font-size:12.5px;position:absolute;bottom:22px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #00000038}.canvas-agent-bubble{z-index:80;background:linear-gradient(135deg, var(--accent), var(--accent));color:#fff;cursor:pointer;border-radius:999px;align-items:center;gap:7px;padding:10px 15px;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex;position:fixed;bottom:22px;right:22px;box-shadow:0 12px 30px #00000047}.canvas-agent-bubble:hover{transform:translateY(-1px)}@media (max-width:680px){.canvas-tool-rail{width:38px;padding:8px 4px}.canvas-rail-btn{width:28px;height:28px;font-size:11px}}.canvas-zoom-fit{border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;background:#fff;border-radius:6px;padding:3px 10px;font-size:11px}.canvas-zoom-fit:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}