/* 58 AI Workspace V8.1 — clean canvas core. No legacy prompt bars or floating AI panels. */
.zsa-v8{--v8-bg:#fff;--v8-grid:#d9dee5;--v8-border:#d8dde5;--v8-selected:#20bfe3;--v8-edge:#9fa7b0;--v8-flow:#22c3d7;--v8-grid-size:24px;--v8-edge-speed:.8s;color:#161a1f;font-family:Inter,"PingFang SC","Microsoft YaHei",Arial,sans-serif}.zsa-v8 *{box-sizing:border-box}.zsa-v8 [hidden]{display:none!important}.zsa-v8 button,.zsa-v8 input,.zsa-v8 textarea,.zsa-v8 select{font:inherit}.zsa-v8 button{cursor:pointer}.zsa-v8-home{min-height:calc(100vh - 64px)}.zsa-v8-loading{padding:64px 0;text-align:center;color:#8d969f}
.zsa-v8-editor{position:relative;width:100%;height:calc(100vh - 1px);overflow:hidden;background:#fff}.zsa-v8-topbar{position:absolute;z-index:70;left:10px;right:10px;top:10px;height:42px;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.zsa-v8-top-left,.zsa-v8-top-right{display:flex;align-items:center;gap:6px;pointer-events:auto}.zsa-v8-icon,.zsa-v8-pill,.zsa-v8-project-name{height:34px;border:1px solid #e0e4e8;border-radius:10px;background:rgba(255,255,255,.96);color:#20252a;box-shadow:0 2px 8px rgba(18,24,31,.035)}.zsa-v8-icon{width:34px;padding:0}.zsa-v8-project-name{padding:0 12px;display:flex;align-items:center;gap:7px}.zsa-v8-project-name b{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.zsa-v8-project-name span{color:#8d969f}.zsa-v8-pill{padding:0 10px}.zsa-v8-save-state{color:#65707b;font-size:10px}.zsa-v8-save-state.is-dirty{color:#d15a61}.zsa-v8-save-state.is-saving{color:#8a939d}
.zsa-v8-canvas{position:absolute;inset:0;overflow:hidden;background-color:var(--v8-bg);background-image:radial-gradient(var(--v8-grid) 1px,transparent 1.15px);background-size:var(--v8-grid-size) var(--v8-grid-size);touch-action:none;cursor:default;outline:0}.zsa-v8-canvas.is-grid-off{background-image:none}.zsa-v8-canvas.is-panning{cursor:grabbing}.zsa-v8-canvas.is-connecting{cursor:crosshair}.zsa-v8-scene{position:absolute;left:0;top:0;width:12000px;height:8000px;transform-origin:0 0;will-change:transform}.zsa-v8-edges{position:absolute;inset:0;overflow:visible;pointer-events:none}.zsa-v8-nodes{position:absolute;inset:0}
.zsa-v8-leftbar{position:absolute;z-index:60;left:9px;top:50%;transform:translateY(-50%);width:46px;padding:5px;border:1px solid #e1e5e9;border-radius:15px;background:rgba(255,255,255,.97);box-shadow:0 7px 20px rgba(20,27,35,.055);display:flex;flex-direction:column;gap:2px}.zsa-v8-leftbar button{height:45px;border:0;border-radius:10px;background:transparent;color:#606b76;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px}.zsa-v8-leftbar button i{font-size:16px;font-style:normal}.zsa-v8-leftbar button span{font-size:9px}.zsa-v8-leftbar button:hover,.zsa-v8-leftbar button.is-active{background:#e9f9fc;color:#08a8ce}.zsa-v8-leftbar hr{width:100%;border:0;border-top:1px solid #edf0f2}.zsa-v8-zoom{position:absolute;z-index:60;left:10px;bottom:10px;height:36px;padding:3px;border:1px solid #e1e5e9;border-radius:11px;background:rgba(255,255,255,.97);box-shadow:0 7px 18px rgba(20,27,35,.045);display:flex;align-items:center}.zsa-v8-zoom button{min-width:28px;height:28px;border:0;border-radius:8px;background:transparent;color:#505a64}.zsa-v8-zoom button:hover{background:#f2f4f5}.zsa-v8-zoom b{min-width:48px;text-align:center;font-size:10px;color:#535e68}.zsa-v8-empty{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:5;display:flex;flex-direction:column;align-items:center;gap:8px;color:#959ea7;pointer-events:none}.zsa-v8-empty button{pointer-events:auto;width:40px;height:40px;border:1px solid #dfe3e7;border-radius:12px;background:#fff;font-size:21px}.zsa-v8-empty b{font-size:11px;font-weight:500}
.zsa-v8-node{position:absolute;overflow:visible;border:1px solid var(--v8-border);border-radius:13px;background:#fff;box-shadow:0 2px 9px rgba(20,27,35,.035);cursor:grab;user-select:none;touch-action:none}.zsa-v8-node:hover{border-color:#afb8c1}.zsa-v8-node.is-selected{border-color:var(--v8-selected);box-shadow:0 0 0 1px var(--v8-selected),0 5px 16px rgba(32,191,227,.08)}.zsa-v8-node.is-dragging{cursor:grabbing;box-shadow:0 8px 24px rgba(20,27,35,.12)}.zsa-v8-node-head{height:34px;padding:0 9px;border-bottom:1px solid #eef1f3;display:flex;align-items:center;justify-content:space-between;color:#68737d;font-size:10px}.zsa-v8-node-head b{color:#2a79d7;font-weight:650;display:flex;align-items:center;gap:5px}.zsa-v8-node-head span{color:#7e8994}.zsa-v8-node-media{position:absolute;left:0;right:0;top:34px;bottom:0;border-radius:0 0 12px 12px;background:#f1f3f5;overflow:hidden;display:grid;place-items:center}.zsa-v8-node-media img,.zsa-v8-node-media video{width:100%;height:100%;display:block;object-fit:contain;pointer-events:none}.zsa-v8-node-placeholder{font-size:33px;color:#2d82ef}.zsa-v8-node-replace{position:absolute;right:7px;top:40px;z-index:3;height:26px;padding:0 8px;border:1px solid #dce1e6;border-radius:8px;background:rgba(255,255,255,.96);color:#515c66;font-size:9px;opacity:0;transition:.12s}.zsa-v8-node:hover .zsa-v8-node-replace,.zsa-v8-node.is-selected .zsa-v8-node-replace{opacity:1}.zsa-v8-node-text{width:100%;height:calc(100% - 34px);padding:13px;border:0;outline:0;resize:none;background:#fff;border-radius:0 0 12px 12px;color:#2d333a;font-size:12px;line-height:1.65;user-select:text}.zsa-v8-node-type{height:calc(100% - 34px);display:grid;place-items:center;color:#65717c;font-size:13px;background:#fafbfc;border-radius:0 0 12px 12px}.zsa-v8-port{position:absolute;top:50%;z-index:15;width:34px;height:34px;margin-top:-17px;border:7px solid rgba(235,239,242,.95);border-radius:50%;background:#fff;color:#1f2429;box-shadow:0 3px 10px rgba(20,27,35,.13);font-size:22px;line-height:1;display:none;place-items:center;padding:0}.zsa-v8-node.is-selected .zsa-v8-port{display:grid}.zsa-v8-port.is-left{left:-18px}.zsa-v8-port.is-right{right:-18px}.zsa-v8-port:hover{background:#f7f9fa;transform:scale(1.05)}
.zsa-v8-edge-base{fill:none;stroke:var(--v8-edge);stroke-width:1.8;stroke-linecap:round}.zsa-v8-edge-flow{fill:none;stroke:var(--v8-flow);stroke-width:2.6;stroke-linecap:round;stroke-dasharray:13 49;animation:zsaV81Flow var(--v8-edge-speed) linear infinite}.zsa-v8-edge-preview .zsa-v8-edge-base{stroke:#9fa7b0;stroke-dasharray:5 7}.zsa-v8-edge-preview .zsa-v8-edge-flow{stroke-width:3}.zsa-v8-edge-dot{fill:#fff;stroke:var(--v8-flow);stroke-width:2}@keyframes zsaV81Flow{to{stroke-dashoffset:-62}}
.zsa-v8-context,.zsa-v8-add-menu{position:absolute;z-index:100;width:215px;padding:10px;border:1px solid #e0e4e8;border-radius:14px;background:#fff;box-shadow:0 16px 42px rgba(20,27,35,.13)}.zsa-v8-context button,.zsa-v8-add-menu button{width:100%;height:39px;padding:0 10px;border:0;border-radius:9px;background:transparent;color:#2b3137;display:flex;align-items:center;justify-content:space-between;text-align:left}.zsa-v8-context button:hover,.zsa-v8-add-menu button:hover{background:#f4f6f8}.zsa-v8-context button.is-danger{color:#e34e54}.zsa-v8-context button:disabled,.zsa-v8-add-menu button:disabled{opacity:.34;cursor:not-allowed}.zsa-v8-context kbd{font:inherit;font-size:9px;color:#a0a8b1}.zsa-v8-menu-label{display:block;padding:4px 10px 7px;color:#98a1aa;font-size:10px}.zsa-v8-menu-sep{height:1px;background:#edf0f2;margin:5px 0}
.zsa-v8-toast{position:absolute;z-index:120;left:50%;bottom:58px;transform:translateX(-50%);padding:8px 12px;border-radius:9px;background:#20262d;color:#fff;font-size:10px}.zsa-v8-loading-overlay{position:fixed;inset:0;z-index:2147483600;background:rgba(255,255,255,.68);display:flex;align-items:center;justify-content:center;gap:9px;color:#505a64;font-size:11px}.zsa-v8-loading-overlay span{width:17px;height:17px;border:2px solid #dce1e6;border-top-color:#1ebedb;border-radius:50%;animation:zsaV81Spin .8s linear infinite}@keyframes zsaV81Spin{to{transform:rotate(360deg)}}
.zsa-v8-modal{position:fixed;inset:0;z-index:2147483000;display:grid;place-items:center}.zsa-v8-modal-backdrop{position:absolute;inset:0;background:rgba(25,30,36,.34)}.zsa-v8-modal-card{position:relative;width:min(430px,calc(100% - 28px));padding:23px;border:1px solid #e0e4e8;border-radius:17px;background:#fff;box-shadow:0 30px 80px rgba(18,24,31,.18)}.zsa-v8-modal-x{position:absolute;right:13px;top:13px;width:30px;height:30px;border:0;border-radius:9px;background:#f3f5f7}.zsa-v8-modal-card h3{margin:0 0 20px;font-size:20px}.zsa-v8-modal-card label{display:block;margin-bottom:14px}.zsa-v8-modal-card label span{display:block;margin-bottom:7px;color:#68737e;font-size:12px}.zsa-v8-modal-card input,.zsa-v8-modal-card select{width:100%;height:44px;padding:0 12px;border:1px solid #dde2e7;border-radius:11px;background:#fff}.zsa-v8-modal-card footer{display:flex;align-items:center;gap:8px;margin-top:20px}.zsa-v8-modal-card footer span{flex:1}.zsa-v8-modal-card footer button{height:38px;padding:0 14px;border:1px solid #dfe3e8;border-radius:10px;background:#fff}.zsa-v8-modal-card footer .is-primary{background:#171b20;color:#fff;border-color:#171b20}.zsa-v8-modal-card footer .is-danger{color:#df4f55}
body.zsa-v8-body-lock{overflow:hidden!important}.zsa-ai-app.is-v8-focus .zsa-ai-sidebar{display:none!important}.zsa-ai-app.is-v8-focus .zsa-ai-main{margin-left:0!important;width:100%!important;max-width:none!important}.zsa-ai-app.is-v8-focus .zsa-ai-header,.zsa-ai-app.is-v8-focus .zsa-ai-top-nav{display:none!important}
@media(max-width:760px){.zsa-v8-home{padding:22px 14px 45px}.zsa-v8-new{width:100%;height:155px}.zsa-v8-projects{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.zsa-v8-topbar{left:6px;right:6px;top:6px}.zsa-v8-top-right .zsa-v8-pill:nth-last-child(-n+2){display:none}.zsa-v8-project-name b{max-width:90px}.zsa-v8-leftbar{left:5px}.zsa-v8-zoom{left:5px;bottom:6px}}

/* ===== V8.4 Target-site stable canvas layer ===== */
.zsa-v8.is-editor-active{position:fixed!important;inset:0!important;z-index:2147480000!important;width:100vw!important;height:100vh!important;max-width:none!important;margin:0!important;padding:0!important;background:#fff!important;overflow:hidden!important}
.zsa-v8.is-editor-active .zsa-v8-editor{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important;overflow:hidden!important;background:#fff!important}
.zsa-v8.is-editor-active .zsa-v8-canvas{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;background-color:#fff!important}
body.zsa-v8-body-lock{overflow:hidden!important}
.zsa-v8.is-editor-active .zsa-v8-topbar{z-index:130}
.zsa-v8.is-editor-active .zsa-v8-leftbar{z-index:125}
.zsa-v8.is-editor-active .zsa-v8-zoom{z-index:125}
.zsa-v8-node{border-radius:12px;box-shadow:0 2px 10px rgba(22,28,36,.045);transition:border-color .12s ease,box-shadow .12s ease}
.zsa-v8-node.is-selected{box-shadow:0 0 0 1px var(--v8-selected),0 5px 16px rgba(32,191,227,.09)}
.zsa-v8-node-head{height:31px;padding:0 9px;background:#fff;border-bottom:1px solid #eef1f3;border-radius:11px 11px 0 0}
.zsa-v8-node-media{top:31px;background:#f1f3f5}
.zsa-v8-node-replace{top:36px}
.zsa-v8-port{width:38px;height:38px;margin-top:-19px;border:7px solid rgba(235,239,242,.92);font-size:23px;z-index:18}
.zsa-v8-port.is-left{left:-20px}.zsa-v8-port.is-right{right:-20px}
.zsa-v8-node[data-crop] .zsa-v8-node-media img{max-width:none!important;max-height:none!important;object-fit:fill!important;position:absolute!important}

.zsa-v84-link-preview{position:absolute;inset:0;z-index:110;width:100%;height:100%;pointer-events:none;overflow:visible}
.zsa-v84-link-preview[hidden]{display:none!important}
.zsa-v84-link-base,.zsa-v84-link-flow{fill:none;stroke-linecap:round;stroke-linejoin:round}
.zsa-v84-link-base{stroke:#8f98a2;stroke-width:2;stroke-dasharray:5 7;opacity:.8}
.zsa-v84-link-flow{stroke:#15bfd8;stroke-width:3;stroke-dasharray:13 42;animation:zsaV84LinkFlow .68s linear infinite}
.zsa-v84-link-dot{fill:#fff;stroke:#15bfd8;stroke-width:2.5}
@keyframes zsaV84LinkFlow{to{stroke-dashoffset:-55}}

.zsa-v84-node-toolbar{position:absolute;z-index:120;display:flex;align-items:center;gap:0;height:42px;padding:4px;border:1px solid #e1e5e9;border-radius:12px;background:rgba(255,255,255,.98);box-shadow:0 8px 22px rgba(20,27,35,.08);white-space:nowrap}
.zsa-v84-node-toolbar[hidden]{display:none!important}
.zsa-v84-node-toolbar>button,.zsa-v84-grid-wrap>button{height:32px;padding:0 10px;border:0;border-right:1px solid #eef1f3;background:transparent;color:#48515a;font-size:11px;border-radius:8px}
.zsa-v84-node-toolbar>button:last-child{border-right:0}
.zsa-v84-node-toolbar button:hover{background:#f3f5f7;color:#11161b}
.zsa-v84-tool-btn{display:inline-flex;align-items:center;gap:6px;font-weight:500}
.zsa-v84-tool-icon{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;flex:0 0 14px}
.zsa-v84-tool-icon svg{width:14px;height:14px;display:block}
.zsa-v84-tool-caret{font-size:10px;opacity:.72;line-height:1}
.zsa-v84-tool-text{line-height:1}
.zsa-v84-node-toolbar button:disabled,.zsa-v84-grid-wrap>button:disabled{background:transparent!important;color:#b6bdc6!important;cursor:not-allowed;opacity:1}
.zsa-v84-node-toolbar button:disabled svg,.zsa-v84-grid-wrap>button:disabled svg{opacity:.6}
.zsa-v84-node-toolbar button:disabled:hover,.zsa-v84-grid-wrap>button:disabled:hover{background:transparent!important;color:#b6bdc6!important}

.zsa-v84-grid-wrap{position:relative}
.zsa-v84-grid-menu{position:absolute;left:0;top:40px;width:190px;padding:10px;border:1px solid #e0e4e8;border-radius:13px;background:#fff;box-shadow:0 14px 36px rgba(20,27,35,.13)}
.zsa-v84-grid-menu[hidden]{display:none!important}
.zsa-v84-grid-menu small{display:block;padding:2px 8px 6px;color:#969fa8;font-size:10px}
.zsa-v84-grid-menu button{width:100%;height:38px;border:0;border-radius:8px;background:transparent;display:grid;grid-template-columns:26px 1fr auto;align-items:center;text-align:left;color:#3d464f}
.zsa-v84-grid-menu button:hover{background:#f4f6f8}.zsa-v84-grid-menu button b{font-size:11px}.zsa-v84-grid-menu button span{font-size:10px;color:#9aa2ab}.zsa-v84-grid-menu hr{border:0;border-top:1px solid #edf0f2;margin:5px 0}

.zsa-v84-composer{position:absolute;z-index:119;width:660px;min-height:168px;padding:12px;border:1px solid #e0e4e8;border-radius:14px;background:rgba(255,255,255,.985);box-shadow:0 12px 30px rgba(20,27,35,.10)}
.zsa-v84-composer[hidden]{display:none!important}
.zsa-v84-composer-main{display:grid;grid-template-columns:48px 1fr 28px;gap:10px;min-height:100px;align-items:start}
.zsa-v84-composer-add{width:48px;height:48px;border:1px solid #1ebbd5;border-radius:9px;background:#fff;color:#0ba5c0;font-size:21px;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1}
.zsa-v84-composer-add small{font-size:9px;margin-top:4px}
.zsa-v84-composer textarea{width:100%;min-height:96px;max-height:170px;padding:8px 4px;border:0;outline:0;resize:vertical;background:transparent;color:#252c33;font-size:12px;line-height:1.6}
.zsa-v84-composer textarea::placeholder{color:#a1a9b2}
.zsa-v84-composer-side{display:flex;flex-direction:column;gap:8px}.zsa-v84-composer-side button{width:28px;height:28px;border:0;border-radius:8px;background:transparent;color:#818b95}.zsa-v84-composer-side button:hover{background:#f3f5f7;color:#20272e}
.zsa-v84-composer-bottom{height:43px;border-top:1px solid #eef1f3;display:flex;align-items:center;gap:7px}
.zsa-v84-composer-bottom select{height:29px;max-width:155px;padding:0 24px 0 9px;border:1px solid #e4e7ea;border-radius:8px;background:#fff;color:#59636e;font-size:10px}
.zsa-v84-status{margin-left:auto;color:#9a6b67;font-size:10px;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.zsa-v84-send{width:32px;height:32px;border:0;border-radius:50%;background:#eef1f4;color:#65707b;font-size:18px}.zsa-v84-send:hover{background:#171c22;color:#fff}.zsa-v84-send:disabled{opacity:.45;cursor:not-allowed}

.zsa-v84-preview-modal{position:fixed;inset:0;z-index:2147483200;display:grid;place-items:center}.zsa-v84-preview-modal[hidden]{display:none!important}.zsa-v84-preview-backdrop{position:absolute;inset:0;background:rgba(23,28,34,.42)}.zsa-v84-preview-card{position:relative;max-width:min(900px,90vw);max-height:88vh;padding:14px;border-radius:15px;background:#fff;box-shadow:0 30px 80px rgba(0,0,0,.25)}.zsa-v84-preview-card header{height:32px;display:flex;align-items:center;justify-content:space-between}.zsa-v84-preview-card header button{width:28px;height:28px;border:0;border-radius:8px;background:#f1f3f5}.zsa-v84-preview-card img{display:block;max-width:calc(90vw - 28px);max-height:calc(88vh - 60px);object-fit:contain}

@media(max-width:800px){.zsa-v84-composer{width:min(620px,calc(100% - 74px))}.zsa-v84-node-toolbar{max-width:calc(100% - 78px);overflow:auto;scrollbar-width:none}.zsa-v84-node-toolbar::-webkit-scrollbar{display:none}.zsa-v84-composer-bottom select{max-width:108px}}


/* V8.4.1 open-path diagnostics */
.zsa-v8-open-error{grid-column:1/-1;display:flex;align-items:center;gap:10px;padding:12px 14px;margin-bottom:10px;border:1px solid #f0c7c7;border-radius:12px;background:#fff7f7;color:#7c2525;font-size:12px}.zsa-v8-open-error b{font-size:13px}.zsa-v8-open-error span{flex:1;color:#985151}.zsa-v8-open-error button{height:30px;padding:0 12px;border:1px solid #e1a9a9;border-radius:8px;background:#fff;color:#7c2525;cursor:pointer}.zsa-v8-open-error button:hover{background:#fff0f0}

/* V8.4.3 reliable line renderer: viewport canvas below nodes, independent from SVG transforms */
.zsa-v843-edge-canvas{position:absolute;inset:0;z-index:1;width:100%;height:100%;pointer-events:none!important;display:block}
.zsa-v8-scene{z-index:2}
.zsa-v8-edges,.zsa-v84-link-preview{display:none!important}
.zsa-v8-node{z-index:3}


/* V8.4.6 media aspect-ratio + workspace type icons */
.zsa-v8-node-head b{min-width:0;gap:6px}.zsa-v8-node-title{display:block;min-width:0;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.zsa-v8-type-icon{width:16px;height:16px;min-width:16px;display:block;object-fit:contain;color:currentColor}.zsa-v8-node-head b>img.zsa-v8-type-icon{border-radius:4px}.zsa-v8-node-placeholder .zsa-v8-type-icon{width:34px;height:34px;min-width:34px;color:#2d82ef}.zsa-v8-node-media{background:#f2f4f6}.zsa-v8-node-media img,.zsa-v8-node-media video{width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain!important;object-position:center center;background:transparent}.zsa-v8-node-media.is-video{background:#11161d}.zsa-v8-node-media.is-video video{background:#11161d}.zsa-v8-node[data-type="video"] .zsa-v8-node-head b{color:#7657e8}.zsa-v8-node[data-type="text"] .zsa-v8-node-head b,.zsa-v8-node[data-type="note"] .zsa-v8-node-head b{color:#17a673}.zsa-v8-node[data-type="agent"] .zsa-v8-node-head b{color:#6757d9}.zsa-v8-node[data-crop] .zsa-v8-node-media img{object-fit:fill!important}


/* V8.4.8 safe node header: no render-time layout recursion */
.zsa-v8-node-head{gap:8px;overflow:hidden}
.zsa-v8-node-head b{flex:1 1 auto;min-width:0;overflow:hidden}
.zsa-v8-node-title-clip{display:block;position:relative;flex:1 1 auto;min-width:0;overflow:hidden;white-space:nowrap}
.zsa-v8-node-title{display:inline-block;min-width:max-content;max-width:none!important;overflow:visible!important;text-overflow:clip!important;white-space:nowrap;will-change:transform}
.zsa-v8-node-head>span{flex:0 0 auto;min-width:72px;text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.zsa-v8-node-title-clip.is-marquee .zsa-v8-node-title{animation:zsaV848TitleMarquee 4.8s ease-in-out 1s infinite alternate}
@keyframes zsaV848TitleMarquee{0%,12%{transform:translateX(0)}88%,100%{transform:translateX(calc(-1 * var(--v8-title-shift,0px)))}}
@media(prefers-reduced-motion:reduce){.zsa-v8-node-title-clip.is-marquee .zsa-v8-node-title{animation:none!important}}


/* V8.5 contextual composer references */
.zsa-v85-composer{min-height:176px;overflow:visible}
.zsa-v85-reference-strip{display:flex;align-items:center;gap:8px;min-height:0;margin:0 0 8px 0;padding:0 2px;overflow:visible;flex-wrap:wrap}
.zsa-v85-reference-strip[hidden]{display:none!important}
.zsa-v85-ref{position:relative;display:flex;align-items:center;gap:6px;height:48px;max-width:116px;padding:4px 7px 4px 4px;border:1px solid #e1e6eb;border-radius:9px;background:#fff;color:#3e4853;box-shadow:none;cursor:pointer}
.zsa-v85-ref:hover{border-color:#b9c4ce;background:#f8fafb}
.zsa-v85-ref b{max-width:58px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:700}
.zsa-v85-ref-thumb{position:relative;width:38px;height:38px;border-radius:6px;overflow:visible;background:#f1f3f5;flex:0 0 auto}
.zsa-v85-ref-thumb>img:not(.zsa-v85-ref-zoom){width:100%;height:100%;object-fit:cover;border-radius:6px;display:block}
.zsa-v85-ref-zoom{display:none;position:absolute;left:50%;bottom:46px;transform:translateX(-50%);width:190px;height:190px;object-fit:contain;border:1px solid #d8dee5;border-radius:12px;background:#fff;padding:4px;box-shadow:0 18px 46px rgba(26,34,45,.18);z-index:360}
.zsa-v85-ref.is-image:hover .zsa-v85-ref-zoom{display:block}
.zsa-v85-ref.is-text>span,.zsa-v85-ref.is-video>span{width:34px;height:34px;border-radius:7px;background:#f2f5f7;display:grid;place-items:center;font-size:13px;color:#687583}
.zsa-v85-prompt-wrap{position:relative;min-width:0}
.zsa-v85-at-menu{position:absolute;left:0;top:58px;z-index:370;width:250px;max-height:280px;overflow:auto;padding:6px;border:1px solid #e0e5ea;border-radius:12px;background:#fff;box-shadow:0 16px 38px rgba(22,30,40,.15)}
.zsa-v85-at-menu[hidden]{display:none!important}
.zsa-v85-at-menu button{width:100%;min-height:42px;padding:6px 8px;border:0;border-radius:8px;background:transparent;display:grid;grid-template-columns:28px 1fr;grid-template-rows:auto auto;column-gap:7px;text-align:left;color:#323b44;cursor:pointer}
.zsa-v85-at-menu button:hover{background:#f3f6f8}
.zsa-v85-at-menu button>span{grid-row:1/3;width:28px;height:28px;border-radius:7px;background:#edf2f5;display:grid;place-items:center;align-self:center}
.zsa-v85-at-menu button>b{font-size:11px;line-height:1.3}.zsa-v85-at-menu button>small{font-size:9px;color:#909aa4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.zsa-v84-composer-bottom select[hidden]{display:none!important}
.zsa-v84-composer-bottom [data-v84-model]{max-width:185px}
@media(max-width:800px){.zsa-v85-ref-zoom{width:150px;height:150px}.zsa-v85-at-menu{width:220px}}

/* V8.6 node-scoped references + workbench-aligned canvas composer */
.zsa-v86-workbench-composer,.zsa-v85-composer{width:760px;min-height:190px;padding:13px 14px 11px;border:1px solid #dfe5ea;border-radius:18px;background:rgba(255,255,255,.992);box-shadow:0 16px 44px rgba(21,29,38,.12);overflow:visible}
.zsa-v85-composer:focus-within{border-color:#ccd5dd;box-shadow:0 18px 48px rgba(21,29,38,.14)}
.zsa-v85-reference-strip{gap:9px;margin:0 0 9px;padding:0;overflow:visible;flex-wrap:wrap}
.zsa-v85-ref{position:relative;display:flex;align-items:center;height:50px;max-width:132px;padding:0;border:1px solid #e0e6eb;border-radius:10px;background:#fff;color:#3e4853;box-shadow:0 1px 3px rgba(20,27,35,.025);overflow:visible}
.zsa-v85-ref:hover{border-color:#b8c4ce;background:#fbfcfd}
.zsa-v85-ref-main{height:48px;min-width:0;max-width:130px;padding:4px 8px 4px 4px;border:0;border-radius:9px;background:transparent;color:inherit;display:flex;align-items:center;gap:7px;cursor:pointer;text-align:left}
.zsa-v85-ref.has-remove .zsa-v85-ref-main{padding-right:22px}
.zsa-v85-ref b{max-width:62px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:700}
.zsa-v85-ref-thumb{position:relative;width:40px;height:40px;border-radius:7px;overflow:visible;background:#f1f3f5;flex:0 0 auto}
.zsa-v85-ref-thumb>img{width:100%;height:100%;object-fit:cover;border-radius:7px;display:block}
.zsa-v85-ref-zoom{display:none;position:absolute;left:0;bottom:50px;width:320px;height:320px;border:1px solid #d8dee5;border-radius:14px;background:#fff;padding:6px;box-shadow:0 22px 58px rgba(24,31,40,.22);z-index:520;pointer-events:none}
.zsa-v85-ref-zoom>img{width:100%;height:100%;display:block;object-fit:contain;border-radius:9px;background:#f8fafb}
.zsa-v85-ref.is-image:hover .zsa-v85-ref-zoom,.zsa-v85-ref-main:hover .zsa-v85-ref-zoom{display:block}
.zsa-v85-ref-remove{position:absolute;right:-6px;top:-7px;z-index:525;width:18px;height:18px;padding:0;border:1px solid #d8dee5;border-radius:50%;background:#fff;color:#68727c;font-size:13px;line-height:16px;display:grid;place-items:center;cursor:pointer;box-shadow:0 2px 7px rgba(20,27,35,.10)}
.zsa-v85-ref-remove:hover{background:#20262d;color:#fff;border-color:#20262d}
.zsa-v85-ref.is-text> .zsa-v85-ref-main>span,.zsa-v85-ref.is-video> .zsa-v85-ref-main>span{width:36px;height:36px;border-radius:7px;background:#f2f5f7;display:grid;place-items:center;font-size:13px;color:#687583;flex:0 0 auto}
.zsa-v84-composer-main{grid-template-columns:52px minmax(0,1fr) 30px;gap:11px;min-height:102px}
.zsa-v84-composer-add{width:52px;height:52px;border-radius:10px;font-size:22px}
.zsa-v84-composer textarea{min-height:96px;max-height:190px;padding:9px 5px 7px;font-size:13px;line-height:1.68;resize:none}
.zsa-v84-composer-bottom{height:45px;gap:8px}
.zsa-v84-composer-bottom select{height:31px;max-width:164px;border-color:#e0e5e9;border-radius:9px;font-size:10px;background:#fff}
.zsa-v84-composer-bottom [data-v84-model]{max-width:190px}
.zsa-v84-send{width:34px;height:34px;font-size:18px;transition:background .15s,color .15s,transform .15s}
.zsa-v84-send:hover{transform:translateY(-1px)}
@media(max-width:800px){.zsa-v86-workbench-composer,.zsa-v85-composer{width:min(760px,calc(100% - 76px));padding:11px;border-radius:16px}.zsa-v85-ref-zoom{width:min(300px,72vw);height:min(300px,72vw)}.zsa-v84-composer-main{grid-template-columns:48px minmax(0,1fr) 28px}.zsa-v84-composer-add{width:48px;height:48px}.zsa-v84-composer-bottom{overflow-x:auto;scrollbar-width:none}.zsa-v84-composer-bottom::-webkit-scrollbar{display:none}}

/* V8.6.1 composer reference tiles + size popover */
.zsa-v84-composer-main>.zsa-v84-composer-add{display:none!important}
.zsa-v86-workbench-composer .zsa-v85-reference-strip{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap;margin:0 0 10px;padding:0}
.zsa-v86-ref-card,.zsa-v86-ref-add{position:relative;width:58px;min-width:58px;height:76px;border:1px solid #cfe2ef;border-radius:12px;background:#fff;box-shadow:none;overflow:visible}
.zsa-v86-ref-card{display:flex;align-items:stretch;justify-content:stretch}
.zsa-v86-ref-card-main{width:100%;height:100%;padding:4px;border:0;border-radius:12px;background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:3px;text-align:center;color:#30414f}
.zsa-v86-ref-top{display:block;width:100%;font-size:9px;line-height:1.15;color:#5f6f7e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.zsa-v86-ref-thumb-wrap{display:flex;align-items:center;justify-content:center;width:42px;height:42px}
.zsa-v86-ref-card .zsa-v85-ref-thumb{width:42px;height:42px;border-radius:8px;overflow:visible;background:#edf2f6}
.zsa-v86-ref-card .zsa-v85-ref-thumb>img{width:100%;height:100%;object-fit:cover;border-radius:8px;display:block}
.zsa-v86-ref-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:8px;background:#eef3f6;color:#61707f;font-size:16px;font-weight:700}
.zsa-v86-ref-bottom{display:block;max-width:100%;font-size:10px;line-height:1.15;font-weight:700;color:#25313c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.zsa-v86-ref-card:hover,.zsa-v86-ref-add:hover{border-color:#20bfe3;background:#f9fdff}
.zsa-v86-ref-card .zsa-v85-ref-zoom{left:50%;bottom:48px;transform:translateX(-50%);width:220px;height:220px;z-index:620}
.zsa-v86-ref-card .zsa-v85-ref-remove{right:-7px;top:-7px}
.zsa-v86-ref-add{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0;color:#0aa5bf;font-size:24px;line-height:1;background:#fff}
.zsa-v86-ref-add small{display:block;margin-top:4px;font-size:11px;color:#0aa5bf}
.zsa-v86-workbench-composer .zsa-v84-composer-main{grid-template-columns:minmax(0,1fr) 30px;gap:12px;min-height:96px}
.zsa-v86-workbench-composer .zsa-v84-composer textarea{min-height:92px}
.zsa-v86-size-trigger{height:31px;padding:0 14px;border:1px solid #d9e2e9;border-radius:10px;background:#fff;color:#2f3c49;font-size:11px;font-weight:600;white-space:nowrap}
.zsa-v86-size-trigger:hover{border-color:#20bfe3;color:#0f8daa}
.zsa-v86-size-popover{position:absolute;z-index:680;width:min(356px,calc(100% - 32px));padding:0}
.zsa-v86-size-panel{padding:14px;border:1px solid #dfe6ec;border-radius:16px;background:#fff;box-shadow:0 22px 58px rgba(21,29,38,.18)}
.zsa-v86-size-section+.zsa-v86-size-section{margin-top:14px;padding-top:12px;border-top:1px solid #eef2f5}
.zsa-v86-size-section strong{display:block;margin:0 0 8px;font-size:12px;color:#3a4652}
.zsa-v86-size-section small{display:block;margin:-2px 0 10px;font-size:10px;color:#85919e;line-height:1.5}
.zsa-v86-size-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.zsa-v86-size-grid.is-video{grid-template-columns:repeat(3,minmax(0,1fr))}
.zsa-v86-size-chip{height:36px;border:1px solid #d9e0e6;border-radius:11px;background:#f7f8fa;color:#374451;font-size:12px;font-weight:600}
.zsa-v86-size-chip:hover{border-color:#20bfe3;background:#fbfeff}
.zsa-v86-size-chip.is-active{border-color:#2b3137;background:#fff;box-shadow:inset 0 0 0 1px #2b3137}
.zsa-v86-duration-wrap input[type=range]{width:100%;margin:0;accent-color:#1d2430}
.zsa-v86-duration-row{display:flex;align-items:center;justify-content:space-between;margin-top:8px;font-size:11px;color:#7d8894}
.zsa-v86-duration-row b{min-width:44px;height:24px;padding:0 10px;border-radius:999px;background:#f1f3f5;color:#1f2730;display:grid;place-items:center;font-size:11px}
@media(max-width:800px){.zsa-v86-workbench-composer .zsa-v85-reference-strip{gap:8px}.zsa-v86-ref-card,.zsa-v86-ref-add{width:56px;min-width:56px;height:74px}.zsa-v86-size-popover{width:min(332px,calc(100% - 26px))}.zsa-v86-size-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.zsa-v86-size-grid.is-video,.zsa-v86-size-grid.is-resolution{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* V8.6.2 target-site style ratio glyphs */
.zsa-v86-size-chip{display:flex;align-items:center;justify-content:center;gap:8px}
.zsa-v86-size-chip>span{display:block}
.zsa-v86-ratio-icon{position:relative;display:block;width:14px;height:10px;border:1.5px solid #6f7882;border-radius:2px;flex:0 0 auto}
.zsa-v86-ratio-icon.is-wide{width:16px;height:8px}
.zsa-v86-ratio-icon.is-tall{width:8px;height:14px}
.zsa-v86-ratio-icon.is-square{width:11px;height:11px}
.zsa-v86-ratio-icon.is-auto{width:14px;height:14px;border-radius:4px;border-style:dashed}
.zsa-v86-ratio-icon.is-auto:after{content:'✓';position:absolute;right:-7px;top:-8px;width:14px;height:14px;border-radius:50%;background:#20262d;color:#fff;font-size:8px;line-height:14px;text-align:center;border:2px solid #fff}
.zsa-v86-size-chip.is-active .zsa-v86-ratio-icon{border-color:#20262d}
.zsa-v86-duration-wrap{padding:4px 0 0}
.zsa-v86-duration-wrap input[type=range]{appearance:none;-webkit-appearance:none;height:4px;border-radius:999px;background:#d9dee3;outline:none}
.zsa-v86-duration-wrap input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:#1f2a36;border:0;box-shadow:0 0 0 2px #fff,0 1px 4px rgba(20,27,35,.18);cursor:pointer}
.zsa-v86-duration-wrap input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#1f2a36;border:0;box-shadow:0 0 0 2px #fff,0 1px 4px rgba(20,27,35,.18);cursor:pointer}

/* V8.6.3 unified bottom controls: model / size / count popovers */
.zsa-v863-model-trigger,.zsa-v863-count-trigger{height:31px;border:1px solid #d9e2e9;border-radius:10px;background:#fff;color:#33404c;display:flex;align-items:center;gap:6px;padding:0 10px;font-size:10px;line-height:1;white-space:nowrap;transition:.15s}
.zsa-v863-model-trigger{max-width:210px;min-width:128px}
.zsa-v863-model-trigger b{display:block;min-width:0;max-width:148px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}
.zsa-v863-model-trigger i,.zsa-v863-count-trigger i{font-style:normal;color:#9aa4ae;font-size:10px;margin-left:auto}
.zsa-v863-model-mark{width:18px;height:18px;border-radius:6px;background:#f0f4f7;color:#647281;display:grid;place-items:center;font-size:11px;flex:0 0 auto}
.zsa-v863-model-trigger:hover,.zsa-v863-count-trigger:hover{border-color:#20bfe3;color:#0f8daa;background:#fbfeff}
.zsa-v863-count-trigger{min-width:72px;padding:0 9px}
.zsa-v863-count-trigger>span{font-size:13px;color:#77838f}.zsa-v863-count-trigger b{font-size:10px;font-weight:600}
.zsa-v863-model-popover,.zsa-v863-count-popover{position:absolute;z-index:690;padding:0}
.zsa-v863-model-popover{width:330px}.zsa-v863-count-popover{width:230px}
.zsa-v863-pop-card{border:1px solid #dfe6ec;border-radius:16px;background:#fff;box-shadow:0 22px 58px rgba(21,29,38,.18);padding:10px;overflow:hidden}
.zsa-v863-pop-card>header{display:flex;align-items:center;justify-content:space-between;padding:3px 4px 9px;border-bottom:1px solid #eef2f5;margin-bottom:6px}
.zsa-v863-pop-card>header b{font-size:12px;color:#2f3b47}.zsa-v863-pop-card>header small{font-size:9px;color:#9aa4ae}
.zsa-v863-model-list{max-height:286px;overflow:auto;padding-right:2px;scrollbar-width:thin;scrollbar-color:#dfe4e8 transparent}
.zsa-v863-model-row{width:100%;min-height:54px;border:0;border-radius:11px;background:#fff;padding:6px 8px;display:grid;grid-template-columns:38px minmax(0,1fr) 20px;align-items:center;gap:8px;text-align:left;color:#303b46}
.zsa-v863-model-row:hover{background:#f5f8fa}.zsa-v863-model-row.is-active{background:#f1f7fa}
.zsa-v863-model-icon{width:36px;height:36px;border:1px solid #e1e7ec;border-radius:10px;background:#f8fafb;display:grid;place-items:center;overflow:hidden;color:#687684;font-size:14px}
.zsa-v863-model-icon img{width:24px;height:24px;object-fit:contain;display:block}.zsa-v863-model-icon.is-smart{background:#edf8fb;color:#0aa5bf;border-color:#d4edf3}
.zsa-v863-model-copy{min-width:0;display:block}.zsa-v863-model-copy b{display:block;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.zsa-v863-model-copy small{display:block;margin-top:4px;font-size:9px;color:#929da8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.zsa-v863-model-row em{font-style:normal;color:#19a9c5;font-size:12px;opacity:0;text-align:center}.zsa-v863-model-row.is-active em{opacity:1}
.zsa-v863-pop-card.is-count{padding:10px}.zsa-v863-count-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;padding:4px 0 1px}
.zsa-v863-count-choice{height:58px;border:1px solid #dfe5ea;border-radius:11px;background:#f7f8fa;color:#3b4651;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}
.zsa-v863-count-choice b{font-size:16px}.zsa-v863-count-choice span{font-size:9px;color:#919ba5}.zsa-v863-count-choice:hover{border-color:#20bfe3;background:#fbfeff}.zsa-v863-count-choice.is-active{border-color:#20262d;background:#fff;box-shadow:inset 0 0 0 1px #20262d}
.zsa-v84-composer-bottom{overflow:visible!important}
@media(max-width:800px){.zsa-v863-model-trigger{min-width:118px;max-width:160px}.zsa-v863-model-trigger b{max-width:98px}.zsa-v863-model-popover{width:min(320px,calc(100% - 12px))}.zsa-v863-count-popover{width:min(230px,calc(100% - 12px))}.zsa-v863-model-list{max-height:240px}}

/* V8.6.5 reference overlay / seconds slider / prompt tools */
.zsa-v86-workbench-composer .zsa-v85-reference-strip{align-items:flex-start;gap:12px}
.zsa-v86-ref-card,.zsa-v86-ref-add{width:64px;min-width:64px;height:64px;border-radius:10px;overflow:visible}
.zsa-v86-ref-card-main{padding:0;border-radius:10px;overflow:hidden}
.zsa-v86-ref-media{position:relative;display:block;width:64px;height:64px;border-radius:10px;overflow:hidden;background:#eef3f6}
.zsa-v86-ref-media>img{width:100%;height:100%;object-fit:cover;display:block}
.zsa-v86-ref-media.is-video,.zsa-v86-ref-media.is-text{display:grid;place-items:center;background:linear-gradient(180deg,#eef4f7 0%,#dde6ec 100%)}
.zsa-v86-ref-icon{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:rgba(255,255,255,.92);color:#5a6774;font-size:14px;font-weight:700;box-shadow:0 6px 16px rgba(14,25,36,.08)}
.zsa-v86-ref-overlay{position:absolute;left:4px;right:4px;display:block;padding:2px 6px;border-radius:7px;background:rgba(18,28,38,.42);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);box-shadow:0 4px 14px rgba(10,18,28,.12);color:#fff;pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.zsa-v86-ref-overlay.is-top{top:4px;font-size:9px;line-height:1.2;font-weight:500}
.zsa-v86-ref-overlay.is-bottom{bottom:4px;font-size:10px;line-height:1.2;font-weight:700}
.zsa-v86-ref-card .zsa-v85-ref-zoom{left:50%;bottom:70px;transform:translateX(-50%);width:220px;height:220px;z-index:620;display:none;position:absolute}
.zsa-v86-ref-card:hover .zsa-v85-ref-zoom{display:block}
.zsa-v86-ref-card:hover,.zsa-v86-ref-add:hover{transform:translateY(-1px)}
.zsa-v86-ref-add{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border-style:solid;border-color:#bcdceb;background:linear-gradient(180deg,#fff 0%,#f8fdff 100%);padding:0;font-size:22px;color:#0aa5bf}
.zsa-v86-ref-add span{display:block;line-height:1}
.zsa-v86-ref-add small{display:block;margin:0;font-size:11px;color:#0aa5bf;font-weight:600}
.zsa-v86-workbench-composer .zsa-v84-composer-main{grid-template-columns:minmax(0,1fr) 34px;gap:12px;min-height:108px}
.zsa-v86-workbench-composer .zsa-v84-composer textarea{min-height:86px;padding-bottom:34px}
.zsa-v86-prompt-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:8px}
.zsa-v86-prompt-btn{height:28px;padding:0 12px;border:1px solid #dde5eb;border-radius:999px;background:#fff;color:#52606d;font-size:11px;font-weight:600;transition:.15s}
.zsa-v86-prompt-btn:hover{border-color:#20bfe3;color:#0f8daa;background:#fbfeff}
.zsa-v86-prompt-btn.is-primary{background:#f3fbfd;border-color:#cdeaf1;color:#0c92ad}
.zsa-v85-prompt-wrap.is-active .zsa-v86-prompt-btn.is-primary{box-shadow:0 0 0 3px rgba(32,191,227,.12)}
.zsa-v84-composer-side button{width:30px;height:30px;border-radius:9px;background:#fff;border:1px solid #e2e8ed;color:#7a8793;box-shadow:0 4px 12px rgba(18,28,38,.04)}
.zsa-v84-composer-side button:hover{background:#fbfdff;border-color:#20bfe3;color:#0f8daa}
.zsa-v86-size-popover[data-direction='up'] .zsa-v86-size-panel{transform-origin:bottom left}
.zsa-v86-size-popover[data-direction='down'] .zsa-v86-size-panel{transform-origin:top left}
.zsa-v86-size-chip.is-smart{gap:0}
.zsa-v86-size-chip.is-smart span{font-weight:700}
.zsa-v86-ratio-icon.is-auto,.zsa-v86-size-chip.is-smart .zsa-v86-ratio-icon{display:none!important}
.zsa-v86-duration-wrap input[type=range]{height:5px;background:linear-gradient(90deg,#1f2a36 0%,#1f2a36 var(--v86-progress,0%),#d9dee3 var(--v86-progress,0%),#d9dee3 100%)}
.zsa-v86-duration-wrap input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:#1f2a36;border:0;box-shadow:0 0 0 3px #fff,0 2px 8px rgba(20,27,35,.2);cursor:pointer}
.zsa-v86-duration-wrap input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#1f2a36;border:0;box-shadow:0 0 0 3px #fff,0 2px 8px rgba(20,27,35,.2);cursor:pointer}
.zsa-v86-duration-row b{min-width:48px}
@media(max-width:800px){.zsa-v86-workbench-composer .zsa-v85-reference-strip{gap:10px}.zsa-v86-ref-card,.zsa-v86-ref-add,.zsa-v86-ref-media{width:60px;min-width:60px;height:60px}.zsa-v86-workbench-composer .zsa-v84-composer-main{grid-template-columns:minmax(0,1fr) 30px}.zsa-v86-prompt-tools{gap:6px}.zsa-v86-prompt-btn{padding:0 10px}}


/* V8.6.6 hover preview + @引用菜单优化 */
.zsa-v86-ref-card .zsa-v85-ref-zoom{display:none;position:absolute;left:50%;bottom:72px;transform:translateX(-50%);width:220px;height:220px;padding:6px;border:1px solid #d8dee5;border-radius:14px;background:#fff;box-shadow:0 18px 46px rgba(26,34,45,.18);z-index:660}
.zsa-v86-ref-card .zsa-v85-ref-zoom img{width:100%;height:100%;object-fit:contain;display:block;border-radius:10px}
.zsa-v86-ref-card:hover .zsa-v85-ref-zoom{display:block}
.zsa-v85-at-menu{top:auto;bottom:100%;margin-bottom:8px;width:290px;max-height:320px;padding:8px;border-radius:14px;box-shadow:0 18px 38px rgba(22,30,40,.16)}
.zsa-v866-at-empty{padding:10px 12px;border-radius:10px;background:#f7f9fb;color:#7b8793;font-size:11px;line-height:1.5}
.zsa-v866-at-item{width:100%;min-height:50px;padding:7px 8px;border:0;border-radius:10px;background:transparent;display:grid;grid-template-columns:36px 1fr;gap:9px;align-items:center;text-align:left;color:#323b44;position:relative}
.zsa-v866-at-item:hover{background:#f3f7fa}
.zsa-v866-at-cover{position:relative;display:grid;place-items:center;width:36px;height:36px;border-radius:9px;background:#edf2f5;color:#687583;font-size:13px;font-weight:700;overflow:visible}
.zsa-v866-at-cover.is-image{padding:0;background:#e8edf2;overflow:hidden}
.zsa-v866-at-cover.is-image img{width:100%;height:100%;object-fit:cover;display:block;border-radius:9px}
.zsa-v866-at-preview{display:none;position:absolute;left:44px;top:-10px;width:160px;height:160px;padding:4px;border:1px solid #d8dee5;border-radius:12px;background:#fff;box-shadow:0 16px 38px rgba(26,34,45,.18);z-index:680}
.zsa-v866-at-preview img{width:100%;height:100%;object-fit:contain;border-radius:9px;display:block}
.zsa-v866-at-item:hover .zsa-v866-at-preview{display:block}
.zsa-v866-at-copy{min-width:0;display:block}.zsa-v866-at-copy b{display:block;font-size:11px;line-height:1.3}.zsa-v866-at-copy small{display:block;margin-top:4px;font-size:9px;color:#909aa4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:800px){.zsa-v85-at-menu{width:250px;right:0;left:auto}.zsa-v866-at-preview{display:none!important}}

/* V8.6.7 node drafts / direct-link / reliable reference hover */
.zsa-v86-ref-card-main,.zsa-v86-ref-media{overflow:visible!important}
.zsa-v86-ref-media>img{border-radius:10px}
.zsa-v86-ref-card .zsa-v85-ref-zoom{display:none!important}
.zsa-v867-ref-hover{position:fixed;z-index:2147483646;padding:6px;border:1px solid #d8dee5;border-radius:14px;background:#fff;box-shadow:0 22px 58px rgba(20,28,38,.22);pointer-events:none}
.zsa-v867-ref-hover[hidden]{display:none!important}
.zsa-v867-ref-hover img{width:100%;height:100%;display:block;object-fit:contain;border-radius:10px;background:#f8fafb}
.zsa-v867-ref-text{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;padding:14px 7px 10px;color:#53616e;font-size:9px;line-height:1.35;text-align:left;word-break:break-all}
.zsa-v8-node.is-generating{box-shadow:0 0 0 1px rgba(32,191,227,.35),0 10px 28px rgba(32,191,227,.12)}
.zsa-v8-node.is-generating:before{content:'';position:absolute;inset:0;z-index:28;border-radius:12px;background:linear-gradient(115deg,rgba(255,255,255,.18) 20%,rgba(32,191,227,.16) 42%,rgba(255,255,255,.22) 62%);background-size:220% 100%;animation:zsaV867Generating 1.35s linear infinite;pointer-events:none}
.zsa-v8-node.is-generating:after{content:'AI 生成中…';position:absolute;left:50%;top:50%;z-index:29;transform:translate(-50%,-50%);height:30px;padding:0 12px;border:1px solid rgba(255,255,255,.72);border-radius:999px;background:rgba(27,37,48,.72);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);color:#fff;font-size:10px;line-height:30px;white-space:nowrap;box-shadow:0 6px 20px rgba(20,28,38,.16);pointer-events:none}
@keyframes zsaV867Generating{0%{background-position:100% 0}100%{background-position:-100% 0}}
.zsa-v8-canvas.is-connecting .zsa-v8-node:not(.is-selected){cursor:crosshair}
.zsa-v8-canvas.is-connecting .zsa-v8-node:not(.is-selected):hover{border-color:#20bfe3;box-shadow:0 0 0 2px rgba(32,191,227,.12)}

/* V8.6.8 target-video inline references + per-node prompt editor */
.zsa-v868-prompt-editor{min-height:92px;max-height:190px;padding:9px 5px 7px;outline:0;overflow:auto;color:#2e3740;font-size:13px;line-height:1.72;white-space:pre-wrap;word-break:break-word;user-select:text;cursor:text}
.zsa-v868-prompt-editor:empty:before{content:attr(data-placeholder);color:#a1aab3;pointer-events:none}
.zsa-v868-prompt-editor::-webkit-scrollbar{width:5px}.zsa-v868-prompt-editor::-webkit-scrollbar-thumb{background:#dfe4e8;border-radius:999px}
.zsa-v868-mention{display:inline-flex;align-items:center;gap:5px;min-height:24px;margin:0 2px;padding:2px 8px;border:1px solid #cfe7dc;border-radius:7px;background:#edf8f2;color:#27865a;font-size:11px;line-height:1.3;font-weight:650;vertical-align:middle;white-space:nowrap;box-shadow:0 1px 2px rgba(19,57,39,.04)}
.zsa-v868-mention:before{content:'▧';font-size:10px;opacity:.78}
.zsa-v868-mention.is-text{border-color:#c9e8dd;background:#eef9f5;color:#16875f}.zsa-v868-mention.is-text:before{content:'T'}
.zsa-v868-mention.is-video{border-color:#ded5f5;background:#f6f2ff;color:#7657c8}.zsa-v868-mention.is-video:before{content:'▶'}
.zsa-v85-at-menu{position:absolute!important;bottom:auto!important;margin:0!important;width:292px;max-height:310px;overflow:auto;padding:7px;border:1px solid #dfe6eb;border-radius:13px;background:#fff;box-shadow:0 16px 42px rgba(22,30,40,.16);z-index:760}
.zsa-v866-at-item{min-height:48px;padding:6px 7px;grid-template-columns:38px minmax(0,1fr)}
.zsa-v866-at-item.is-image:hover,.zsa-v866-at-item.is-text:hover,.zsa-v866-at-item.is-video:hover{background:#f5f9fb}
.zsa-v866-at-copy b{color:#34414d}.zsa-v866-at-copy small{color:#929ca6}
.zsa-v86-ref-media.is-text{padding:13px 5px 12px}
.zsa-v867-ref-text{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;width:100%;padding:0 4px;text-align:center;color:#4c5965;font-size:9px;line-height:1.35;font-weight:600}
.zsa-v867-ref-hover{animation:zsaV868RefPop .12s ease-out}
@keyframes zsaV868RefPop{from{opacity:0;transform:translateY(3px) scale(.985)}to{opacity:1;transform:none}}
@media(max-width:800px){.zsa-v868-prompt-editor{min-height:86px;font-size:12px}.zsa-v85-at-menu{width:min(276px,calc(100vw - 34px))}.zsa-v868-mention{font-size:10px;padding:2px 7px}}

/* V8.6.9 inline @ reference chips aligned to target UI */
.zsa-v868-mention.zsa-v869-mention{display:inline-flex;align-items:center;gap:4px;height:24px;min-height:24px;margin:0 2px;padding:2px 7px 2px 4px;border-radius:6px;vertical-align:middle;white-space:nowrap;font-size:11px;line-height:1;font-weight:650;box-shadow:0 1px 2px rgba(26,40,54,.04);cursor:default;user-select:none}
.zsa-v868-mention.zsa-v869-mention:before{display:none!important;content:none!important}
.zsa-v869-mention.is-image{border:1px solid #d3e5f1;background:#eef6fb;color:#3180aa}
.zsa-v869-mention.is-text{border:1px solid #cce8dd;background:#edf8f4;color:#16865f}
.zsa-v869-mention.is-video{border:1px solid #ded6f2;background:#f5f1fc;color:#7359bd}
.zsa-v869-mention-icon{position:relative;display:grid;place-items:center;width:18px;height:18px;min-width:18px;border-radius:4px;overflow:hidden;background:rgba(255,255,255,.86)}
.zsa-v869-mention-icon.is-image img{width:100%;height:100%;display:block;object-fit:cover;border-radius:4px}
.zsa-v869-mention-icon.is-text{border:1px solid rgba(22,134,95,.22);background:#fff}
.zsa-v869-mention-icon.is-text:before{content:'';width:8px;height:10px;border:1.4px solid #36a27d;border-radius:1.5px;background:#fff}
.zsa-v869-mention-icon.is-text:after{content:'';position:absolute;left:6px;top:7px;width:5px;height:1.3px;background:#36a27d;box-shadow:0 3px 0 #36a27d}
.zsa-v869-mention-icon.is-video{background:#fff;border:1px solid rgba(115,89,189,.18)}
.zsa-v869-mention-icon.is-video:before{content:'';width:0;height:0;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:6px solid #7359bd;margin-left:2px}
.zsa-v869-mention-label{display:block;line-height:18px}
.zsa-v869-mention.is-image:hover{border-color:#9fc9df;background:#e8f3f9}
.zsa-v869-mention.is-text:hover{border-color:#9fd5c1;background:#e7f6f0}
.zsa-v869-mention.is-video:hover{border-color:#c7bce8;background:#f0ebfa}
.zsa-v867-ref-hover{z-index:2147483647!important}
@media(max-width:800px){.zsa-v868-mention.zsa-v869-mention{height:23px;min-height:23px;font-size:10px;padding:2px 6px 2px 3px}.zsa-v869-mention-icon{width:17px;height:17px;min-width:17px}}


/* V8.6.10 one-line @ cards + shared backend icons */
.zsa-v86-ref-media.is-text,.zsa-v86-ref-media.is-video{display:flex;align-items:center;justify-content:center;padding:0}
.zsa-v8610-ref-icon-wrap{display:grid;place-items:center;width:100%;height:100%;padding:12px}
.zsa-v8610-ref-icon-wrap img,.zsa-v8610-ref-icon{display:block;width:100%;height:100%;object-fit:contain;border-radius:10px}
.zsa-v8610-ref-icon.is-custom{background:transparent}
.zsa-v8610-ref-icon.is-glyph{display:grid;place-items:center;width:100%;height:100%;border-radius:12px;background:rgba(255,255,255,.92);color:#5f6d79;font-size:22px;font-weight:700;box-shadow:0 8px 18px rgba(20,28,38,.08)}
.zsa-v866-at-item.zsa-v8610-at-item{grid-template-columns:34px minmax(0,1fr);min-height:42px;padding:6px 8px;border-radius:9px}
.zsa-v866-at-item.zsa-v8610-at-item .zsa-v866-at-cover{width:30px;height:30px;min-width:30px;border-radius:8px;overflow:hidden;background:#eef3f6;display:grid;place-items:center}
.zsa-v866-at-item.zsa-v8610-at-item .zsa-v866-at-cover.is-image img{border-radius:8px}
.zsa-v8610-at-icon,.zsa-v8610-at-icon.is-custom{display:block;width:18px;height:18px;object-fit:contain;border-radius:5px}
.zsa-v8610-at-icon.is-glyph{display:grid;place-items:center;width:18px;height:18px;border-radius:5px;background:#fff;color:#667481;font-size:11px;font-weight:700;box-shadow:0 1px 2px rgba(20,28,38,.06)}
.zsa-v866-at-copy.zsa-v8610-at-copy{display:flex;align-items:center;gap:8px;min-width:0;white-space:nowrap;overflow:hidden}
.zsa-v866-at-copy.zsa-v8610-at-copy b,.zsa-v866-at-copy.zsa-v8610-at-copy small{display:inline;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.zsa-v866-at-copy.zsa-v8610-at-copy b{font-size:11px;line-height:1.2;color:#34414d;flex:0 0 auto}
.zsa-v866-at-copy.zsa-v8610-at-copy small{font-size:10px;line-height:1.2;color:#97a1ab;flex:1 1 auto}
.zsa-v868-mention.zsa-v869-mention.zsa-v8610-mention{height:26px;min-height:26px;padding:2px 8px 2px 4px;gap:5px;border-radius:7px}
.zsa-v8610-mention-icon{display:grid;place-items:center;width:18px;height:18px;min-width:18px;border-radius:5px;overflow:hidden;background:rgba(255,255,255,.88)}
.zsa-v8610-mention-icon img{display:block;width:100%;height:100%;object-fit:cover;border-radius:5px}
.zsa-v8610-mention-icon i{font-style:normal;font-size:11px;line-height:1;font-weight:700;color:inherit}
.zsa-v869-mention.is-text .zsa-v8610-mention-icon,.zsa-v869-mention.is-video .zsa-v8610-mention-icon{background:#fff;box-shadow:inset 0 0 0 1px rgba(24,42,61,.08)}
@media(max-width:800px){.zsa-v866-at-item.zsa-v8610-at-item{grid-template-columns:32px minmax(0,1fr)}.zsa-v866-at-item.zsa-v8610-at-item .zsa-v866-at-cover{width:28px;height:28px;min-width:28px}.zsa-v866-at-copy.zsa-v8610-at-copy{gap:6px}.zsa-v866-at-copy.zsa-v8610-at-copy small{display:none}}


/* V8.6.11 at-card truncation + text icon polish */
.zsa-v866-at-item.zsa-v8610-at-item{grid-template-columns:36px minmax(0,1fr);min-height:44px;padding:6px 10px;gap:10px}
.zsa-v866-at-item.zsa-v8610-at-item .zsa-v866-at-cover{width:32px;height:32px;min-width:32px;border-radius:8px;flex:0 0 32px}
.zsa-v866-at-copy.zsa-v8610-at-copy{display:flex;align-items:center;gap:8px;min-width:0;overflow:hidden;white-space:nowrap}
.zsa-v866-at-copy.zsa-v8610-at-copy b{display:block;min-width:0;max-width:calc(100% - 64px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.2;flex:1 1 auto}
.zsa-v866-at-copy.zsa-v8610-at-copy small{display:block;flex:0 0 auto;max-width:56px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.2;margin:0}
.zsa-v868-mention.zsa-v869-mention.zsa-v8610-mention{max-width:132px;overflow:hidden}
.zsa-v869-mention-label{display:block;min-width:0;max-width:96px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.zsa-v8610-ref-icon.is-svg,.zsa-v8610-at-icon.is-svg{display:block;width:100%;height:100%}
.zsa-v8610-ref-icon.is-svg.is-text,.zsa-v8610-at-icon.is-svg.is-text{color:#6a7682}
.zsa-v8610-ref-icon.is-svg.is-video,.zsa-v8610-at-icon.is-svg.is-video{color:#6c6fdd}
.zsa-v8610-ref-icon-wrap.is-text,.zsa-v8610-ref-icon-wrap.is-video{padding:12px}
.zsa-v86-ref-media.is-text,.zsa-v86-ref-media.is-video{background:linear-gradient(180deg,#f3f6f9 0%,#e8edf2 100%)}
.zsa-v8610-mention-icon i{display:none}
.zsa-v869-mention.is-text .zsa-v8610-mention-icon,.zsa-v869-mention.is-video .zsa-v8610-mention-icon{padding:2px}
.zsa-v869-mention.is-text .zsa-v8610-mention-icon img,.zsa-v869-mention.is-video .zsa-v8610-mention-icon img{object-fit:contain}
@media(max-width:800px){.zsa-v866-at-item.zsa-v8610-at-item{grid-template-columns:34px minmax(0,1fr);padding:6px 8px;gap:8px}.zsa-v866-at-item.zsa-v8610-at-item .zsa-v866-at-cover{width:30px;height:30px;min-width:30px}.zsa-v866-at-copy.zsa-v8610-at-copy small{display:none}.zsa-v866-at-copy.zsa-v8610-at-copy b{max-width:100%}.zsa-v868-mention.zsa-v869-mention.zsa-v8610-mention{max-width:110px}.zsa-v869-mention-label{max-width:74px}}


/* V8.6.12 mention row + model icon + text icon */
.zsa-v85-at-menu{width:320px}
.zsa-v866-at-item.zsa-v8610-at-item{grid-template-columns:38px minmax(0,1fr);min-height:52px;padding:8px 12px;gap:10px}
.zsa-v866-at-item.zsa-v8610-at-item .zsa-v866-at-cover{width:34px;height:34px;min-width:34px;border-radius:9px;overflow:hidden;border:1px solid #ebf0f4;background:#f4f7fa}
.zsa-v866-at-copy.zsa-v8610-at-copy,.zsa-v866-at-copy.zsa-v8610-at-copy.is-name-only{display:block;min-width:0;overflow:hidden}
.zsa-v866-at-copy.zsa-v8610-at-copy b{display:block;max-width:100%!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;line-height:1.25;color:#2f3a45;flex:none}
.zsa-v866-at-copy.zsa-v8610-at-copy small{display:none!important}
.zsa-v868-mention.zsa-v869-mention.zsa-v8610-mention{max-width:160px;height:28px;min-height:28px;padding:2px 8px 2px 4px;border-radius:8px}
.zsa-v869-mention-label{max-width:118px!important;font-size:12px}
.zsa-v8610-mention-icon{width:20px;height:20px;min-width:20px;border-radius:6px;overflow:hidden;padding:0;background:rgba(255,255,255,.92)}
.zsa-v8610-mention-icon img{width:100%;height:100%;object-fit:cover;border-radius:6px}
.zsa-v8610-mention-svg{display:block;width:100%;height:100%;color:#6a7682}
.zsa-v869-mention.is-video .zsa-v8610-mention-svg{color:#6c6fdd}
.zsa-v863-model-trigger{max-width:228px;min-width:132px}
.zsa-v863-model-mark{width:18px;height:18px;border-radius:6px;background:#f0f4f7;color:#647281;display:grid;place-items:center;font-size:11px;flex:0 0 auto;overflow:hidden}
.zsa-v863-model-mark img,.zsa-v863-model-mark .zsa-v8-type-icon{width:100%;height:100%;object-fit:contain;display:block}
.zsa-v86-ref-media.is-text,.zsa-v86-ref-media.is-video{background:linear-gradient(180deg,#f7f9fb 0%,#edf1f5 100%)}
.zsa-v8610-ref-icon-wrap{padding:11px}
.zsa-v8610-ref-icon-wrap .zsa-v8610-ref-icon.is-custom{width:100%;height:100%;object-fit:contain}
.zsa-v8610-ref-icon-wrap .zsa-v8610-ref-icon.is-svg{width:100%;height:100%;color:#697582}
.zsa-v8610-ref-icon-wrap.is-video .zsa-v8610-ref-icon.is-svg{color:#6b6edd}
@media(max-width:800px){.zsa-v85-at-menu{width:270px}.zsa-v866-at-item.zsa-v8610-at-item{grid-template-columns:34px minmax(0,1fr);min-height:46px;padding:7px 9px;gap:8px}.zsa-v866-at-item.zsa-v8610-at-item .zsa-v866-at-cover{width:30px;height:30px;min-width:30px}.zsa-v868-mention.zsa-v869-mention.zsa-v8610-mention{max-width:128px}.zsa-v869-mention-label{max-width:88px!important}.zsa-v863-model-trigger{max-width:182px;min-width:118px}}


/* V8.6.13 reference pill and text-card final polish */
.zsa-v85-at-menu{width:360px!important;max-width:min(360px,calc(100vw - 32px))}
.zsa-v866-at-item.zsa-v8610-at-item{grid-template-columns:38px minmax(0,1fr)!important;min-height:52px!important;padding:8px 12px!important;gap:10px!important}
.zsa-v866-at-item.zsa-v8610-at-item .zsa-v866-at-cover{width:34px!important;height:34px!important;min-width:34px!important;border-radius:9px!important;overflow:hidden;border:1px solid #e8eef3;background:#f4f7fa;display:grid;place-items:center}
.zsa-v866-at-copy.zsa-v8610-at-copy.is-pill-only{display:flex!important;align-items:center;min-width:0;overflow:hidden}
.zsa-v8613-at-pill{display:inline-flex;align-items:center;max-width:100%;min-width:0;height:30px;padding:0 12px;border-radius:8px;background:#eef2f5;color:#34414d;font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.zsa-v868-mention.zsa-v869-mention.zsa-v8610-mention{display:inline-flex!important;align-items:center;max-width:240px!important;height:28px!important;min-height:28px!important;padding:2px 8px 2px 4px!important;gap:6px!important;border-radius:8px!important;overflow:hidden}
.zsa-v869-mention-label{display:block!important;min-width:0;max-width:186px!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px!important;line-height:18px!important}
.zsa-v8610-mention-icon{width:20px!important;height:20px!important;min-width:20px!important;border-radius:6px!important;overflow:hidden;padding:0!important;background:rgba(255,255,255,.92)}
.zsa-v8610-mention-icon img,.zsa-v8610-mention-svg{width:100%!important;height:100%!important;display:block}
.zsa-v8610-mention-icon img{object-fit:cover;border-radius:6px}
.zsa-v8610-mention-svg{color:#687582}
.zsa-v86-ref-media.is-text,.zsa-v86-ref-media.is-video{background:linear-gradient(180deg,#f5f7fa 0%,#ecf1f5 100%)!important}
.zsa-v8610-ref-icon-wrap,.zsa-v8610-ref-icon-wrap.is-text,.zsa-v8610-ref-icon-wrap.is-video{display:grid;place-items:center;width:100%;height:100%;padding:8px!important}
.zsa-v8610-ref-icon-wrap .zsa-v8610-ref-icon.is-custom{width:100%!important;height:100%!important;object-fit:contain!important;border-radius:12px}
.zsa-v8610-ref-icon-wrap .zsa-v8610-ref-icon.is-svg{width:100%!important;height:100%!important;display:block;color:#6a7682}
.zsa-v8610-ref-icon-wrap.is-video .zsa-v8610-ref-icon.is-svg{color:#6b6edd}
.zsa-v863-model-mark{overflow:hidden!important}.zsa-v863-model-mark img,.zsa-v863-model-mark .zsa-v8-type-icon{display:block;width:100%;height:100%;object-fit:contain}
@media(max-width:800px){.zsa-v85-at-menu{width:300px!important;max-width:calc(100vw - 26px)}.zsa-v8613-at-pill{height:28px;font-size:12px;padding:0 10px}.zsa-v868-mention.zsa-v869-mention.zsa-v8610-mention{max-width:180px!important}.zsa-v869-mention-label{max-width:128px!important}}


/* V8.6.14 strict at-menu + text icon image */
.zsa-v85-at-menu{width:340px!important;max-width:min(340px,calc(100vw - 28px));padding:10px!important}
.zsa-v866-at-item.zsa-v8614-at-item{display:grid!important;grid-template-columns:40px minmax(0,1fr)!important;align-items:center!important;gap:12px!important;min-height:58px!important;padding:9px 12px!important;border-radius:12px!important;background:#fff!important}
.zsa-v866-at-item.zsa-v8614-at-item:hover{background:#f7fafc!important}
.zsa-v866-at-item.zsa-v8614-at-item .zsa-v866-at-cover{width:40px!important;height:40px!important;min-width:40px!important;border-radius:10px!important;overflow:hidden;border:1px solid #e5edf3;background:#eef3f7;display:grid;place-items:center}
.zsa-v866-at-item.zsa-v8614-at-item .zsa-v866-at-cover img{width:100%;height:100%;object-fit:cover;display:block}
.zsa-v8614-at-icon,.zsa-v8614-at-icon.is-custom,.zsa-v8614-at-icon.is-svg{display:block;width:100%;height:100%;object-fit:contain;color:#6a7682}
.zsa-v8614-at-item.is-video .zsa-v8614-at-icon.is-svg{color:#6b6edd}
.zsa-v8614-at-name{display:block!important;min-width:0!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;color:#31404c!important;font-size:14px!important;font-weight:600!important;line-height:1.3!important}
.zsa-v8610-mention-icon,.zsa-v8610-mention-icon img,.zsa-v8614-mention-svg{display:block}
.zsa-v868-mention.zsa-v869-mention.zsa-v8610-mention{max-width:220px!important;background:#eef7f3!important;border-color:#cfe7dc!important}
.zsa-v869-mention.is-image{background:#eef6fb!important;border-color:#d9ebf8!important}
.zsa-v869-mention.is-video{background:#f1effd!important;border-color:#ddd7fb!important}
.zsa-v8610-mention-icon{width:20px!important;height:20px!important;min-width:20px!important;border-radius:6px!important;overflow:hidden!important;background:#fff!important;box-shadow:inset 0 0 0 1px rgba(25,40,60,.06)}
.zsa-v8610-mention-icon img{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:6px!important}
.zsa-v8614-mention-svg{width:100%!important;height:100%!important;color:#6a7682}
.zsa-v869-mention.is-video .zsa-v8614-mention-svg{color:#6b6edd}
.zsa-v869-mention-label{max-width:170px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
.zsa-v86-ref-media.is-text,.zsa-v86-ref-media.is-video{background:linear-gradient(180deg,#f6f8fb 0%,#edf2f6 100%)!important}
.zsa-v8610-ref-icon-wrap,.zsa-v8610-ref-icon-wrap.is-text,.zsa-v8610-ref-icon-wrap.is-video{display:grid!important;place-items:center!important;width:100%!important;height:100%!important;padding:7px!important}
.zsa-v8610-ref-icon,.zsa-v8610-ref-icon.is-custom,.zsa-v8610-ref-icon.is-svg{display:block!important;width:100%!important;height:100%!important;object-fit:contain!important;border-radius:12px!important;color:#697582}
.zsa-v8610-ref-icon-wrap.is-video .zsa-v8610-ref-icon.is-svg{color:#6b6edd}
@media(max-width:800px){.zsa-v85-at-menu{width:290px!important}.zsa-v866-at-item.zsa-v8614-at-item{grid-template-columns:36px minmax(0,1fr)!important;gap:10px!important;min-height:52px!important;padding:8px 10px!important}.zsa-v866-at-item.zsa-v8614-at-item .zsa-v866-at-cover{width:36px!important;height:36px!important;min-width:36px!important}.zsa-v8614-at-name{font-size:13px!important}.zsa-v868-mention.zsa-v869-mention.zsa-v8610-mention{max-width:170px!important}.zsa-v869-mention-label{max-width:120px!important}}


/* V8.6.15 force reference tag layout */
.zsa-v85-at-menu{width:360px!important;max-width:min(360px,calc(100vw - 24px))!important;padding:10px!important}
.zsa-v866-at-item.zsa-v8614-at-item{display:grid!important;grid-template-columns:42px minmax(0,1fr)!important;gap:12px!important;align-items:center!important;min-height:60px!important;padding:10px 12px!important;border-radius:12px!important;background:#fff!important}
.zsa-v866-at-item.zsa-v8614-at-item .zsa-v866-at-cover{width:42px!important;height:42px!important;min-width:42px!important;border-radius:10px!important;overflow:hidden!important;border:1px solid #e5edf3!important;background:#eef3f7!important;display:grid!important;place-items:center!important}
.zsa-v866-at-item.zsa-v8614-at-item .zsa-v866-at-cover img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important}
.zsa-v8614-at-name{display:block!important;min-width:0!important;max-width:100%!important;width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;color:#31404c!important;font-size:14px!important;font-weight:600!important;line-height:1.3!important}
.zsa-v8613-at-pill,.zsa-v866-at-copy.zsa-v8610-at-copy,.zsa-v866-at-copy.zsa-v8610-at-copy.is-pill-only,.zsa-v866-at-copy.zsa-v8610-at-copy b,.zsa-v866-at-copy.zsa-v8610-at-copy small{all:unset!important;display:none!important}
.zsa-v868-mention.zsa-v869-mention.zsa-v8610-mention{display:inline-flex!important;align-items:center!important;gap:6px!important;max-width:none!important;width:auto!important;min-width:0!important;height:28px!important;min-height:28px!important;padding:2px 8px 2px 4px!important;border-radius:8px!important;overflow:hidden!important}
.zsa-v869-mention-label{display:block!important;max-width:none!important;width:auto!important;min-width:0!important;overflow:visible!important;text-overflow:clip!important;white-space:nowrap!important;font-size:12px!important;line-height:18px!important}
.zsa-v869-mention.is-image .zsa-v869-mention-label,.zsa-v869-mention.is-text .zsa-v869-mention-label,.zsa-v869-mention.is-video .zsa-v869-mention-label{overflow:hidden!important;text-overflow:ellipsis!important;max-width:160px!important}
.zsa-v8610-mention-icon{width:20px!important;height:20px!important;min-width:20px!important;border-radius:6px!important;overflow:hidden!important;padding:0!important;background:#fff!important;box-shadow:inset 0 0 0 1px rgba(25,40,60,.06)!important}
.zsa-v8610-mention-icon img{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:6px!important}
.zsa-v8614-mention-svg{display:block!important;width:100%!important;height:100%!important;color:#6a7682!important}
.zsa-v869-mention.is-video .zsa-v8614-mention-svg{color:#6b6edd!important}
.zsa-v86-ref-media.is-text,.zsa-v86-ref-media.is-video{background:linear-gradient(180deg,#f6f8fb 0%,#edf2f6 100%)!important}
.zsa-v8610-ref-icon-wrap,.zsa-v8610-ref-icon-wrap.is-text,.zsa-v8610-ref-icon-wrap.is-video{display:grid!important;place-items:center!important;width:100%!important;height:100%!important;padding:6px!important}
.zsa-v8610-ref-icon,.zsa-v8610-ref-icon.is-custom,.zsa-v8610-ref-icon.is-svg{display:block!important;width:100%!important;height:100%!important;object-fit:contain!important;border-radius:12px!important;color:#697582!important}
.zsa-v8610-ref-icon-wrap.is-video .zsa-v8610-ref-icon.is-svg{color:#6b6edd!important}
.zsa-v8-node.type-text .zsa-v8-node-head b .zsa-v8-type-icon,.zsa-v8-node.type-note .zsa-v8-node-head b .zsa-v8-type-icon{display:block!important;width:18px!important;height:18px!important;object-fit:contain!important}
@media(max-width:800px){.zsa-v85-at-menu{width:300px!important}.zsa-v866-at-item.zsa-v8614-at-item{grid-template-columns:38px minmax(0,1fr)!important;gap:10px!important;min-height:54px!important;padding:8px 10px!important}.zsa-v866-at-item.zsa-v8614-at-item .zsa-v866-at-cover{width:38px!important;height:38px!important;min-width:38px!important}.zsa-v869-mention.is-image .zsa-v869-mention-label,.zsa-v869-mention.is-text .zsa-v869-mention-label,.zsa-v869-mention.is-video .zsa-v869-mention-label{max-width:120px!important}}


/* V8.6.16 final reference-card polish */
.zsa-v86-ref-card,.zsa-v86-ref-add{box-shadow:0 10px 24px rgba(26,38,50,.10)!important;border-color:#d9e6ef!important;background:#fff!important}
.zsa-v86-ref-card:hover,.zsa-v86-ref-add:hover{box-shadow:0 14px 30px rgba(26,38,50,.14)!important}
.zsa-v85-at-menu{width:286px!important;max-width:min(286px,calc(100vw - 24px))!important;padding:8px!important;border-radius:14px!important;background:rgba(255,255,255,.96)!important;box-shadow:0 18px 38px rgba(24,35,46,.14)!important}
.zsa-v866-at-item.zsa-v8616-at-item{display:grid!important;grid-template-columns:40px minmax(0,1fr)!important;gap:10px!important;align-items:center!important;min-height:56px!important;margin:2px 0!important;padding:8px 10px!important;border:1px solid #e6edf3!important;border-radius:12px!important;background:#fff!important;box-shadow:0 8px 20px rgba(26,38,50,.10)!important}
.zsa-v866-at-item.zsa-v8616-at-item:hover{transform:translateY(-1px)!important;box-shadow:0 12px 26px rgba(26,38,50,.14)!important;background:#fff!important}
.zsa-v866-at-item.zsa-v8616-at-item .zsa-v866-at-cover{width:40px!important;height:40px!important;min-width:40px!important;border-radius:10px!important;overflow:hidden!important;border:1px solid #e3ebf1!important;background:#eef3f7!important;display:grid!important;place-items:center!important;box-shadow:none!important}
.zsa-v866-at-item.zsa-v8616-at-item .zsa-v866-at-cover img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important}
.zsa-v8616-at-name-wrap{display:flex!important;align-items:center!important;min-width:0!important;width:100%!important;height:34px!important;padding:0 12px!important;border-radius:8px!important;background:#edf1f5!important;box-shadow:none!important}
.zsa-v8616-at-name{display:block!important;min-width:0!important;max-width:100%!important;width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;color:#3a4651!important;font-size:14px!important;font-weight:600!important;line-height:1.2!important}
.zsa-v8614-at-name,.zsa-v8613-at-pill,.zsa-v866-at-copy.zsa-v8610-at-copy,.zsa-v866-at-copy.zsa-v8610-at-copy.is-pill-only,.zsa-v866-at-copy.zsa-v8610-at-copy b,.zsa-v866-at-copy.zsa-v8610-at-copy small{all:unset!important;display:none!important}
.zsa-v868-mention.zsa-v869-mention.zsa-v8610-mention{display:inline-flex!important;align-items:center!important;gap:5px!important;max-width:none!important;height:26px!important;min-height:26px!important;padding:2px 7px 2px 4px!important;border-radius:7px!important;box-shadow:0 1px 2px rgba(26,38,50,.04)!important}
.zsa-v869-mention.is-text{background:#edf9f5!important;border:1px solid #cde6dc!important;color:#168861!important}
.zsa-v869-mention.is-image{background:#eef6fb!important;border:1px solid #d7e9f7!important;color:#2f7db1!important}
.zsa-v869-mention.is-video{background:#f1effd!important;border:1px solid #ded7fb!important;color:#6c57c8!important}
.zsa-v8610-mention-icon{width:18px!important;height:18px!important;min-width:18px!important;border-radius:5px!important;overflow:hidden!important;background:#fff!important;box-shadow:inset 0 0 0 1px rgba(25,40,60,.06)!important}
.zsa-v8610-mention-icon img{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:5px!important}
.zsa-v8614-mention-svg{display:block!important;width:100%!important;height:100%!important;color:currentColor!important}
.zsa-v869-mention-label{display:block!important;min-width:0!important;max-width:88px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:12px!important;line-height:16px!important}
.zsa-v86-ref-media.is-text,.zsa-v86-ref-media.is-video{background:linear-gradient(180deg,#f7f9fb 0%,#eef2f6 100%)!important}
.zsa-v8610-ref-icon-wrap,.zsa-v8610-ref-icon-wrap.is-text,.zsa-v8610-ref-icon-wrap.is-video{display:grid!important;place-items:center!important;width:100%!important;height:100%!important;padding:8px!important}
.zsa-v8610-ref-icon,.zsa-v8610-ref-icon.is-custom,.zsa-v8610-ref-icon.is-svg{display:block!important;width:100%!important;height:100%!important;object-fit:contain!important;border-radius:10px!important;color:#6a7682!important}
.zsa-v8610-ref-icon-wrap.is-video .zsa-v8610-ref-icon.is-svg{color:#6b6edd!important}
@media(max-width:800px){.zsa-v85-at-menu{width:258px!important;max-width:calc(100vw - 22px)!important}.zsa-v866-at-item.zsa-v8616-at-item{grid-template-columns:36px minmax(0,1fr)!important;min-height:50px!important;padding:7px 8px!important}.zsa-v866-at-item.zsa-v8616-at-item .zsa-v866-at-cover{width:36px!important;height:36px!important;min-width:36px!important}.zsa-v8616-at-name-wrap{height:30px!important;padding:0 10px!important}.zsa-v8616-at-name{font-size:13px!important}.zsa-v869-mention-label{max-width:72px!important}}


/* V8.6.17 text-node icon visibility */
.zsa-v86-ref-media.is-text{
  background:linear-gradient(180deg,#f7f9fb 0%,#eef2f6 100%)!important;
}
.zsa-v8610-ref-icon-wrap.is-text{
  display:grid!important;
  place-items:center!important;
  width:100%!important;
  height:100%!important;
  padding:8px!important;
}
.zsa-v8610-ref-icon-wrap.is-text .zsa-v8610-ref-icon,
.zsa-v8610-ref-icon-wrap.is-text .zsa-v8610-ref-icon.is-custom{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  border-radius:10px!important;
}
.zsa-v866-at-cover.is-text{
  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;
  background:#f2f6f8!important;
  padding:5px!important;
}
.zsa-v866-at-cover.is-text img,
.zsa-v866-at-cover.is-text svg{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
}
.zsa-v869-mention.is-text .zsa-v8610-mention-icon{
  display:grid!important;
  place-items:center!important;
  width:18px!important;
  height:18px!important;
  min-width:18px!important;
  padding:1px!important;
  overflow:hidden!important;
  border-radius:5px!important;
  background:#fff!important;
}
.zsa-v869-mention.is-text .zsa-v8610-mention-icon img,
.zsa-v869-mention.is-text .zsa-v8610-mention-icon svg{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  border-radius:4px!important;
}


/* V8.6.18 text mention icon mirrors the top text-reference card */
.zsa-v869-mention.is-text .zsa-v8610-mention-icon{display:grid!important;place-items:center!important;width:20px!important;height:20px!important;min-width:20px!important;padding:1px!important;border-radius:6px!important;overflow:hidden!important;background:#fff!important}
.zsa-v869-mention.is-text .zsa-v8610-mention-icon img,.zsa-v869-mention.is-text .zsa-v8618-inline-ref-icon{display:block!important;width:100%!important;height:100%!important;object-fit:contain!important;border-radius:5px!important;opacity:1!important;visibility:visible!important}
.zsa-v869-mention.is-text .zsa-v8610-mention-icon svg{display:block!important;width:100%!important;height:100%!important}


/* V8.6.19 exact text-node tile based on target DOM */
.drawer-media-tile.kind-text{position:relative!important;width:64px!important;min-width:64px!important;height:64px!important;border:1px solid #d6e4ec!important;border-radius:10px!important;background:#fff!important;overflow:visible!important;box-shadow:0 8px 20px rgba(28,43,55,.10)!important}
.drawer-media-tile.kind-text .drawer-media-tile-main{position:relative!important;width:100%!important;height:100%!important;padding:0!important;border:0!important;border-radius:10px!important;overflow:hidden!important;background:#fff!important;display:block!important}
.drawer-media-tile.kind-text .drawer-media-thumb{position:absolute!important;inset:0!important;display:grid!important;place-items:center!important;background:linear-gradient(180deg,#f8fafc 0%,#edf2f6 100%)!important}
.drawer-media-tile.kind-text .drawer-media-icon.kind-text{display:grid!important;place-items:center!important;width:30px!important;height:30px!important;color:#4d6772!important;background:#fff!important;border-radius:8px!important;box-shadow:0 4px 12px rgba(31,50,62,.08)!important}
.drawer-media-tile.kind-text .drawer-media-icon-svg,.drawer-media-tile.kind-text .drawer-media-icon-svg.is-custom{display:block!important;width:22px!important;height:22px!important;object-fit:contain!important}
.drawer-media-tile.kind-text .drawer-media-name,.drawer-media-tile.kind-text .drawer-media-label{position:absolute!important;left:4px!important;right:4px!important;z-index:3!important;display:block!important;padding:2px 5px!important;border-radius:6px!important;color:#fff!important;background:rgba(28,46,57,.46)!important;backdrop-filter:blur(5px)!important;-webkit-backdrop-filter:blur(5px)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;pointer-events:none!important;text-align:left!important}
.drawer-media-tile.kind-text .drawer-media-name{top:4px!important;font-size:9px!important;line-height:12px!important;font-weight:500!important}
.drawer-media-tile.kind-text .drawer-media-label{bottom:4px!important;font-size:10px!important;line-height:13px!important;font-weight:700!important}
.zsa-v869-mention.is-text .zsa-v8610-mention-icon{display:grid!important;place-items:center!important;width:18px!important;height:18px!important;min-width:18px!important;padding:0!important;border-radius:5px!important;background:#fff!important;overflow:hidden!important;box-shadow:inset 0 0 0 1px rgba(28,50,62,.08)!important}
.zsa-v869-mention.is-text .drawer-inline-text-icon,.zsa-v869-mention.is-text .drawer-inline-text-icon.is-custom{display:block!important;width:15px!important;height:15px!important;object-fit:contain!important;color:#4d6772!important}
.zsa-v869-mention.is-text{border:1px solid #cfe6dc!important;background:#edf8f3!important;color:#16875f!important;height:26px!important;min-height:26px!important;padding:2px 7px 2px 4px!important;gap:5px!important;border-radius:7px!important}
.zsa-v869-mention.is-text .zsa-v869-mention-label{display:block!important;max-width:90px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:12px!important;line-height:18px!important}
.zsa-v866-at-cover.is-text .drawer-media-icon.kind-text{display:grid!important;place-items:center!important;width:100%!important;height:100%!important;color:#4d6772!important;background:#f3f7f9!important;border-radius:8px!important}
.zsa-v866-at-cover.is-text .drawer-media-icon-svg,.zsa-v866-at-cover.is-text .drawer-media-icon-svg.is-custom{display:block!important;width:22px!important;height:22px!important;object-fit:contain!important}


/* V8.6.22 — ACTUAL enqueued file: text inline icon fix */
.zsa-v869-mention-icon.is-text::before,
.zsa-v869-mention-icon.is-text::after{
    content:none!important;
    display:none!important;
    width:0!important;
    height:0!important;
    border:0!important;
    background:none!important;
    box-shadow:none!important;
}

.zsa-v869-mention.is-text .zsa-v8610-mention-icon{
    position:relative!important;
    display:grid!important;
    place-items:center!important;
    width:20px!important;
    height:20px!important;
    min-width:20px!important;
    padding:1px!important;
    overflow:hidden!important;
    border-radius:6px!important;
    background:#fff!important;
}

.zsa-v869-mention.is-text .drawer-inline-text-icon,
.zsa-v869-mention.is-text .drawer-inline-text-icon.is-custom{
    display:block!important;
    width:18px!important;
    height:18px!important;
    max-width:18px!important;
    max-height:18px!important;
    object-fit:contain!important;
    opacity:1!important;
    visibility:visible!important;
    position:relative!important;
    z-index:5!important;
    border-radius:4px!important;
}

/* Same uploaded image for top text reference tile */
.drawer-media-tile.kind-text .drawer-media-icon-svg.is-custom{
    display:block!important;
    width:22px!important;
    height:22px!important;
    object-fit:contain!important;
    opacity:1!important;
    visibility:visible!important;
}

/* Same uploaded image in @ reference picker */
.zsa-v866-at-cover.is-text img.is-custom,
.zsa-v866-at-cover.is-text .drawer-at-text-icon.is-custom{
    display:block!important;
    width:20px!important;
    height:20px!important;
    object-fit:contain!important;
    opacity:1!important;
    visibility:visible!important;
}


/* V8.6.23 — top text-reference tile only */
.drawer-media-tile.kind-text{
  width:64px!important;
  min-width:64px!important;
  height:64px!important;
  border:1px solid #cfe0e8!important;
  border-radius:10px!important;
  background:#f7fbfc!important;
  box-shadow:0 8px 20px rgba(32,48,60,.10)!important;
  overflow:visible!important;
}
.drawer-media-tile.kind-text .drawer-media-tile-main{
  position:relative!important;
  width:100%!important;
  height:100%!important;
  padding:0!important;
  border:0!important;
  border-radius:10px!important;
  overflow:hidden!important;
  background:linear-gradient(180deg,#f9fcfd 0%,#eef4f6 100%)!important;
}
.drawer-media-tile.kind-text .drawer-media-thumb{
  position:absolute!important;
  inset:0!important;
  display:grid!important;
  place-items:center!important;
  background:transparent!important;
}
.drawer-media-tile.kind-text .drawer-media-icon.kind-text.is-top-text-tile{
  display:grid!important;
  place-items:center!important;
  width:28px!important;
  height:28px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#557985!important;
}
.drawer-media-tile.kind-text .drawer-text-tile-lucide{
  display:block!important;
  width:24px!important;
  height:24px!important;
  color:#557985!important;
  filter:none!important;
}
.drawer-media-tile.kind-text .drawer-media-name,
.drawer-media-tile.kind-text .drawer-media-label{
  position:absolute!important;
  left:4px!important;
  right:4px!important;
  z-index:5!important;
  display:block!important;
  padding:2px 5px!important;
  border-radius:6px!important;
  color:#fff!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  text-align:center!important;
  pointer-events:none!important;
  backdrop-filter:blur(5px)!important;
  -webkit-backdrop-filter:blur(5px)!important;
}
.drawer-media-tile.kind-text .drawer-media-name{
  top:4px!important;
  background:rgba(56,91,101,.58)!important;
  font-size:9px!important;
  line-height:12px!important;
  font-weight:500!important;
}
.drawer-media-tile.kind-text .drawer-media-label{
  bottom:4px!important;
  background:rgba(24,42,50,.72)!important;
  font-size:10px!important;
  line-height:13px!important;
  font-weight:700!important;
}
\n\n/* V8.6.24 — isolated text reference tile, matched to target */\n.zsa-v8624-text-tile{\n  position:relative!important;\n  width:58px!important;\n  min-width:58px!important;\n  height:60px!important;\n  border:1px solid #e1e7ea!important;\n  border-radius:9px!important;\n  background:#fff!important;\n  overflow:visible!important;\n  box-shadow:0 5px 14px rgba(32,45,55,.12)!important;\n  transform:none!important;\n}\n.zsa-v8624-text-tile:hover{\n  border-color:#d3e1e5!important;\n  background:#fff!important;\n  box-shadow:0 7px 18px rgba(32,45,55,.15)!important;\n  transform:translateY(-1px)!important;\n}\n.zsa-v8624-text-main{\n  position:relative!important;\n  display:block!important;\n  width:100%!important;\n  height:100%!important;\n  padding:0!important;\n  border:0!important;\n  border-radius:9px!important;\n  overflow:hidden!important;\n  background:#fff!important;\n}\n.zsa-v8624-text-top{\n  position:absolute!important;\n  top:4px!important;\n  left:4px!important;\n  right:4px!important;\n  height:16px!important;\n  display:flex!important;\n  align-items:center!important;\n  justify-content:center!important;\n  padding:0 3px!important;\n  border:1px solid #d8eee8!important;\n  border-radius:5px!important;\n  background:#f0fbf7!important;\n  color:#536964!important;\n  font-size:9px!important;\n  line-height:14px!important;\n  font-weight:500!important;\n  white-space:nowrap!important;\n  overflow:hidden!important;\n  text-overflow:ellipsis!important;\n  z-index:3!important;\n}\n.zsa-v8624-text-icon{\n  position:absolute!important;\n  left:50%!important;\n  top:21px!important;\n  width:22px!important;\n  height:22px!important;\n  transform:translateX(-50%)!important;\n  display:grid!important;\n  place-items:center!important;\n  color:#19a39a!important;\n  background:transparent!important;\n  z-index:2!important;\n}\n.zsa-v8624-text-icon .drawer-text-tile-lucide{\n  display:block!important;\n  width:20px!important;\n  height:20px!important;\n  color:#19a39a!important;\n  stroke:currentColor!important;\n  filter:none!important;\n}\n.zsa-v8624-text-bottom{\n  position:absolute!important;\n  left:4px!important;\n  right:4px!important;\n  bottom:3px!important;\n  height:16px!important;\n  display:flex!important;\n  align-items:center!important;\n  justify-content:center!important;\n  padding:0 4px!important;\n  border-radius:0 0 5px 5px!important;\n  background:#24323a!important;\n  color:#fff!important;\n  box-shadow:0 2px 5px rgba(14,26,32,.18)!important;\n  font-size:10px!important;\n  line-height:16px!important;\n  font-weight:700!important;\n  white-space:nowrap!important;\n  overflow:hidden!important;\n  text-overflow:ellipsis!important;\n  z-index:4!important;\n}\n@media(max-width:800px){\n  .zsa-v8624-text-tile{width:56px!important;min-width:56px!important;height:58px!important}\n  .zsa-v8624-text-top{top:3px!important}\n  .zsa-v8624-text-icon{top:20px!important}\n  .zsa-v8624-text-bottom{bottom:3px!important}\n}\n

/* V8.6.25 exact top text reference tile */
.zsa-v8625-text-tile{transform:none!important}
.zsa-v8625-text-tile:hover{border-color:#cde0e5!important;box-shadow:0 7px 18px rgba(32,45,55,.15)!important;transform:translateY(-1px)!important}
.zsa-v8625-text-tile .zsa-v8625-text-main{overflow:hidden!important}
.zsa-v8625-text-tile .zsa-v8625-text-icon svg{display:block!important;width:20px!important;height:20px!important;color:#18a29a!important;stroke:currentColor!important;filter:none!important}
.zsa-v8625-text-tile .zsa-v8625-text-top,.zsa-v8625-text-tile .zsa-v8625-text-bottom{writing-mode:horizontal-tb!important;text-orientation:mixed!important;letter-spacing:0!important;word-break:keep-all!important}


/* V8.6.26 — top text reference tile refinement */
.zsa-v8626-text-tile{
  position:relative!important;
  width:58px!important;
  min-width:58px!important;
  height:60px!important;
  margin:0!important;
  border:1px solid #dce8ec!important;
  border-radius:10px!important;
  background:#fff!important;
  overflow:visible!important;
  box-shadow:0 5px 14px rgba(28,45,56,.10)!important;
  transform:none!important;
}
.zsa-v8626-text-tile:hover{
  border-color:#cbdde2!important;
  box-shadow:0 8px 18px rgba(28,45,56,.14)!important;
  transform:translateY(-1px)!important;
}
.zsa-v8626-text-main{
  position:relative!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:9px!important;
  background:#fff!important;
  overflow:hidden!important;
}
.zsa-v8626-text-top{
  position:absolute!important;
  top:3px!important;
  left:4px!important;
  right:4px!important;
  height:15px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0 3px!important;
  border:1px solid #d8eee8!important;
  border-radius:5px!important;
  background:#f3fbf8!important;
  color:#536a64!important;
  font-size:9px!important;
  line-height:15px!important;
  font-weight:500!important;
  letter-spacing:0!important;
  writing-mode:horizontal-tb!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  z-index:3!important;
}
.zsa-v8626-text-icon{
  position:absolute!important;
  left:50%!important;
  top:21px!important;
  width:19px!important;
  height:19px!important;
  transform:translateX(-50%)!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#15998f!important;
  overflow:visible!important;
  z-index:2!important;
}
.zsa-v8626-text-icon svg,
.zsa-v8626-text-icon svg path{
  background:transparent!important;
  fill:none!important;
  box-shadow:none!important;
  filter:none!important;
}
.zsa-v8626-text-bottom{
  position:absolute!important;
  left:4px!important;
  right:4px!important;
  bottom:3px!important;
  height:16px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0 4px!important;
  border-radius:0 0 6px 6px!important;
  background:#24323a!important;
  color:#fff!important;
  font-size:10px!important;
  line-height:16px!important;
  font-weight:700!important;
  letter-spacing:0!important;
  writing-mode:horizontal-tb!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  box-shadow:0 2px 5px rgba(14,26,32,.16)!important;
  z-index:4!important;
}
@media(max-width:800px){
  .zsa-v8626-text-tile{width:56px!important;min-width:56px!important;height:58px!important}
  .zsa-v8626-text-icon{top:20px!important}
}


/* V8.6.27 top text tile center + translucent bottom */
.zsa-v8626-text-top{
  padding:0 2px!important;
  text-align:center!important;
  justify-content:center!important;
  align-items:center!important;
  line-height:1!important;
  letter-spacing:0!important;
  text-indent:0!important;
}
.zsa-v8626-text-bottom{
  text-align:center!important;
  justify-content:center!important;
  align-items:center!important;
  padding:0 4px!important;
  background:rgba(36,50,58,.82)!important;
  -webkit-backdrop-filter:blur(4px)!important;
  backdrop-filter:blur(4px)!important;
  box-shadow:0 2px 5px rgba(14,26,32,.10)!important;
}


/* V8.6.28 — true geometric centering */
.zsa-v8626-text-top{
  left:50%!important;
  right:auto!important;
  width:50px!important;
  box-sizing:border-box!important;
  transform:translateX(-50%)!important;
  padding:0!important;
  margin:0!important;
  display:grid!important;
  place-items:center!important;
  text-align:center!important;
  text-indent:0!important;
  line-height:15px!important;
  white-space:nowrap!important;
}

.zsa-v8626-text-bottom{
  left:50%!important;
  right:auto!important;
  width:50px!important;
  box-sizing:border-box!important;
  transform:translateX(-50%)!important;
  padding:0!important;
  margin:0!important;
  display:grid!important;
  place-items:center!important;
  text-align:center!important;
  text-indent:0!important;
  line-height:16px!important;
  white-space:nowrap!important;
}


/* V8.6.29 — text-node empty composer prompt exactly matches target */
.zsa-v868-prompt-editor:empty:before{
  display:block!important;
  white-space:pre-line!important;
  color:#a5adb8!important;
  line-height:1.72!important;
}


/* V8.6.32.7 — rebuilt Workflow / Skills home.
   One clean style layer: no html/body scroll overrides, no sticky, no blur,
   no transform-based card motion. */

.zsa-v830-home{
  min-height:calc(100vh - 64px)!important;
  padding:0!important;
  overflow:visible!important;
  background-color:#fff!important;
  background-image:radial-gradient(circle,rgba(166,177,187,.42) 1px,transparent 1.1px)!important;
  background-size:24px 24px!important;
  background-position:0 0!important;
}

.zsa-v830-home-shell{
  width:min(1420px,100%)!important;
  min-height:calc(100vh - 64px)!important;
  margin:0 auto!important;
  padding:30px 46px 110px!important;
  overflow:visible!important;
}

.zsa-v830-home-tabs{
  position:relative!important;
  top:auto!important;
  z-index:4!important;
  display:flex!important;
  justify-content:flex-end!important;
  gap:6px!important;
  height:34px!important;
  margin:0 0 16px!important;
  transform:none!important;
  pointer-events:none!important;
}

.zsa-v830-home-tabs button{
  pointer-events:auto!important;
  height:31px!important;
  padding:0 14px!important;
  border:1px solid transparent!important;
  border-radius:16px!important;
  background:#fff!important;
  color:#737d86!important;
  font-size:11px!important;
  box-shadow:0 2px 7px rgba(31,42,51,.045)!important;
  cursor:pointer!important;
}

.zsa-v830-home-tabs button.is-active{
  border-color:#30343a!important;
  background:#30343a!important;
  color:#fff!important;
  font-weight:650!important;
  box-shadow:0 5px 14px rgba(32,38,44,.14)!important;
}

.zsa-v830-home-view[hidden]{display:none!important}
.zsa-v830-projects{display:block!important;margin:0!important;min-height:180px!important}
.zsa-v830-day{margin:0 0 30px!important}
.zsa-v830-day>h3{
  margin:0 0 12px!important;
  padding-left:1px!important;
  color:#303840!important;
  font-size:12px!important;
  line-height:1!important;
  font-weight:650!important;
}
.zsa-v830-day-row{
  display:flex!important;
  align-items:flex-start!important;
  flex-wrap:wrap!important;
  gap:14px!important;
}

.zsa-v830-new-tile,
.zsa-v830-project-card{
  width:150px!important;
  height:170px!important;
  flex:0 0 150px!important;
  box-sizing:border-box!important;
  overflow-anchor:none!important;
}

.zsa-v830-new-tile{
  border:1px solid #e1e7ec!important;
  border-radius:11px!important;
  background:#fff!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  color:#505962!important;
  box-shadow:0 5px 16px rgba(36,48,59,.04)!important;
  transform:none!important;
}
.zsa-v830-new-tile:hover{
  border-color:#d5dde4!important;
  background:#fff!important;
  box-shadow:0 9px 22px rgba(36,48,59,.08)!important;
  transform:none!important;
}
.zsa-v830-new-tile i{font-style:normal!important;font-size:20px!important;font-weight:300!important;line-height:1!important;color:#434c54!important}
.zsa-v830-new-tile b{font-size:11px!important;font-weight:550!important}

.zsa-v830-project-card{
  position:relative!important;
  border-radius:11px!important;
  overflow:visible!important;
}

.zsa-v830-project-cover{
  position:relative!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  padding:0!important;
  border:1px solid #d8e0e7!important;
  border-radius:11px!important;
  background:#f6f8fa!important;
  overflow:hidden!important;
  box-shadow:0 6px 16px rgba(30,42,52,.06)!important;
  transform:none!important;
  transition:box-shadow .14s ease,border-color .14s ease!important;
}
.zsa-v830-project-card:hover .zsa-v830-project-cover{
  border-color:#cfd8df!important;
  box-shadow:0 10px 24px rgba(30,42,52,.11)!important;
  transform:none!important;
}
.zsa-v830-project-cover>img,
.zsa-v830-project-cover>video{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  background:#eef2f5!important;
}

.zsa-v830-empty-preview{
  position:absolute!important;
  inset:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background-color:#f7fafb!important;
  background-image:radial-gradient(circle,rgba(200,209,216,.95) 1px,transparent 1.05px)!important;
  background-size:18px 18px!important;
}
.zsa-v830-empty-preview em{
  font-style:normal!important;
  color:#9da7b0!important;
  font-size:13px!important;
  font-weight:500!important;
}
.zsa-v830-empty-preview i{display:none!important}

.zsa-v830-project-caption{
  position:absolute!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  z-index:2!important;
  padding:30px 10px 9px!important;
  background:linear-gradient(180deg,transparent,rgba(21,27,31,.72))!important;
  color:#fff!important;
  text-align:left!important;
  pointer-events:none!important;
}
.zsa-v830-project-caption b{
  display:block!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-size:11px!important;
  line-height:1.25!important;
  font-weight:700!important;
}
.zsa-v830-project-caption small{
  display:block!important;
  margin-top:3px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:rgba(255,255,255,.78)!important;
  font-size:8px!important;
  line-height:1.15!important;
}

.zsa-v830-card-actions{
  position:absolute!important;
  z-index:8!important;
  top:8px!important;
  right:8px!important;
  height:28px!important;
  padding:3px 6px!important;
  display:flex!important;
  align-items:center!important;
  gap:0!important;
  border-radius:16px!important;
  background:rgba(55,61,67,.88)!important;
  box-shadow:0 8px 18px rgba(16,23,28,.14)!important;
  opacity:0!important;
  transform:none!important;
  transition:opacity .12s ease!important;
}
.zsa-v830-project-card:hover .zsa-v830-card-actions{opacity:1!important}
.zsa-v830-card-actions button{
  position:relative!important;
  width:22px!important;
  height:22px!important;
  padding:0!important;
  border:0!important;
  border-radius:6px!important;
  background:transparent!important;
  color:#eef2f6!important;
  display:grid!important;
  place-items:center!important;
}
.zsa-v830-card-actions button+button{
  margin-left:4px!important;
  padding-left:4px!important;
}
.zsa-v830-card-actions button+button:before{
  content:''!important;
  position:absolute!important;
  left:-2px!important;
  top:4px!important;
  bottom:4px!important;
  width:1px!important;
  background:rgba(255,255,255,.16)!important;
}
.zsa-v830-card-actions button:hover{background:rgba(255,255,255,.10)!important;color:#fff!important}
.zsa-v830-card-actions button.is-favorite{color:#ffdbe1!important}
.zsa-v830-card-actions svg{
  display:block!important;
  width:13px!important;
  height:13px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.75!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}

.zsa-v830-template-list{display:flex!important;flex-wrap:wrap!important;gap:14px!important}
.zsa-v830-template-card{
  width:230px!important;
  border:1px solid #dfe5ea!important;
  border-radius:13px!important;
  background:#fff!important;
  overflow:hidden!important;
  box-shadow:0 7px 20px rgba(32,44,54,.05)!important;
}
.zsa-v830-template-cover{display:block!important;height:145px!important;background:#f2f5f7!important}
.zsa-v830-template-cover img{width:100%!important;height:100%!important;object-fit:cover!important}
.zsa-v830-template-cover i{
  display:block!important;
  width:100%!important;
  height:100%!important;
  background-image:radial-gradient(#cdd5dc 1px,transparent 1px)!important;
  background-size:18px 18px!important;
}
.zsa-v830-template-card>div{padding:10px!important}
.zsa-v830-template-card b{display:block!important;font-size:12px!important}
.zsa-v830-template-card small{display:block!important;margin:4px 0 10px!important;color:#8b949d!important;font-size:9px!important}
.zsa-v830-template-card button{height:30px!important;padding:0 12px!important;border:1px solid #d9e0e5!important;border-radius:8px!important;background:#fff!important;font-size:10px!important}
.zsa-v830-template-empty{padding:80px 0!important;color:#9099a2!important;text-align:center!important;font-size:12px!important}

.zsa-v830-modal{position:fixed!important;inset:0!important;z-index:10050!important;display:grid!important;place-items:center!important}
.zsa-v830-modal[hidden]{display:none!important}
.zsa-v830-modal-backdrop{position:absolute!important;inset:0!important;background:rgba(17,23,28,.22)!important}
.zsa-v830-dialog{
  position:relative!important;
  z-index:2!important;
  width:min(390px,calc(100vw - 28px))!important;
  padding:20px!important;
  border:1px solid #e0e5e9!important;
  border-radius:13px!important;
  background:#fff!important;
  box-shadow:0 26px 70px rgba(22,31,39,.18)!important;
}
.zsa-v830-dialog h3{margin:0 0 18px!important;font-size:15px!important}
.zsa-v830-dialog label span{display:block!important;margin-bottom:7px!important;color:#737c85!important;font-size:10px!important}
.zsa-v830-dialog input[name="title"]{width:100%!important;height:39px!important;padding:0 11px!important;border:1px solid #d9dfe4!important;border-radius:8px!important;outline:none!important}
.zsa-v830-dialog p{margin:0 0 20px!important;color:#69727b!important;font-size:11px!important;line-height:1.7!important}
.zsa-v830-dialog footer{display:flex!important;justify-content:flex-end!important;gap:8px!important;margin-top:18px!important}
.zsa-v830-dialog footer button{height:34px!important;padding:0 14px!important;border:1px solid #dce1e5!important;border-radius:8px!important;background:#fff!important}
.zsa-v830-dialog footer .is-primary{border-color:#30353a!important;background:#30353a!important;color:#fff!important}
.zsa-v830-dialog footer .is-danger{border-color:#e6a7aa!important;background:#d97478!important;color:#fff!important}

@media(max-width:900px){
  .zsa-v830-home-shell{padding:24px 18px 80px!important}
  .zsa-v830-day-row{gap:11px!important}
  .zsa-v830-new-tile,.zsa-v830-project-card{width:132px!important;flex-basis:132px!important;height:151px!important}
}
@media(max-width:620px){
  .zsa-v830-home-shell{padding:18px 12px 60px!important}
  .zsa-v830-home-tabs{justify-content:flex-start!important;margin-bottom:18px!important}
  .zsa-v830-day-row{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  .zsa-v830-new-tile,.zsa-v830-project-card{width:100%!important;height:auto!important;aspect-ratio:1/1.1!important;flex:none!important}
  .zsa-v830-card-actions{opacity:1!important;top:6px!important;right:6px!important}
  .zsa-v830-template-list{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important}
  .zsa-v830-template-card{width:auto!important}
  .zsa-v830-template-cover{height:110px!important}
}


/* V8.6.32.17 — Workflow homepage: one scroll owner from first paint.
   Root cause of the visible scrollbar flash:
   old rules switched between auto/scroll and depended on JS-added body classes.
   As cards/content loaded, scrollbar ownership and visibility could change.
   This version uses the SSR data-ai-active-panel="skills" attribute immediately. */

html:has(.zsa-ai-app[data-ai-active-panel="skills"]),
body:has(.zsa-ai-app[data-ai-active-panel="skills"]){
  width:100%!important;
  height:100%!important;
  min-height:100%!important;
  overflow:hidden!important;
  overscroll-behavior:none!important;
}

.zsa-ai-app[data-ai-active-panel="skills"]{
  width:100%!important;
  height:100vh!important;
  min-height:0!important;
  overflow:hidden!important;
  align-items:stretch!important;
}

.zsa-ai-app[data-ai-active-panel="skills"] > .zsa-ai-sidebar{
  height:100vh!important;
  min-height:0!important;
  align-self:start!important;
  overflow:hidden!important;
}

/* The right work area owns the ONLY scrollbar, and it is always reserved.
   overflow-y:scroll prevents the gutter from appearing/disappearing while data loads. */
.zsa-ai-app[data-ai-active-panel="skills"] > .zsa-ai-main{
  position:relative!important;
  width:100%!important;
  height:100vh!important;
  min-height:0!important;
  overflow-x:hidden!important;
  overflow-y:scroll!important;
  scrollbar-gutter:stable!important;
  overscroll-behavior-y:contain!important;
  overflow-anchor:none!important;
  scroll-behavior:auto!important;

  /* Keep the dotted background, but paint it on the fixed scroll viewport. */
  background-color:#fff!important;
  background-image:radial-gradient(circle,rgba(166,177,187,.42) 1px,transparent 1.1px)!important;
  background-size:24px 24px!important;
  background-position:0 0!important;
}

.zsa-ai-app[data-ai-active-panel="skills"] > .zsa-ai-main > .zsa-ai-topbar{
  position:sticky!important;
  top:0!important;
  z-index:80!important;
  width:100%!important;
  background:#fff!important;
  background-image:none!important;
  transform:none!important;
}

.zsa-ai-app[data-ai-active-panel="skills"] .zsa-ai-panel[data-ai-panel="skills"].is-active{
  display:block!important;
  height:auto!important;
  min-height:calc(100vh - 64px)!important;
  overflow:visible!important;
  contain:none!important;
  background:transparent!important;
}

.zsa-ai-app[data-ai-active-panel="skills"] .zsa-v830-home,
.zsa-ai-app[data-ai-active-panel="skills"] .zsa-v830-home-shell,
.zsa-ai-app[data-ai-active-panel="skills"] .zsa-v830-home-view,
.zsa-ai-app[data-ai-active-panel="skills"] .zsa-v830-projects,
.zsa-ai-app[data-ai-active-panel="skills"] .zsa-v830-featured-projects,
.zsa-ai-app[data-ai-active-panel="skills"] .zsa-v830-day,
.zsa-ai-app[data-ai-active-panel="skills"] .zsa-v830-day-row{
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow:visible!important;
  overflow-anchor:none!important;
  background:transparent!important;
  background-image:none!important;
}

/* Project tabs centered. */
.zsa-v830-home-tabs{
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  width:100%!important;
  height:36px!important;
  margin:0 auto 22px!important;
  pointer-events:auto!important;
}
.zsa-v830-home-tabs button{
  flex:0 0 auto!important;
  min-width:78px!important;
  text-align:center!important;
}

/* Featured project cards. */
.zsa-v830-featured-projects{
  display:block!important;
  min-height:180px!important;
}
.zsa-v830-featured-grid{
  display:flex!important;
  align-items:flex-start!important;
  flex-wrap:wrap!important;
  gap:14px!important;
}
.zsa-v830-project-card.is-featured .zsa-v830-project-cover{
  cursor:default!important;
}
.zsa-v830-project-card.is-featured:hover .zsa-v830-project-cover{
  border-color:#dfe5ea!important;
  box-shadow:none!important;
}
.zsa-v830-project-card.is-featured .zsa-v830-card-actions{
  display:none!important;
}

/* Avoid compositor churn while scrolling. */
.zsa-ai-app[data-ai-active-panel="skills"] .zsa-v830-project-card,
.zsa-ai-app[data-ai-active-panel="skills"] .zsa-v830-project-cover,
.zsa-ai-app[data-ai-active-panel="skills"] .zsa-v830-new-tile,
.zsa-ai-app[data-ai-active-panel="skills"] .zsa-v830-card-actions,
.zsa-ai-app[data-ai-active-panel="skills"] .zsa-v830-project-cover > img,
.zsa-ai-app[data-ai-active-panel="skills"] .zsa-v830-project-cover > video{
  transform:none!important;
  will-change:auto!important;
  backface-visibility:visible!important;
}
.zsa-ai-app[data-ai-active-panel="skills"] .zsa-v830-project-cover > img,
.zsa-ai-app[data-ai-active-panel="skills"] .zsa-v830-project-cover > video{
  contain:paint!important;
}

/* Exact guest message before the site's existing login popup opens. */
.zsa-v830-login-notice{
  position:fixed!important;
  left:50%!important;
  top:24%!important;
  z-index:2147483000!important;
  transform:translate(-50%,-8px)!important;
  padding:11px 20px!important;
  border:1px solid rgba(17,24,39,.08)!important;
  border-radius:12px!important;
  background:rgba(17,24,39,.94)!important;
  color:#fff!important;
  font-size:14px!important;
  font-weight:700!important;
  line-height:1!important;
  box-shadow:0 14px 38px rgba(15,23,42,.18)!important;
  opacity:0!important;
  pointer-events:none!important;
  transition:opacity .16s ease,transform .16s ease!important;
}
.zsa-v830-login-notice.is-visible{
  opacity:1!important;
  transform:translate(-50%,0)!important;
}

@media(max-width:620px){
  .zsa-v830-home-tabs{
    justify-content:center!important;
    margin-bottom:18px!important;
  }
  .zsa-v830-featured-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
  }
  .zsa-v830-featured-grid .zsa-v830-project-card{
    width:100%!important;
    height:auto!important;
    aspect-ratio:1/1.1!important;
    flex:none!important;
  }
}


/* V8.6.32.18 — final Workflow scroll stabilizer.
   The remaining bottom flicker was the native scrollbar itself at the viewport edge.
   Workflow keeps full wheel/touch/trackpad scrolling, but its scrollbar is hidden.
   The standalone root is fixed by inset instead of 100vh math, eliminating 1px
   viewport rounding / browser-bottom oscillation. */

body.zsa-ai-workspace-standalone:has(.zsa-ai-app[data-ai-active-panel="skills"]) #zsa-ai-standalone-root{
  position:fixed!important;
  inset:0!important;
  width:auto!important;
  height:auto!important;
  min-height:0!important;
  overflow:hidden!important;
}

body.admin-bar.zsa-ai-workspace-standalone:has(.zsa-ai-app[data-ai-active-panel="skills"]) #zsa-ai-standalone-root{
  top:32px!important;
}
body.zsa-ai-workspace-standalone:has(.zsa-ai-app[data-ai-active-panel="skills"]) .zsa-ai-app[data-ai-active-panel="skills"],
body.zsa-ai-workspace-standalone:has(.zsa-ai-app[data-ai-active-panel="skills"]) .zsa-ai-app[data-ai-active-panel="skills"] > .zsa-ai-sidebar,
body.zsa-ai-workspace-standalone:has(.zsa-ai-app[data-ai-active-panel="skills"]) .zsa-ai-app[data-ai-active-panel="skills"] > .zsa-ai-main{
  height:100%!important;
  min-height:0!important;
}

.zsa-ai-app[data-ai-active-panel="skills"] > .zsa-ai-main{
  overflow-x:hidden!important;
  overflow-y:auto!important;
  overscroll-behavior-y:none!important;
  scrollbar-gutter:auto!important;
  scrollbar-width:none!important;
  -ms-overflow-style:none!important;
}
.zsa-ai-app[data-ai-active-panel="skills"] > .zsa-ai-main::-webkit-scrollbar{
  width:0!important;
  height:0!important;
  display:none!important;
}

/* No overflow-producing hover state near the lower edge of the Workflow list. */
.zsa-ai-app[data-ai-active-panel="skills"] .zsa-v830-project-card:hover .zsa-v830-project-cover,
.zsa-ai-app[data-ai-active-panel="skills"] .zsa-v830-new-tile:hover{
  transform:none!important;
}

/* Featured cards are clickable public previews. */
.zsa-v830-project-card.is-featured .zsa-v830-project-cover{
  cursor:pointer!important;
}

/* Read-only Featured Project preview.
   Pan / zoom / fit and media preview remain available; all graph mutation UI is removed. */
.zsa-v8.is-readonly .zsa-v8-node-replace,
.zsa-v8.is-readonly .zsa-v8-port,
.zsa-v8.is-readonly .zsa-v84-node-toolbar,
.zsa-v8.is-readonly .zsa-v84-composer,
.zsa-v8.is-readonly [data-v8-project-settings],
.zsa-v8.is-readonly [data-v8-export],
.zsa-v8.is-readonly [data-v8-logs]{
  display:none!important;
}

.zsa-v8.is-readonly .zsa-v8-node{
  cursor:default!important;
}
.zsa-v8.is-readonly .zsa-v8-node-text{
  resize:none!important;
  pointer-events:none!important;
  user-select:text!important;
  cursor:text!important;
}
.zsa-v8.is-readonly .zsa-v8-save-state{
  color:#68727d!important;
  font-weight:700!important;
}
.zsa-v8.is-readonly .zsa-v8-canvas{
  cursor:grab!important;
}
.zsa-v8.is-readonly .zsa-v8-canvas.is-panning{
  cursor:grabbing!important;
}

@media(max-width:782px){
  body.admin-bar.zsa-ai-workspace-standalone:has(.zsa-ai-app[data-ai-active-panel="skills"]) #zsa-ai-standalone-root{
    top:46px!important;
  }
}


/* V8.6.32.20 — polished left tool rail + functional Help/History panels */
.zsa-v8-leftbar{
  position:absolute!important;
  left:18px!important;
  top:50%!important;
  z-index:86!important;
  transform:translateY(-50%)!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  width:62px!important;
  padding:8px 6px!important;
  border:1px solid rgba(15,23,42,.08)!important;
  border-radius:16px!important;
  background:rgba(255,255,255,.94)!important;
  box-shadow:0 12px 34px rgba(15,23,42,.10)!important;
  backdrop-filter:blur(14px)!important;
}
.zsa-v8-leftbar>button{
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:3px!important;
  width:50px!important;
  min-width:50px!important;
  height:52px!important;
  padding:4px 2px!important;
  margin:0!important;
  border:0!important;
  border-radius:11px!important;
  background:transparent!important;
  color:#5e6875!important;
  cursor:pointer!important;
  transition:background .16s ease,color .16s ease,box-shadow .16s ease!important;
}
.zsa-v8-leftbar>button:hover{
  background:#f3f7f8!important;
  color:#16202b!important;
}
.zsa-v8-leftbar>button.is-active,
.zsa-v8-leftbar>button.is-panel-open{
  background:#e8f8f7!important;
  color:#0fa7a2!important;
}
.zsa-v8-leftbar>button.is-active:after,
.zsa-v8-leftbar>button.is-panel-open:after{
  content:""!important;
  position:absolute!important;
  left:-6px!important;
  top:14px!important;
  width:3px!important;
  height:24px!important;
  border-radius:0 3px 3px 0!important;
  background:#19b8b1!important;
}
.zsa-v8-leftbar>button i{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:23px!important;
  height:23px!important;
  font-style:normal!important;
}
.zsa-v8-leftbar>button i svg{
  width:21px!important;
  height:21px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.8!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
.zsa-v8-leftbar>button span{
  font-size:11px!important;
  line-height:1!important;
  font-weight:600!important;
  letter-spacing:.02em!important;
}
.zsa-v8-leftbar>hr{
  width:34px!important;
  height:1px!important;
  margin:5px auto!important;
  border:0!important;
  background:#edf0f2!important;
}
.zsa-v8-leftbar [data-v8-lock]{
  margin-bottom:2px!important;
}
.zsa-v8-leftbar [data-v8-lock].is-active{
  background:#fff3e8!important;
  color:#d56a16!important;
}
.zsa-v8-leftbar [data-v8-lock].is-active:after{
  background:#e77b25!important;
}

/* Hand/select cursors */
.zsa-v8-canvas.is-tool-pan,
.zsa-v8-canvas.is-space-pan{
  cursor:grab!important;
}
.zsa-v8-canvas.is-tool-pan:active,
.zsa-v8-canvas.is-space-pan:active{
  cursor:grabbing!important;
}

/* Slide-out side panel aligned with the tool rail */
.zsa-v8-sidepanel{
  position:absolute!important;
  left:92px!important;
  top:72px!important;
  bottom:72px!important;
  z-index:85!important;
  width:min(390px,calc(100vw - 126px))!important;
  border:1px solid rgba(15,23,42,.10)!important;
  border-radius:18px!important;
  background:rgba(255,255,255,.98)!important;
  box-shadow:0 18px 46px rgba(15,23,42,.13)!important;
  backdrop-filter:blur(18px)!important;
  overflow:hidden!important;
}
.zsa-v8-sidepanel[hidden]{display:none!important}
.zsa-v8-sidepanel>header{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  height:54px!important;
  padding:0 16px 0 18px!important;
  border-bottom:1px solid #eef1f3!important;
}
.zsa-v8-sidepanel>header>b{
  font-size:16px!important;
  color:#202731!important;
}
.zsa-v8-sidepanel>header>button{
  width:30px!important;
  height:30px!important;
  border:0!important;
  border-radius:9px!important;
  background:transparent!important;
  color:#7c8793!important;
  font-size:23px!important;
  line-height:1!important;
  cursor:pointer!important;
}
.zsa-v8-sidepanel>header>button:hover{background:#f3f5f6!important;color:#1e2732!important}

/* Help panel */
.zsa-v8-help-scroll{
  height:calc(100% - 54px)!important;
  padding:12px 14px 22px!important;
  overflow-y:auto!important;
  scrollbar-width:thin!important;
}
.zsa-v8-help-mode{
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
  height:36px!important;
  padding:0 12px!important;
  border-radius:9px!important;
  background:#f1f2f2!important;
  color:#67717d!important;
  font-size:12px!important;
}
.zsa-v8-help-mode i{
  width:12px!important;height:18px!important;border:1.7px solid #19aaa5!important;border-radius:6px!important;position:relative!important;
}
.zsa-v8-help-mode i:after{
  content:""!important;position:absolute!important;left:50%!important;top:3px!important;width:2px!important;height:4px!important;border-radius:2px!important;background:#19aaa5!important;transform:translateX(-50%)!important;
}
.zsa-v8-help-mode b{color:#2b323b!important}
.zsa-v8-help-scroll h4{
  margin:16px 0 7px!important;
  color:#a0a8b0!important;
  font-size:12px!important;
  font-weight:700!important;
}
.zsa-v8-help-list{
  display:block!important;
  margin:0!important;
}
.zsa-v8-help-list>div{
  display:grid!important;
  grid-template-columns:132px minmax(0,1fr)!important;
  gap:10px!important;
  align-items:center!important;
  min-height:28px!important;
}
.zsa-v8-help-list dt,
.zsa-v8-help-list dd{
  margin:0!important;
  font-size:12px!important;
  line-height:1.45!important;
}
.zsa-v8-help-list dt{color:#303841!important}
.zsa-v8-help-list dd{color:#7d8792!important}
.zsa-v8-help-list kbd{
  display:inline-flex!important;
  align-items:center!important;
  min-height:25px!important;
  padding:2px 8px!important;
  border:1px solid #d2d7db!important;
  border-radius:6px!important;
  background:#f7f8f8!important;
  box-shadow:inset 0 -1px 0 rgba(15,23,42,.04)!important;
  color:#343b43!important;
  font:11px/1.2 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace!important;
}

/* History panel */
.zsa-v8-history-body{padding:16px!important}
.zsa-v8-history-status{
  display:flex!important;align-items:center!important;justify-content:space-between!important;
  padding:12px 13px!important;border-radius:10px!important;background:#f5f7f8!important;color:#697480!important;font-size:12px!important;
}
.zsa-v8-history-status b{color:#222b35!important}
.zsa-v8-history-actions{display:grid!important;gap:8px!important;margin-top:14px!important}
.zsa-v8-history-actions button{
  display:flex!important;align-items:center!important;justify-content:space-between!important;
  min-height:42px!important;padding:0 12px!important;border:1px solid #e1e5e8!important;border-radius:10px!important;background:#fff!important;color:#303943!important;cursor:pointer!important;
}
.zsa-v8-history-actions button:hover:not(:disabled){border-color:#bcc7ce!important;background:#f8fafb!important}
.zsa-v8-history-actions button:disabled{opacity:.45!important;cursor:not-allowed!important}
.zsa-v8-history-actions kbd{
  font-size:10px!important;color:#87919a!important;background:#f5f6f7!important;border:1px solid #e1e4e6!important;border-radius:5px!important;padding:3px 6px!important;
}
.zsa-v8-history-body>p{margin:12px 2px 0!important;color:#98a1a9!important;font-size:11px!important}

/* In public read-only preview, keep navigation/help tools but remove mutation tools. */
.zsa-v8.is-readonly .zsa-v8-leftbar [data-v8-lock],
.zsa-v8.is-readonly .zsa-v8-leftbar [data-v8-add],
.zsa-v8.is-readonly .zsa-v8-leftbar [data-v8-note],
.zsa-v8.is-readonly .zsa-v8-leftbar [data-v8-history]{
  display:none!important;
}

@media(max-width:720px){
  .zsa-v8-leftbar{
    left:8px!important;width:54px!important;padding:6px 4px!important;border-radius:14px!important;
  }
  .zsa-v8-leftbar>button{width:46px!important;min-width:46px!important;height:48px!important}
  .zsa-v8-leftbar>button span{font-size:10px!important}
  .zsa-v8-sidepanel{left:70px!important;top:62px!important;bottom:62px!important;width:calc(100vw - 80px)!important}
  .zsa-v8-help-list>div{grid-template-columns:118px minmax(0,1fr)!important}
}


/* V8.6.32.21 — first icon pins the TOOLBAR, not the canvas.
   Unlocked: collapse after pointer leaves. Hovering temporarily expands it.
   Locked: keep the complete toolbar fixed and visible. */
.zsa-v8-leftbar [data-v8-toolbar-pin] .zsa-v8-pin-icon.is-unlocked{display:none!important}
.zsa-v8-leftbar.is-unpinned [data-v8-toolbar-pin] .zsa-v8-pin-icon.is-locked{display:none!important}
.zsa-v8-leftbar.is-unpinned [data-v8-toolbar-pin] .zsa-v8-pin-icon.is-unlocked{display:block!important}

.zsa-v8-leftbar.is-unpinned:not(:hover):not(.has-open-panel){
  width:62px!important;
  max-height:68px!important;
  overflow:hidden!important;
  padding-top:8px!important;
  padding-bottom:8px!important;
}
.zsa-v8-leftbar.is-unpinned:not(:hover):not(.has-open-panel)>button:not([data-v8-toolbar-pin]),
.zsa-v8-leftbar.is-unpinned:not(:hover):not(.has-open-panel)>hr{
  display:none!important;
}
.zsa-v8-leftbar.is-unpinned:hover,
.zsa-v8-leftbar.is-unpinned.has-open-panel{
  max-height:520px!important;
  overflow:visible!important;
}
.zsa-v8-leftbar [data-v8-toolbar-pin].is-active{
  background:#eef8f7!important;
  color:#159f99!important;
}
.zsa-v8-leftbar [data-v8-toolbar-pin].is-active:after{
  background:#19b8b1!important;
}

/* Remove the former orange "canvas locked" meaning. */
.zsa-v8-leftbar [data-v8-toolbar-pin]{
  margin-bottom:2px!important;
}

/* Yellow label tool icon. */
.zsa-v8-leftbar .zsa-v8-label-tool-icon{
  color:#c99100!important;
}
.zsa-v8-leftbar [data-v8-label]:hover,
.zsa-v8-leftbar [data-v8-label].is-active{
  background:#fff8d9!important;
  color:#956d00!important;
}

/* Yellow text-only label: not an AI node, no ports, no composer. */
.zsa-v8-node.is-label{
  min-width:150px!important;
  min-height:90px!important;
  overflow:visible!important;
  border:0!important;
  border-radius:10px!important;
  background:#fff1a8!important;
  box-shadow:0 7px 20px rgba(102,79,0,.12),0 0 0 1px rgba(137,105,0,.08)!important;
}
.zsa-v8-node.is-label.is-selected{
  box-shadow:0 9px 24px rgba(102,79,0,.15),0 0 0 2px #e3b828!important;
}
.zsa-v8-label-card{
  position:relative!important;
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  min-height:0!important;
  overflow:hidden!important;
  border-radius:10px!important;
  background:linear-gradient(145deg,#fff4b8 0%,#ffed8b 100%)!important;
}
.zsa-v8-label-drag{
  position:absolute!important;
  left:8px!important;
  top:7px!important;
  z-index:2!important;
  display:grid!important;
  grid-template-columns:repeat(3,3px)!important;
  grid-auto-rows:3px!important;
  gap:3px!important;
  width:15px!important;
  height:9px!important;
  cursor:grab!important;
  opacity:.38!important;
}
.zsa-v8-label-drag:active{cursor:grabbing!important}
.zsa-v8-label-drag span{
  width:3px!important;
  height:3px!important;
  border-radius:50%!important;
  background:#806b21!important;
}
.zsa-v8-label-text{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  box-sizing:border-box!important;
  resize:none!important;
  border:0!important;
  outline:0!important;
  padding:27px 16px 16px!important;
  background:transparent!important;
  color:#443a18!important;
  font-size:14px!important;
  font-weight:500!important;
  line-height:1.65!important;
  font-family:inherit!important;
  overflow:auto!important;
  scrollbar-width:thin!important;
}
.zsa-v8-label-text::placeholder{color:rgba(87,70,15,.46)!important}
.zsa-v8-label-resize{
  position:absolute!important;
  right:-5px!important;
  bottom:-5px!important;
  z-index:5!important;
  width:20px!important;
  height:20px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  cursor:nwse-resize!important;
}
.zsa-v8-label-resize:before,
.zsa-v8-label-resize:after{
  content:""!important;
  position:absolute!important;
  right:5px!important;
  bottom:5px!important;
  border-right:1.5px solid rgba(97,75,0,.55)!important;
  border-bottom:1.5px solid rgba(97,75,0,.55)!important;
}
.zsa-v8-label-resize:before{width:8px!important;height:8px!important}
.zsa-v8-label-resize:after{width:4px!important;height:4px!important;right:9px!important;bottom:9px!important}
.zsa-v8-node.is-label.is-resizing{
  user-select:none!important;
}
.zsa-v8-node.is-label.is-resizing .zsa-v8-label-text{
  pointer-events:none!important;
}

/* No connectors or AI floating controls for labels, even if old markup/CSS leaks through. */
.zsa-v8-node.is-label .zsa-v8-port,
.zsa-v8-node.is-label .zsa-v8-node-head,
.zsa-v8-node.is-label .zsa-v8-node-replace{
  display:none!important;
}

/* Public read-only preview still allows pinning/unpinning the toolbar. */
.zsa-v8.is-readonly .zsa-v8-leftbar [data-v8-toolbar-pin]{
  display:flex!important;
}
.zsa-v8.is-readonly .zsa-v8-leftbar [data-v8-label]{
  display:none!important;
}

@media(max-width:720px){
  .zsa-v8-leftbar.is-unpinned:not(:hover):not(.has-open-panel){
    width:54px!important;
    max-height:62px!important;
  }
  .zsa-v8-label-text{
    font-size:13px!important;
    padding:25px 13px 13px!important;
  }
}


/* V8.6.32.22 — unlocked toolbar becomes the small left chevron shown in the reference. */
.zsa-v8-leftbar-peek{
  position:absolute!important;
  left:0!important;
  top:50%!important;
  z-index:87!important;
  width:25px!important;
  height:54px!important;
  padding:0!important;
  transform:translateY(-50%)!important;
  border:1px solid rgba(15,23,42,.10)!important;
  border-left:0!important;
  border-radius:0 10px 10px 0!important;
  background:rgba(255,255,255,.98)!important;
  color:#7e8994!important;
  box-shadow:0 5px 18px rgba(15,23,42,.08)!important;
  cursor:pointer!important;
  transition:opacity .16s ease,background .16s ease!important;
}
.zsa-v8-leftbar-peek[hidden]{display:none!important}
.zsa-v8-leftbar-peek:hover{background:#fff!important;color:#38434f!important}
.zsa-v8-leftbar-peek svg{
  width:16px!important;height:16px!important;fill:none!important;stroke:currentColor!important;
  stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important;
}

/* Unpinned means fully off-canvas. Hovering the tiny handle slides the complete rail out. */
.zsa-v8-leftbar.is-unpinned{
  max-height:none!important;
  overflow:visible!important;
  opacity:0!important;
  pointer-events:none!important;
  transform:translate(-96px,-50%)!important;
  transition:transform .2s cubic-bezier(.2,.7,.2,1),opacity .16s ease!important;
}
.zsa-v8-leftbar.is-unpinned.is-peeking,
.zsa-v8-leftbar.is-unpinned.has-open-panel{
  opacity:1!important;
  pointer-events:auto!important;
  transform:translate(0,-50%)!important;
}
.zsa-v8-leftbar.is-unpinned>button,
.zsa-v8-leftbar.is-unpinned>hr{
  display:flex!important;
}
.zsa-v8-leftbar.is-unpinned>hr{display:block!important}

/* override the former "only first button" collapsed implementation */
.zsa-v8-leftbar.is-unpinned:not(:hover):not(.has-open-panel){
  width:62px!important;
  max-height:none!important;
  overflow:visible!important;
}
.zsa-v8-leftbar.is-unpinned:not(:hover):not(.has-open-panel)>button:not([data-v8-toolbar-pin]),
.zsa-v8-leftbar.is-unpinned:not(:hover):not(.has-open-panel)>hr{
  display:flex!important;
}
.zsa-v8-leftbar.is-unpinned:not(:hover):not(.has-open-panel)>hr{display:block!important}

/* Rich yellow label */
.zsa-v8-node.is-label{
  --label-bg:#fff1a8;
  background:var(--label-bg)!important;
  box-shadow:0 6px 20px rgba(91,72,0,.10),0 0 0 1px rgba(140,106,0,.12)!important;
}
.zsa-v8-node.is-label.is-selected{
  box-shadow:0 7px 22px rgba(91,72,0,.13),0 0 0 2px #e8b90f!important;
}
.zsa-v8-label-card{
  background:var(--label-bg)!important;
  background-image:none!important;
}
.zsa-v8-label-editor{
  position:absolute!important;
  inset:0!important;
  box-sizing:border-box!important;
  width:100%!important;
  height:100%!important;
  padding:13px 14px 16px!important;
  border:0!important;
  outline:0!important;
  overflow:auto!important;
  color:#3f3922!important;
  font-size:14px!important;
  line-height:1.55!important;
  white-space:normal!important;
  word-break:break-word!important;
  cursor:text!important;
  user-select:text!important;
  scrollbar-width:thin!important;
}
.zsa-v8-label-editor:empty:before{
  content:attr(data-placeholder)!important;
  color:rgba(76,64,21,.42)!important;
  pointer-events:none!important;
}
.zsa-v8-label-editor h2,
.zsa-v8-label-editor h3,
.zsa-v8-label-editor p{
  margin:0 0 .35em!important;
}
.zsa-v8-label-editor h2{font-size:22px!important;line-height:1.35!important;font-weight:750!important}
.zsa-v8-label-editor h3{font-size:17px!important;line-height:1.4!important;font-weight:700!important}
.zsa-v8-label-editor p{font-size:14px!important}
.zsa-v8-label-editor ul,
.zsa-v8-label-editor ol{margin:.25em 0 .25em 1.35em!important;padding:0!important}

/* Long press transitions into node dragging. */
.zsa-v8-node.is-label.is-longpress-dragging .zsa-v8-label-editor{
  cursor:grabbing!important;
  pointer-events:none!important;
  user-select:none!important;
}

/* Floating label formatting bar, matching the two-row reference layout. */
.zsa-v8-label-toolbar{
  position:absolute!important;
  z-index:96!important;
  width:max-content!important;
  max-width:min(620px,calc(100% - 24px))!important;
  padding:6px 8px 7px!important;
  border:1px solid rgba(15,23,42,.10)!important;
  border-radius:10px!important;
  background:rgba(255,255,255,.98)!important;
  box-shadow:0 12px 32px rgba(15,23,42,.12)!important;
  backdrop-filter:blur(14px)!important;
}
.zsa-v8-label-toolbar[hidden]{display:none!important}
.zsa-v8-label-toolbar-row{
  display:flex!important;
  align-items:center!important;
  gap:3px!important;
  min-height:29px!important;
}
.zsa-v8-label-toolbar-row.is-colors{padding:3px 2px 0!important}
.zsa-v8-label-toolbar button{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:27px!important;
  height:27px!important;
  padding:0 6px!important;
  border:0!important;
  border-radius:5px!important;
  background:transparent!important;
  color:#38434f!important;
  font-size:12px!important;
  line-height:1!important;
  cursor:pointer!important;
}
.zsa-v8-label-toolbar button:hover{background:#f2f5f6!important}
.zsa-v8-label-toolbar button.is-active{background:#cdf7f1!important;color:#0b807b!important}
.zsa-v8-label-style-group{
  display:flex!important;
  padding:2px!important;
  border:1px solid #dce2e5!important;
  border-radius:5px!important;
}
.zsa-v8-label-style-group button{min-width:42px!important}
.zsa-v8-label-toolbar-sep{
  width:1px!important;height:20px!important;margin:0 3px!important;background:#e6eaec!important;
}
.zsa-v8-label-toolbar svg{
  width:15px!important;height:15px!important;fill:none!important;stroke:currentColor!important;
  stroke-width:1.7!important;stroke-linecap:round!important;stroke-linejoin:round!important;
}
.zsa-v8-label-toolbar-row.is-colors>span{
  margin:0 4px 0 1px!important;
  color:#61707d!important;
  font-size:11px!important;
}
.zsa-v8-label-toolbar-color-title{margin-left:8px!important}
.zsa-v8-label-swatches{
  display:flex!important;align-items:center!important;gap:4px!important;
}
.zsa-v8-label-swatches button{
  width:17px!important;min-width:17px!important;height:17px!important;padding:0!important;
  border:1px solid rgba(15,23,42,.16)!important;border-radius:50%!important;
  background:var(--sw)!important;box-shadow:0 0 0 1px #fff inset!important;
}
.zsa-v8-label-swatches button:hover{transform:scale(1.12)!important}

/* Cleaner resize grip: visible only on selection. */
.zsa-v8-label-resize{
  opacity:0!important;
}
.zsa-v8-node.is-label.is-selected .zsa-v8-label-resize{
  opacity:1!important;
}

/* History panel: compact left drawer and stacked cards like the supplied reference. */
.zsa-v8-history-panel{
  left:0!important;
  top:0!important;
  bottom:0!important;
  width:304px!important;
  max-width:calc(100vw - 24px)!important;
  border-width:0 1px 0 0!important;
  border-radius:0 15px 15px 0!important;
  background:#fff!important;
  box-shadow:8px 0 30px rgba(15,23,42,.10)!important;
}
.zsa-v8-history-panel>header{
  height:48px!important;
  padding:0 13px 0 10px!important;
  border-bottom:0!important;
}
.zsa-v8-history-panel>header>b{
  font-size:16px!important;
  font-weight:750!important;
}
.zsa-v8-history-head-actions{
  display:flex!important;align-items:center!important;gap:4px!important;
}
.zsa-v8-history-head-actions button{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  width:28px!important;height:28px!important;padding:0!important;border:0!important;border-radius:7px!important;
  background:transparent!important;color:#7d8790!important;cursor:pointer!important;
}
.zsa-v8-history-head-actions button:hover{background:#f3f5f6!important;color:#333d47!important}
.zsa-v8-history-head-actions svg{
  width:15px!important;height:15px!important;fill:none!important;stroke:currentColor!important;
  stroke-width:1.6!important;stroke-linecap:round!important;stroke-linejoin:round!important;
}
.zsa-v8-history-list{
  position:absolute!important;
  left:8px!important;right:8px!important;top:48px!important;bottom:8px!important;
  display:flex!important;flex-direction:column!important;gap:8px!important;
  padding:2px 5px 12px 0!important;
  overflow-y:auto!important;
  scrollbar-width:thin!important;
}
.zsa-v8-history-card{
  flex:0 0 auto!important;
  min-height:76px!important;
  padding:11px 10px!important;
  border:1px solid #dfe4e7!important;
  border-radius:14px!important;
  background:#fff!important;
  box-shadow:none!important;
}
.zsa-v8-history-card.is-current{
  border-color:#d5dade!important;
  background:#fcfcfc!important;
}
.zsa-v8-history-card-title,
.zsa-v8-history-card-bottom{
  display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;
}
.zsa-v8-history-card-title>span{
  display:flex!important;align-items:center!important;gap:6px!important;min-width:0!important;
}
.zsa-v8-history-card-title b{
  color:#29313a!important;font-size:12px!important;font-weight:750!important;
}
.zsa-v8-history-card-title time{
  color:#a1a9b0!important;font-size:10px!important;white-space:nowrap!important;
}
.zsa-v8-history-clock-icon{
  position:relative!important;width:12px!important;height:12px!important;flex:0 0 12px!important;
  border:1.4px solid #76828c!important;border-radius:50%!important;
}
.zsa-v8-history-clock-icon:after{
  content:""!important;position:absolute!important;left:5px!important;top:2px!important;width:1px!important;height:4px!important;
  background:#76828c!important;box-shadow:2px 3px 0 -0.2px #76828c!important;
}
.zsa-v8-history-card-bottom{
  margin-top:11px!important;color:#818b94!important;font-size:11px!important;
}
.zsa-v8-history-card-bottom button{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  width:25px!important;height:25px!important;padding:0!important;border:0!important;border-radius:6px!important;
  background:transparent!important;color:#b0b7bd!important;cursor:pointer!important;
}
.zsa-v8-history-card-bottom button:hover:not(:disabled){background:#f2f5f6!important;color:#5b6670!important}
.zsa-v8-history-card-bottom button:disabled{opacity:.38!important;cursor:default!important}
.zsa-v8-history-card-bottom svg{
  width:14px!important;height:14px!important;fill:none!important;stroke:currentColor!important;
  stroke-width:1.7!important;stroke-linecap:round!important;stroke-linejoin:round!important;
}
.zsa-v8-history-empty{
  padding:40px 12px!important;text-align:center!important;color:#9aa3aa!important;font-size:12px!important;
}

/* While history drawer is open, keep the unpinned toolbar available only if explicitly hovered later. */
.zsa-v8-history-panel:not([hidden])~.zsa-v8-leftbar-peek{
  opacity:.75!important;
}

@media(max-width:720px){
  .zsa-v8-history-panel{width:min(304px,calc(100vw - 24px))!important}
  .zsa-v8-label-toolbar{
    max-width:calc(100% - 14px)!important;
    overflow-x:auto!important;
  }
}


/* V8.6.32.23 — detail refinements */

/* Cleaner, lighter toolbar icons. */
.zsa-v8-leftbar>button i{
  width:22px!important;
  height:22px!important;
}
.zsa-v8-leftbar>button i svg{
  width:19px!important;
  height:19px!important;
  stroke-width:1.65!important;
}
.zsa-v8-leftbar>button{
  color:#68737e!important;
}
.zsa-v8-leftbar>button:hover{
  color:#28323c!important;
}
.zsa-v8-leftbar>button.is-active,
.zsa-v8-leftbar>button.is-panel-open{
  color:#159d99!important;
}

/* Pull-out handle disappears while the toolbar is actually out. */
.zsa-v8.is-toolbar-unpinned .zsa-v8-leftbar-peek{
  opacity:1!important;
  pointer-events:auto!important;
}
.zsa-v8.is-toolbar-unpinned .zsa-v8-leftbar.is-peeking + .zsa-v8-sidepanel ~ .zsa-v8-leftbar-peek{
  opacity:0!important;
}
.zsa-v8-leftbar-peek[hidden]{
  display:none!important;
}

/* Add-node menu: exactly three clean choices. */
.zsa-v8-add-menu{
  width:184px!important;
  min-width:184px!important;
  padding:10px!important;
  border:1px solid rgba(15,23,42,.09)!important;
  border-radius:14px!important;
  background:rgba(255,255,255,.98)!important;
  box-shadow:0 14px 36px rgba(15,23,42,.13)!important;
}
.zsa-v8-add-menu .zsa-v8-menu-label{
  display:block!important;
  padding:1px 8px 7px!important;
  color:#929ba4!important;
  font-size:11px!important;
  line-height:1!important;
}
.zsa-v8-add-menu>button{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:10px!important;
  width:100%!important;
  height:39px!important;
  margin:1px 0!important;
  padding:0 9px!important;
  border:0!important;
  border-radius:8px!important;
  background:transparent!important;
  color:#303943!important;
  cursor:pointer!important;
}
.zsa-v8-add-menu>button:hover{
  background:#f3f6f7!important;
}
.zsa-v8-add-menu>button span{
  font-size:13px!important;
  font-weight:600!important;
}
.zsa-v8-add-type-icon{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:22px!important;
  height:22px!important;
  flex:0 0 22px!important;
  color:#697681!important;
}
.zsa-v8-add-type-icon svg{
  width:18px!important;
  height:18px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.6!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}

/* History/Help panels sit beside their toolbar button instead of touching page edges. */
.zsa-v8-history-panel,
.zsa-v8-help-panel{
  position:absolute!important;
  right:auto!important;
  bottom:auto!important;
}
.zsa-v8-history-panel{
  width:286px!important;
  height:430px!important;
  max-height:calc(100% - 24px)!important;
  border:1px solid rgba(15,23,42,.10)!important;
  border-radius:14px!important;
  background:#fff!important;
  box-shadow:0 16px 38px rgba(15,23,42,.12)!important;
}
.zsa-v8-history-panel>header{
  height:46px!important;
  padding:0 10px 0 13px!important;
  border-bottom:1px solid #eef1f3!important;
}
.zsa-v8-history-panel>header>b{
  font-size:14px!important;
}
.zsa-v8-history-list{
  top:46px!important;
  left:7px!important;
  right:7px!important;
  bottom:7px!important;
  gap:6px!important;
  padding:3px 3px 7px 0!important;
}
.zsa-v8-history-card{
  min-height:61px!important;
  padding:8px 9px!important;
  border-radius:11px!important;
}
.zsa-v8-history-card-title b{
  font-size:11px!important;
}
.zsa-v8-history-card-title time{
  font-size:9px!important;
}
.zsa-v8-history-card-bottom{
  margin-top:7px!important;
  font-size:10px!important;
}
.zsa-v8-history-card-bottom button{
  width:22px!important;
  height:22px!important;
}

/* History never grows beyond the compact drawer; JS only renders latest 7 records. */
.zsa-v8-history-list{
  overflow-y:hidden!important;
}

/* Help keeps its own compact drawer beside Help button. */
.zsa-v8-help-panel{
  width:360px!important;
  height:min(520px,calc(100% - 24px))!important;
  max-height:calc(100% - 24px)!important;
  border-radius:14px!important;
}

/* Locked-by-default first-use/new-project state stays visually calm. */
.zsa-v8-leftbar [data-v8-toolbar-pin].is-active{
  background:#edf8f7!important;
  color:#139d98!important;
}

@media(max-width:720px){
  .zsa-v8-history-panel{
    width:min(278px,calc(100vw - 92px))!important;
    height:410px!important;
  }
  .zsa-v8-help-panel{
    width:min(340px,calc(100vw - 92px))!important;
  }
}


/* V8.6.32.23 compact-history final sizing: seven cards fit without a long drawer. */
.zsa-v8-history-panel{
  height:422px!important;
}
.zsa-v8-history-card{
  min-height:48px!important;
  padding:7px 9px!important;
}
.zsa-v8-history-card-bottom{
  margin-top:5px!important;
}


/* V8.6.32.24 — stable toolbar + inline title + SVG topbar */

/* Toolbar jitter fix:
   - the expanded rail sits directly under the pull-out hit area
   - no opacity/translate race under the pointer
   - only one short transform is used when hiding */
.zsa-v8-leftbar{
  left:2px!important;
  transform:translateY(-50%)!important;
  transition:none!important;
}
.zsa-v8-leftbar.is-unpinned{
  left:2px!important;
  opacity:1!important;
  pointer-events:none!important;
  transform:translate(-72px,-50%)!important;
  transition:transform .14s ease-out!important;
}
.zsa-v8-leftbar.is-unpinned.is-peeking,
.zsa-v8-leftbar.is-unpinned.has-open-panel{
  pointer-events:auto!important;
  transform:translate(0,-50%)!important;
}
.zsa-v8-leftbar-peek{
  left:0!important;
  z-index:88!important;
  transition:none!important;
}
.zsa-v8-leftbar-peek[hidden]{
  display:none!important;
}

/* History/help always appear to the RIGHT of the active toolbar button. */
.zsa-v8-history-panel{
  width:282px!important;
  height:392px!important;
  max-height:calc(100% - 16px)!important;
  margin:0!important;
  border:1px solid rgba(15,23,42,.10)!important;
  border-radius:14px!important;
  box-shadow:0 14px 34px rgba(15,23,42,.12)!important;
}
.zsa-v8-history-panel>header{
  height:44px!important;
}
.zsa-v8-history-list{
  top:44px!important;
  left:7px!important;
  right:7px!important;
  bottom:7px!important;
  gap:6px!important;
  overflow-y:auto!important;
}
.zsa-v8-history-card{
  min-height:52px!important;
  padding:7px 9px!important;
}
.zsa-v8-history-card-title b{
  font-size:11px!important;
}
.zsa-v8-history-card-bottom{
  margin-top:5px!important;
}
.zsa-v8-help-panel{
  margin:0!important;
}

/* Top-left: plain back arrow, no border/background. */
.zsa-v8-top-left{
  gap:4px!important;
}
.zsa-v8-back-plain{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:34px!important;
  height:34px!important;
  padding:0!important;
  border:0!important;
  border-radius:8px!important;
  background:transparent!important;
  color:#27313b!important;
  box-shadow:none!important;
  cursor:pointer!important;
}
.zsa-v8-back-plain:hover{
  background:rgba(255,255,255,.65)!important;
}
.zsa-v8-back-plain svg{
  width:20px!important;
  height:20px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.9!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}

/* Project name: directly editable, centered, width follows text. */
.zsa-v8-project-name{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  height:34px!important;
  padding:0 7px!important;
  border:1px solid #e0e4e8!important;
  border-radius:10px!important;
  background:rgba(255,255,255,.96)!important;
  box-shadow:0 2px 8px rgba(18,24,31,.035)!important;
}
.zsa-v8-project-name input{
  display:block!important;
  min-width:54px!important;
  max-width:240px!important;
  height:30px!important;
  padding:0 2px!important;
  border:0!important;
  outline:0!important;
  background:transparent!important;
  color:#20252a!important;
  font-size:14px!important;
  font-weight:650!important;
  line-height:30px!important;
  text-align:center!important;
  font-family:inherit!important;
}
.zsa-v8-project-name input:focus{
  color:#111827!important;
}
.zsa-v8-project-name input[readonly]{
  cursor:default!important;
}

/* Right-side controls: one SVG language, cleaner spacing. */
.zsa-v8-top-right{
  gap:6px!important;
}
.zsa-v8-top-icon,
.zsa-v8-top-pill{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  height:34px!important;
  box-sizing:border-box!important;
  border:1px solid #e0e4e8!important;
  border-radius:10px!important;
  background:rgba(255,255,255,.96)!important;
  color:#35404a!important;
  box-shadow:0 2px 8px rgba(18,24,31,.035)!important;
  cursor:pointer!important;
}
.zsa-v8-top-icon{
  width:34px!important;
  padding:0!important;
}
.zsa-v8-top-pill{
  gap:6px!important;
  padding:0 10px!important;
  font-size:12px!important;
}
.zsa-v8-top-icon:hover,
.zsa-v8-top-pill:hover{
  background:#fff!important;
  border-color:#d3d9de!important;
}
.zsa-v8-top-icon svg,
.zsa-v8-top-pill svg{
  width:16px!important;
  height:16px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.7!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
.zsa-v8-top-pill.is-points svg{
  width:15px!important;
  height:15px!important;
}
.zsa-v8-top-pill b{
  font-size:12px!important;
  font-weight:750!important;
}
.zsa-v8-top-pill span{
  line-height:1!important;
}

/* Remove legacy dropdown-name visuals if older rules survive in the bundle. */
.zsa-v8-project-name>b,
.zsa-v8-project-name>span{
  display:none!important;
}

@media(max-width:720px){
  .zsa-v8-project-name input{
    max-width:150px!important;
  }
  .zsa-v8-top-pill span{
    display:none!important;
  }
  .zsa-v8-top-pill{
    width:34px!important;
    padding:0!important;
  }
  .zsa-v8-top-pill.is-points{
    width:auto!important;
    padding:0 8px!important;
  }
}


/* V8.6.32.25 — mobile two-finger canvas pinch zoom. */
.zsa-v8-canvas{
  touch-action:none!important;
  -webkit-user-select:none;
}
.zsa-v8-canvas.is-pinching,
.zsa-v8-canvas.is-pinching .zsa-v8-node{
  cursor:grabbing!important;
}
@media(max-width:720px){
  .zsa-v8-canvas{
    touch-action:none!important;
  }
}


/* V8.6.32.27 — node image quick-tool visual refinement. */
.zsa-v84-node-toolbar{
  height:44px;
  padding:5px 6px;
  gap:2px;
  border-color:#e4e8ed;
  border-radius:13px;
  background:rgba(255,255,255,.985);
  box-shadow:0 10px 28px rgba(20,30,42,.09),0 1px 2px rgba(20,30,42,.03);
}
.zsa-v84-node-toolbar>button,.zsa-v84-grid-wrap>button{
  height:32px;
  padding:0 9px;
  border-right:0!important;
  border-radius:8px;
  transition:background .14s ease,color .14s ease,box-shadow .14s ease,transform .14s ease;
}
.zsa-v84-node-toolbar>button+button,
.zsa-v84-node-toolbar>.zsa-v84-tool-group+button{
  position:relative;
}
.zsa-v84-node-toolbar>button+button:before,
.zsa-v84-node-toolbar>.zsa-v84-tool-group+button:before{
  content:"";
  position:absolute;
  left:-2px;
  top:8px;
  width:1px;
  height:16px;
  background:#eef1f4;
}
.zsa-v84-node-toolbar>button:hover:not(:disabled),
.zsa-v84-grid-wrap>button:hover:not(:disabled){
  background:#f6f8fa!important;
  color:#151a20!important;
}
.zsa-v84-node-toolbar>button:active:not(:disabled),
.zsa-v84-grid-wrap>button:active:not(:disabled){transform:translateY(1px)}
.zsa-v84-tool-ai:hover:not(:disabled){
  background:#f2fbfd!important;
  color:#0f9fbd!important;
  box-shadow:inset 0 0 0 1px rgba(32,191,227,.12);
}
.zsa-v84-tool-icon{width:15px;height:15px;flex-basis:15px}
.zsa-v84-tool-icon svg{width:15px;height:15px;stroke-width:1.75}
.zsa-v84-tool-text{font-size:11px;font-weight:540;letter-spacing:.01em}
.zsa-v84-node-toolbar button:disabled,
.zsa-v84-grid-wrap>button:disabled{
  color:#b8bec6!important;
  opacity:.82!important;
}
.zsa-v84-node-toolbar button.is-busy{
  pointer-events:none;
  color:#0f9fbd!important;
  background:#f2fbfd!important;
}
.zsa-v84-node-toolbar button.is-busy .zsa-v84-tool-icon svg{
  animation:zsaV827ToolPulse 1s ease-in-out infinite;
}
@keyframes zsaV827ToolPulse{50%{opacity:.35;transform:scale(.92)}}
@media(max-width:800px){
  .zsa-v84-node-toolbar{gap:1px;padding:4px;max-width:calc(100% - 32px)}
  .zsa-v84-node-toolbar>button,.zsa-v84-grid-wrap>button{padding:0 8px}
}


/* V8.6.32.28 — node quick tools now use the normal logged task pipeline. */
.zsa-v84-tool-btn.is-busy{position:relative;color:#138f8b!important;background:#eefaf9!important}
.zsa-v84-tool-btn.is-busy .zsa-v84-tool-icon svg{animation:zsaV828ToolPulse 1.15s ease-in-out infinite}
@keyframes zsaV828ToolPulse{0%,100%{opacity:.48;transform:scale(.92)}50%{opacity:1;transform:scale(1.06)}}
.zsa-v8-node.is-generating .zsa-v8-node-body:after{pointer-events:none}

/* v84: toolbar geometry and explicit strokes resist theme SVG fill rules. */
.zsa-v84-tool-icon svg,.zsa-v84-composer-side button svg{display:block!important;width:18px!important;height:18px!important;min-width:18px!important;padding:0!important;border:0!important;background:transparent!important;fill:none!important;stroke:currentColor!important;stroke-width:1.7!important;overflow:visible!important}
.zsa-v84-tool-icon svg *,.zsa-v84-composer-side button svg *{fill:none!important;stroke:currentColor!important;stroke-width:1.7!important;stroke-linecap:round!important;stroke-linejoin:round!important}
.zsa-v84-tool-icon{width:18px!important;height:18px!important;flex:0 0 18px!important;color:#475569!important}
.zsa-v84-tool-btn{display:inline-flex!important;align-items:center!important;gap:7px!important}
.zsa-v84-composer-side button{display:grid!important;place-items:center!important;width:32px!important;height:32px!important;min-width:32px!important;padding:0!important;border-radius:9px!important;color:#64748b!important}
.zsa-v84-composer-side button:hover{color:#0891b2!important;background:#ecfeff!important}