.boards-table{border:1px solid var(--color-hairline);border-radius:var(--radius-md);background:var(--color-canvas);overflow:hidden}.boards-table-head,.boards-row{grid-template-columns:minmax(260px,1fr) 150px 168px 86px 216px;align-items:center;gap:18px;display:grid}.boards-table-head{border-bottom:1px solid var(--color-hairline);background:var(--color-surface-soft);min-height:38px;color:var(--color-muted);text-transform:uppercase;padding:0 16px;font-size:11px;font-weight:500}.boards-row{border-bottom:1px solid var(--color-hairline);min-height:84px;color:inherit;padding:14px 16px}.boards-row:last-child{border-bottom:0}.boards-title-cell{align-items:center;gap:14px;min-width:0;display:flex}.boards-thumbnail{border:1px solid var(--color-hairline);border-radius:var(--radius-sm);object-fit:cover;flex:none;width:56px;height:42px}.boards-thumbnail-placeholder{color:var(--color-ink);place-items:center;font-size:13px;font-weight:500;display:grid}.boards-title-button{min-width:0;color:inherit;cursor:pointer;text-align:left;background:0 0;border:0;padding:0}.boards-title-button strong,.boards-title-button small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.boards-title-button strong{margin-bottom:4px;font-size:14px}.boards-title-button small,.boards-object-count,.boards-row time,.boards-row>span:nth-child(4){color:var(--color-muted);font-size:12px;font-weight:400}.boards-row-actions,.boards-rename-form{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.boards-row-actions a{align-items:center;text-decoration:none;display:inline-flex}.boards-row-actions button,.boards-row-actions a,.boards-rename-form button{height:30px;font-size:12px}.boards-rename-form{min-width:0}.boards-rename-form input{border:1px solid var(--color-hairline);border-radius:var(--radius-sm);outline:none;min-width:180px;height:32px;padding:0 9px}.boards-empty{color:var(--color-muted);padding:28px 16px;font-size:14px;font-weight:400}.boards-empty-hero{justify-items:start;gap:10px;padding:40px 32px;display:grid}.boards-empty-hero strong{color:var(--color-ink);font-size:20px;font-weight:400}.boards-list-note{color:var(--color-muted);margin:14px 0 0;font-size:13px}.boards-row-skeleton span{border-radius:var(--radius-sm);background:var(--color-surface-soft);height:12px}.boards-row-skeleton span:first-child{height:42px}@media (max-width:980px){.boards-table{overflow-x:auto}.boards-table-head,.boards-row{min-width:860px}}@media (max-width:760px){.boards-table-head{display:none}.boards-row{grid-template-columns:1fr;gap:8px;min-width:0}.boards-row-actions{margin-top:4px}}
.canvas-spike-shell{background:var(--surface);flex-direction:column;height:100vh;min-height:720px;display:flex;overflow:hidden}.canvas-spike-stage{background:#fff;flex:1;min-height:0;position:relative}.canvas-background-surface{width:100%;height:100%}.canvas-grid-surface{opacity:1}.canvas-spike-stage .tl-snap-indicator,.canvas-spike-stage .tl-snap-point{opacity:.2}.canvas-runtime-diagnostics{z-index:60;width:min(520px,100% - 48px);box-shadow:var(--shadow-card);color:#8a1f15;pointer-events:auto;background:#fff7f5f5;border:1px solid #b423183d;border-radius:8px;gap:8px;padding:14px 16px;font-size:13px;display:grid;position:absolute;bottom:24px;left:24px}.canvas-runtime-diagnostics strong{color:#61160f;font-size:14px}.canvas-runtime-diagnostics span{color:#a34538;font-weight:700}.canvas-runtime-diagnostics code{white-space:pre-wrap;color:#5f241e;max-height:140px;overflow:auto}.canvas-board-save-audit{z-index:35;box-shadow:var(--shadow-ring);color:var(--text-secondary);pointer-events:auto;-webkit-user-select:none;user-select:none;background:#ffffffeb;border:1px solid #1118271a;border-radius:8px;align-items:center;gap:6px;padding:7px;font-size:12px;display:flex;position:absolute;bottom:108px;right:24px}.canvas-board-save-audit button{height:28px;color:var(--text-primary);background:#fff;border:1px solid #11182724;border-radius:6px;padding:0 8px;font-weight:800}.canvas-board-save-audit span{font-weight:800}.canvas-board-save-audit span[data-state=ok]{color:#0f766e}.canvas-board-save-audit span[data-state=blocked]{color:#b42318}.canvas-board-save-audit small{color:#b42318;text-overflow:ellipsis;white-space:nowrap;max-width:180px;font-weight:700;overflow:hidden}.canvas-board-save-status{z-index:35;min-height:34px;box-shadow:var(--shadow-ring);color:var(--text-secondary);pointer-events:auto;-webkit-user-select:none;user-select:none;background:#fffffff0;border:1px solid #1118271a;border-radius:8px;align-items:center;gap:8px;padding:6px 8px;font-size:12px;display:flex;position:absolute;top:18px;right:24px}.canvas-board-save-status__dot{background:#94a3b8;border-radius:999px;width:8px;height:8px}.canvas-board-save-status__dot[data-state=dirty],.canvas-board-save-status__dot[data-state=saving],.canvas-board-save-status__dot[data-state=loading]{background:#d97706}.canvas-board-save-status__dot[data-state=saved],.canvas-board-save-status__dot[data-state=loaded]{background:#0f766e}.canvas-board-save-status__dot[data-state=blocked],.canvas-board-save-status__dot[data-state=error]{background:#b42318}.canvas-board-save-status__label{color:var(--text-primary);font-weight:800}.canvas-board-save-status small{max-width:180px;color:var(--text-tertiary);text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.canvas-board-save-status button{height:26px;color:var(--text-primary);background:#fff;border:1px solid #11182724;border-radius:6px;padding:0 8px;font-weight:800}
.canvas-spike-header{min-height:74px;box-shadow:var(--shadow-ring);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);-webkit-user-select:none;user-select:none;z-index:10;background:#ffffffdb;align-items:center;gap:14px;padding:14px 24px;display:flex}.canvas-spike-board-heading{letter-spacing:0;min-width:0;margin:0;font-size:15px;font-weight:500}.canvas-spike-title-row{align-items:center;gap:10px;min-width:0;display:flex}.canvas-workspace-back{color:#111827;width:34px;height:34px;box-shadow:var(--shadow-ring);background:#ffffffeb;border:1px solid #11182714;border-radius:999px;flex:none;place-items:center;text-decoration:none;display:grid}.canvas-workspace-back span:before{content:"";border-bottom:2px solid;border-left:2px solid;width:9px;height:9px;display:block;transform:rotate(45deg)translate(2px,-2px)}.canvas-workspace-back:hover{background:#f8fafc}.canvas-logo-link{color:#111827;height:42px;box-shadow:var(--shadow-ring);background:#ffffffe6;border:1px solid #11182714;border-radius:14px;flex:none;align-items:center;gap:9px;padding:0 14px 0 12px;text-decoration:none;display:inline-flex}.canvas-logo-link__mark{background:radial-gradient(circle at 6px 6px,#111827 0 1.5px,#0000 2px),radial-gradient(circle at 15px 11px,#111827 0 1.5px,#0000 2px),#fff;border:1px solid #1118273d;border-radius:7px;width:22px;height:18px;position:relative}.canvas-logo-link__mark:after{content:"";background:#11182761;width:10px;height:1px;position:absolute;top:8px;left:6px;transform:rotate(24deg)}.canvas-logo-link__wordmark{letter-spacing:.04em;font-size:15px;font-weight:700}.canvas-board-switcher{align-items:center;gap:8px;min-width:0;display:inline-flex;position:relative}.canvas-board-switcher__control{color:#172033;background:#f5f8fc;border:1px solid #11182714;border-radius:14px;align-items:center;gap:6px;min-width:0;max-width:min(360px,46vw);height:42px;padding:0 7px 0 13px;display:inline-flex}.canvas-board-switcher__chevron,.canvas-board-switcher__new{color:#64748b;cursor:pointer;background:0 0;border:0;border-radius:10px;flex:none;place-items:center;display:grid}.canvas-board-switcher__chevron{width:28px;height:28px}.canvas-board-switcher__chevron span{border-bottom:1.8px solid;border-right:1.8px solid;width:8px;height:8px;transform:translateY(-2px)rotate(45deg)}.canvas-board-switcher__new{width:34px;height:34px;font-size:22px;line-height:1}.canvas-board-switcher__chevron:hover,.canvas-board-switcher__new:hover{color:#111827;background:#0f172a0f}.canvas-board-switcher__menu{z-index:80;background:#fffffffa;border:1px solid #94a3b852;border-radius:14px;gap:8px;width:min(300px,100vw - 32px);padding:12px;display:grid;position:absolute;top:calc(100% + 8px);left:0;box-shadow:0 22px 60px #0f172a29}.canvas-board-switcher__menu p{color:#8290a4;margin:0;padding:0 5px 4px;font-size:12px;font-weight:500}.canvas-board-switcher__list{gap:2px;display:grid}.canvas-board-switcher__item,.canvas-board-switcher__footer a,.canvas-board-switcher__footer button{color:#243247;cursor:pointer;width:100%;min-width:0;font:inherit;letter-spacing:0;text-align:left;background:0 0;border:0;border-radius:9px;justify-content:space-between;align-items:center;gap:12px;font-size:14px;text-decoration:none;display:flex}.canvas-board-switcher__item{min-height:32px;padding:6px 8px}.canvas-board-switcher__item span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.canvas-board-switcher__item:hover,.canvas-board-switcher__footer a:hover,.canvas-board-switcher__footer button:hover,.canvas-board-switcher__item[data-active=true]{background:#f3f6fa}.canvas-board-switcher__item i{color:#2563eb;font-style:normal}.canvas-board-switcher__empty{color:#8aa0bd;padding:8px;font-size:13px}.canvas-board-switcher__footer{border-top:1px solid #edf2f7;gap:2px;padding-top:8px;display:grid}.canvas-board-switcher__footer a,.canvas-board-switcher__footer button{min-height:34px;padding:7px 8px}.canvas-board-title-button{max-width:min(300px,36vw);color:inherit;cursor:text;font:inherit;letter-spacing:inherit;text-align:left;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:0;padding:0;overflow:hidden}.canvas-board-title-form{-webkit-user-select:text;user-select:text;gap:4px;display:grid}.canvas-board-title-form input{border:1px solid var(--color-hairline);border-radius:var(--radius-sm);width:min(300px,36vw);height:30px;color:inherit;font:inherit;letter-spacing:0;background:#fff;outline:none;padding:0 10px}.canvas-board-title-form small{color:#b42318;letter-spacing:0;font-size:12px;font-weight:700}
.canvas-board-history{z-index:36;width:min(360px,100vw - 48px);max-height:min(560px,100vh - 112px);color:var(--text-secondary);pointer-events:auto;background:#fffffff5;border:1px solid #1118271f;border-radius:8px;grid-template-rows:auto auto auto 1fr auto;display:grid;position:absolute;top:64px;right:24px;overflow:hidden;box-shadow:0 18px 48px #11182729}.canvas-board-history header,.canvas-board-history footer{border-bottom:1px solid #11182714;justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.canvas-board-history footer{border-top:1px solid #11182714;border-bottom:0;font-size:11px}.canvas-board-history header div,.canvas-board-history__item>div:not(.canvas-board-history__preview){gap:4px;min-width:0;display:grid}.canvas-board-history strong{color:var(--text-primary)}.canvas-board-history button{height:28px;color:var(--text-primary);background:#fff;border:1px solid #11182724;border-radius:6px;font-size:11px;font-weight:800}.canvas-board-history__error{color:#b42318;background:#fff1f0;border-radius:6px;margin:10px 12px 0;padding:8px;font-size:12px;font-weight:700}.canvas-board-history__filters{gap:6px;padding:10px 12px 0;display:flex}.canvas-board-history__filters button{height:28px;color:var(--text-tertiary);border-color:#1118271a;padding:0 10px}.canvas-board-history__filters button.is-active{color:var(--text-primary);background:#f8fafc;border-color:#11182747}.canvas-board-history__list{gap:8px;padding:12px;display:grid;overflow:auto}.canvas-board-history__list p{color:var(--text-tertiary);margin:0;font-size:12px;line-height:1.5}.canvas-board-history__item{background:#f8fafcdb;border:1px solid #11182714;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:10px;display:flex}.canvas-board-history__preview{width:56px;height:42px;color:var(--text-tertiary);background:#f8fafc;border:1px solid #11182714;border-radius:6px;flex:none;place-items:center;font-size:11px;font-weight:900;display:grid;overflow:hidden}.canvas-board-history__preview img{object-fit:cover;width:100%;height:100%}.canvas-board-history__item[data-kind=autosave]{border-left:4px solid #cbd5e1}.canvas-board-history__item[data-kind=user]{background:#fffbebdb;border-left:4px solid #e7ad3c}.canvas-board-history__item span,.canvas-board-history__item small,.canvas-board-history header span{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.canvas-board-history__author{color:var(--text-tertiary);align-items:center;gap:6px;display:inline-flex}.canvas-board-history__author span{color:#111827;background:#e7ad3c;border-radius:999px;place-items:center;width:18px;height:18px;font-size:8px;font-weight:900;display:inline-grid}.canvas-board-history__item[data-kind=autosave] .canvas-board-history__author span{background:#cbd5e1}
.canvas-arrow-port-overlay{z-index:18;pointer-events:none;position:fixed;inset:0}.canvas-arrow-shape-overlay{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.canvas-arrow-shape-highlight{fill:#8b5cf60d;stroke:#8b5cf6;stroke-dasharray:7 5;stroke-linejoin:round;stroke-width:2.5px;vector-effect:non-scaling-stroke}.canvas-arrow-shape-highlight[data-role=target]{fill:#10b9810f;stroke:#10b981}.canvas-arrow-port{background:#8b5cf6;border:2px solid #fff;border-radius:999px;width:11px;height:11px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 2px #8b5cf6e6,0 8px 18px #24242438}.canvas-arrow-port[data-active=true]{width:17px;height:17px}.canvas-arrow-port:after{border-radius:inherit;content:"";opacity:.13;border:2px solid;position:absolute;inset:-7px}.canvas-arrow-port[data-active=true]:after{opacity:.22;inset:-9px}.canvas-arrow-port[data-role=source]{color:#8b5cf6;background:#8b5cf6}.canvas-arrow-port[data-role=target]{color:#10b981;background:#10b981;box-shadow:0 0 0 2px #10b981e6,0 8px 18px #24242438}.canvas-arrow-port[data-type=text]{color:#eab308;background:#eab308;box-shadow:0 0 0 2px #eab308e6,0 8px 18px #24242438}.canvas-arrow-port[data-type=image]{color:#22c55e;background:#22c55e;box-shadow:0 0 0 2px #22c55ee6,0 8px 18px #24242438}.connection-cut-overlay{z-index:19;pointer-events:none;position:fixed;inset:0}.connection-cut-overlay button{color:#fff;cursor:pointer;opacity:.92;pointer-events:auto;background:#111827;border:2px solid #fff;border-radius:999px;place-items:center;width:22px;height:22px;font-size:16px;font-weight:900;transition:opacity .12s,transform .12s;display:grid;position:absolute;transform:translate(-50%,-50%)scale(.9)}.connection-cut-overlay button:hover{opacity:1;transform:translate(-50%,-50%)scale(1)}.canvas-connection-line-overlay{z-index:20;pointer-events:none;width:100%;height:100%;position:fixed;inset:0;overflow:visible}.node-picker{z-index:22;background:#fff;border-radius:14px;flex-direction:column;gap:0;min-width:240px;padding:12px 14px;display:flex;position:fixed;transform:translate(-50%,-100%)translateY(-16px);box-shadow:0 6px 32px #00000029,0 0 0 1px #0000000f}.node-picker__group{flex-direction:column;gap:6px;display:flex}.node-picker__group-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.06em;padding:2px 0;font-size:10px;font-weight:900}.node-picker__divider{background:#e2e8f0;height:1px;margin:8px 0 4px}.node-picker__items{flex-wrap:wrap;gap:6px;display:flex}.node-picker__item{cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #0000000f;border-radius:8px;padding:7px 14px;font-size:13px;font-weight:750}.node-picker__item:hover{background:#f1f5f9;border-color:#0000001f}.node-picker__item--prompt{border-left:3px solid #8b5cf6}.node-picker__item--analysis{border-left:3px solid #16a34a}.node-picker__item--image_gen,.node-picker__item--image_gen_4{border-left:3px solid #2563eb}.node-picker__item--image{border-left:3px solid #f97316}.selection-toolbar{z-index:23;color:#172033;pointer-events:auto;-webkit-user-select:none;user-select:none;background:#fffffff5;border:1px solid #0f172a14;border-radius:12px;align-items:center;gap:5px;padding:5px;display:flex;position:fixed;transform:translate(-50%,-100%);box-shadow:0 10px 30px #0f172a24}.selection-toolbar__btn{width:32px;height:32px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:9px;place-items:center;display:grid}.selection-toolbar__btn:hover,.selection-toolbar__btn[aria-expanded=true]{background:#f1f5f9}.selection-toolbar__btn:disabled{cursor:not-allowed;opacity:.42}.selection-toolbar__align{position:relative}.selection-toolbar__menu{z-index:24;background:#fff;border:1px solid #0f172a14;border-radius:12px;gap:2px;min-width:178px;padding:6px;display:grid;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);box-shadow:0 18px 42px #0f172a29}.selection-toolbar__menu button{color:#172033;cursor:pointer;text-align:left;white-space:nowrap;background:0 0;border:0;border-radius:8px;grid-template-columns:24px 1fr;align-items:center;gap:8px;min-height:32px;padding:4px 8px;font-size:12px;display:grid}.selection-toolbar__menu button:hover{background:#f8fafc}.selection-toolbar__error{color:#dc2626;white-space:nowrap;padding:0 7px;font-size:11px}
.canvas-navigator{z-index:20;width:208px;box-shadow:var(--shadow-floating);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffffff0;border:1px solid #24242414;border-radius:14px;gap:8px;padding:10px;display:grid;position:absolute;bottom:18px;left:20px}.canvas-navigator--collapsed{border-radius:13px;place-items:center;width:42px;height:42px;padding:0}.canvas-navigator__collapse-btn,.canvas-navigator__expand-btn{color:#242424;cursor:pointer;border:0;place-items:center;display:grid}.canvas-navigator__collapse-btn{z-index:1;background:#ffffffe0;border-radius:8px;width:24px;height:24px;position:absolute;top:8px;right:8px;box-shadow:0 4px 12px #0f172a1a}.canvas-navigator__collapse-btn:hover,.canvas-navigator__expand-btn:hover{background:#e9e9e9}.canvas-navigator__collapse-btn span{background:#64748b;border-radius:999px;width:10px;height:2px}.canvas-navigator__expand-btn{border-radius:inherit;background:0 0;width:100%;height:100%}.canvas-navigator__mini-icon{grid-template-columns:repeat(2,1fr);gap:3px;width:18px;height:18px;display:grid}.canvas-navigator__mini-icon span{background:#64748b;border-radius:3px}.canvas-navigator__map{cursor:pointer;width:100%;height:auto;display:block}.canvas-navigator__map-bg{fill:#f7f7f7}.canvas-navigator__shape{fill:#24242438}.canvas-navigator__viewport{fill:#8b5cf61a;stroke:#8b5cf6;stroke-width:2px}.canvas-navigator__controls{grid-template-columns:32px 1fr 32px;align-items:center;gap:8px;display:grid}.canvas-navigator__controls button{color:#242424;cursor:pointer;background:#f1f1f1;border:0;border-radius:9px;place-items:center;width:32px;height:32px;font-size:18px;font-weight:900;display:grid}.canvas-navigator__controls button:hover:not(:disabled){background:#e9e9e9}.canvas-navigator__controls button:disabled{cursor:not-allowed;opacity:.45}.canvas-navigator__controls .canvas-navigator__zoom-reset{width:100%;padding:0 8px;font-size:12px}.canvas-navigator__controls .canvas-navigator__zoom-reset:disabled{cursor:default;opacity:1}.canvas-navigator__controls span{color:var(--text-primary);text-align:center;font-size:12px;font-weight:900}
.canvas-spike-toolbar{z-index:20;width:auto;max-width:min(100% - 240px,760px);box-shadow:var(--shadow-floating);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffffff0;border:1px solid #24242414;border-radius:14px;flex-direction:row;align-items:center;gap:7px;padding:7px;display:flex;position:absolute;top:18px;left:50%;transform:translate(-50%)}.canvas-spike-toolbar__group{flex-direction:row;align-items:center;gap:3px;display:flex}.canvas-spike-toolbar__menu-wrap{display:flex;position:relative}.canvas-spike-toolbar__divider{background:#24242414;width:1px;height:24px}.canvas-spike-toolbar button,.canvas-style-panel button{color:#242424;cursor:pointer;letter-spacing:-.01em;background:0 0;border:0;border-radius:10px;font-size:13px;font-weight:800;transition:background .12s,color .12s,transform .12s}.canvas-spike-toolbar button{place-items:center;min-width:38px;height:38px;padding:0;display:grid}.canvas-spike-toolbar button span{font-size:18px;line-height:1;display:block}.canvas-line-icon{width:21px;height:21px;display:block;overflow:visible}.canvas-spike-toolbar button:hover:not(:disabled),.canvas-style-panel button:hover:not(:disabled){background:#f1f1f1}.canvas-spike-toolbar button:active:not(:disabled),.canvas-style-panel button:active:not(:disabled){transform:translateY(1px)}.canvas-spike-toolbar button:disabled,.canvas-style-panel button:disabled{cursor:not-allowed;opacity:.38}.canvas-spike-toolbar button.is-active,.canvas-style-panel button.is-active{color:#312e81;background:#e7e0ff}.canvas-spike-toolbar button[data-continuous=true]{box-shadow:inset 0 0 0 2px #8b5cf6}.canvas-spike-toolbar__mode{color:var(--text-secondary);white-space:nowrap;padding:0 8px;font-size:11px;font-weight:800}.canvas-spike-toolbar__popover{z-index:30;box-shadow:var(--shadow-floating);background:#fffffff5;border:1px solid #24242414;border-radius:14px;grid-template-columns:repeat(5,40px);gap:5px;padding:7px;display:grid;position:absolute;top:calc(100% + 8px);left:0}.canvas-spike-toolbar__popover--wide{grid-template-columns:repeat(4,40px)}.canvas-spike-toolbar__popover--compact{grid-template-columns:repeat(2,40px)}
.canvas-tooltip-layer{z-index:500;color:#fff;letter-spacing:0;pointer-events:none;text-align:center;white-space:normal;background:#111827;border-radius:6px;max-width:min(240px,100vw - 32px);padding:7px 9px;font-size:12px;font-weight:500;line-height:1.2;position:fixed;box-shadow:0 10px 28px #0f172a33}.canvas-tooltip-layer[data-placement=bottom]{transform:translate(-50%)}.canvas-tooltip-layer[data-placement=right]{transform:translateY(-50%)}.canvas-tooltip-layer[data-placement=left]{transform:translate(-100%,-50%)}
.canvas-settings-trigger{z-index:28;width:42px;height:42px;box-shadow:var(--shadow-floating);cursor:pointer;background:#ffffffeb;border:1px solid #24242414;border-radius:14px;place-items:center;display:grid;position:absolute;bottom:22px;right:20px}.canvas-settings{z-index:40;background:#fffffffa;border:1px solid #94a3b840;border-radius:22px;grid-template:"header"72px"main"minmax(0,1fr)/minmax(0,1fr);width:min(820px,100vw - 48px);max-height:min(680px,100vh - 48px);display:grid;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 22px 70px #0f172a2e}.canvas-settings :where(h2,h3,strong,button,input,span){font-weight:400}.canvas-settings__main{grid-area:main;align-content:start;padding:20px 22px 26px;display:grid;overflow:auto}.canvas-settings__header{border-bottom:1px solid #edf2f7;grid-area:header;justify-content:space-between;align-items:center;gap:20px;padding:0 18px 0 24px;display:flex}.canvas-settings__header h2{color:#172033;letter-spacing:0;margin:0;font-size:20px;font-weight:400;line-height:1.1}.canvas-settings__title span{color:#8aa0bd;font-size:12px;font-weight:400}.canvas-settings__actions{align-items:center;gap:10px;display:flex}.canvas-settings__save,.canvas-settings__secondary{color:#172033;cursor:pointer;background:#fff;border:1px solid #d8e2ef;border-radius:10px;min-width:82px;height:40px;padding:0 18px;font-weight:400}.canvas-settings__save{color:#fff;background:#111827}.canvas-settings__close{color:#475569;cursor:pointer;background:#f1f5f9;border:0;border-radius:999px;place-items:center;width:32px;height:32px;font-size:20px;display:grid}.canvas-settings__title{gap:3px;display:grid}.canvas-settings__title strong{font-weight:400}@media (max-width:980px){.canvas-settings{grid-template-rows:72px minmax(0,1fr);grid-template-columns:1fr;width:min(720px,100vw - 28px);max-height:calc(100vh - 28px)}}@media (max-width:640px){.canvas-settings{border-radius:18px;width:calc(100vw - 20px)}.canvas-settings__header{padding:0 14px 0 18px}.canvas-settings__main{padding:16px}}
.canvas-settings__cards{grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));align-items:start;gap:16px 18px;display:grid}.canvas-settings__card{background:#ffffffeb;border:1px solid #dbe5f1;border-radius:16px;gap:0;padding:15px;display:grid}.canvas-settings__card h3{color:#172033;letter-spacing:0;margin:0 0 4px;font-size:16px;font-weight:400;line-height:1.2}.canvas-settings__row{border-bottom:1px solid #edf2f7;justify-content:space-between;align-items:center;gap:14px;min-height:58px;display:flex}.canvas-settings__row:last-child{border-bottom:0}.canvas-settings__toggle{cursor:pointer;background:#cbd5e1;border:0;border-radius:999px;width:38px;height:20px;padding:2px}.canvas-settings__toggle span{background:#fff;border-radius:999px;width:16px;height:16px;transition:transform .12s;display:block}.canvas-settings__toggle[data-active=true]{background:#111827}.canvas-settings__toggle[data-active=true] span{transform:translate(18px)}.canvas-settings__segmented,.canvas-settings__number{background:#f1f5f9;border-radius:12px;gap:4px;padding:4px;display:inline-flex}.canvas-settings__segmented button{color:#8aa0bd;cursor:pointer;background:0 0;border:0;border-radius:9px;min-width:44px;height:29px;font-size:12px;font-weight:400}.canvas-settings__segmented button.is-active{color:#172033;box-shadow:none;background:#ffe9cf;border:1px solid #111827}.canvas-settings__number input{color:#334155;width:62px;font:inherit;text-align:center;background:0 0;border:0;font-weight:400}.canvas-settings__number span{color:#8aa0bd;padding:7px 12px 0 0;font-size:12px;font-weight:400}.canvas-settings__range{grid-template-columns:minmax(118px,1fr) 30px;align-items:center;gap:10px;min-width:170px;display:grid}.canvas-settings__range input{accent-color:#111827}.canvas-settings__color{cursor:pointer;background:#fff;border:1px solid #d8e2ef;border-radius:10px;place-items:center;width:40px;height:32px;padding:0;display:inline-grid;position:relative}.canvas-settings__color span{background:var(--canvas-settings-color);border:1px solid #0f172a1f;border-radius:7px;width:24px;height:18px;display:block}.canvas-settings__color input{opacity:0;cursor:pointer;position:absolute;inset:0}@media (max-width:980px){.canvas-settings__cards{grid-template-columns:1fr}}@media (max-width:640px){.canvas-settings__row{flex-direction:column;align-items:flex-start;gap:10px;padding:12px 0}.canvas-settings__segmented{flex-wrap:wrap}.canvas-settings__range{width:100%;min-width:0}}
.canvas-style-drawer{z-index:20;width:222px;max-height:max(220px,100% - 128px);position:absolute;top:86px;left:18px}.canvas-style-drawer[data-open=false]{width:0}.canvas-style-drawer__handle{z-index:1;color:#172033;cursor:pointer;background:#fffffff5;border:1px solid #2424241a;border-left:0;border-radius:0 999px 999px 0;place-items:center;width:22px;height:54px;font-size:18px;font-weight:900;display:grid;position:absolute;top:50%;right:-18px;transform:translateY(-50%);box-shadow:8px 8px 22px #0f172a14}.canvas-style-panel{width:222px;max-height:max(220px,100% - 128px);box-shadow:var(--shadow-floating);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffffff0;border:1px solid #24242414;border-radius:14px;gap:12px;padding:12px;display:grid;overflow:auto}.canvas-style-panel--empty p{color:var(--text-secondary);margin:0;font-size:12px;font-weight:700;line-height:1.45}.canvas-style-panel__header{gap:2px;padding:2px;display:grid}.canvas-style-panel__header span{letter-spacing:-.03em;font-size:13px;font-weight:900}.canvas-style-panel__header small{color:var(--text-secondary);font-size:11px;font-weight:700}.canvas-style-panel__section{grid-template-columns:26px 1fr;align-items:center;gap:6px;display:grid}.canvas-style-panel__section-title{width:24px;height:24px;color:var(--text-secondary);place-items:center;margin:0;display:grid;position:relative}.canvas-style-panel__section-title:before,.canvas-style-panel__section-title:after{content:"";position:absolute}.canvas-style-panel__section-title--stroke:before{border-top:2px solid;width:18px}.canvas-style-panel__section-title--fill:before{background:color-mix(in srgb, currentColor 18%, white);border:2px solid;border-radius:5px;width:18px;height:14px}.canvas-style-panel__section-title--width:before{border-top:5px solid;border-radius:999px;width:19px}.canvas-style-panel__section-title--dash:before{border-top:2px dashed;width:19px}.canvas-style-panel__section-title--font:before{content:"A";font-size:17px;font-weight:900}.canvas-style-panel__section-title--opacity:before{background:linear-gradient(90deg,currentColor 50%,#0000 50%);border-radius:999px;width:17px;height:17px;box-shadow:inset 0 0 0 2px}.canvas-style-panel__section-title--align:before,.canvas-style-panel__section-title--align:after{background:currentColor;border-radius:999px;height:2px;left:4px}.canvas-style-panel__section-title--align:before{width:16px;top:7px;box-shadow:0 5px}.canvas-style-panel__section-title--align:after{width:10px;top:17px}.canvas-style-panel__section-title--layer:before,.canvas-style-panel__section-title--layer:after{border:2px solid;border-radius:3px;width:15px;height:10px}.canvas-style-panel__section-title--layer:before{top:5px;left:4px}.canvas-style-panel__section-title--layer:after{background:#fff;bottom:5px;right:4px}.canvas-style-panel__section-title--action:before{background:currentColor;border-radius:999px;width:5px;height:5px;box-shadow:8px 0,16px 0}.canvas-style-panel__block{gap:7px;display:grid}.canvas-style-panel__block p{color:#242424;letter-spacing:-.01em;margin:0;font-size:12px;font-weight:750}.canvas-style-panel__swatches{flex-wrap:wrap;gap:8px;display:flex}.canvas-style-panel__swatches button{background:var(--swatch);width:26px;height:26px;box-shadow:var(--shadow-ring);border:2px solid #fff;border-radius:8px}.canvas-style-panel__swatches button.is-active{box-shadow:0 0 0 2px #8b5cf6, var(--shadow-ring)}.canvas-style-panel__segmented,.canvas-style-panel__icon-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.canvas-style-panel__segmented button,.canvas-style-panel__icon-grid button{background:#f7f7f7;place-items:center;min-height:36px;padding:7px;font-size:11px;display:grid;overflow:hidden}.canvas-style-panel__range-row{grid-template-columns:1fr 42px;align-items:center;gap:8px;display:grid}.canvas-style-panel__range-row input{accent-color:#8b5cf6;width:100%}.canvas-style-panel__range-row span{color:var(--text-secondary);text-align:right;font-size:11px;font-weight:800}.canvas-style-panel__error{color:#dc2626;font-size:11px;font-weight:750}
.style-icon{width:26px;height:18px;display:block;position:relative;overflow:hidden}.style-icon:before,.style-icon:after{content:"";position:absolute}.style-icon--fill-none{background:#fff;border:2px solid;border-radius:5px}.style-icon--fill-semi{background:color-mix(in srgb, currentColor 18%, white);border:2px solid;border-radius:5px}.style-icon--fill-solid{background:currentColor;border:2px solid;border-radius:5px}.style-icon--fill-pattern{background:repeating-linear-gradient(45deg,currentColor 0 1px,#0000 1px 4px),#fff;border:2px solid;border-radius:5px}.style-icon[data-style-icon^=size-]:before{background:currentColor;border-radius:999px;width:18px;height:1px;top:50%;left:50%;transform:translate(-50%,-50%)}.style-icon[data-style-icon=size-s]:before{height:1px}.style-icon[data-style-icon=size-m]:before{height:3px}.style-icon[data-style-icon=size-l]:before{height:5px}.style-icon[data-style-icon=size-xl]:before{height:8px}.style-icon[data-style-icon^=dash-]:before{background:currentColor;border-radius:999px;width:18px;height:2px;top:50%;left:50%;transform:translate(-50%,-50%)}.style-icon[data-style-icon=dash-draw]:before{background:0 0;border:0;border-radius:999px;width:19px;height:9px;top:45%;transform:translate(-50%,-50%)rotate(-8deg);box-shadow:inset 0 -2px}.style-icon[data-style-icon=dash-dashed]:before{background:repeating-linear-gradient(90deg,currentColor 0 4px,#0000 4px 7px);height:3px}.style-icon[data-style-icon=dash-dotted]:before{background:currentColor;border-radius:999px;width:4px;height:4px;left:5px;transform:translateY(-50%);box-shadow:8px 0,16px 0}.style-icon--font-draw,.style-icon--font-sans,.style-icon--font-serif,.style-icon--font-mono{place-items:center;width:24px;height:18px;font-size:16px;font-weight:900;display:grid}.style-icon--font-draw:before,.style-icon--font-sans:before,.style-icon--font-serif:before,.style-icon--font-mono:before{content:"A";position:static}.style-icon--font-draw{font-family:cursive}.style-icon--font-sans{font-family:ui-sans-serif,system-ui,sans-serif}.style-icon--font-serif{font-family:ui-serif,Georgia,serif}.style-icon--font-mono{font-family:ui-monospace,SFMono-Regular,monospace}
.style-icon--spline-line:before,.style-icon--spline-cubic:before,.style-icon[class*=style-icon--arrow-kind-]:before,.style-icon[class*=style-icon--arrow-end-]:before,.style-icon[class*=style-icon--arrow-start-]:before{border-top:2px solid;width:20px;top:50%;left:2px;transform:translateY(-50%)}.style-icon--spline-cubic:before{border-top:0;border-bottom:2px solid;border-radius:50%;height:10px;transform:translateY(-70%)rotate(-8deg)}.style-icon--arrow-kind-arc:before{border-top:0;border-bottom:2px solid;border-radius:50%;height:11px;transform:translateY(-70%)rotate(-10deg)}.style-icon--arrow-kind-elbow:before{border-top:0;border-bottom:2px solid;border-right:2px solid;width:14px;height:12px;transform:translate(1px,-70%)}.style-icon[class*=style-icon--arrow-end-]:after,.style-icon[class*=style-icon--arrow-start-]:after{content:"";border-top:2px solid;border-right:2px solid;width:7px;height:7px;top:50%}.style-icon--arrow-end-arrow:after,.style-icon--arrow-end-triangle:after{right:1px;transform:translateY(-50%)rotate(45deg)}.style-icon--arrow-start-arrow:after{left:1px;transform:translateY(-50%)rotate(-135deg)}.style-icon--arrow-end-triangle:after{border-radius:1px}.style-icon--arrow-end-none:after,.style-icon--arrow-start-none:after{display:none}.style-action-icon{width:24px;height:22px;display:block;position:relative}.style-action-icon:before,.style-action-icon:after{content:"";position:absolute}.style-action-icon[class*=align-]:before{background:currentColor;border-radius:999px;width:14px;height:2px;top:3px;box-shadow:0 7px,0 14px}.style-action-icon[class*=align-]:after{background:currentColor;width:2px;height:20px;top:1px}.style-action-icon--align-left:before,.style-action-icon--align-top:before,.style-action-icon--align-bottom:before{left:6px}.style-action-icon--align-left:after{left:2px}.style-action-icon--align-center-x:before,.style-action-icon--align-center-y:before{left:5px}.style-action-icon--align-center-x:after{left:11px}.style-action-icon--align-right:before{right:6px}.style-action-icon--align-right:after{right:2px}.style-action-icon--align-top:after,.style-action-icon--align-bottom:after{width:20px;height:2px;left:2px}.style-action-icon--align-top:after{top:2px}.style-action-icon--align-bottom:after{top:auto;bottom:2px}.style-action-icon--align-center-y:after{width:20px;height:2px;top:10px;left:2px}.style-action-icon[class*=layer-]:before,.style-action-icon[class*=layer-]:after{border:2px solid;border-radius:3px;width:13px;height:10px}.style-action-icon[class*=layer-]:before{top:3px;left:3px}.style-action-icon[class*=layer-]:after{background:#f7f7f7;bottom:3px;right:3px}.style-action-icon--layer-front:after,.style-action-icon--layer-up:after,.style-action-icon--layer-back:before,.style-action-icon--layer-down:before{z-index:1}.style-action-icon--duplicate:before,.style-action-icon--duplicate:after{border:2px solid;border-radius:4px;width:12px;height:12px}.style-action-icon--duplicate:before{bottom:3px;left:3px}.style-action-icon--duplicate:after{background:#f7f7f7;top:3px;right:3px}.style-action-icon--delete:before{border:2px solid;border-top:0;border-radius:0 0 3px 3px;width:13px;height:11px;top:7px;left:6px}.style-action-icon--delete:after{border-top:2px solid;width:15px;top:3px;left:5px;box-shadow:5px -3px 0 -1px}.style-action-icon--stretch-x:before,.style-action-icon--stretch-y:before{border:2px dashed;border-radius:3px;width:14px;height:12px;top:4px;left:4px}.style-action-icon--stretch-x:after{border-top:2px solid;width:22px;top:10px;left:1px}.style-action-icon--stretch-y:after{border-left:2px solid;height:20px;top:1px;left:11px}.style-action-icon--image-node:before{border:2px solid;border-radius:3px;width:14px;height:12px;top:4px;left:4px}.style-action-icon--image-node:after{background:#f7f7f7;border:2px solid;border-radius:3px;width:8px;height:8px;bottom:3px;right:3px}.style-action-icon--capture:before{border:2px solid;border-radius:4px;width:18px;height:12px;top:6px;left:3px}.style-action-icon--capture:after{border:2px solid;border-radius:999px;width:6px;height:6px;top:10px;left:9px}
.canvas-image-lod-placeholder{background:linear-gradient(135deg,#94a3b829,#e2e8f0b8),repeating-linear-gradient(90deg,#ffffff6b 0 10px,#0000 10px 20px);width:100%;height:100%}
.ai-card-shape{width:100%;height:100%;box-shadow:var(--shadow-ring);color:#242424;pointer-events:all;-webkit-user-select:none;user-select:none;background:#fff;border-radius:12px;position:relative;overflow:visible;container-type:size}.ai-card-shape__content{border-radius:inherit;flex-direction:column;width:100%;min-width:0;height:100%;padding:18px;display:flex;overflow:hidden}.ai-card-shape--prompt{--card-accent:#8b5cf6}.ai-card-shape--generate{--card-accent:#3b82f6}.ai-card-shape--edit{--card-accent:#22c55e}.ai-card-shape--link{--card-accent:#242424}.ai-card-shape__label{background:color-mix(in srgb, var(--card-accent) 12%, white);max-width:100%;color:var(--card-accent);letter-spacing:.12em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;border-radius:999px;align-self:flex-start;padding:5px 8px;font-size:10px;font-weight:900;display:inline-flex;overflow:hidden}.ai-card-shape__title{letter-spacing:-.04em;-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;margin-top:14px;font-size:22px;font-weight:850;line-height:1.05;display:-webkit-box;overflow:hidden}.ai-card-shape__subtitle{color:var(--text-secondary);-webkit-line-clamp:1;overflow-wrap:anywhere;-webkit-box-orient:vertical;margin-top:6px;font-size:13px;font-weight:700;display:-webkit-box;overflow:hidden}.ai-card-shape__detail{color:#444748;-webkit-line-clamp:3;overflow-wrap:anywhere;-webkit-box-orient:vertical;margin-top:14px;font-size:13px;line-height:1.35;display:-webkit-box;overflow:hidden}.ai-card-shape__port{background:var(--card-accent);width:12px;height:12px;box-shadow:var(--shadow-ring);border:2px solid #fff;border-radius:999px;position:absolute;top:50%}.ai-card-shape__port--input{left:-6px}.ai-card-shape__port--output{right:-6px}@container (max-width:220px){.ai-card-shape__content{padding:14px}.ai-card-shape__title{font-size:18px}}@container (max-height:126px){.ai-card-shape__content{padding:14px}.ai-card-shape__title{-webkit-line-clamp:1;margin-top:8px;font-size:18px}.ai-card-shape__detail{-webkit-line-clamp:2;margin-top:8px}}@container (max-height:98px){.ai-card-shape__detail{display:none}}@container (max-height:74px){.ai-card-shape__subtitle{display:none}}
.node-card-shape{pointer-events:all;width:100%;height:100%}.node-card{width:100%;height:100%;box-shadow:var(--shadow-ring);color:#242424;-webkit-user-select:none;user-select:none;background:#fff;border:1px solid #24242414;border-radius:16px;grid-template-rows:auto 1fr auto;gap:12px;padding:16px;display:grid;position:relative;overflow:visible;container-type:size}.node-card--prompt{--node-accent:#8b5cf6}.node-card--image_gen,.node-card--image_gen_4{--node-accent:#2563eb}.node-card--image{--node-accent:#f97316}.node-card--analysis{--node-accent:#16a34a}.node-card--shell{background:linear-gradient(135deg, color-mix(in srgb, var(--node-accent) 12%, white), white 58%), white;grid-template-rows:1fr;gap:0;padding:12px;display:grid}.node-card__shell-body{text-align:center;place-items:center;gap:8px;min-width:0;min-height:0;display:grid}.node-card__shell-title{color:#1f2937;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:15px;font-weight:900;overflow:hidden}.node-card__shell-status{color:#64748b;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;background:#ffffffb8;border-radius:999px;max-width:100%;padding:4px 8px;font-size:10px;font-weight:850;overflow:hidden}.node-card__shell-status[data-status=running]{color:#b91c1c}.node-card--shell .node-card__port{width:18px;height:18px}.node-card--shell .node-card__port[data-direction=in]{left:-9px}.node-card--shell .node-card__port[data-direction=out]{right:-9px}.node-card__header{justify-content:space-between;align-items:center;gap:10px;display:flex}.node-card__header h2{letter-spacing:-.04em;margin:0;font-size:16px;font-weight:850;line-height:1}.node-card__eyebrow{color:#8b5cf6;letter-spacing:.12em;text-transform:uppercase;font-size:10px;font-weight:900}.node-card__header-actions{align-items:center;gap:8px;display:inline-flex}.node-card__action-btn,.node-card__run-btn{color:#242424;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #2424241f;border-radius:8px;justify-content:center;align-items:center;padding:4px 10px;font-size:11px;font-weight:850;line-height:1;display:inline-flex}.node-card__action-btn:hover{background:#f8fafc}.node-card__action-btn:disabled{opacity:.45;cursor:not-allowed}.node-card__run-btn{color:#fff;background:#242424;border-color:#242424}.node-card__run-btn:hover{background:#374151}.node-card__run-btn--running{background:#dc2626;border-color:#dc2626}.node-card__run-btn--running:hover{background:#ef4444}.node-card__warning{color:#991b1b;background:#fef2f2}.node-card__body{min-height:0;overflow:hidden}.node-card__field-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.node-card__field-grid label{gap:5px;display:grid}.node-card__field-grid label span{color:var(--text-secondary);font-size:11px;font-weight:800}.node-card__field-grid select{color:#242424;background:#f8fafc;border:1px solid #2424241c;border-radius:10px;width:100%;height:34px;padding:0 10px;font-size:12px;font-weight:700}.node-card__field-grid button{color:#fff;cursor:pointer;background:#242424;border:0;border-radius:10px;min-height:34px;font-size:12px;font-weight:850}.node-card__result-grid{grid-template-columns:repeat(auto-fit,minmax(64px,1fr));gap:8px;margin-top:12px;display:grid}.node-card__mock-image{color:#64748b;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border-radius:12px;place-items:center;min-height:58px;font-size:11px;font-weight:900;display:grid}.node-card__mock-image[data-filled=true]{color:#1e3a8a;background:linear-gradient(135deg,#dbeafe,#f5d0fe)}
.node-card__prompt-field{grid-template-rows:auto minmax(112px,1fr);gap:7px;height:100%;display:grid}.node-card__prompt-field span{color:var(--text-secondary);font-size:11px;font-weight:850}.node-card__prompt-field textarea{color:#242424;resize:none;background:#f8fafc;border:1px solid #2424241c;border-radius:10px;width:100%;height:100%;min-height:0;padding:10px;font-size:13px;line-height:1.35}.node-card__prompt-field--compact{grid-template-rows:minmax(72px,auto);height:auto}.node-card__prompt-field--compact textarea{min-height:72px;max-height:96px}.node-card__prompt-field--unlabeled{grid-template-rows:minmax(112px,1fr)}.node-card__hint{color:var(--text-secondary);margin-top:8px;font-size:11px;font-weight:750;line-height:1.3}.node-card__flow-hint{border-radius:10px;margin-top:9px;padding:7px 9px;font-size:11px;font-weight:800;line-height:1.25}.node-card__flow-hint--success{color:#047857;background:#ecfdf5}.node-card__flow-hint--error{color:#991b1b;background:#fef2f2}.node-card__analysis{grid-template-rows:auto minmax(72px,auto) minmax(64px,1fr);gap:8px;height:100%;min-height:0;display:grid}.node-card__thumb{color:#166534;background:linear-gradient(135deg,#dcfce7,#bbf7d0);border-radius:9px;place-items:center;width:44px;height:44px;font-size:10px;font-weight:900;display:grid}.node-card__analysis-output{color:#94a3b8;white-space:pre-wrap;background:#f8fafc;border-radius:10px;height:100%;min-height:0;padding:11px;font-size:12px;font-weight:750;line-height:1.35;overflow:auto}.node-card__image-preview{grid-template-rows:minmax(0,1fr) auto;gap:8px;height:100%;min-height:0;display:grid}.node-card__image-frame{background:linear-gradient(135deg,#22c55e24,#2563eb1f),#f8fafc;border-radius:12px;place-items:center;height:100%;min-height:142px;padding:10px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #2424240f}.node-card__image-frame[data-dragging=true]{box-shadow:inset 0 0 0 2px #22c55ecc,0 0 0 4px #22c55e1f}.node-card__image-media{pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute;inset:10px}.node-card__image-media img,.node-card__image-element{object-fit:contain;object-position:center;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.node-card__image-lite{color:#475569;background:linear-gradient(135deg,#f973162e,#22c55e24),repeating-linear-gradient(90deg,#ffffff57 0 12px,#0000 12px 24px),#f8fafc;border-radius:9px;place-items:center;display:grid;position:absolute;inset:10px;overflow:hidden}.node-card__image-lite span{text-overflow:ellipsis;white-space:nowrap;max-width:calc(100% - 20px);overflow:hidden}.node-card__image-frame span{z-index:1;color:#334155;background:#ffffffbd;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:850;position:relative}.node-card__image-preview small{color:var(--text-secondary);overflow-wrap:anywhere;font-size:11px;font-weight:750}.node-card__footer{color:var(--text-secondary);justify-content:space-between;gap:8px;font-size:10px;font-weight:800;display:flex}.node-card__warning{max-width:calc(100% - 24px);box-shadow:var(--shadow-ring);border-radius:10px;padding:7px 9px;font-size:11px;font-weight:800;position:absolute;bottom:-30px;right:12px}.node-card__ports{pointer-events:none;position:absolute;inset:0}.node-card__port{background:var(--node-accent);width:24px;height:24px;box-shadow:0 0 0 2px color-mix(in srgb, var(--node-accent) 60%, white), var(--shadow-ring);cursor:crosshair;pointer-events:auto;z-index:2;border:2px solid #fff;border-radius:999px;position:absolute;transform:translateY(-50%)}.node-card__port:hover{transform:translateY(-50%)scale(1.35)}.node-card__port[data-active=true]{transform:translateY(-50%)scale(1.5)}.node-card__port[data-direction=in]{left:-12px}.node-card__port[data-direction=out]{right:-12px}.node-card__port[data-compatible=true]{transform:translateY(-50%)scale(1.25)}.node-card__port[data-type=text]{box-shadow:0 0 0 2px #eab3088c, var(--shadow-ring);background:#eab308}.node-card__port[data-type=image]{box-shadow:0 0 0 2px #22c55e8c, var(--shadow-ring);background:#22c55e}.node-card__port-tooltip{color:#fff;white-space:nowrap;pointer-events:none;z-index:3;background:#1a1a1a;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:700;position:absolute;top:50%;transform:translateY(-50%)}.node-card__port[data-direction=in] .node-card__port-tooltip{left:20px}.node-card__port[data-direction=out] .node-card__port-tooltip{right:20px}@container (max-width:320px){.node-card{padding:13px}.node-card__field-grid,.node-card__result-grid{grid-template-columns:repeat(2,1fr)}.node-card__footer{display:none}}
.node-edge-overlay{z-index:17;pointer-events:none;position:fixed;inset:0}.node-edge-overlay__svg{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.node-edge-overlay__path{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:3px;vector-effect:non-scaling-stroke}.node-edge-overlay__path[data-type=image]{filter:drop-shadow(0 3px 7px #22c55e2e)}.node-edge-overlay__path[data-type=text]{filter:drop-shadow(0 3px 7px #eab30833)}.node-edge-overlay__path--selected{stroke-width:5px}.node-edge-overlay__path-hit{fill:none;stroke:#11182700;stroke-linecap:round;stroke-linejoin:round;stroke-width:18px;cursor:pointer;pointer-events:stroke}.node-edge-overlay__hit{color:#fff;cursor:pointer;pointer-events:auto;background:#111827;border:2px solid #fff;border-radius:999px;place-items:center;width:22px;height:22px;font-size:16px;font-weight:900;transition:opacity .12s,transform .12s;display:grid;position:absolute;transform:translate(-50%,-50%)}.node-edge-overlay__hit:hover{transform:translate(-50%,-50%)scale(1.08)}
.merge-capture-panel{z-index:21;width:244px;box-shadow:var(--shadow-floating);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffffff2;border:1px solid #24242414;border-radius:16px;gap:10px;padding:12px;display:grid;position:absolute;bottom:20px;right:20px}.merge-capture-panel div{gap:3px;display:grid}.merge-capture-panel strong{letter-spacing:-.03em;font-size:13px}.merge-capture-panel span,.merge-capture-panel figcaption,.merge-capture-panel p{color:var(--text-secondary);font-size:11px;font-weight:750}.merge-capture-panel button{color:#fff;cursor:pointer;background:#242424;border:0;border-radius:10px;height:34px;font-size:12px;font-weight:850}.merge-capture-panel button:disabled{cursor:wait;opacity:.6}.merge-capture-panel figure{gap:6px;margin:0;display:grid}.merge-capture-panel img{object-fit:contain;width:100%;max-height:132px;box-shadow:var(--shadow-ring);background-color:#0000;background-image:linear-gradient(45deg,#f1f5f9 25%,#0000 25%),linear-gradient(-45deg,#f1f5f9 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#f1f5f9 75%),linear-gradient(-45deg,#0000 75%,#f1f5f9 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-repeat:repeat,repeat,repeat,repeat;background-size:16px 16px;background-attachment:scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;border-radius:12px}
@media (max-width:760px){.canvas-spike-header{flex-direction:column;align-items:flex-start}.canvas-spike-title-row{width:100%}.canvas-board-switcher__control{max-width:calc(100vw - 156px)}.canvas-spike-toolbar{justify-content:flex-start;left:12px;right:12px;overflow-x:auto;transform:none}.canvas-style-panel{width:214px;max-height:max(220px,100% - 250px);top:72px;left:12px;right:auto}.merge-capture-panel{bottom:12px;right:12px}}@media (max-width:560px){.canvas-style-panel{width:auto;max-height:calc(100% - 96px);left:12px;right:12px}}