:root{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";line-height:1.5;font-weight:400;color:#ffffffeb;background:#0b0f19;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body,#root{height:100%}body{margin:0;overflow:hidden}*{box-sizing:border-box}button{font-family:inherit}.homePage{position:fixed;top:0;right:0;bottom:0;left:0;background:#050505;display:flex;flex-direction:column;color:#ffffffe0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow:hidden}.siteHeader{display:flex;align-items:center;justify-content:space-between;height:52px;padding:0 28px;flex-shrink:0;position:relative;z-index:10}.siteHeaderLeft{display:flex;align-items:center;gap:28px}.siteLogo{display:flex;align-items:center;gap:9px;cursor:pointer}.siteLogoText{font-size:16px;font-weight:800;color:#fff;letter-spacing:-.02em}.siteNav{display:flex;align-items:center;gap:4px}.siteNavItem{padding:6px 14px;border:0;border-radius:8px;background:transparent;color:#ffffff80;font-size:13px;font-weight:500;font-family:inherit;cursor:pointer;transition:color .12s ease,background .12s ease}.siteNavItem:hover{color:#ffffffe6;background:#ffffff0f}.siteNavItem--active{color:#fff;background:#ffffff14}.siteHeaderRight{display:flex;align-items:center;gap:8px}.siteHeaderLink{display:flex;align-items:center;gap:5px;padding:5px 10px;border:0;border-radius:6px;background:transparent;color:#ffffff73;font-size:12px;font-weight:500;font-family:inherit;cursor:pointer;transition:color .12s ease,background .12s ease}.siteHeaderLink:hover{color:#fffc;background:#ffffff0f}.siteAvatar{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#a78bfa);display:grid;place-items:center;font-size:12px;font-weight:700;color:#fff}.siteUpgradeBtn{padding:5px 14px;border:0;border-radius:999px;background:linear-gradient(135deg,#6366f1,#a78bfa);color:#fff;font-size:12px;font-weight:600;font-family:inherit;cursor:pointer;transition:opacity .12s ease}.siteUpgradeBtn:hover{opacity:.88}.siteAuthBtns{display:flex;align-items:center;gap:8px}.siteLoginBtn{padding:6px 18px;border:1px solid rgba(255,255,255,.15);border-radius:8px;background:#ffffff0f;color:#ffffffe6;font-size:13px;font-weight:600;font-family:inherit;cursor:pointer;transition:background .12s ease,border-color .12s ease,color .12s ease}.siteLoginBtn--ghost{background:transparent;border-color:#ffffff1f;color:#ffffffbf}.siteLoginBtn--ghost:hover{background:#ffffff0f;border-color:#ffffff38;color:#fff}.siteLoginBtn:hover{background:#ffffff1a;border-color:#ffffff40;color:#fff}.siteRegisterBtn{padding:6px 18px;border:0;border-radius:999px;background:linear-gradient(135deg,#6366f1,#a78bfa);color:#fff;font-size:13px;font-weight:700;font-family:inherit;cursor:pointer;transition:opacity .12s ease,box-shadow .12s ease}.siteRegisterBtn:hover{opacity:.95;box-shadow:0 4px 18px #6366f166}.siteUserWrap{position:relative}.siteAvatar--btn{border:0;padding:0;cursor:pointer;font-family:inherit;transition:transform .12s ease,box-shadow .12s ease}.siteAvatar--btn:hover{box-shadow:0 0 0 2px #6366f173}.siteAvatar--btn:focus-visible{outline:2px solid rgba(165,180,252,.8);outline-offset:2px}.siteUserMenu{position:absolute;right:0;top:calc(100% + 8px);min-width:200px;padding:8px 0;border-radius:10px;background:#121216fa;border:1px solid rgba(255,255,255,.08);box-shadow:0 16px 48px #0000008c;z-index:50}.siteUserMenuEmail{padding:8px 14px 10px;font-size:12px;color:#ffffff73;border-bottom:1px solid rgba(255,255,255,.06);max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.siteUserMenuItem{display:block;width:100%;margin:0;padding:10px 14px;border:0;background:transparent;text-align:left;font-size:13px;font-weight:500;font-family:inherit;color:#ffffffd9;cursor:pointer;transition:background .12s ease}.siteUserMenuItem:hover{background:#6366f126;color:#fff}.authModalBackdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:600;display:flex;align-items:center;justify-content:center;padding:24px;background:#000000b8;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.authModalCard{position:relative;width:100%;max-width:400px;padding:28px 28px 26px;border-radius:16px;background:linear-gradient(165deg,#16161cfa,#0c0c10fc);border:1px solid rgba(255,255,255,.08);box-shadow:0 0 0 1px #6366f11f,0 24px 80px #000000a6,0 0 120px #6366f114}.authModalClose{position:absolute;top:14px;right:14px;display:grid;place-items:center;width:36px;height:36px;border:0;border-radius:8px;background:transparent;color:#fff6;cursor:pointer;transition:color .12s ease,background .12s ease}.authModalClose:hover{color:#fff;background:#ffffff0f}.authModalBrand{display:flex;align-items:center;gap:14px;margin-bottom:22px;padding-right:36px}.authModalTitle{margin:0;font-size:20px;font-weight:800;color:#fff;letter-spacing:-.02em}.authModalSubtitle{margin:4px 0 0;font-size:13px;color:#ffffff6b;font-weight:500}.authModalTabs{display:flex;gap:6px;padding:4px;margin-bottom:22px;border-radius:10px;background:#ffffff0a}.authModalTab{flex:1;padding:10px 14px;border:0;border-radius:8px;background:transparent;color:#ffffff9e;font-size:14px;font-weight:700;font-family:inherit;cursor:pointer;transition:color .12s ease,background .12s ease}.authModalTab:hover{color:#fffffff2}.authModalTab--active{color:#fff;background:#6366f166;box-shadow:0 0 0 1px #8b5cf659}.authModalForm{display:flex;flex-direction:column;gap:14px}.authModalLabel{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:600;color:#ffffff80}.authModalInput{width:100%;box-sizing:border-box;padding:11px 14px;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:#00000059;color:#fff;font-size:14px;font-family:inherit;outline:none;transition:border-color .12s ease,box-shadow .12s ease}.authModalInput::placeholder{color:#ffffff40}.authModalInput:focus{border-color:#818cf88c;box-shadow:0 0 0 3px #6366f133}.authModalError{padding:10px 12px;border-radius:8px;font-size:13px;color:#fca5a5;background:#ef44441f;border:1px solid rgba(239,68,68,.22)}.authModalSubmit{margin-top:4px;padding:12px 18px;border:0;border-radius:10px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;font-size:14px;font-weight:700;font-family:inherit;cursor:pointer;transition:opacity .12s ease,box-shadow .12s ease,transform .12s ease}.authModalSubmit:hover{opacity:.95;box-shadow:0 8px 28px #6366f159}.authModalSubmit:active{transform:scale(.99)}.authModalSubmit:disabled{opacity:.65;cursor:not-allowed;transform:none;box-shadow:none}.authModalFooter{margin-top:4px;text-align:center}.authModalFooterText{margin:0;font-size:13px;color:#ffffff73;font-weight:500}.authModalFooterLink{margin:0 0 0 6px;padding:0;border:0;background:none;font-size:13px;font-weight:700;font-family:inherit;color:#a5b4fc;cursor:pointer;text-decoration:underline;text-underline-offset:3px;transition:color .12s ease}.authModalFooterLink:hover{color:#c4b5fd}.homeMain{flex:1;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.12) transparent}.homeHero{text-align:center;padding:80px 32px 48px;max-width:720px;margin:0 auto}.homeHeroBadge{display:inline-block;padding:5px 14px;border-radius:999px;background:#6366f11f;border:1px solid rgba(99,102,241,.2);color:#a594f9e6;font-size:12px;font-weight:600;letter-spacing:.04em;margin-bottom:28px}.homeHeroTitle{font-size:56px;font-weight:800;line-height:1.15;color:#fff;margin:0 0 20px;letter-spacing:-.03em}.homeHeroGradient{background:linear-gradient(135deg,#a78bfa,#6366f1,#818cf8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.homeHeroDesc{font-size:17px;line-height:1.7;color:#ffffff80;max-width:540px;margin:0 auto 36px}.homeHeroActions{display:flex;align-items:center;justify-content:center;gap:14px}.homeHeroPrimary{display:flex;align-items:center;gap:6px;padding:12px 28px;border:0;border-radius:10px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;font-size:15px;font-weight:600;font-family:inherit;cursor:pointer;transition:opacity .12s ease,box-shadow .12s ease}.homeHeroPrimary:hover{opacity:.92;box-shadow:0 6px 28px #6366f166}.homeHeroSecondary{display:flex;align-items:center;gap:8px;padding:12px 24px;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:transparent;color:#fffc;font-size:15px;font-weight:600;font-family:inherit;cursor:pointer;transition:background .12s ease,border-color .12s ease}.homeHeroSecondary:hover{background:#ffffff0f;border-color:#fff3}.homePreview{padding:0 32px 64px;display:flex;justify-content:center}.homePreviewWindow{width:100%;max-width:880px;border-radius:16px;background:#141416f2;border:1px solid rgba(255,255,255,.08);box-shadow:0 32px 80px #0009,0 0 0 1px #ffffff0a inset,0 0 120px #6366f10f;overflow:hidden}.homePreviewBar{display:flex;align-items:center;gap:6px;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.06)}.homePreviewDot{width:10px;height:10px;border-radius:50%;background:#ffffff14}.homePreviewCanvas{position:relative;height:360px;background:radial-gradient(circle at 30% 40%,rgba(99,102,241,.06) 0%,transparent 50%),radial-gradient(circle at 70% 60%,rgba(139,92,246,.04) 0%,transparent 50%)}.homePreviewNode{position:absolute;width:200px;border-radius:10px;background:#1e1e20f2;border:1px solid rgba(255,255,255,.08);box-shadow:0 4px 16px #0000004d;animation:homeNodeFloat 6s ease-in-out infinite}.homePreviewNode--1{top:60px;left:120px;animation-delay:0s}.homePreviewNode--2{top:140px;right:140px;animation-delay:-3s}@keyframes homeNodeFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.homePreviewNodeHeader{height:32px;border-bottom:1px solid rgba(255,255,255,.06);background:#ffffff05;border-radius:10px 10px 0 0}.homePreviewNodeBody{padding:12px 14px;display:flex;flex-direction:column;gap:8px}.homePreviewLine{height:6px;border-radius:3px;background:#ffffff0f}.homePreviewLine--w50{width:50%}.homePreviewLine--w60{width:60%}.homePreviewLine--w70{width:70%}.homePreviewLine--w80{width:80%}.homePreviewLine--w90{width:90%}.homePreviewCurve{position:absolute;left:320px;top:80px;width:200px;height:80px;opacity:.8}.homeFeatures{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;max-width:960px;margin:0 auto;padding:0 32px 80px}.homeFeature{padding:28px 24px;border-radius:14px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);transition:border-color .15s ease,background .15s ease}.homeFeature:hover{border-color:#ffffff1f;background:#ffffff0d}.homeFeatureIcon{width:44px;height:44px;border-radius:10px;background:#6366f11a;display:grid;place-items:center;color:#a594f9d9;margin-bottom:16px}.homeFeatureTitle{font-size:15px;font-weight:700;color:#fff;margin:0 0 8px}.homeFeatureDesc{font-size:13px;line-height:1.6;color:#fff6;margin:0}.homeFooter{padding:24px 32px;text-align:center;flex-shrink:0}.homeFooterText{font-size:12px;color:#fff3}.homePage .siteHeader{border-bottom:1px solid rgba(255,255,255,.06)}.projectListPage{position:fixed;top:0;right:0;bottom:0;left:0;background:#050505;display:flex;flex-direction:column;color:#ffffffe0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow:hidden}.projectListPage .siteHeader{border-bottom:1px solid rgba(255,255,255,.06)}.plBody{flex:1;overflow-y:auto;padding:32px 64px}.plFetchError{margin:-8px 0 20px;padding:12px 16px;border-radius:10px;font-size:13px;color:#fecaca;background:#ef44441f;border:1px solid rgba(239,68,68,.25)}.plToolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.plTabs{display:flex;align-items:center;gap:8px}.plTab{padding:6px 14px;border:0;border-radius:6px;background:transparent;color:#ffffff73;font-size:14px;font-weight:500;font-family:inherit;cursor:pointer;transition:color .12s ease,background .12s ease}.plTab:hover{color:#ffffffb3}.plTab--active{color:#fff;background:#ffffff14}.plActions{display:flex;align-items:center;gap:8px}.plSearchWrap{position:relative;display:flex;align-items:center}.plSearchIcon{position:absolute;left:10px;color:#ffffff4d;pointer-events:none}.plSearchInput{width:140px;height:32px;padding:0 10px 0 30px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#ffffff0a;color:#ffffffe0;font-size:13px;font-family:inherit;outline:none;transition:border-color .12s ease}.plSearchInput::placeholder{color:#ffffff4d}.plSearchInput:focus{border-color:#ffffff40}.plFilterBtn{display:flex;align-items:center;gap:5px;height:32px;padding:0 12px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#ffffff0f;color:#fff9;font-size:12px;font-weight:500;font-family:inherit;cursor:pointer;transition:background .12s ease}.plFilterBtn:hover{background:#ffffff1a}.plViewToggle{display:flex;align-items:center;border:1px solid rgba(255,255,255,.1);border-radius:8px;overflow:hidden}.plViewBtn{width:32px;height:32px;padding:0;border:0;background:transparent;color:#ffffff59;display:grid;place-items:center;cursor:pointer;transition:color .12s ease,background .12s ease}.plViewBtn:hover{color:#ffffffb3}.plViewBtn--active{color:#fff;background:#ffffff14}.plIconBtn{width:32px;height:32px;padding:0;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:transparent;color:#ffffff73;display:grid;place-items:center;cursor:pointer;transition:color .12s ease,background .12s ease}.plIconBtn:hover{color:#fffc;background:#ffffff0f}.plNewProjectBtn{height:32px;padding:0 16px;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#ffffff0f;color:#ffffffe0;font-size:13px;font-weight:600;font-family:inherit;cursor:pointer;transition:background .12s ease}.plNewProjectBtn:hover{background:#ffffff1f}.plLoading{display:flex;align-items:center;justify-content:center;padding:80px 0;color:#ffffff73;font-size:15px}.plGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px}.plCard{border-radius:12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);overflow:hidden;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.plCard:hover{border-color:#ffffff24;box-shadow:0 8px 32px #0000004d;transform:translateY(-2px)}.plCard--new{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:160px;border-style:dashed}.plCard--new:hover{border-style:dashed;background:#ffffff0f}.plCardNewIcon{width:48px;height:48px;border-radius:50%;background:#ffffff0f;display:grid;place-items:center;color:#fff6;transition:background .12s ease,color .12s ease}.plCard--new:hover .plCardNewIcon{background:#ffffff1a;color:#ffffffb3}.plCardNewLabel{font-size:13px;color:#fff6}.plCardCover{aspect-ratio:16 / 10;display:flex;align-items:center;justify-content:center}.plCardCoverText{font-size:14px;font-weight:700;color:#ffffffe6;text-align:center;white-space:pre-line;line-height:1.4;text-shadow:0 2px 8px rgba(0,0,0,.4)}.plCardInfo{display:flex;align-items:flex-start;justify-content:space-between;gap:6px;padding:10px 10px 12px 12px}.plCardInfoMain{min-width:0;flex:1}.plCardMenuBtn{flex-shrink:0;width:28px;height:28px;margin:-4px -2px 0 0;padding:0;border:0;border-radius:6px;background:transparent;color:#ffffff59;display:grid;place-items:center;cursor:pointer;transition:color .12s ease,background .12s ease}.plCardMenuBtn:hover{color:#ffffffd9;background:#ffffff14}.plCardName{font-size:13px;font-weight:600;color:#ffffffe0;margin-bottom:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.plCardMeta{font-size:11px;color:#ffffff59}.plCardMenu{position:fixed;z-index:200;min-width:140px;padding:4px 0;border-radius:10px;background:#1c1c1efa;border:1px solid rgba(255,255,255,.1);box-shadow:0 12px 40px #00000073}.plCardMenuItem{display:block;width:100%;padding:8px 14px;border:0;background:transparent;text-align:left;font-size:13px;font-family:inherit;color:#ffffffe0;cursor:pointer;transition:background .12s ease}.plCardMenuItem:hover{background:#ffffff14}.plCardMenuItem--danger{color:#fca5a5}.plCardMenuItem--danger:hover{background:#ef444426}.plRenameModalCard{max-width:360px}.plRenameModalActions{display:flex;justify-content:flex-end;gap:10px;margin-top:16px}.plRenameModalBtn{height:36px;padding:0 16px;border-radius:8px;font-size:13px;font-weight:600;font-family:inherit;cursor:pointer;transition:background .12s ease}.plRenameModalBtn--ghost{border:1px solid rgba(255,255,255,.12);background:transparent;color:#ffffffbf}.plRenameModalBtn--ghost:hover{background:#ffffff0f}.plRenameModalBtn--primary{border:0;background:#6366f1e6;color:#fff}.plRenameModalBtn--primary:hover{background:#6366f1}.plDeleteModalDesc{margin:0;font-size:14px;line-height:1.55;color:#ffffffa6}.plRenameModalBtn--dangerPrimary{border:0;background:#dc2626e6;color:#fff}.plRenameModalBtn--dangerPrimary:hover{background:#dc2626}.appShell{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;background-color:#1a1a1a}.appShell--fullscreenEditing .canvasViewport,.appShell--fullscreenEditing .topLeft,.appShell--fullscreenEditing .topRight,.appShell--fullscreenEditing .bottomLeft,.appShell--fullscreenEditing .bottomRight,.appShell--fullscreenEditing .nodeMenuPanel,.appShell--fullscreenEditing .storyflowMenuPanel,.appShell--fullscreenEditing .resourceBar{display:none}.canvasViewport{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;cursor:grab;background-color:#0f0f0f;background-image:radial-gradient(circle at 1px 1px,rgba(255,255,255,.14) 1px,transparent 0),linear-gradient(to bottom,#ffffff0f,#ffffff08);background-position:0 0,0 0;background-size:24px 24px,auto;transition:left .2s ease}.connectionsLayer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:200}.connectionsLayerSvg,.connectionsLayerHit{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none}.connectionsLayerHit .connectionCurvePathHit{pointer-events:stroke}.connectionCurvePath{stroke:#7c3aedb3;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:0}.connectionCurvePath--justCreated{stroke-dashoffset:1;animation:connectionDraw .6s ease-out forwards}@keyframes connectionDraw{to{stroke-dashoffset:0}}.connectionCurvePath--selected{stroke:#7c3aed;stroke-width:2}.connectionCurvePathHit{stroke:transparent;stroke-width:16;stroke-linecap:round;stroke-linejoin:round;cursor:pointer}.connectionColorMenu{position:fixed;z-index:450;display:flex;flex-direction:row;align-items:center;gap:8px;padding:10px 12px;border-radius:10px;background:#262626fa;border:1px solid rgba(255,255,255,.12);box-shadow:0 8px 28px #00000073;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.connectionColorSwatch{box-sizing:border-box;width:16px;height:16px;min-width:16px;min-height:16px;padding:0;margin:0;border-radius:50%;border:1px solid rgba(0,0,0,.35);cursor:pointer;flex-shrink:0;transition:transform .1s ease,box-shadow .1s ease}.connectionColorSwatch:hover{transform:scale(1.12);box-shadow:0 0 0 2px #ffffff40}.connectionColorSwatch:focus-visible{outline:2px solid rgba(255,255,255,.55);outline-offset:2px}.connectorLayer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:250}.connectorHandle{position:absolute;width:20px;height:20px;border-radius:999px;background:#ffffff1a;border:1px solid rgba(255,255,255,.22);transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;transition:opacity .14s ease,transform .14s ease,background .14s ease,border-color .14s ease}.connectorHandle .connectorPlusIcon{color:#ffffffe6;display:block}.connectorCurve{position:absolute;left:0;top:0;pointer-events:none}.connectorCurvePath{stroke:#7c3aedd9;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;transition:none}.connectorCurve--releasing .connectorCurvePath{transition:stroke .16s ease,opacity .16s ease}.connectorHandle--magneted{background:#7c3aed38;border-color:#7c3aed99;transform:translate(-50%,-50%) scale(.85);opacity:.65}.connectorHandle--releasing{background:#7c3aed1f;border-color:#7c3aed73;transform:translate(-50%,-50%) scale(.7);opacity:.35}.connectorPlus{position:absolute;width:22px;height:22px;border-radius:999px;background:#7c3aed;transform:translate(-50%,-50%);box-shadow:0 0 0 3px #7c3aed40;display:flex;align-items:center;justify-content:center;transition:none}.connectorPlus .connectorPlusIcon{color:#fffffffa;display:block}.connectorPlus--releasing{transition:left .16s ease,top .16s ease,transform .16s ease,box-shadow .16s ease;animation:magnetBreak .16s ease-out}@keyframes magnetBreak{0%{transform:translate(-50%,-50%) scale(1.25);box-shadow:0 0 0 6px #7c3aed40}to{transform:translate(-50%,-50%) scale(.95);box-shadow:0 0 0 2px #7c3aed26}}.canvasViewport:active{cursor:grabbing}.canvasStage{position:absolute;left:50%;top:50%;transform-origin:0 0}.canvasPaper{width:960px;height:640px;border-radius:18px;background:#fffffffa;box-shadow:0 30px 80px #00000080,0 0 0 1px #0000000f}.topLeft,.topRight,.bottomLeft,.bottomRight{position:absolute;z-index:10;pointer-events:none}.topLeft{top:18px;left:18px;display:flex;align-items:center;gap:8px}.topLeftBack{pointer-events:auto;width:32px;height:32px;padding:0;border:none;border-radius:999px;background:#ffffff1a;color:#ffffffe6;display:grid;place-items:center;cursor:pointer;transition:background .12s ease,transform .12s ease}.topLeftBack:hover{background:#ffffff26;transform:scale(1.05)}.topLeftBack:active{transform:scale(.98)}.bottomLeft{bottom:18px;left:18px;display:flex;align-items:center;gap:8px}.topRight{top:18px;right:18px}.bottomRight{right:18px;bottom:18px;display:flex;align-items:center;gap:10px}.saveIndicator{pointer-events:auto;font-size:12px;padding:4px 10px;border-radius:6px;background:#1e1e24d9;color:#fff9;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:opacity .3s}.saveIndicator--saving{color:#ffc832e6}.saveIndicator--saved{color:#50dc82e6}.saveIndicator--error{color:#ff5a5ae6}.menuButton{pointer-events:auto;width:32px;height:32px;border-radius:999px;border:none;background:#ffffff14;color:#ffffffeb;display:grid;place-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:none;transition:transform .12s ease,background .12s ease,opacity .12s ease}.menuButton:hover{background:#ffffff1a;transform:translateY(-1px)}.menuButton:active{transform:translateY(0) scale(.98);background:#ffffff24}.menuIcon{font-size:20px;line-height:1;transform:translateY(-1px);color:#ffffffeb}.sheetTabs{pointer-events:auto;display:flex;align-items:center;gap:4px}.sheetTabClose{flex-shrink:0;display:grid;place-items:center;width:18px;height:18px;margin:0;padding:0;border:none;border-radius:4px;background:transparent;color:inherit;opacity:.55;cursor:pointer;transition:background .12s ease,opacity .12s ease}button.sheetTabClose--inner{color:inherit;opacity:.65}.sheetTab:hover .sheetTabClose,.sheetTab--active .sheetTabClose{opacity:.75}.sheetTab .sheetTabClose:hover,.sheetTabClose--inner:hover{opacity:1;background:#0000002e}.sheetTab .sheetTabClose:active,.sheetTabClose--inner:active{background:#ef444459;opacity:1}.sheetTab{padding:6px 24px;height:32px;border:none;border-radius:16px;background:#ffffff0f;color:#ffffffbf;font-size:13px;font-weight:500;cursor:pointer;transition:background .12s ease,color .12s ease,box-shadow .12s ease,border-color .12s ease;display:inline-flex;align-items:center;justify-content:center;gap:6px;box-shadow:none}.sheetTab--withClose{padding-left:18px;padding-right:8px}.sheetTabLabel{min-width:0;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sheetTab:hover{background:#ffffff1a;color:#ffffffeb}.sheetTab--active{background:#fff3;color:#fff;font-weight:600;box-shadow:0 0 0 1px #fff3,0 1px 3px #0003}.sheetTab--active:hover{background:#ffffff3d;box-shadow:0 0 0 1px #ffffff40,0 1px 4px #00000040}.resourceBar{position:absolute;left:18px;top:50%;transform:translateY(-50%);width:48px;border-radius:9999px;background:#1c1c1cfa;border:1px solid rgba(255,255,255,.06);box-shadow:0 4px 24px #00000059;display:flex;flex-direction:column;align-items:center;padding:8px 0;gap:20px;z-index:12;pointer-events:auto;flex-shrink:0}.resourceBarAdd{width:36px;height:36px;border-radius:50%;border:none;background:#fff;color:#111;display:grid;place-items:center;cursor:pointer;flex-shrink:0;transition:transform .12s ease,opacity .12s ease}.resourceBarAdd:hover{opacity:.92;transform:scale(1.05)}.resourceBarAdd:active{transform:scale(.98)}.resourceBarAddIcon{font-size:20px;font-weight:300;line-height:1}.resourceBarTools{display:flex;flex-direction:column;align-items:center;gap:4px;flex:1;min-height:0;justify-content:center}.resourceBarTool{width:40px;height:40px;border:none;border-radius:10px;background:transparent;color:#ffffffb3;display:grid;place-items:center;cursor:pointer;transition:background .1s ease,color .1s ease}.resourceBarTool:hover{background:#ffffff14;color:#fffffff2}.resourceBarTool svg{flex-shrink:0}.resourceBarDivider{width:28px;height:1px;background:#ffffff1f;flex-shrink:0}.resourceBarAvatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:600;color:#fff;flex-shrink:0;cursor:default}.sheetTab--editing{padding:0;min-width:60px;display:inline-flex;align-items:center;gap:2px}.sheetTab--editing.sheetTab--withClose .sheetTabInput{padding-right:6px}.sheetTabInput{flex:0 0 auto;min-width:128px;width:128px;height:32px;padding:6px 24px;border:none;border-radius:16px;background:transparent;color:inherit;font-size:13px;font-weight:inherit;outline:none}.sheetTab--editing .sheetTabInput{box-sizing:border-box}.avatarRow{pointer-events:auto;display:flex;align-items:center;justify-content:flex-end}.avatar{width:32px;height:32px;border-radius:999px;display:grid;place-items:center;color:#fffffff2;font-weight:700;font-size:13px;letter-spacing:.2px;border:2px solid rgba(11,15,25,.9);box-shadow:none}button.avatar{pointer-events:auto;cursor:pointer;padding:0;-moz-appearance:none;appearance:none;-webkit-appearance:none;transition:transform .12s ease,background .12s ease}button.avatar:hover{transform:scale(1.05)}button.avatar:active{transform:scale(.98)}.avatar+.avatar{margin-left:-8px}.avatarInviteBtn{width:32px;height:32px;border-radius:999px;display:grid;place-items:center;color:#ffffff80;background:transparent;border:1.5px dashed rgba(255,255,255,.25);cursor:pointer;padding:0;margin-left:6px;pointer-events:auto;transition:border-color .15s,color .15s,background .15s}.avatarInviteBtn:hover{border-color:#ffffff80;color:#fffc;background:#ffffff0f}.avatarInviteBtn:active{transform:scale(.95)}.invitePanel{pointer-events:auto;position:absolute;top:40px;right:0;width:320px;background:#1e2028fa;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:16px;box-shadow:0 8px 32px #0006;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);z-index:100;display:flex;flex-direction:column;gap:10px}.invitePanelHeader{font-size:14px;font-weight:600;color:#ffffffe6}.invitePanelMembers{display:flex;flex-direction:column;gap:4px;max-height:160px;overflow-y:auto}.invitePanelMember{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:8px;transition:background .12s}.invitePanelMember:hover{background:#ffffff0d}.invitePanelMemberEmail{flex:1;min-width:0;font-size:13px;color:#ffffffbf;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.invitePanelMemberRole{font-size:11px;color:#ffffff59;flex-shrink:0}.invitePanelMemberRemove{flex-shrink:0;width:20px;height:20px;display:grid;place-items:center;border:none;background:none;color:#ffffff4d;cursor:pointer;border-radius:4px;padding:0;transition:color .12s,background .12s}.invitePanelMemberRemove:hover{color:#ef4444;background:#ef44441a}.invitePanelDivider{height:1px;background:#ffffff14}.invitePanelEmpty{font-size:13px;color:#ffffff4d;padding:8px 0;text-align:center}.invitePanelInputRow{display:flex;flex-direction:column;gap:4px}.invitePanelInput{width:100%;height:36px;padding:0 10px;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#ffffff0f;color:#fff;font-size:13px;outline:none;box-sizing:border-box;transition:border-color .15s}.invitePanelInput:focus{border-color:#6366f199}.invitePanelInput::placeholder{color:#ffffff4d}.invitePanelStatus{font-size:12px;padding-left:2px}.invitePanelStatus--checking{color:#fff6}.invitePanelStatus--found{color:#34d399}.invitePanelStatus--notFound{color:#f87171}.invitePanelError{font-size:12px;color:#f87171;padding:0 2px}.invitePanelSubmitBtn{width:100%;height:34px;border:none;border-radius:8px;background:#6366f1d9;color:#fff;font-size:13px;font-weight:500;cursor:pointer;transition:background .15s,opacity .15s}.invitePanelSubmitBtn:hover:not(:disabled){background:#6366f1}.invitePanelSubmitBtn:disabled{opacity:.4;cursor:not-allowed}.zoomControl{pointer-events:auto;display:inline-flex;align-items:center;gap:6px;width:140px;height:40px;padding:0 8px;margin-left:0;margin-right:0;border-radius:999px;border:0;background:#ffffff14;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:none}.zoomBtn{width:32px;height:32px;border-radius:999px;border:0;background:transparent;color:#ffffffeb;font-size:16px;display:grid;place-items:center;transition:transform .12s ease,background .12s ease,border-color .12s ease,opacity .12s ease}.zoomBtn:hover:not(:disabled){background:#ffffff1a;transform:translateY(-1px)}.zoomBtn:active:not(:disabled){transform:translateY(0) scale(.98);background:#ffffff24}.zoomBtn:disabled{opacity:.45;cursor:not-allowed}.zoomText{min-width:48px;text-align:center;font-weight:700;font-size:12px;color:#ffffffeb;font-variant-numeric:tabular-nums;letter-spacing:.2px;background:none;border:none;padding:4px 6px;border-radius:4px;cursor:pointer;font-family:inherit;transition:background .12s ease}.zoomText:hover{background:#ffffff1a}@keyframes nodeMenuIn{0%{opacity:0;transform:scale(.96) translateY(-4px)}to{opacity:1;transform:scale(1) translateY(0)}}.nodeMenuPanel{position:absolute;z-index:300;width:240px;padding:6px;border-radius:14px;background:#262626f5;border:1px solid rgba(255,255,255,.08);box-shadow:0 16px 48px #00000080,0 0 0 1px #0000001a;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);cursor:default;transform-origin:top left;animation:nodeMenuIn .15s ease-out}.canvasContextMenu{position:fixed;z-index:500;box-sizing:border-box;min-width:220px;width:220px;padding:4px 0;border-radius:12px;background:#1a1a1afa;border:1px solid rgba(255,255,255,.1);box-shadow:0 16px 48px #0000008c,0 0 0 1px #0003;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.canvasContextMenuItem{display:flex;align-items:center;justify-content:space-between;gap:10px;box-sizing:border-box;margin:0 4px;width:calc(100% - 8px);padding:8px 14px;border:none;border-radius:8px;background:transparent;color:#ffffffeb;font-size:13px;font-weight:500;text-align:left;cursor:pointer;font-family:inherit}.canvasContextMenuItem:hover:not(:disabled){background:#ffffff14}.canvasContextMenuItem--static:disabled{opacity:1;cursor:default;color:#ffffff8c}.canvasContextMenuItem--static:disabled .canvasContextMenuItemLabel{color:#ffffff8c}.canvasContextMenuItemLabel{flex:1;min-width:0}.canvasContextMenuItemKbd{flex-shrink:0;font-size:12px;font-weight:500;color:#ffffff52;letter-spacing:.02em}.canvasContextMenuChevron{flex-shrink:0;display:flex;color:#ffffff59}.canvasContextMenuDivider{height:1px;margin:4px 10px;background:#ffffff14}.canvasContextAddPanel.nodeMenuPanel{position:fixed;z-index:501;animation:nodeMenuIn .15s ease-out}.resourceBarAddPanelBackdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:299;pointer-events:auto}.resourceBarAddPanel{position:fixed;animation:none}.nodeMenuSection+.nodeMenuSection{margin-top:2px;padding-top:2px;border-top:1px solid rgba(255,255,255,.06)}.nodeMenuSectionLabel{padding:8px 10px 6px;font-size:12px;font-weight:500;color:#fff6;-webkit-user-select:none;user-select:none}.nodeMenuItem{display:flex;align-items:center;gap:12px;width:100%;min-height:56px;padding:8px;border:0;border-radius:10px;background:transparent;color:inherit;font-family:inherit;cursor:pointer;transition:background .15s ease,box-shadow .15s ease}.nodeMenuItem:hover{background:#ffffff17}.nodeMenuItem:active{background:#ffffff21}.nodeMenuItem:hover .nodeMenuItemIcon{background:#ffffff1f;color:#fffffff2}.nodeMenuItem:hover .nodeMenuItemLabel{color:#fff}.nodeMenuItemIcon{flex-shrink:0;width:36px;height:36px;border-radius:8px;background:#ffffff0f;display:grid;place-items:center;color:#ffffffb3;transition:background .15s ease,color .15s ease}.nodeMenuItemContent{display:flex;flex-direction:column;gap:0;text-align:left;min-width:0}.nodeMenuItemLabelRow{display:flex;align-items:center;gap:6px}.nodeMenuItemLabel{font-size:14px;font-weight:500;color:#ffffffe6;transition:color .15s ease}.nodeMenuItemDesc{font-size:12px;color:#ffffff59;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-height:0;margin-top:0;opacity:0;transition:max-height .15s ease,margin-top .15s ease,opacity .15s ease}.nodeMenuItem:hover .nodeMenuItemDesc{max-height:18px;margin-top:2px;opacity:1}.storyflowMenuPanel{position:absolute;z-index:300;width:180px;padding:4px;border-radius:12px;background:#262626f5;border:1px solid rgba(255,255,255,.08);box-shadow:0 16px 48px #00000080,0 0 0 1px #0000001a;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);cursor:default;transform-origin:top left;animation:nodeMenuIn .15s ease-out}.storyflowMenuItem{display:flex;align-items:center;gap:10px;width:100%;padding:10px;border:0;border-radius:8px;background:transparent;color:inherit;font-family:inherit;cursor:pointer;transition:background .15s ease}.storyflowMenuItem:hover{background:#ffffff17}.storyflowMenuItem:active{background:#ffffff21}.storyflowMenuItemIcon{flex-shrink:0;width:32px;height:32px;border-radius:8px;background:#ffffff0f;display:grid;place-items:center;color:#ffffffb3;transition:background .15s ease,color .15s ease}.storyflowMenuItem:hover .storyflowMenuItemIcon{background:#ffffff1f;color:#fffffff2}.storyflowMenuItemLabel{font-size:14px;font-weight:500;color:#ffffffd9;transition:color .15s ease}.storyflowMenuItem:hover .storyflowMenuItemLabel{color:#fff}.storyStartNode{position:absolute;display:flex;align-items:center;gap:8px;padding:10px 18px 10px 14px;border-radius:24px;background:#282828f2;border:1.5px solid rgba(255,255,255,.1);box-shadow:0 4px 16px #00000059;cursor:grab;-webkit-user-select:none;user-select:none;transition:border-color .15s ease,box-shadow .15s ease}.storyStartNode:hover{border-color:#ffffff2e;box-shadow:0 6px 24px #00000073}.storyStartNode.textNodeSelected{border-color:#6366f1b3;box-shadow:0 0 0 2px #6366f140,0 6px 24px #00000073}.storyStartNodeIcon{width:28px;height:28px;border-radius:50%;background:#6366f1cc;display:grid;place-items:center;color:#fff;flex-shrink:0}.storyStartNodeLabel{font-size:14px;font-weight:600;color:#ffffffe6;letter-spacing:.02em}.textNode{position:absolute;width:360px;min-height:200px;border-radius:12px;background:#1e1e1ef2;border:1px solid rgba(255,255,255,.08);box-shadow:0 8px 32px #0006;display:flex;flex-direction:column;cursor:default;-webkit-user-select:none;user-select:none;transition:border-color .15s ease,box-shadow .15s ease}.textNode:hover{border-color:#ffffff24}.imageNode{position:relative;width:360px;min-height:0;border-radius:14px;background:#2a2a2afa;border:1px solid rgba(255,255,255,.1);box-shadow:0 12px 40px #0000008c,0 0 0 1px #0003;display:flex;flex-direction:column;cursor:default;-webkit-user-select:none;user-select:none;transition:border-color .15s ease,box-shadow .15s ease}.imageNode:hover{border-color:#ffffff24}.imageNode .imageNodeHeader{padding-bottom:4px}.imageNodeBody{flex:1;display:flex;flex-direction:column;padding:8px 14px 16px;min-height:0}.imageNodePlaceholder{width:100%;aspect-ratio:16 / 9;flex:0 0 auto;display:flex;align-items:center;justify-content:center;min-height:0;color:#fff3}.imageNodeTry{display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin-top:4px}.imageNodeTryRow{display:flex;align-items:center;gap:12px}.imageNodeTryRow .imageNodeTryBtn{flex:1;min-width:0}.imageNodeTryLabel{font-size:11px;font-weight:600;color:#ffffff61;letter-spacing:.3px}.imageNodeTryBtn{display:flex;align-items:center;gap:8px;width:128px;padding:0 0 0 16px;border:0;background:transparent;cursor:pointer;font-family:inherit;font-size:12px;font-weight:500;color:#ffffff7a;transition:color .12s ease;text-align:left}.imageNodeTryBtn:hover{color:#ffffffb8}.imageNodeTryIcon{display:flex;align-items:center;justify-content:center;width:22px;height:22px;flex-shrink:0;color:#ffffff6b}.imageNodeTryIconHd{border-radius:4px;border:1px solid rgba(255,255,255,.22);font-size:8px;font-weight:800;letter-spacing:-.02em;color:#ffffff80}.imageNodeWrapper{position:absolute;display:flex;flex-direction:column;align-items:center;width:360px}.hiddenInput{position:absolute;width:0;height:0;opacity:0;pointer-events:none}.t2tMenuBackdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:350}.t2tMenu{position:fixed;z-index:351;min-width:160px;padding:6px;border-radius:10px;background:#262626fa;border:1px solid rgba(255,255,255,.12);box-shadow:0 8px 28px #00000073;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);display:flex;flex-direction:column;gap:2px}.t2tMenuItem{display:flex;align-items:center;gap:10px;width:100%;padding:8px 12px;border:0;border-radius:8px;background:transparent;color:#ffffffe0;font-size:13px;font-family:inherit;text-align:left;cursor:pointer;transition:background .1s ease,color .1s ease}.t2tMenuItem:hover{background:#ffffff14;color:#fffffffa}.t2tMenuItemIcon{display:flex;align-items:center;justify-content:center;width:18px;height:18px;flex-shrink:0;color:#fff9}.addMenuBackdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:350;pointer-events:auto}.addMenu{position:fixed;z-index:351;min-width:120px;padding:6px;border-radius:10px;background:#262626fa;border:1px solid rgba(255,255,255,.12);box-shadow:0 8px 28px #00000073;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);display:flex;flex-direction:column;gap:2px;transform:translateY(-100%);pointer-events:auto}.addMenuItem{display:block;width:100%;padding:8px 14px;border:0;border-radius:8px;background:transparent;color:#ffffffe0;font-size:13px;font-family:inherit;text-align:left;cursor:pointer;transition:background .1s ease,color .1s ease}.addMenuItem:hover{background:#ffffff14;color:#fffffffa}.imageOnlyNodeWrapper{position:absolute}.imageOnlyNode{position:relative;border-radius:14px;background:#2a2a2afa;border:1px solid rgba(255,255,255,.1);box-shadow:0 12px 40px #0000008c;overflow:hidden;cursor:grab;-webkit-user-select:none;user-select:none;transition:border-color .15s ease,box-shadow .15s ease}.imageOnlyNode:hover{border-color:#ffffff24}.imageOnlyNodeImg{display:block;width:100%;height:100%;object-fit:cover;vertical-align:middle}.imageNodeUploadBtn{display:inline-flex;align-items:center;gap:6px;margin-bottom:8px;padding:6px 14px;border:1px solid rgba(255,255,255,.18);border-radius:8px;background:#ffffff0f;color:#fff9;font-size:12px;font-weight:500;font-family:inherit;cursor:pointer;transition:background .12s ease,border-color .12s ease,color .12s ease}.imageNodeUploadBtn:hover{background:#ffffff1a;border-color:#ffffff40;color:#ffffffd9}.imageNodePlaceholderWrap{position:relative;width:100%;aspect-ratio:16 / 9;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:#00000040;display:flex;align-items:center;justify-content:center;margin-bottom:8px}.imageNodePlaceholder--16x9{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;color:#ffffff2e}.imageNodePlaceholderAdd{position:absolute;left:-16px;top:50%;transform:translateY(-50%);width:28px;height:28px;border-radius:999px;border:1px solid rgba(255,255,255,.22);background:#ffffff14;cursor:pointer;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:#fff9;transition:background .12s ease,border-color .12s ease;z-index:2}.imageNodePlaceholderAdd:after{content:"+";font-size:18px;font-weight:300;line-height:1}.imageNodePlaceholderAdd:hover{background:#ffffff24;border-color:#ffffff59;color:#ffffffe6}.imageNodePlaceholderAdd--right{left:auto;right:-16px}.imageNodeAIPanel{position:fixed;left:0;top:0;width:680px;padding:8px;border-radius:14px;background:#262626fa;border:1px solid rgba(255,255,255,.08);box-shadow:0 8px 32px #0006;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);display:flex;flex-direction:column;gap:4px;box-sizing:border-box;z-index:400;pointer-events:auto}.imageNodeAIPanelTop{display:flex;align-items:center;gap:6px}.imageNodeAIPanelTool{display:inline-flex;align-items:center;gap:5px;padding:6px 10px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:transparent;color:#ffffff80;font-size:12px;font-weight:500;font-family:inherit;cursor:pointer;transition:background .12s ease,color .12s ease,border-color .12s ease}.imageNodeAIPanelTool:hover{background:#ffffff0f;color:#ffffffc7;border-color:#ffffff2e}.imageNodeAIPanelTool svg{flex-shrink:0}.imageNodeAIPanelExpand{margin-left:auto;width:16px;height:16px;padding:0;border:none;border-radius:8px;background:transparent;color:#ffffff73;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .12s ease,color .12s ease}.imageNodeAIPanelExpand:hover{background:#ffffff14;color:#ffffffbf}.imageNodeAIPanelInput{width:100%;min-height:72px;padding:0 8px;border:none;border-radius:8px;background:transparent;color:#ffffffe0;font-size:14px;font-family:inherit;line-height:1.5;resize:none;outline:none;box-sizing:border-box}.imageNodeAIPanelInput::placeholder{color:#ffffff59}.imageNodeAIPanelInput:focus{border:none}.imageNodeAIPanelBottom{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.imageNodeAIPanelDropdown{display:flex;align-items:center;gap:6px;height:28px;box-sizing:border-box;padding:4px 8px;border-radius:6px;border:0;background:transparent;color:#ffffff80;font-size:12px;font-weight:600;font-family:inherit;cursor:pointer;transition:background .1s ease}.imageNodeAIPanelDropdown:hover{background:#ffffff0f}.imageNodeAIPanelDropdown svg{flex-shrink:0}.imageNodeAIPanelSpacer{flex:1;min-width:8px}.imageNodeAIPanelIconBtn{width:32px;height:28px;padding:0;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:transparent;color:#ffffff80;font-size:11px;font-family:inherit;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .12s ease,color .12s ease}.imageNodeAIPanelIconBtn:hover{background:#ffffff14;color:#fffc}.imageNodeAIPanelQuantity{min-width:56px}.imageNodeAIPanelToken{display:inline-flex;align-items:center;gap:4px;padding:6px 8px;color:#ffffff8c;font-size:12px;font-weight:600}.imageNodeAIPanelToken svg{color:#fff6;flex-shrink:0}.imageNodeAIPanelSend{display:grid;place-items:center;width:32px;height:32px;padding:0;border:0;border-radius:999px;background:#ffffff1f;color:#ffffffe6;cursor:pointer;transition:background .12s ease,opacity .12s ease}.imageNodeAIPanelSend:hover:not(:disabled){background:#fff3}.imageNodeAIPanelSend:disabled{opacity:.35;cursor:not-allowed}.nodeInputDot{position:absolute;left:0;top:50%;transform:translate(-50%,-50%);width:12px;height:12px;border-radius:999px;border:2px solid rgba(255,255,255,.35);background:transparent;pointer-events:none;opacity:0;transition:opacity .15s ease}.nodeInputDot--visible{opacity:1}.nodeInputDot--blockedHint{opacity:.22;border-color:#ffffff2e}.nodeBranchInputDot{position:absolute;left:0;top:50%;transform:translate(-50%,-50%);width:12px;height:12px;border-radius:999px;border:2px solid rgba(255,255,255,.35);background:transparent;pointer-events:none;opacity:0;transition:opacity .15s ease;z-index:1}.nodeBranchInputDot--visible{opacity:1}.nodeBranchInputDot--blockedHint{opacity:.22;border-color:#ffffff2e}.fullscreenWrapper{position:fixed;inset:5vh auto 48px 50%;transform:translate(-50%);width:680px;z-index:200;display:flex;flex-direction:column;gap:10px}.textNodeFullscreen{flex:1;min-height:0;width:100%;border-radius:14px;position:relative!important;inset:unset!important;transform:none!important}.textNodeFullscreen .textNodeBody{flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden;cursor:text}.textNodeFullscreen .textNodeBody .textNodeContent--fullscreenPreview{flex:1;min-height:0;overflow-y:auto}.textNodeFullscreen .textNodeTextarea{flex:1;min-height:0;resize:none}.outlinePanel{position:absolute;left:-280px;top:0;bottom:0;width:280px;margin-left:-16px;margin-right:-16px;border-radius:14px;background:transparent;border:none;box-shadow:none;padding:10px 8px;overflow:hidden;pointer-events:auto}.outlinePanel--right{left:auto;right:-280px;padding-left:10px;padding-right:34px}.outlineTitle{font-size:12px;font-weight:700;color:#ffffff8c;padding:4px 6px 10px;display:flex;align-items:center;justify-content:space-between;margin-left:0;margin-right:0;width:264px}.outlineSideToggle{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;color:#ffffff8c;font-size:12px;font-weight:700;cursor:pointer;padding:0 4px}.outlineSideToggle:hover{color:#ffffffbf}.outlineList{height:calc(100% - 26px);overflow:auto;padding-right:2px;margin-left:0;margin-right:0;width:264px}.outlineItem{display:flex;align-items:center;gap:8px;padding:8px;border-radius:10px;color:#ffffffd9;font-size:14px;-webkit-user-select:none;user-select:none;white-space:nowrap}.outlineItem:hover{background:#ffffff0f}.outlineLevel1{padding-left:10px}.outlineLevel2{padding-left:22px}.outlineLevel3{padding-left:34px}.outlineDocIcon{flex-shrink:0;color:#ffffffbf}.outlineEmpty{color:#ffffff59;font-size:12px;padding:12px 8px;line-height:1.4}.aiPromptBar{flex-shrink:0;width:100%}.aiPromptInner{background:#2a2a2af2;border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:14px 16px 8px;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 8px 32px #0006}.aiPromptInput{display:block;width:100%;border:0;background:transparent;color:#ffffffe0;font-size:14px;line-height:1.6;font-family:inherit;resize:none;outline:none;overflow:hidden}.aiPromptInput::placeholder{color:#ffffff4d}.aiPromptFooter{display:flex;align-items:center;justify-content:space-between;padding:4px 0 0;margin-top:4px}.aiPromptFooterLeft{display:flex;align-items:center;gap:8px;height:28px}.aiPromptPlusBtn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:0;border-radius:6px;background:transparent;color:#ffffff80;font-size:18px;font-weight:600;line-height:1;cursor:pointer;font-family:inherit;transition:background .1s ease}.aiPromptPlusBtn:hover{background:#ffffff0f}.aiPromptFooterLeft .aiPromptModel{height:28px;box-sizing:border-box}.aiPromptConflictWrap .aiPromptModel,.aiPromptGenreWrap .aiPromptModel{min-width:72px}.aiPromptModelWrap{position:relative}.aiPromptModel{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:#ffffff80;cursor:pointer;padding:4px 8px;border-radius:6px;border:0;background:transparent;font-family:inherit;transition:background .1s ease}.aiPromptModel:hover{background:#ffffff0f}.aiPromptModelChevronOpen{transform:rotate(180deg)}.aiPromptModelDropdown{position:absolute;left:0;bottom:100%;margin-bottom:4px;min-width:140px;padding:4px;background:#262626fa;border:1px solid rgba(255,255,255,.1);border-radius:8px;box-shadow:0 8px 24px #0006;z-index:10}.aiPromptModelDropdown--right{left:auto;right:0}.aiPromptModelOption{display:block;width:100%;padding:8px 10px;border:0;border-radius:6px;background:transparent;color:#ffffffbf;font-size:13px;font-family:inherit;text-align:left;cursor:pointer;transition:background .1s ease}.aiPromptModelOption:hover{background:#ffffff14}.aiPromptModelOptionActive{background:#ffffff1f;color:#fffffff2}.aiPromptActions{display:flex;align-items:center;gap:8px}.aiPromptActionBtn{display:grid;place-items:center;width:30px;height:30px;border:0;border-radius:6px;background:transparent;color:#ffffff73;cursor:pointer;transition:background .1s ease,color .1s ease}.aiPromptActionBtn:hover{background:#ffffff14;color:#fffc}.aiPromptTokens{display:flex;align-items:center;gap:3px;font-size:12px;font-weight:600;color:#fff6}.aiPromptSendBtn{display:grid;place-items:center;width:32px;height:32px;border:0;border-radius:999px;background:#ffffff1f;color:#ffffffe6;cursor:pointer;transition:background .12s ease,opacity .12s ease}.aiPromptSendBtn:hover:not(:disabled){background:#fff3}.aiPromptSendBtn:disabled{opacity:.35;cursor:not-allowed}.aiSpinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.25);border-top-color:#ffffffe6;border-radius:50%;animation:aiSpin .6s linear infinite}@keyframes aiSpin{to{transform:rotate(360deg)}}.fsToolbarRow{display:flex;align-items:center;justify-content:space-between;padding:8px 8px 0;flex-shrink:0}.fsToolbarCenter{display:flex;align-items:center;gap:2px}.fsCloseBtn{flex-shrink:0}.textNodeSelected{border-color:#ffffff40;box-shadow:0 8px 32px #00000073,0 0 0 2px #ffffff40}.textNodeEditing{border-color:#ffffff4d;box-shadow:0 8px 32px #00000080,0 0 0 2px #ffffff59}.textNodeHeader{display:flex;align-items:center;gap:6px;padding:10px 14px 0;flex-shrink:0}.textNodeHeaderIcon{flex-shrink:0;color:#fff6}.textNodeHeaderTitle{font-size:12px;font-weight:600;color:#ffffff73;letter-spacing:.2px}.storyNodeTitleInput{flex:1;min-width:0;font-size:12px;font-weight:600;color:#ffffffe6;letter-spacing:.2px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:6px;padding:4px 8px;font-family:inherit;outline:none}.storyNodeTitleInput:focus{border-color:#ffffff4d;background:#ffffff1a}.textNodeHeaderSpacer{flex:1;min-width:8px}.storyNodeHeaderPlus{flex-shrink:0;width:22px;height:22px;padding:0;border:none;border-radius:6px;background:#ffffff14;color:#fff9;font-size:14px;line-height:1;cursor:pointer;display:grid;place-items:center;transition:background .12s ease,color .12s ease}.storyNodeHeaderPlus:hover{background:#ffffff1f;color:#ffffffe6}.storyNodeBranchRow{position:relative;margin:0 14px 8px}.storyNodeBranchRow:last-child{margin-bottom:14px}.storyNodeBranchRowWrap{width:100%;min-width:0}.storyNodeBranchField{position:relative;width:100%}.storyNodeBranchField:hover .storyNodeBranchDelete,.storyNodeBranchDelete:focus-visible{opacity:1;pointer-events:auto}.storyNodeBranchDelete{position:absolute;right:6px;top:50%;transform:translateY(-50%);z-index:2;display:flex;align-items:center;justify-content:center;width:26px;height:26px;padding:0;margin:0;border:none;border-radius:6px;background:#dc3c3c47;color:#ffc8c8f2;cursor:pointer;opacity:0;pointer-events:none;transition:opacity .12s ease,background .12s ease}.storyNodeBranchDelete:hover{background:#dc3c3c80;color:#fff}.storyNodeBranchText{font-size:13px;color:#ffffff80;padding:0 34px 0 10px;border-radius:8px;background:#ffffff0d;border:1px solid transparent;height:40px;display:flex;align-items:center;cursor:text;transition:background .12s ease,border-color .12s ease}.storyNodeBranchText:hover{background:#ffffff14;color:#ffffffb3}.storyNodeBranchInput{width:100%;box-sizing:border-box;font-size:13px;color:#ffffffe6;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;height:40px;padding:0 34px 0 10px;font-family:inherit;outline:none}.storyNodeBranchInput:focus{border-color:#ffffff59}.textNodeBody{flex:1;padding:12px 14px 14px;min-height:0}.textNodeBody--canvasFixed{position:relative;flex:0 0 auto;box-sizing:border-box;overflow:visible;display:flex;flex-direction:column}.textNodeTextarea--canvasFixed{width:100%;resize:none;box-sizing:border-box}.textNodeResizeHandle{position:absolute;left:8px;right:8px;bottom:4px;height:12px;z-index:6;cursor:ns-resize;touch-action:none;display:flex;align-items:center;justify-content:center;border-radius:6px;background:#ffffff0f;box-sizing:border-box}.textNodeResizeHandle:hover{background:#ffffff1f}.textNodeResizeHandle:after{content:"";width:36px;height:3px;border-radius:2px;background:#ffffff61;pointer-events:none}.textNodeContent--canvasFixed{flex:0 0 auto;overflow-x:hidden;overflow-y:auto}.storyNodeVideoSection{box-sizing:border-box;width:calc(100% - 28px);max-width:100%;margin:12px 14px 14px}.storyNodeVideoSection .storyNodeVideoPlaceholder,.storyNodeVideoSection .storyNodeVideoEmbedWrap{margin:0;width:100%}.storyNodeVideoSection--hasInteractive{border-radius:10px;overflow:hidden;border:1px solid rgba(255,255,255,.12);background:#00000038}.storyNodeVideoSection--hasInteractive .storyNodeVideoPlaceholder,.storyNodeVideoSection--hasInteractive .storyNodeVideoEmbedWrap{border-radius:10px 10px 0 0}.storyNodeInteractiveUiBlockWrap{position:relative}.storyNodeInteractiveUiBlockWrap:hover .storyNodeInteractiveUiDelete,.storyNodeInteractiveUiDelete:focus-visible{opacity:1;pointer-events:auto}.storyNodeInteractiveUiDelete{position:absolute;right:8px;top:50%;transform:translateY(-50%);z-index:2;display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;margin:0;border:none;border-radius:8px;background:#dc3c3c33;color:#ffc8c8f2;cursor:pointer;opacity:0;pointer-events:none;transition:opacity .12s ease,background .12s ease}.storyNodeInteractiveUiDelete:hover{background:#dc3c3c73;color:#fff}.storyNodeInteractiveUiBlock{display:flex;flex-direction:row;align-items:center;gap:12px;width:100%;height:72px;margin:0;padding:0 40px 0 14px;box-sizing:border-box;border:none;border-top:1px solid rgba(255,255,255,.1);background:#1c1c20f5;color:#ffffffeb;cursor:pointer;text-align:left;font:inherit;transition:background .15s ease}.storyNodeInteractiveUiBlock:hover{background:#26262cfa}.storyNodeInteractiveUiBlockWrap:last-child .storyNodeInteractiveUiBlock{border-bottom-left-radius:10px;border-bottom-right-radius:10px}.storyNodeInteractiveUiIcon{flex-shrink:0;width:48px;height:48px;border-radius:10px;background:#6366f138;border:1px solid rgba(255,255,255,.12);display:grid;place-items:center;color:#ffffffeb}.storyNodeInteractiveUiLabel{font-size:15px;font-weight:600;letter-spacing:.02em;line-height:1.3}.storyNodeVideoPlaceholder{box-sizing:border-box;width:calc(100% - 28px);max-width:100%;margin:12px 14px 14px;aspect-ratio:16 / 9;min-height:0;border-radius:10px;background:#ffffff0f;border:1px dashed rgba(255,255,255,.15);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:background .15s ease,border-color .15s ease}.storyNodeVideoPlaceholder:hover{background:#ffffff17;border-color:#ffffff38}.storyNodeVideoPlaceholderIcon{color:#ffffff40}.storyNodeVideoPlaceholder:hover .storyNodeVideoPlaceholderIcon{color:#ffffff59}.storyNodeVideoPlaceholderText{font-size:13px;color:#fff6}.storyNodeVideoPlaceholder:hover .storyNodeVideoPlaceholderText{color:#ffffff8c}.storyNodeVideoEmbedWrap{box-sizing:border-box;position:relative;width:calc(100% - 28px);max-width:100%;margin:12px 14px 14px;aspect-ratio:16 / 9;min-height:0;border-radius:10px;overflow:hidden;background:#00000073;border:1px solid rgba(255,255,255,.12)}.storyNodeVideoEmbedMedia{display:block;width:100%;height:100%;object-fit:contain;vertical-align:middle}.storyNodeVideoEmbedMedia::-webkit-media-controls-overflow-button,.textNodeVideoEmbedMedia::-webkit-media-controls-overflow-button{display:none}.storyNodeVideoEmbedMedia::-webkit-media-controls-fullscreen-button,.textNodeVideoEmbedMedia::-webkit-media-controls-fullscreen-button{display:none}.storyNodeVideoReplaceBtn{position:absolute;top:8px;right:8px;z-index:2;display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:none;border-radius:8px;background:#141414b8;color:#ffffffe0;cursor:pointer;transition:background .15s ease,color .15s ease}.storyNodeVideoReplaceBtn:hover{background:#282828eb;color:#fff}.textNodeContent{font-size:14px;line-height:1.7;color:#ffffffe0;word-break:break-word;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.22) rgba(255,255,255,.04)}.textNodeVideoEmbed{margin-bottom:10px;border-radius:10px;overflow:hidden;background:#00000059;border:1px solid rgba(255,255,255,.1)}.textNodeVideoEmbed--editing{margin-bottom:8px}.textNodeVideoEmbedMedia{display:block;width:100%;max-height:220px;vertical-align:middle;object-fit:contain}.textNodeContent h1{font-size:22px;font-weight:700;margin:0 0 8px;line-height:1.3}.textNodeContent h2{font-size:18px;font-weight:700;margin:0 0 6px;line-height:1.35}.textNodeContent h3{font-size:16px;font-weight:600;margin:0 0 4px;line-height:1.4}.textNodeContent p{margin:0 0 6px}.textNodeContent p:last-child{margin-bottom:0}.textNodeContent strong{font-weight:700;color:#fffffff2}.textNodeContent em{font-style:italic}.textNodeContent ul,.textNodeContent ol{margin:4px 0 8px;padding-left:20px}.textNodeContent li{margin-bottom:2px}.textNodeContent hr{border:none;border-top:1px solid rgba(255,255,255,.12);margin:10px 0}.textNodeContent code{font-family:SF Mono,Fira Code,monospace;font-size:12px;background:#ffffff14;padding:2px 5px;border-radius:4px}.textNodeContent pre{background:#0000004d;border-radius:6px;padding:10px 12px;margin:6px 0;overflow-x:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.22) rgba(255,255,255,.04)}.textNodeContent pre code{background:none;padding:0}.textNodeContent blockquote{border-left:3px solid rgba(255,255,255,.2);margin:6px 0;padding:2px 0 2px 12px;color:#fff9}.textNodePlaceholder{color:#ffffff40;font-style:normal}.textNodeTextarea{display:block;width:100%;min-height:100px;border:0;background:transparent;color:#ffffffe0;font-size:14px;line-height:1.7;font-family:inherit;resize:vertical;outline:none;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.22) rgba(255,255,255,.04)}.textNodeTextarea.textNodeTextarea--canvasFixed{resize:none;min-height:0}.textNodeTextarea::placeholder{color:#ffffff40}.textNodeTextarea::-webkit-scrollbar,.textNodeContent::-webkit-scrollbar,.textNodeContent pre::-webkit-scrollbar{width:6px;height:6px}.textNodeTextarea::-webkit-scrollbar-track,.textNodeContent::-webkit-scrollbar-track,.textNodeContent pre::-webkit-scrollbar-track{margin:4px 0;background:#ffffff0a;border-radius:100px}.textNodeTextarea::-webkit-scrollbar-thumb,.textNodeContent::-webkit-scrollbar-thumb,.textNodeContent pre::-webkit-scrollbar-thumb{background:#ffffff24;border-radius:100px;border:1px solid rgba(0,0,0,.15);background-clip:padding-box;box-shadow:0 0 0 1px #ffffff0f inset}.textNodeTextarea::-webkit-scrollbar-thumb:hover,.textNodeContent::-webkit-scrollbar-thumb:hover,.textNodeContent pre::-webkit-scrollbar-thumb:hover{background:#ffffff3d}.textNodeTextarea::-webkit-scrollbar-thumb:active,.textNodeContent::-webkit-scrollbar-thumb:active,.textNodeContent pre::-webkit-scrollbar-thumb:active{background:#ffffff52}.textNodeTextarea::-webkit-scrollbar-corner,.textNodeContent::-webkit-scrollbar-corner,.textNodeContent pre::-webkit-scrollbar-corner{background:transparent}.nodeAiPromptFloat{position:fixed;left:0;top:0;width:680px;z-index:400;pointer-events:auto}.textNodeToolbar{position:absolute;left:50%;bottom:100%;transform:translate(-50%);margin-bottom:8px;display:flex;align-items:center;gap:2px;padding:4px 6px;border-radius:10px;background:#262626f5;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 28px #00000073;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);white-space:nowrap;z-index:10;animation:toolbarIn .12s ease-out}@keyframes toolbarIn{0%{opacity:0;transform:translate(-50%) translateY(4px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.toolbarBtn{display:grid;place-items:center;width:30px;height:28px;border:0;border-radius:6px;background:transparent;color:#ffffffa6;cursor:pointer;transition:background .1s ease,color .1s ease}.toolbarBtn:hover{background:#ffffff1a;color:#fffffff2}.toolbarBtn:active{background:#ffffff26}.toolbarBtnText{font-size:13px;font-weight:700;font-family:inherit;line-height:1;letter-spacing:-.3px}.toolbarBtnText sub{font-size:9px;font-weight:600;vertical-align:baseline;position:relative;top:1px}.toolbarDivider{width:1px;height:16px;margin:0 3px;background:#ffffff1a;flex-shrink:0}.nodeMenuBadge{font-size:11px;font-weight:600;line-height:1.4;color:#ffffff80;background:#ffffff14;padding:1px 6px;border-radius:4px}.canvasEmptyGuide{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:18px;z-index:280;pointer-events:auto;animation:emptyGuideIn .4s ease-out}@keyframes emptyGuideIn{0%{opacity:0;transform:translate(-50%,-46%)}to{opacity:1;transform:translate(-50%,-50%)}}.canvasEmptyGuideHint{display:flex;align-items:center;gap:8px;color:#ffffff8c;font-size:14px;line-height:1;-webkit-user-select:none;user-select:none}.canvasEmptyGuideIcon{display:grid;place-items:center;color:#64a0ffd9}.canvasEmptyGuideBadge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:6px;background:#3c82f02e;color:#64aafff2;font-size:13px;font-weight:600;letter-spacing:.5px}.canvasEmptyGuideText{color:#ffffff80;font-size:14px}.canvasEmptyGuideActions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:center}.canvasEmptyGuideBtn{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:#262626cc;color:#ffffff9e;font-size:13px;font-weight:500;font-family:inherit;cursor:pointer;transition:background .14s ease,color .14s ease,border-color .14s ease;-webkit-user-select:none;user-select:none;white-space:nowrap}.canvasEmptyGuideBtn:hover{background:#373737e6;color:#ffffffe0;border-color:#ffffff2e}.canvasEmptyGuideBtn:active{background:#414141eb}
