.magic-canvas-workspace{isolation:isolate;background:var(--color-surface);width:100%;height:100%;color:var(--color-on-surface);position:relative;overflow:hidden}.magic-canvas-workspace .react-flow{background:var(--color-surface)!important}.magic-canvas-workspace .react-flow__pane{background:0 0!important}.magic-canvas-workspace .react-flow__background-pattern{fill:#ffffff47}.magic-canvas-workspace button,.magic-canvas-workspace a{cursor:pointer}.magic-canvas-workspace button:disabled{cursor:not-allowed}.magic-canvas-workspace button:focus-visible,.magic-canvas-workspace a:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.magic-canvas-topbar{z-index:60;pointer-events:none;height:0;position:absolute;inset:0}.magic-canvas-project-cluster,.magic-canvas-account-cluster{pointer-events:auto;align-items:center;gap:8px;display:flex;position:absolute;top:16px}.magic-canvas-project-cluster{max-width:calc(100% - 220px);left:16px}.magic-canvas-account-cluster{right:16px}.magic-canvas-project-pill{border:1px solid var(--color-outline);background:var(--color-control);border-radius:16px;align-items:center;min-width:0;max-width:100%;height:48px;padding:0 4px;display:flex;box-shadow:0 10px 26px #0000003d}.magic-canvas-brand-button{width:60px;height:36px;color:var(--color-muted);background:0 0;border:0;border-radius:12px;flex:none;justify-content:center;align-items:center;gap:5px;transition:background .14s,color .14s;display:flex}.magic-canvas-brand-button:hover,.magic-canvas-project-name:hover,.magic-canvas-brand-button.active,.magic-canvas-project-name.active{background:color-mix(in srgb, var(--color-on-surface) 9%, transparent);color:var(--color-primary)}.magic-canvas-divider{background:color-mix(in srgb, var(--color-on-surface) 10%, transparent);width:1px;height:24px;margin:0 4px}.magic-canvas-project-name{width:clamp(150px,19vw,268px);min-width:0;height:36px;color:var(--color-on-surface);background:0 0;border:0;border-radius:8px;justify-content:space-between;align-items:center;gap:6px;padding:0 8px;font-size:14px;font-weight:500;transition:background .14s;display:flex}.magic-canvas-project-name span{text-align:left;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.magic-canvas-project-name svg,.magic-canvas-brand-button svg:last-child{color:var(--color-muted);flex:none;transition:transform .16s,color .16s}.magic-canvas-project-name.active svg{color:var(--color-primary);transform:rotate(180deg)}.magic-canvas-save-state{width:32px;height:32px;color:var(--color-muted);flex:none;place-items:center;display:grid}.magic-canvas-save-state.saving{color:var(--color-muted)}.magic-canvas-save-state.saving svg{animation:.8s linear infinite magic-canvas-spin}.magic-canvas-save-state.saved{color:var(--color-muted)}.magic-canvas-save-state.error{color:var(--color-error)}.magic-canvas-project-menu,.magic-canvas-node-menu,.magic-canvas-shortcuts,.magic-canvas-tool-drawer{border:1px solid var(--color-outline);background:var(--color-control);animation:.16s cubic-bezier(.22,1,.36,1) magic-canvas-menu-in;box-shadow:0 22px 58px #0000007a}.magic-canvas-project-menu{border-radius:12px;width:224px;padding:6px;position:absolute;top:56px;left:0}.magic-canvas-primary-menu{left:0}.magic-canvas-switcher-menu{width:326px;padding:8px;left:72px}.magic-canvas-project-menu a,.magic-canvas-project-menu button{width:100%;min-height:36px;color:var(--color-muted);background:0 0;border:0;border-radius:8px;align-items:center;gap:9px;padding:0 10px;font-size:12px;text-decoration:none;transition:background .14s,color .14s;display:flex}.magic-canvas-project-menu a:hover,.magic-canvas-project-menu button:hover:not(:disabled){background:color-mix(in srgb, var(--color-on-surface) 8%, transparent);color:var(--color-on-surface)}.magic-canvas-project-menu button:disabled{opacity:.3}.magic-canvas-project-menu button.danger{color:var(--color-error)}.magic-canvas-project-menu kbd{color:var(--color-muted);margin-left:auto;font-size:9px}.magic-canvas-menu-divider{background:color-mix(in srgb, var(--color-on-surface) 8%, transparent);height:1px;margin:6px 8px;display:block}.magic-canvas-menu-label{color:var(--color-muted);padding:4px 10px 3px;font-size:10px;display:block}.magic-canvas-project-search{background:color-mix(in srgb, var(--color-on-surface) 7%, transparent);height:36px;color:var(--color-muted);border-radius:9px;align-items:center;gap:8px;padding:0 11px;display:flex}.magic-canvas-project-search input{min-width:0;color:var(--color-on-surface);background:0 0;border:0;flex:1;font-size:12px;outline:0!important}.magic-canvas-project-search input::placeholder{color:var(--color-muted)}.magic-canvas-project-list{max-height:min(320px,48vh);padding-top:6px;overflow-y:auto}.magic-canvas-project-list button{min-height:44px;padding:5px 8px}.magic-canvas-project-list button.active{color:var(--color-primary)}.magic-canvas-project-list button strong{text-align:left;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:13px;overflow:hidden}.magic-canvas-project-list button>svg{flex:none;margin-left:auto}.magic-canvas-project-thumb{background:color-mix(in srgb, var(--color-on-surface) 9%, transparent);width:32px;height:32px;color:var(--color-muted);border-radius:7px;flex:none;place-items:center;display:grid;position:relative;overflow:hidden}.magic-canvas-project-thumb img{object-fit:cover}.magic-canvas-project-empty{color:var(--color-muted);text-align:center;margin:0;padding:24px 8px;font-size:12px}.magic-canvas-switcher-menu .magic-canvas-create-project{min-height:40px;color:var(--color-on-surface)}.magic-canvas-credit-pill,.magic-canvas-login-pill,.magic-canvas-round-button,.magic-canvas-avatar{border:1px solid var(--color-outline);background:var(--color-control);height:40px;color:var(--color-on-surface);justify-content:center;align-items:center;text-decoration:none;transition:background .14s,color .14s;display:inline-flex}.magic-canvas-credit-pill,.magic-canvas-login-pill{border-radius:12px;gap:6px;min-width:72px;padding:0 12px;font-size:13px}.magic-canvas-round-button,.magic-canvas-avatar{border-radius:50%;width:40px}.magic-canvas-avatar{font-size:12px;font-weight:700;position:relative;overflow:hidden}.magic-canvas-avatar img{object-fit:cover}.magic-canvas-credit-pill:hover,.magic-canvas-login-pill:hover,.magic-canvas-round-button:hover,.magic-canvas-round-button.active,.magic-canvas-avatar:hover{color:var(--color-primary);background:#414141e6}.magic-canvas-account-skeleton{background:var(--color-control);border-radius:12px;width:72px;height:40px;animation:1.2s ease-in-out infinite magic-canvas-pulse}.magic-canvas-side-toolbar{z-index:45;border:1px solid var(--color-outline);background:var(--color-control);border-radius:32px;flex-direction:column;align-items:center;gap:4px;width:54px;padding:6px;display:flex;position:absolute;top:50%;left:15px;transform:translateY(-50%);box-shadow:0 18px 44px #00000057}.magic-canvas-side-toolbar button{width:38px;height:38px;color:var(--color-muted);background:0 0;border:0;border-radius:10px;place-items:center;transition:background .14s,color .14s;display:grid}.magic-canvas-side-toolbar button:hover,.magic-canvas-side-toolbar button.active{background:color-mix(in srgb, var(--color-on-surface) 10%, transparent);color:var(--color-primary)}.magic-canvas-side-toolbar button:disabled{opacity:.35}.magic-canvas-side-toolbar .magic-canvas-add-button{background:var(--color-primary);width:40px;height:40px;color:var(--color-on-primary);border-radius:50%}.magic-canvas-add-button svg{transition:transform .18s cubic-bezier(.22,1,.36,1)}.magic-canvas-add-button.active svg{transform:rotate(45deg)}.magic-canvas-side-tools{flex-direction:column;align-items:center;gap:4px;width:100%;display:flex}.magic-canvas-node-search-layer{z-index:78;background:var(--color-control);justify-content:center;align-items:flex-start;padding:16px;display:flex;position:fixed;inset:0}.magic-canvas-node-search{border:1px solid var(--color-outline);background:var(--color-panel);width:min(640px,100vw - 32px);max-height:min(560px,100vh - 32px);color:var(--color-on-surface);border-radius:16px;overflow:hidden;box-shadow:0 24px 70px #0000007a}.magic-canvas-node-search-input{height:68px;color:var(--color-muted);align-items:center;gap:13px;padding:0 18px;display:flex}.magic-canvas-node-search-input input{min-width:0;color:var(--color-on-surface);background:0 0;border:0;outline:0;flex:1;font-size:15px}.magic-canvas-node-search-input input::placeholder{color:var(--color-muted)}.magic-canvas-node-search-input input:focus,.magic-canvas-node-search-input input:focus-visible{box-shadow:none!important;border-color:#0000!important;outline:0!important}.magic-canvas-node-search-filters{border-block:1px solid var(--color-outline);align-items:center;gap:4px;min-height:49px;padding:7px 12px;display:flex;overflow-x:auto}.magic-canvas-node-search-filters button{min-height:32px;color:var(--color-muted);cursor:pointer;background:0 0;border:0;border-radius:9px;flex:none;justify-content:center;align-items:center;gap:6px;padding:0 11px;font-size:13px;transition:background .16s,color .16s;display:inline-flex}.magic-canvas-node-search-filters button:hover:not(:disabled),.magic-canvas-node-search-filters button.active{background:var(--color-control);color:var(--color-primary)}.magic-canvas-node-search-filters button:disabled{opacity:.25;cursor:default}.magic-canvas-node-search-filters button:focus-visible,.magic-canvas-node-search-results button:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}.magic-canvas-node-search-results{max-height:430px;padding:8px;overflow-y:auto}.magic-canvas-node-search-results button{width:100%;min-height:60px;color:var(--color-muted);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:12px;align-items:center;gap:12px;padding:9px 12px;transition:background .16s,color .16s;display:flex}.magic-canvas-node-search-results button:hover,.magic-canvas-node-search-results button.active{color:var(--color-primary);background:#444}.magic-canvas-node-search-result-icon{border:1px solid var(--color-outline);border-radius:11px;flex:0 0 36px;place-items:center;width:36px;height:36px;display:grid}.magic-canvas-node-search-results button>span:last-child{gap:2px;min-width:0;display:grid}.magic-canvas-node-search-results strong{color:inherit;text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:600;overflow:hidden}.magic-canvas-node-search-results small{color:var(--color-muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:400;overflow:hidden}.magic-canvas-node-search-empty{color:var(--color-muted);text-align:center;margin:0;padding:30px 16px;font-size:13px}.magic-canvas-asset-layer{z-index:75;position:fixed;inset:0}.magic-canvas-asset-panel{z-index:76;border:1px solid var(--color-outline);background:var(--color-control);width:372px;max-height:min(720px,100vh - 32px);color:var(--color-on-surface);border-radius:16px;flex-direction:column;display:flex;position:fixed;top:50%;left:78px;overflow:hidden;transform:translateY(-50%);box-shadow:0 24px 70px #0000007a}.magic-canvas-asset-panel>header{border-bottom:1px solid var(--color-outline);justify-content:space-between;align-items:center;min-height:54px;padding:0 14px 0 16px;display:flex}.magic-canvas-asset-panel>header strong{font-size:14px;font-weight:600}.magic-canvas-asset-panel>header>div{gap:4px;display:flex}.magic-canvas-asset-panel>header button{width:32px;height:32px;color:var(--color-muted);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;transition:background .16s,color .16s;display:grid}.magic-canvas-asset-panel>header button:hover{background:color-mix(in srgb, var(--color-on-surface) 8%, transparent);color:var(--color-on-surface)}.magic-canvas-asset-panel>nav{border-bottom:1px solid var(--color-outline);grid-template-columns:1fr 1fr;gap:6px;min-height:50px;padding:8px 12px;display:grid}.magic-canvas-asset-panel>nav button{min-height:34px;color:var(--color-muted);cursor:pointer;background:0 0;border:0;border-radius:9px;justify-content:center;align-items:center;gap:7px;font-size:13px;transition:background .16s,color .16s;display:inline-flex}.magic-canvas-asset-panel>nav button:hover,.magic-canvas-asset-panel>nav button.active{background:color-mix(in srgb, var(--color-on-surface) 10%, transparent);color:var(--color-primary)}.magic-canvas-asset-content{flex:1;min-height:180px;padding:10px;overflow-y:auto}.magic-canvas-asset-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.magic-canvas-asset-grid article{aspect-ratio:3/4;background:#111;border:1px solid #0000;border-radius:12px;min-width:0;transition:border-color .16s,box-shadow .16s;position:relative;overflow:hidden}.magic-canvas-asset-grid article.selected{border-color:var(--color-primary);box-shadow:inset 0 0 0 1px var(--color-primary)}.magic-canvas-asset-grid article>img,.magic-canvas-asset-grid article>video{object-fit:cover;width:100%;height:100%}.magic-canvas-asset-check{z-index:2;border:1px solid var(--color-outline);background:var(--color-control);color:#111;opacity:0;cursor:pointer;border-radius:7px;place-items:center;width:24px;height:24px;transition:opacity .16s,background .16s;display:grid;position:absolute;top:8px;left:8px}.magic-canvas-asset-grid article:hover .magic-canvas-asset-check,.magic-canvas-asset-check.selected{opacity:1}.magic-canvas-asset-check.selected{border-color:var(--color-primary);background:var(--color-primary);color:var(--color-on-primary)}.magic-canvas-asset-overlay{z-index:1;opacity:0;background:linear-gradient(#0000 52%,#0000009e);place-items:center;transition:opacity .18s;display:grid;position:absolute;inset:0}.magic-canvas-asset-grid article:hover .magic-canvas-asset-overlay,.magic-canvas-asset-grid article:focus-within .magic-canvas-asset-overlay{opacity:1}.magic-canvas-asset-overlay button{background:var(--color-primary);min-height:32px;color:var(--color-on-primary);cursor:pointer;border:0;border-radius:18px;justify-content:center;align-items:center;gap:6px;padding:0 14px;font-size:12px;font-weight:600;display:inline-flex;box-shadow:0 8px 24px #00000047}.magic-canvas-asset-overlay button:disabled{opacity:.55;cursor:wait}.magic-canvas-asset-state{min-height:180px;color:var(--color-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;font-size:13px;display:flex}.magic-canvas-asset-state p{margin:0}.magic-canvas-asset-state a,.magic-canvas-asset-state button{background:color-mix(in srgb, var(--color-on-surface) 10%, transparent);min-height:32px;color:var(--color-on-surface);cursor:pointer;border:0;border-radius:9px;align-items:center;padding:0 13px;text-decoration:none;display:inline-flex}.magic-canvas-asset-panel>footer{border-top:1px solid var(--color-outline);background:var(--color-control);justify-content:space-between;align-items:center;gap:12px;min-height:58px;padding:10px 12px 10px 16px;display:flex}.magic-canvas-asset-panel>footer span{color:var(--color-muted);font-size:12px}.magic-canvas-asset-panel>footer button{background:var(--color-primary);min-height:36px;color:var(--color-on-primary);cursor:pointer;border:0;border-radius:10px;justify-content:center;align-items:center;gap:7px;padding:0 15px;font-size:12px;font-weight:600;display:inline-flex}.magic-canvas-asset-panel>footer button:disabled{opacity:.55;cursor:wait}.magic-canvas-template-layer{z-index:75;position:fixed;inset:0}.magic-canvas-template-panel{z-index:76;border:1px solid var(--color-outline);width:min(500px,100vw - 94px);height:min(500px,100vh - 32px);color:var(--color-on-surface);background:#18181bfa;border-radius:12px;flex-direction:column;transition:width .18s cubic-bezier(.22,1,.36,1),height .18s cubic-bezier(.22,1,.36,1);display:flex;position:fixed;top:50%;left:78px;overflow:hidden;transform:translateY(-50%);box-shadow:0 24px 70px #0000007a}.magic-canvas-template-panel.expanded{width:min(760px,100vw - 94px);height:min(720px,100vh - 32px)}.magic-canvas-template-panel>header{border-bottom:1px solid var(--color-outline);justify-content:space-between;align-items:end;min-height:46px;padding:0 11px 0 16px;display:flex}.magic-canvas-template-tabs{align-items:end;gap:12px;height:100%;display:flex}.magic-canvas-template-tabs button{height:100%;color:var(--color-muted);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;padding:3px 0 10px;font-size:13px;font-weight:500;transition:border-color .15s,color .15s}.magic-canvas-template-tabs button:hover{color:var(--color-muted)}.magic-canvas-template-tabs button.active{border-bottom-color:var(--color-primary);color:var(--color-primary)}.magic-canvas-template-actions{align-items:center;gap:2px;height:100%;display:flex}.magic-canvas-template-actions button,.magic-canvas-template-search>button{width:28px;height:28px;color:var(--color-muted);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;transition:background .15s,color .15s;display:grid}.magic-canvas-template-actions button:hover,.magic-canvas-template-search>button:hover{background:color-mix(in srgb, var(--color-on-surface) 8%, transparent);color:var(--color-on-surface)}.magic-canvas-template-search{border:1px solid var(--color-outline);color:var(--color-muted);background:#3f3f464d;border-radius:10px;flex:0 0 28px;align-items:center;gap:7px;margin:12px 16px 8px;padding:0 8px;display:flex}.magic-canvas-template-search:focus-within{border-color:var(--color-outline)}.magic-canvas-template-search input{min-width:0;height:100%;color:var(--color-on-surface);background:0 0;border:0;outline:0;flex:1;font-size:12px}.magic-canvas-template-search input::placeholder{color:var(--color-muted)}.magic-canvas-template-search>button{width:22px;height:22px;margin-right:-5px}.magic-canvas-template-content{flex:1;min-height:0;padding:0 16px 16px;overflow-y:auto}.magic-canvas-template-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.magic-canvas-template-panel.expanded .magic-canvas-template-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.magic-canvas-template-card{min-width:0;color:var(--color-muted);text-align:left;cursor:pointer;background:0 0;border:0;flex-direction:column;gap:6px;padding:0;display:flex;position:relative;overflow:hidden}.magic-canvas-template-card:disabled{cursor:default}.magic-canvas-template-card-title{text-overflow:ellipsis;white-space:nowrap;width:100%;font-size:12px;line-height:18px;transition:color .15s;overflow:hidden}.magic-canvas-template-card:hover:not(:disabled) .magic-canvas-template-card-title{color:var(--color-on-surface)}.magic-canvas-template-card-meta{width:100%;color:var(--color-muted);text-overflow:ellipsis;white-space:nowrap;margin-top:-5px;font-size:10px;line-height:15px;overflow:hidden}.magic-canvas-template-preview{aspect-ratio:1;border:1px solid var(--color-outline);background-color:var(--color-panel);background-image:radial-gradient(circle,#ffffff24 .75px,#0000 .85px);background-size:9px 9px;border-radius:12px;width:100%;transition:border-color .16s,transform .18s cubic-bezier(.22,1,.36,1);display:block;position:relative;overflow:hidden}.magic-canvas-template-card:hover:not(:disabled) .magic-canvas-template-preview{border-color:var(--color-outline);transform:translateY(-1px)}.magic-canvas-template-preview-glow{background:var(--template-preview-color);opacity:.13;filter:blur(25px);border-radius:50%;width:72%;height:72%;position:absolute;top:14%;left:14%}.magic-canvas-template-preview-node{z-index:2;border:1px solid color-mix(in srgb, var(--template-preview-color) 42%, var(--color-outline));background:linear-gradient(145deg, color-mix(in srgb, var(--template-preview-color) 20%, #262626), #171717 68%);border-radius:5px;display:block;position:absolute;box-shadow:0 7px 16px #0000005c}.magic-canvas-template-preview-node:before,.magic-canvas-template-preview-node:after{content:"";background:color-mix(in srgb, var(--color-on-surface) 32%, transparent);border-radius:3px;height:3px;position:absolute;left:17%}.magic-canvas-template-preview-node:before{width:56%;top:27%}.magic-canvas-template-preview-node:after{opacity:.48;width:38%;top:46%}.magic-canvas-template-preview-node.source{width:30%;height:28%;top:36%;left:12%}.magic-canvas-template-preview-node.target{width:27%;height:25%;left:61%}.magic-canvas-template-preview-node.target-one{top:16%}.magic-canvas-template-preview-node.target-two{top:58%}.magic-canvas-template-preview-node.target-three{display:none}.magic-canvas-template-preview-line{z-index:1;background:color-mix(in srgb, var(--template-preview-color) 58%, color-mix(in srgb, var(--color-on-surface) 16%, transparent));transform-origin:0;width:31%;height:1px;display:block;position:absolute;left:37%}.magic-canvas-template-preview-line.line-one{top:48%;transform:rotate(-27deg)}.magic-canvas-template-preview-line.line-two{top:54%;transform:rotate(28deg)}.magic-canvas-template-preview-line.line-three{display:none}.magic-canvas-template-preview-badge{z-index:3;border:1px solid var(--color-outline);color:var(--color-muted);background:#0f0f10b8;border-radius:7px;padding:3px 6px;font-size:8px;line-height:1;position:absolute;bottom:7px;right:7px}.magic-canvas-template-preview.tone-amber{--template-preview-color:#f59e0b}.magic-canvas-template-preview.tone-violet{--template-preview-color:#8b5cf6}.magic-canvas-template-preview.tone-cyan{--template-preview-color:#06b6d4}.magic-canvas-template-preview.tone-rose{--template-preview-color:#f43f5e}.magic-canvas-template-preview.tone-blue{--template-preview-color:#3b82f6}.magic-canvas-template-preview.tone-lime{--template-preview-color:#84cc16}.magic-canvas-template-preview.layout-gallery .source,.magic-canvas-template-preview.layout-variants .source{width:24%;height:24%;top:38%;left:8%}.magic-canvas-template-preview.layout-gallery .target,.magic-canvas-template-preview.layout-variants .target{width:22%;height:30%}.magic-canvas-template-preview.layout-gallery .target-one,.magic-canvas-template-preview.layout-variants .target-one{top:13%;left:42%}.magic-canvas-template-preview.layout-gallery .target-two,.magic-canvas-template-preview.layout-variants .target-two{top:35%;left:70%}.magic-canvas-template-preview.layout-gallery .target-three,.magic-canvas-template-preview.layout-variants .target-three{display:block;top:58%;left:42%}.magic-canvas-template-preview.layout-gallery .line-one,.magic-canvas-template-preview.layout-variants .line-one{width:23%;top:48%;left:29%;transform:rotate(-39deg)}.magic-canvas-template-preview.layout-gallery .line-two,.magic-canvas-template-preview.layout-variants .line-two{width:44%;top:51%;left:29%;transform:rotate(0)}.magic-canvas-template-preview.layout-gallery .line-three,.magic-canvas-template-preview.layout-variants .line-three{width:23%;display:block;top:54%;left:29%;transform:rotate(39deg)}.magic-canvas-template-preview.layout-video .source{width:22%;height:23%;top:39%;left:7%}.magic-canvas-template-preview.layout-video .target-one{width:27%;height:31%;top:31%;left:39%}.magic-canvas-template-preview.layout-video .target-two{width:19%;height:25%;top:34%;left:75%}.magic-canvas-template-preview.layout-video .line-one{width:14%;top:50%;left:27%;transform:rotate(0)}.magic-canvas-template-preview.layout-video .line-two{width:13%;top:48%;left:64%;transform:rotate(0)}.magic-canvas-template-preview.layout-chain .source{width:23%;height:27%;top:36%;left:8%}.magic-canvas-template-preview.layout-chain .target-one{width:23%;height:27%;top:36%;left:39%}.magic-canvas-template-preview.layout-chain .target-two{width:22%;height:35%;top:32%;left:70%}.magic-canvas-template-preview.layout-chain .line-one{width:12%;top:50%;left:29%;transform:rotate(0)}.magic-canvas-template-preview.layout-chain .line-two{width:12%;top:50%;left:60%;transform:rotate(0)}.magic-canvas-template-preview.layout-grid .source,.magic-canvas-template-preview.layout-grid .target{width:25%;height:25%}.magic-canvas-template-preview.layout-grid .source{top:18%;left:21%}.magic-canvas-template-preview.layout-grid .target-one{top:18%;left:55%}.magic-canvas-template-preview.layout-grid .target-two{top:55%;left:21%}.magic-canvas-template-preview.layout-grid .target-three{display:block;top:55%;left:55%}.magic-canvas-template-preview.layout-grid .magic-canvas-template-preview-line{display:none}.magic-canvas-template-applying{color:var(--color-on-surface);background:#09090bc7;border-radius:12px;justify-content:center;align-items:center;gap:7px;font-size:11px;display:flex;position:absolute;inset:0 0 24px}.magic-canvas-template-empty{min-height:320px;color:var(--color-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex}.magic-canvas-template-empty strong{color:var(--color-muted);font-size:14px;font-weight:600}.magic-canvas-template-empty p{margin:0;font-size:12px}.magic-canvas-template-empty button{background:color-mix(in srgb, var(--color-on-surface) 10%, transparent);min-height:32px;color:var(--color-on-surface);cursor:pointer;border:0;border-radius:9px;margin-top:4px;padding:0 13px;font-size:12px}.magic-canvas-template-panel button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.magic-canvas-template-search input:focus-visible{outline:0}.magic-canvas-custom-template-preview{aspect-ratio:1;border:1px solid var(--color-outline);background-color:var(--color-panel);background-image:radial-gradient(circle,#ffffff1f .75px,#0000 .85px);background-size:9px 9px;border-radius:12px;width:100%;transition:border-color .16s,transform .18s cubic-bezier(.22,1,.36,1);display:block;position:relative;overflow:hidden}.magic-canvas-template-card:hover:not(:disabled) .magic-canvas-custom-template-preview{border-color:var(--color-outline);transform:translateY(-1px)}.magic-canvas-custom-template-preview.large{aspect-ratio:4/5;border-radius:10px;flex:0 0 112px;width:112px}.magic-canvas-custom-template-cover{filter:saturate(.78)brightness(.72);background-position:50%;background-size:cover;position:absolute;inset:0}.magic-canvas-custom-template-scrim{background:linear-gradient(#0000 30%,#09090be0);position:absolute;inset:0}.magic-canvas-custom-template-flow span{z-index:1;border:1px solid var(--color-outline);background:#3f3f46db;border-radius:5px;width:25%;height:24%;position:absolute;box-shadow:0 8px 18px #00000059}.magic-canvas-custom-template-flow span:first-child{width:30%;top:38%;left:12%}.magic-canvas-custom-template-flow span:nth-child(2){top:17%;right:12%}.magic-canvas-custom-template-flow span:nth-child(3){bottom:17%;right:12%}.magic-canvas-custom-template-count{z-index:3;color:var(--color-on-surface);font-size:10px;font-weight:600;position:absolute;bottom:8px;left:8px}.magic-canvas-custom-template-types{z-index:3;gap:3px;display:flex;position:absolute;bottom:7px;right:7px}.magic-canvas-custom-template-types span{background:color-mix(in srgb, var(--color-on-surface) 10%, transparent);color:var(--color-muted);border-radius:5px;padding:2px 4px;font-size:7px}.magic-canvas-custom-template-preview.large .magic-canvas-custom-template-count{font-size:11px}.magic-canvas-custom-template-preview.large .magic-canvas-custom-template-types{bottom:25px;left:7px;right:auto}.magic-canvas-workspace .react-flow__node-group{box-sizing:border-box;color:inherit;text-align:left;background-color:#0000;border:0;border-radius:16px;padding:0}.magic-canvas-workspace .react-flow__node-group.selectable:hover,.magic-canvas-workspace .react-flow__node-group.selectable.selected,.magic-canvas-workspace .react-flow__node-group.selectable:focus,.magic-canvas-workspace .react-flow__node-group.selectable:focus-visible{box-shadow:none}.magic-canvas-group-node{box-sizing:border-box;background:color-mix(in srgb, var(--magic-canvas-group-color) 18%, transparent);border:1px solid #f5f5f538;border-radius:16px;width:100%;height:100%;transition:border-color .15s,box-shadow .15s,background .15s;position:relative;box-shadow:0 0 0 .5px #1a192bb8}.magic-canvas-group-node.selected{border:2px solid var(--color-primary);background:color-mix(in srgb, var(--magic-canvas-group-color) 31%, transparent);box-shadow:0 0 0 .5px #1a192beb}.magic-canvas-group-node .magic-canvas-node-label{height:28px;padding-bottom:8px;font-size:14px;top:-28px}.magic-canvas-group-node .magic-canvas-node-label span,.magic-canvas-group-node .magic-canvas-node-label button{font-size:14px;font-weight:400;line-height:20px}.magic-canvas-workspace .react-flow__resize-control.line.magic-canvas-group-resize-line{z-index:4;border-color:#0000}.magic-canvas-workspace .react-flow__resize-control.line.magic-canvas-group-resize-line.left,.magic-canvas-workspace .react-flow__resize-control.line.magic-canvas-group-resize-line.right{width:12px}.magic-canvas-workspace .react-flow__resize-control.line.magic-canvas-group-resize-line.top,.magic-canvas-workspace .react-flow__resize-control.line.magic-canvas-group-resize-line.bottom{height:12px}.magic-canvas-workspace .react-flow__resize-control.handle.magic-canvas-group-resize-handle{z-index:5;background:0 0;border:0;border-radius:0;width:18px;height:18px}.magic-canvas-workspace .react-flow__resize-control.handle.magic-canvas-group-resize-handle:before{content:"";box-sizing:border-box;border:0 solid #f5f5f5d1;position:absolute;inset:3px}.magic-canvas-workspace .react-flow__resize-control.handle.magic-canvas-group-resize-handle.top.left:before{border-top-width:2px;border-left-width:2px;border-top-left-radius:7px}.magic-canvas-workspace .react-flow__resize-control.handle.magic-canvas-group-resize-handle.top.right:before{border-top-width:2px;border-right-width:2px;border-top-right-radius:7px}.magic-canvas-workspace .react-flow__resize-control.handle.magic-canvas-group-resize-handle.bottom.left:before{border-bottom-width:2px;border-left-width:2px;border-bottom-left-radius:7px}.magic-canvas-workspace .react-flow__resize-control.handle.magic-canvas-group-resize-handle.bottom.right:before{border-bottom-width:2px;border-right-width:2px;border-bottom-right-radius:7px}.magic-canvas-node-toolbar{box-sizing:border-box;border:1px solid var(--color-outline);height:48px;min-height:48px;box-shadow:none;-webkit-backdrop-filter:blur(16px);background:#454545cc;border-radius:999px;align-items:center;gap:2px;padding:4px;display:flex;overflow:visible}.magic-canvas-toolbar-button{z-index:0;isolation:isolate;min-width:40px;height:40px;color:var(--color-on-surface);white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:999px;outline:0;flex:none;justify-content:center;align-items:center;gap:7px;padding:0 10px;font-size:12px;line-height:1;transition:color .2s cubic-bezier(.25,.8,.25,1),opacity .15s,transform .15s;display:inline-flex;position:relative}.magic-canvas-toolbar-button:before{content:"";z-index:-1;border-radius:inherit;background:radial-gradient(200% 140% at 50% 40%, var(--color-panel) 16%, #656766 85%) padding-box, conic-gradient(#5d5d5d 0deg, #6a6a6a1a 70deg, #909090 180deg, #9090901a 290deg, #5d5d5d 360deg) border-box;opacity:0;pointer-events:none;border:1px solid #0000;transition:opacity .2s cubic-bezier(.25,.8,.25,1);position:absolute;inset:0;box-shadow:0 2px 8px #0000004d}.magic-canvas-toolbar-button:hover:not(:disabled),.magic-canvas-toolbar-button:focus-visible,.magic-canvas-toolbar-button.is-active{color:var(--color-primary)}.magic-canvas-toolbar-button:hover:not(:disabled),.magic-canvas-toolbar-button:focus-visible{z-index:2}.magic-canvas-toolbar-button:hover:not(:disabled):before,.magic-canvas-toolbar-button:focus-visible:before,.magic-canvas-toolbar-button.is-active:before{opacity:1}.magic-canvas-toolbar-button:active:not(:disabled){transform:scale(.94)}.magic-canvas-toolbar-button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.magic-canvas-toolbar-button:disabled{opacity:.36;cursor:not-allowed}.magic-canvas-toolbar-button.icon-only{width:40px;padding:0}.magic-canvas-toolbar-button.text-button{min-width:40px;padding:0 10px}.magic-canvas-toolbar-button.danger{color:#ff968a}.magic-canvas-toolbar-button.danger:hover:not(:disabled),.magic-canvas-toolbar-button.danger:focus-visible{color:#ffc3bb}.magic-canvas-toolbar-button>svg{z-index:1;stroke-width:1.8px;width:18px;height:18px;position:relative}.magic-canvas-toolbar-button[data-tooltip]:after{content:attr(data-tooltip);z-index:60;border:1px solid var(--color-outline);background:var(--color-control);color:var(--color-on-surface);white-space:nowrap;opacity:0;pointer-events:none;border-radius:10px;padding:6px 10px;font-size:12px;font-weight:500;line-height:1;transition:opacity .15s,transform .15s;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%,4px);box-shadow:0 10px 24px #00000057}.magic-canvas-toolbar-button[data-tooltip]:hover:after,.magic-canvas-toolbar-button[data-tooltip]:focus-visible:after{opacity:1;transform:translate(-50%)}.magic-canvas-toolbar-divider{background:color-mix(in srgb, var(--color-on-surface) 12%, transparent);flex:none;width:1px;height:18px;margin:0 4px}.magic-canvas-group-toolbar-shell{max-width:calc(100vw - 24px)}.magic-canvas-group-toolbar-color{border:1px solid var(--color-outline);border-radius:50%;flex:none;width:20px;height:20px}.magic-canvas-group-color-popover,.magic-canvas-group-layout-menu{z-index:3;border:1px solid var(--color-outline);background:var(--color-control);border-radius:12px;position:absolute;top:56px;box-shadow:0 18px 48px #0000007a}.magic-canvas-group-color-popover{align-items:center;gap:8px;padding:10px;display:flex;left:0}.magic-canvas-group-color-popover>button{border:1px solid var(--color-outline);cursor:pointer;border-radius:50%;flex:0 0 24px;width:24px;height:24px;padding:0;transition:transform .15s,box-shadow .15s;position:relative}.magic-canvas-group-color-popover>button:hover{transform:scale(1.1)}.magic-canvas-group-color-popover>button.selected{box-shadow:0 0 0 2px #202020, 0 0 0 4px var(--color-primary)}.magic-canvas-group-color-popover .reset-color{background:#fafafa}.magic-canvas-group-color-popover .reset-color span{background:#3f3f468c;border-radius:2px;width:16px;height:2px;position:absolute;top:11px;left:4px;transform:rotate(-45deg)}.magic-canvas-group-color-popover>button:focus-visible,.magic-canvas-group-layout-menu button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.magic-canvas-group-layout-menu{min-width:128px;padding:6px;left:44px}.magic-canvas-group-layout-menu button{width:100%;min-height:36px;color:var(--color-muted);cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:8px;padding:0 10px;font-size:12px;display:flex}.magic-canvas-group-layout-menu button:hover{background:color-mix(in srgb, var(--color-on-surface) 8%, transparent);color:var(--color-on-surface)}.magic-canvas-create-template-layer{z-index:120;background:var(--color-control);place-items:center;padding:20px;display:grid;position:fixed;inset:0}.magic-canvas-create-template-dialog{border:1px solid var(--color-outline);width:min(500px,100vw - 32px);color:var(--color-on-surface);background:#1d1d20fa;border-radius:13px;animation:.18s cubic-bezier(.22,1,.36,1) magic-canvas-template-dialog-in;overflow:hidden;box-shadow:0 26px 90px #0000009e}.magic-canvas-create-template-dialog>header{border-bottom:1px solid var(--color-outline);justify-content:space-between;align-items:center;min-height:52px;padding:0 12px 0 16px;display:flex}.magic-canvas-create-template-tabs{align-items:end;gap:18px;height:52px;display:flex}.magic-canvas-create-template-tabs span{height:100%;color:var(--color-muted);border-bottom:2px solid #0000;margin:0;padding-top:17px;font-size:13px;font-weight:500}.magic-canvas-create-template-tabs span.active{border-bottom-color:var(--color-primary);color:var(--color-primary)}.magic-canvas-create-template-dialog>header>button{width:32px;height:32px;color:var(--color-muted);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;display:grid}.magic-canvas-create-template-dialog>header>button:hover{background:color-mix(in srgb, var(--color-on-surface) 8%, transparent);color:var(--color-on-surface)}.magic-canvas-create-template-body{grid-template-columns:112px minmax(0,1fr);align-items:start;gap:16px;min-height:298px;padding:20px 16px 14px;display:grid}.magic-canvas-create-template-cover-field{width:112px}.magic-canvas-create-template-cover-field>input{display:none}.magic-canvas-create-template-cover-picker{cursor:pointer;background:0 0;border:0;border-radius:10px;width:112px;padding:0;display:block;position:relative;overflow:hidden}.magic-canvas-create-template-cover-picker:disabled{cursor:wait}.magic-canvas-create-template-cover-picker .magic-canvas-custom-template-preview{pointer-events:none}.magic-canvas-create-template-cover-overlay{z-index:5;background:var(--color-control);color:var(--color-on-surface);opacity:0;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:7px;font-size:11px;transition:opacity .15s;display:flex;position:absolute;inset:0}.magic-canvas-create-template-cover-picker:hover .magic-canvas-create-template-cover-overlay,.magic-canvas-create-template-cover-picker:focus-visible .magic-canvas-create-template-cover-overlay,.magic-canvas-create-template-cover-picker:disabled .magic-canvas-create-template-cover-overlay{opacity:1}.magic-canvas-create-template-form{flex-direction:column;gap:14px;min-width:0;display:flex}.magic-canvas-create-template-form label{color:var(--color-muted);flex-direction:column;gap:7px;font-size:12px;display:flex;position:relative}.magic-canvas-create-template-form label>small{color:var(--color-muted);font-size:9px;position:absolute;top:34px;right:9px}.magic-canvas-create-template-form input,.magic-canvas-create-template-form textarea,.magic-canvas-create-template-tag-list>input{border:1px solid var(--color-outline);width:100%;color:var(--color-on-surface);font:inherit;background:#3f3f4670;border-radius:9px;outline:0}.magic-canvas-create-template-form label>input{height:38px;padding:0 45px 0 11px}.magic-canvas-create-template-form textarea{resize:vertical;min-height:88px;padding:10px 11px;line-height:1.5}.magic-canvas-create-template-form input:focus-visible,.magic-canvas-create-template-form textarea:focus-visible,.magic-canvas-create-template-tag-list>input:focus-visible{border-color:var(--color-outline);box-shadow:0 0 0 2px #ffffff14}.magic-canvas-create-template-form input::placeholder,.magic-canvas-create-template-form textarea::placeholder{color:var(--color-muted)}.magic-canvas-create-template-tags>div:first-child{color:var(--color-muted);justify-content:space-between;font-size:12px;display:flex}.magic-canvas-create-template-tags small{color:var(--color-muted);font-size:10px}.magic-canvas-create-template-tag-list{flex-wrap:wrap;align-items:center;gap:6px;min-height:34px;margin-top:7px;display:flex}.magic-canvas-create-template-tag-list button{border:1px solid var(--color-outline);background:color-mix(in srgb, var(--color-on-surface) 8%, transparent);min-height:30px;color:var(--color-muted);cursor:pointer;border-radius:8px;align-items:center;gap:5px;padding:0 9px;font-size:11px;display:inline-flex}.magic-canvas-create-template-tag-list button.add-tag{color:#14212a;background:#9bd9f5}.magic-canvas-create-template-tag-list button:disabled{opacity:.38;cursor:not-allowed}.magic-canvas-create-template-tag-list>input{width:116px;height:30px;padding:0 8px}.magic-canvas-create-template-tag-picker{border:1px solid var(--color-outline);background:#0f0f11b8;border-radius:10px;flex-direction:column;gap:8px;margin-top:8px;padding:10px;display:flex}.magic-canvas-create-template-tag-picker>span{color:var(--color-muted);font-size:10px}.magic-canvas-create-template-tag-picker>div:not(.magic-canvas-create-template-custom-tag){flex-wrap:wrap;gap:6px;display:flex}.magic-canvas-create-template-tag-picker>div:not(.magic-canvas-create-template-custom-tag) button{border:1px solid var(--color-outline);background:color-mix(in srgb, var(--color-on-surface) 5%, transparent);min-height:27px;color:var(--color-muted);cursor:pointer;border-radius:7px;padding:0 8px;font-size:10px}.magic-canvas-create-template-tag-picker>div:not(.magic-canvas-create-template-custom-tag) button.selected{border-color:var(--color-primary);color:#d9f2ff;background:#8ecdf529}.magic-canvas-create-template-tag-picker button:disabled{opacity:.34;cursor:not-allowed}.magic-canvas-create-template-custom-tag{grid-template-columns:minmax(0,1fr) 30px;gap:6px;display:grid}.magic-canvas-create-template-custom-tag input{border:1px solid var(--color-outline);width:100%;height:30px;color:var(--color-on-surface);background:#3f3f466b;border-radius:7px;outline:0;padding:0 8px;font-size:10px}.magic-canvas-create-template-custom-tag button{background:color-mix(in srgb, var(--color-on-surface) 10%, transparent);width:30px;height:30px;color:var(--color-on-surface);cursor:pointer;border:0;border-radius:7px;place-items:center;padding:0;display:grid}.magic-canvas-create-template-custom-tag input:focus-visible{border-color:var(--color-outline);box-shadow:0 0 0 2px #ffffff14}.magic-canvas-create-template-form [role=alert]{color:#fca5a5;margin:-5px 0 0;font-size:11px}.magic-canvas-create-template-dialog>footer{border-top:1px solid var(--color-outline);justify-content:flex-end;align-items:center;min-height:64px;padding:10px 14px;display:flex}.magic-canvas-create-template-confirm{color:#10212d;cursor:pointer;background:#8ecdf5;border:0;border-radius:18px;justify-content:center;align-items:center;gap:7px;min-width:84px;min-height:38px;padding:0 15px;font-size:12px;font-weight:600;display:inline-flex}.magic-canvas-create-template-confirm:hover:not(:disabled){filter:brightness(1.07)}.magic-canvas-create-template-confirm:disabled{opacity:.38;cursor:not-allowed}.magic-canvas-create-template-dialog button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@keyframes magic-canvas-template-dialog-in{0%{opacity:0;transform:translateY(8px)scale(.985)}}.magic-canvas-node-menu{z-index:80;border-radius:10px;width:244px;padding:8px;position:fixed;top:50%;left:78px;transform:translateY(-50%)}.magic-canvas-node-menu-title,.magic-canvas-node-menu-section{color:var(--color-muted);padding:4px 7px 8px;font-size:10px}.magic-canvas-node-menu-section{border-top:1px solid var(--color-outline);margin-top:7px;padding-top:9px}.magic-canvas-node-menu>button{width:100%;min-height:56px;color:var(--color-muted);text-align:left;background:0 0;border:0;border-radius:11px;grid-template-rows:1fr 1fr;grid-template-columns:38px 1fr;align-items:center;column-gap:10px;padding:7px;transition:background .14s;display:grid}.magic-canvas-node-menu>button:hover{background:color-mix(in srgb, var(--color-on-surface) 8%, transparent)}.magic-canvas-node-menu>button:disabled{opacity:.35}.magic-canvas-node-menu>button>span{background:color-mix(in srgb, var(--color-on-surface) 7.5%, transparent);border-radius:10px;grid-row:1/3;place-items:center;width:38px;height:38px;display:grid}.magic-canvas-node-menu strong{align-self:end;font-size:12px}.magic-canvas-node-menu small{color:var(--color-muted);align-self:start;font-size:9px}.magic-canvas-empty-state{z-index:12;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.magic-canvas-empty-hint{color:var(--color-muted);align-items:center;gap:9px;font-size:13px;display:flex}.magic-canvas-empty-hint span{background:color-mix(in srgb, var(--color-on-surface) 10%, transparent);height:32px;color:var(--color-on-surface);border-radius:10px;align-items:center;gap:6px;padding:0 10px;font-weight:600;display:inline-flex}.magic-canvas-empty-hint p{margin:0}.magic-canvas-empty-actions{pointer-events:auto;flex-wrap:wrap;justify-content:center;gap:7px;margin-top:13px;display:flex}.magic-canvas-empty-actions button{border:1px solid var(--color-outline);background:var(--color-control);height:38px;color:var(--color-muted);border-radius:9px;align-items:center;gap:7px;padding:0 13px;font-size:11px;transition:background .14s,color .14s,border-color .14s;display:inline-flex}.magic-canvas-empty-actions button:hover{border-color:var(--color-outline);background:var(--color-control);color:var(--color-on-surface)}.magic-canvas-viewport-cluster{z-index:44;align-items:center;gap:8px;display:flex;position:absolute;bottom:16px;left:16px}.magic-canvas-zoom-pill{border:1px solid var(--color-outline);background:var(--color-control);border-radius:14px;align-items:center;gap:1px;height:42px;padding:4px;display:flex;box-shadow:0 10px 28px #00000047}.magic-canvas-zoom-pill button{width:32px;height:32px;color:var(--color-muted);background:0 0;border:0;border-radius:9px;place-items:center;transition:background .14s,color .14s;display:grid}.magic-canvas-zoom-pill button:hover,.magic-canvas-zoom-pill button.active{background:color-mix(in srgb, var(--color-on-surface) 13%, transparent);color:var(--color-primary)}.magic-canvas-zoom-pill input[type=range]{accent-color:#f1f1f1;width:88px;height:3px;margin:0 7px}.magic-canvas-shortcut-layer{z-index:43;position:fixed;inset:0}.magic-canvas-shortcuts{z-index:1;border-radius:12px;width:286px;max-height:min(540px,100vh - 98px);position:absolute;bottom:66px;left:16px;overflow:hidden}.magic-canvas-tool-drawer{z-index:46;border-radius:12px;width:286px;max-height:min(540px,100vh - 112px);position:absolute;top:50%;left:82px;overflow:hidden;transform:translateY(-50%)}.magic-canvas-shortcuts header,.magic-canvas-tool-drawer>header{border-bottom:1px solid var(--color-outline);justify-content:space-between;align-items:center;height:50px;padding:0 10px 0 16px;font-size:13px;display:flex}.magic-canvas-shortcuts header button,.magic-canvas-tool-drawer>header button{width:32px;height:32px;color:var(--color-muted);background:0 0;border:0;border-radius:9px;place-items:center;display:grid}.magic-canvas-shortcuts header button:hover,.magic-canvas-tool-drawer>header button:hover{background:color-mix(in srgb, var(--color-on-surface) 8%, transparent);color:var(--color-on-surface)}.magic-canvas-shortcuts ul{margin:0;padding:10px 14px 14px;list-style:none}.magic-canvas-shortcuts li{min-height:32px;color:var(--color-muted);justify-content:space-between;align-items:center;gap:10px;font-size:11px;display:flex}.magic-canvas-shortcuts kbd{border:1px solid var(--color-outline);background:color-mix(in srgb, var(--color-on-surface) 6%, transparent);color:var(--color-muted);border-radius:5px;padding:3px 6px;font-size:10px}.magic-canvas-tool-drawer-content{max-height:470px;overflow-y:auto}.magic-canvas-workspace .react-flow__minimap{border:1px solid var(--color-outline);background:var(--color-control);border-radius:14px;width:190px;height:108px;overflow:hidden;box-shadow:0 16px 42px #00000057;bottom:70px!important;left:16px!important}.magic-canvas-node{color:var(--color-on-surface);border-radius:16px;transition:filter .18s cubic-bezier(.22,1,.36,1),opacity .18s;position:relative}.magic-canvas-node:hover{filter:brightness(1.07)}.magic-canvas-node-frame{background:var(--color-panel);transition:border-color .18s cubic-bezier(.22,1,.36,1),box-shadow .18s cubic-bezier(.22,1,.36,1);overflow:hidden;box-shadow:0 12px 34px #00000047;border:1px solid var(--color-outline)!important;border-radius:16px!important}.magic-canvas-node.selected .magic-canvas-node-frame{box-shadow:0 0 0 2px var(--color-primary), 0 18px 42px #0000006b;border-color:var(--color-primary)!important}.magic-canvas-text-node.selected .magic-canvas-node-frame{box-shadow:0 12px 34px #00000047;border-color:var(--color-primary)!important}.magic-canvas-text-node textarea:focus,.magic-canvas-text-node textarea:focus-visible,.magic-canvas-text-node [data-tiptap-editor],.magic-canvas-text-node .tiptap,.magic-canvas-text-node .tiptap:focus,.magic-canvas-text-node .tiptap:focus-visible{box-shadow:none!important;border:0!important;outline:0!important}.magic-canvas-custom-scrollbar{scrollbar-gutter:stable}[contenteditable=true][data-placeholder]:empty:before{color:var(--color-muted);content:attr(data-placeholder);pointer-events:none}.magic-canvas-node:not(.selected):hover .magic-canvas-node-frame{box-shadow:0 18px 42px #0000006b;border-color:var(--color-primary)!important}.magic-canvas-node.magic-canvas-layer-asset{border-radius:0}.magic-canvas-node.magic-canvas-layer-asset:hover{filter:none}.magic-canvas-node.magic-canvas-layer-asset .magic-canvas-layer-asset-frame,.magic-canvas-node.magic-canvas-layer-asset.selected .magic-canvas-layer-asset-frame,.magic-canvas-node.magic-canvas-layer-asset:not(.selected):hover .magic-canvas-layer-asset-frame{overflow:visible;box-shadow:none!important;background:0 0!important;border:0!important;border-radius:0!important}.magic-canvas-node-label{z-index:10;max-width:100%;height:32px;color:var(--color-muted);pointer-events:auto;align-items:center;gap:4px;padding-bottom:8px;font-size:16px;display:flex;position:absolute;top:-32px;left:4px}.magic-canvas-node-label span,.magic-canvas-node-label button{min-width:0;max-width:100%;color:inherit;text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:500;line-height:24px;overflow:hidden}.magic-canvas-node-label button{cursor:text;text-align:left;background:0 0;border:0;padding:0}.magic-canvas-node-label input{width:min(220px,100%);height:24px;box-shadow:none;color:var(--color-on-surface);font:inherit;line-height:inherit;background:0 0;border:0;border-radius:0;outline:none;padding:0}.magic-canvas-node-label input:focus-visible{box-shadow:none;border:0;outline:none}.magic-canvas-workspace .react-flow__resize-control.handle{background:var(--color-panel);border-color:#f5f5f5;width:8px;height:8px}.magic-canvas-workspace .react-flow__resize-control.line{border-color:#0000}.magic-canvas-generation-panel[data-layout=node]{min-height:200px;box-shadow:0 18px 50px #0000005c}.magic-canvas-generation-panel[data-layout=node] textarea{box-shadow:none!important;background:0 0!important;border:0!important;outline:0!important}.magic-canvas-placeholder-frame{border-radius:12px!important}.magic-canvas-connection-handle{border:2px solid var(--color-outline)!important;background:var(--color-control)!important;width:34px!important;height:34px!important;color:var(--color-muted)!important;border-radius:50%!important;box-shadow:0 5px 16px #00000061!important}.magic-canvas-connection-handle:hover{border-color:var(--color-outline)!important;background:var(--color-control)!important;color:var(--color-on-surface)!important}.magic-canvas-workspace .react-flow__edge-path{stroke:#f5f5f542!important;stroke-width:2px!important}.magic-canvas-workspace .react-flow__edge.selected .react-flow__edge-path,.magic-canvas-workspace .react-flow__edge:hover .react-flow__edge-path,.magic-canvas-workspace .react-flow__edge.magic-canvas-edge-related .react-flow__edge-path{filter:drop-shadow(0 0 6px color-mix(in srgb, var(--color-primary) 34%, transparent));stroke:#f5f5f5b3!important;stroke-width:2.4px!important}.magic-canvas-workspace .magic-canvas-task-edge-flow{fill:none;stroke:var(--color-primary);stroke-width:2.5px;stroke-linecap:round;stroke-dasharray:6 100;stroke-dashoffset:0;vector-effect:non-scaling-stroke;pointer-events:none;filter:drop-shadow(0 0 5px color-mix(in srgb, var(--color-primary) 72%, transparent));animation:1.6s linear infinite magic-canvas-task-edge-flow}@keyframes magic-canvas-task-edge-flow{to{stroke-dashoffset:-106px}}@media (prefers-reduced-motion:reduce){.magic-canvas-workspace .magic-canvas-task-edge-flow{stroke-dasharray:none;opacity:.72;animation:none}}.magic-canvas-template-panel.expanded{border-color:var(--color-outline);background:var(--color-surface);border-radius:18px;flex-direction:row;width:min(1100px,100vw - 48px);height:min(700px,100dvh - 48px);transition:none;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 28px 100px #000000ad}.magic-canvas-template-card{cursor:default;overflow:visible}.magic-canvas-template-card-visual{aspect-ratio:1;background:var(--color-panel);border-radius:12px;width:100%;position:relative;overflow:hidden}.magic-canvas-template-card-cover{cursor:pointer;background:0 0;border:0;width:100%;height:100%;padding:0;display:block}.magic-canvas-template-card-cover>span,.magic-canvas-template-card-cover .magic-canvas-template-preview,.magic-canvas-template-card-cover .magic-canvas-custom-template-preview{aspect-ratio:auto;width:100%;height:100%}.magic-canvas-template-card-overlay{z-index:4;border-radius:inherit;opacity:0;pointer-events:none;background:#07070894;justify-content:center;align-items:center;gap:4px;transition:opacity .15s;display:flex;position:absolute;inset:0}.magic-canvas-template-card:hover .magic-canvas-template-card-overlay,.magic-canvas-template-card:focus-within .magic-canvas-template-card-overlay{opacity:1}.magic-canvas-template-card:hover .magic-canvas-template-card-overlay,.magic-canvas-template-card-overlay:focus-within{pointer-events:auto}.magic-canvas-template-card-overlay button{border:1px solid var(--color-outline);min-width:48px;height:34px;color:var(--color-on-surface);white-space:nowrap;cursor:pointer;background:#222225e6;border-radius:9px;flex:none;justify-content:center;align-items:center;gap:3px;padding:0 4px;font-size:12px;line-height:1;display:inline-flex}.magic-canvas-template-card-overlay button:last-child{border-color:var(--color-outline);background:var(--color-primary);color:var(--color-on-primary)}.magic-canvas-template-card-overlay button:disabled{opacity:.52;cursor:wait}.magic-canvas-template-card .magic-canvas-template-card-title{width:100%;min-height:18px;color:var(--color-muted);text-align:left;cursor:pointer;background:0 0;border:0;padding:0}.magic-canvas-template-card:hover .magic-canvas-template-card-title{color:var(--color-on-surface)}.magic-canvas-template-card .magic-canvas-template-applying{z-index:6;inset:0}.magic-canvas-template-status{z-index:3;border:1px solid var(--color-outline);color:var(--color-muted);background:#0f0f10d1;border-radius:6px;padding:3px 6px;font-size:9px;line-height:1;position:absolute;top:7px;right:7px}.magic-canvas-template-status.status-pending,.magic-canvas-template-review-badge.status-pending{color:var(--color-warning)}.magic-canvas-template-status.status-published,.magic-canvas-template-review-badge.status-published{color:var(--color-success)}.magic-canvas-template-status.status-rejected,.magic-canvas-template-review-badge.status-rejected{color:var(--color-error)}.magic-canvas-template-status.status-hidden,.magic-canvas-template-review-badge.status-hidden,.magic-canvas-template-status.status-withdrawn,.magic-canvas-template-review-badge.status-withdrawn{color:var(--color-muted)}.magic-canvas-template-notice,.magic-canvas-template-success,.magic-canvas-template-error{border:1px solid var(--color-outline);background:color-mix(in srgb, var(--color-on-surface) 3.5%, transparent);color:var(--color-muted);margin:0 16px 8px;padding:8px 10px;font-size:11px;line-height:16px}.magic-canvas-template-success{color:var(--color-success);background:#45c47d14;border-color:#45c47d3d}.magic-canvas-template-error{color:var(--color-error);background:#ee606014;border-color:#ee60603d}.magic-canvas-template-manager-nav{border-right:1px solid var(--color-outline);background:var(--color-control);flex:0 0 255px;width:255px;padding:20px 16px;overflow-y:auto}.magic-canvas-template-manager-nav button{width:100%;min-height:37px;color:var(--color-muted);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:9px;padding:0 12px;font-size:13px;transition:background .14s,color .14s;display:flex}.magic-canvas-template-manager-nav button:hover{color:var(--color-on-surface)}.magic-canvas-template-manager-nav button.active{background:var(--color-control);color:var(--color-primary)}.magic-canvas-template-manager-divider{background:color-mix(in srgb, var(--color-on-surface) 12%, transparent);height:1px;margin:10px 0 14px}.magic-canvas-template-manager-nav strong{min-height:32px;color:var(--color-on-surface);justify-content:space-between;align-items:center;padding:0 12px;font-size:13px;font-weight:600;display:flex}.magic-canvas-template-manager-nav strong~button{padding-left:20px}.magic-canvas-template-manager-main{background:var(--color-surface);flex-direction:column;flex:1;min-width:0;display:flex}.magic-canvas-template-manager-main>header{border-bottom:1px solid var(--color-outline);background:var(--color-control);flex:0 0 60px;justify-content:space-between;align-items:center;height:60px;padding:0 18px 0 24px;display:flex}.magic-canvas-template-manager-main>header h1{color:var(--color-on-surface);letter-spacing:-.02em;margin:0;font-size:20px;font-weight:650}.magic-canvas-template-manager-main>header>div{gap:3px;display:flex}.magic-canvas-template-manager-main>header button,.magic-canvas-template-detail-actions button,.magic-canvas-template-back{width:34px;height:34px;color:var(--color-muted);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;display:inline-grid}.magic-canvas-template-manager-main>header button:hover,.magic-canvas-template-detail-actions button:hover,.magic-canvas-template-back:hover{background:color-mix(in srgb, var(--color-on-surface) 7%, transparent);color:var(--color-on-surface)}.magic-canvas-template-manager-list{flex-direction:column;flex:1;min-height:0;display:flex}.magic-canvas-template-manager-toolbar{justify-content:flex-end;gap:8px;padding:20px 24px 16px;display:flex}.magic-canvas-template-manager-toolbar .magic-canvas-template-search{border-color:var(--color-outline);background:var(--color-control);border-radius:9px;flex:0 345px;width:min(345px,100%);height:38px;margin:0}.magic-canvas-template-create-button{background:var(--color-primary);height:38px;color:var(--color-on-primary);cursor:pointer;border:0;border-radius:9px;justify-content:center;align-items:center;gap:5px;padding:0 14px;font-size:13px;font-weight:600;display:inline-flex}.magic-canvas-template-manager-list>.magic-canvas-template-notice,.magic-canvas-template-manager-list>.magic-canvas-template-success,.magic-canvas-template-manager-list>.magic-canvas-template-error{margin:0 24px 12px}.magic-canvas-template-manager-scroll{flex:1;min-height:0;padding:0 24px 24px;overflow-y:auto}.magic-canvas-template-manager-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:30px 14px;display:grid}.magic-canvas-template-manager-grid .magic-canvas-template-card-title{font-size:13px}.magic-canvas-template-manager-grid .magic-canvas-template-empty{grid-column:1/-1}.magic-canvas-template-built-in-large{width:100%;height:100%;display:block}.magic-canvas-template-built-in-large .magic-canvas-template-preview{aspect-ratio:auto;width:100%;height:100%}.magic-canvas-template-detail,.magic-canvas-template-editor{flex-direction:column;flex:1;min-height:0;padding:28px 24px 20px;display:flex;position:relative;overflow-y:auto}.magic-canvas-template-back{flex:none;margin:-8px 0 10px -8px}.magic-canvas-template-detail-actions{z-index:3;gap:10px;display:flex;position:absolute;top:20px;right:24px}.magic-canvas-template-detail-actions button{width:40px;height:40px;color:var(--color-muted)}.magic-canvas-template-detail-actions button:disabled{opacity:.35;cursor:not-allowed}.magic-canvas-template-detail-layout{grid-template-columns:minmax(280px,400px) minmax(240px,1fr);gap:32px;display:grid}.magic-canvas-template-detail-preview{aspect-ratio:1;background:var(--color-panel);border-radius:16px;width:100%;overflow:hidden}.magic-canvas-template-detail-preview>span,.magic-canvas-template-detail-preview .magic-canvas-custom-template-preview{aspect-ratio:auto;border-radius:inherit;width:100%;height:100%}.magic-canvas-template-detail-copy{padding:4px 60px 0 0}.magic-canvas-template-detail-copy h2{color:var(--color-on-surface);margin:0;font-size:25px;font-weight:650}.magic-canvas-template-detail-copy time{color:var(--color-muted);margin-top:8px;font-size:13px;display:block}.magic-canvas-template-review-badge{background:color-mix(in srgb, var(--color-on-surface) 7%, transparent);border-radius:8px;margin-top:16px;padding:7px 10px;font-size:12px;display:inline-flex}.magic-canvas-template-detail-tags{flex-wrap:wrap;gap:7px;margin-top:16px;display:flex}.magic-canvas-template-detail-tags span{background:var(--color-control);color:var(--color-muted);border-radius:9px;padding:7px 11px;font-size:12px}.magic-canvas-template-detail-copy>p{max-width:430px;color:var(--color-muted);white-space:pre-wrap;margin:16px 0 0;font-size:14px;line-height:1.7}.magic-canvas-template-detail-copy .magic-canvas-template-rejection{color:var(--color-error);background:#ee606014;border:1px solid #ee606033;padding:10px 12px;font-size:12px}.magic-canvas-template-detail>.magic-canvas-template-notice,.magic-canvas-template-detail>.magic-canvas-template-success,.magic-canvas-template-detail>.magic-canvas-template-error,.magic-canvas-template-editor>.magic-canvas-template-notice,.magic-canvas-template-editor>.magic-canvas-template-success,.magic-canvas-template-editor>.magic-canvas-template-error{margin:16px 0 0}.magic-canvas-template-detail>footer,.magic-canvas-template-editor>footer{justify-content:flex-end;gap:10px;margin-top:auto;padding-top:20px;display:flex}.magic-canvas-template-detail>footer button,.magic-canvas-template-editor>footer button{cursor:pointer;border-radius:19px;justify-content:center;align-items:center;gap:6px;min-width:120px;height:38px;padding:0 18px;font-size:13px;font-weight:600;display:inline-flex}.magic-canvas-template-detail>footer button.primary,.magic-canvas-template-editor>footer button.primary{background:var(--color-primary);color:var(--color-on-primary);border:0}.magic-canvas-template-detail>footer button.primary{width:min(364px,100%)}.magic-canvas-template-detail>footer button.secondary,.magic-canvas-template-editor>footer button.secondary{border:1px solid var(--color-outline);background:var(--color-control);color:var(--color-muted)}.magic-canvas-template-detail>footer button:disabled,.magic-canvas-template-editor>footer button:disabled{opacity:.5;cursor:wait}.magic-canvas-template-editor-layout{grid-template-columns:256px minmax(280px,1fr);align-items:start;gap:36px;max-width:660px;margin:0 auto;display:grid}.magic-canvas-template-editor-cover{aspect-ratio:1;border:2px dashed var(--color-primary);background:var(--color-panel);border-radius:14px;width:256px;position:relative;overflow:hidden}.magic-canvas-template-editor-cover>span,.magic-canvas-template-editor-cover .magic-canvas-custom-template-preview{aspect-ratio:auto;border-radius:11px;width:100%;height:100%}.magic-canvas-template-editor-cover>button{z-index:4;border:1px solid var(--color-outline);height:34px;color:var(--color-on-surface);cursor:pointer;background:#131315c7;border-radius:9px;justify-content:center;align-items:center;gap:6px;font-size:12px;display:flex;position:absolute;inset:auto 10px 10px}.magic-canvas-template-editor-fields{flex-direction:column;gap:16px;display:flex}.magic-canvas-template-editor-fields label,.magic-canvas-template-editor-fields fieldset{border:0;flex-direction:column;gap:7px;min-width:0;margin:0;padding:0;display:flex}.magic-canvas-template-editor-fields label>span,.magic-canvas-template-editor-fields legend{width:100%;color:var(--color-muted);justify-content:space-between;font-size:12px;display:flex}.magic-canvas-template-editor-fields small{color:var(--color-muted);font-size:10px}.magic-canvas-template-editor-fields input,.magic-canvas-template-editor-fields textarea{border:1px solid var(--color-outline);background:var(--color-control);width:100%;color:var(--color-on-surface);border-radius:9px;outline:0;font-size:13px}.magic-canvas-template-editor-fields input{height:38px;padding:0 11px}.magic-canvas-template-editor-fields textarea{resize:vertical;min-height:92px;padding:10px 11px;line-height:1.55}.magic-canvas-template-editor-fields input:focus,.magic-canvas-template-editor-fields textarea:focus{border-color:color-mix(in srgb, var(--color-primary) 70%, transparent)}.magic-canvas-template-tag-options{flex-wrap:wrap;gap:6px;display:flex}.magic-canvas-template-tag-options button{border:1px solid var(--color-outline);background:var(--color-control);min-height:30px;color:var(--color-muted);cursor:pointer;border-radius:8px;align-items:center;gap:4px;padding:0 9px;font-size:11px;display:inline-flex}.magic-canvas-template-tag-options button.active{border-color:color-mix(in srgb, var(--color-primary) 50%, transparent);background:color-mix(in srgb, var(--color-primary) 16%, transparent);color:var(--color-primary)}@media (max-width:1020px){.magic-canvas-template-panel.expanded{width:calc(100vw - 24px);height:calc(100dvh - 24px)}.magic-canvas-template-manager-nav{flex-basis:190px;width:190px}.magic-canvas-template-manager-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.magic-canvas-template-detail-layout{grid-template-columns:minmax(240px,340px) minmax(220px,1fr)}}@media (max-width:720px){.magic-canvas-template-panel.expanded{width:calc(100vw - 16px);height:calc(100dvh - 16px);top:50%;left:50%;transform:translate(-50%,-50%)}.magic-canvas-template-manager-nav{flex-basis:132px;width:132px;padding:12px 8px}.magic-canvas-template-manager-nav button{padding:0 8px}.magic-canvas-template-manager-nav strong~button{padding-left:14px}.magic-canvas-template-manager-main>header{padding-inline:14px 8px}.magic-canvas-template-manager-toolbar{padding:12px}.magic-canvas-template-manager-list>.magic-canvas-template-notice,.magic-canvas-template-manager-list>.magic-canvas-template-success,.magic-canvas-template-manager-list>.magic-canvas-template-error{margin-inline:12px}.magic-canvas-template-manager-scroll{padding:0 12px 16px}.magic-canvas-template-manager-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.magic-canvas-template-detail,.magic-canvas-template-editor{padding:18px 14px 14px}.magic-canvas-template-detail-layout,.magic-canvas-template-editor-layout{grid-template-columns:1fr;gap:18px}.magic-canvas-template-detail-preview,.magic-canvas-template-editor-cover{width:min(100%,300px)}.magic-canvas-template-detail-copy{padding-right:0}}@media (hover:none){.magic-canvas-template-card-overlay{opacity:1;pointer-events:auto;background:linear-gradient(#0000 48%,#070708c2);align-items:flex-end;padding-bottom:10px}}.magic-canvas-workspace .react-flow__selection{border:1px solid var(--color-primary);background:#f5f5f50e;border-radius:5px}.magic-canvas-workspace #canvas-context-menu,.magic-canvas-workspace #canvas-dblclick-menu,.magic-canvas-workspace .magic-canvas-dark-menu{border-color:var(--color-outline)!important;background:var(--color-control)!important;color:var(--color-muted)!important;box-shadow:0 20px 50px #0000007a!important}.magic-canvas-workspace #canvas-context-menu button,.magic-canvas-workspace #canvas-dblclick-menu button,.magic-canvas-workspace .magic-canvas-dark-menu button{text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:9px;width:100%;min-height:38px;padding:0 10px;font-size:11px;transition:background .14s,color .14s;display:flex;color:var(--color-muted)!important}.magic-canvas-workspace #canvas-context-menu button:disabled,.magic-canvas-workspace #canvas-dblclick-menu button:disabled,.magic-canvas-workspace .magic-canvas-dark-menu button:disabled{opacity:.3}.magic-canvas-workspace #canvas-context-menu kbd{color:var(--color-muted);margin-left:auto;font-size:9px}.magic-canvas-workspace #canvas-context-menu button:hover,.magic-canvas-workspace #canvas-dblclick-menu button:hover,.magic-canvas-workspace .magic-canvas-dark-menu button:hover{background:color-mix(in srgb, var(--color-on-surface) 8%, transparent)!important;color:var(--color-on-surface)!important}.magic-canvas-handle-hitbox{place-items:center;width:56px;height:56px;display:grid}.magic-canvas-pending-edge{fill:none;stroke:#f5f5f580;stroke-width:2px;stroke-linecap:round;stroke-dasharray:5 4;filter:drop-shadow(0 0 7px color-mix(in srgb, var(--color-primary) 34%, transparent))}@keyframes magic-canvas-menu-in{0%{opacity:0;transform:translateY(-5px)}}@keyframes magic-canvas-pulse{0%,to{opacity:.52}50%{opacity:1}}@keyframes magic-canvas-spin{to{transform:rotate(360deg)}}@media (max-width:720px){.magic-canvas-project-cluster,.magic-canvas-account-cluster{top:max(8px, env(safe-area-inset-top))}.magic-canvas-project-cluster{max-width:calc(100% - 96px)}.magic-canvas-project-pill{min-width:0;max-width:100%}.magic-canvas-brand-button{flex:none;height:44px}.magic-canvas-project-name{width:116px;min-width:0;height:44px}.magic-canvas-project-pill>.magic-canvas-divider:last-of-type{display:none}.magic-canvas-project-menu{width:min(224px,100vw - 16px)}.magic-canvas-switcher-menu{width:min(326px,100vw - 16px);left:0}.magic-canvas-save-state,.magic-canvas-credit-pill,.magic-canvas-account-skeleton,.magic-canvas-account-cluster .magic-canvas-round-button{display:none}.magic-canvas-login-pill,.magic-canvas-avatar{height:44px}.magic-canvas-avatar{width:44px}.magic-canvas-account-cluster{right:8px}.magic-canvas-project-cluster{left:8px}.magic-canvas-side-toolbar{width:52px;max-height:calc(100% - 144px);padding:3px;left:8px;overflow-y:auto}.magic-canvas-side-toolbar button,.magic-canvas-side-toolbar .magic-canvas-add-button{flex-shrink:0;width:44px;height:44px}.magic-canvas-node-menu,.magic-canvas-tool-drawer{width:min(286px,100vw - 76px);left:64px}.magic-canvas-tool-drawer{flex-direction:column;max-height:calc(100% - 144px);display:flex}.magic-canvas-tool-drawer>header{flex-shrink:0}.magic-canvas-tool-drawer-content{min-height:0}.magic-canvas-shortcuts{left:8px;bottom:calc(64px + env(safe-area-inset-bottom));width:min(286px,100vw - 16px);max-height:calc(100dvh - 144px - env(safe-area-inset-bottom));overflow-y:auto}.magic-canvas-asset-panel{width:min(372px,100vw - 16px);max-height:calc(100dvh - 32px - env(safe-area-inset-top) - env(safe-area-inset-bottom));left:8px}.magic-canvas-asset-content{min-height:0}.magic-canvas-asset-panel>header,.magic-canvas-asset-panel>nav,.magic-canvas-asset-panel>footer{flex-shrink:0}.magic-canvas-template-panel{width:min(500px,100vw - 16px);height:min(500px, calc(100dvh - 32px - env(safe-area-inset-top) - env(safe-area-inset-bottom)));left:8px}.magic-canvas-template-panel.expanded{width:calc(100vw - 16px);height:calc(100dvh - 16px - env(safe-area-inset-top) - env(safe-area-inset-bottom));flex-direction:column;left:50%}.magic-canvas-template-manager-nav{border-right:0;border-bottom:1px solid var(--color-outline);flex-shrink:0;flex-basis:auto;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;width:100%;max-height:min(160px,28dvh);padding:8px;display:grid}.magic-canvas-template-manager-nav strong{grid-column:1/-1}.magic-canvas-template-manager-divider{display:none}.magic-canvas-template-manager-main{min-height:0}.magic-canvas-template-manager-main>header{gap:8px}.magic-canvas-template-manager-main>header h1{overflow-wrap:anywhere;min-width:0;font-size:17px}.magic-canvas-template-manager-main>header>div{flex-shrink:0}.magic-canvas-template-manager-toolbar{flex-wrap:wrap}.magic-canvas-template-manager-toolbar .magic-canvas-template-search{flex-basis:100%;min-width:0}.magic-canvas-template-manager-nav button,.magic-canvas-template-manager-main>header button,.magic-canvas-template-actions button,.magic-canvas-asset-panel>header button,.magic-canvas-shortcuts header button,.magic-canvas-tool-drawer>header button{min-width:44px;min-height:44px}.magic-canvas-template-panel.expanded .magic-canvas-template-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.magic-canvas-create-template-layer{padding:10px}.magic-canvas-create-template-dialog{width:min(500px,100vw - 20px);max-height:calc(100dvh - 20px);overflow-y:auto}.magic-canvas-create-template-body{grid-template-columns:1fr}.magic-canvas-create-template-cover-field,.magic-canvas-create-template-cover-picker{width:100%}.magic-canvas-custom-template-preview.large{aspect-ratio:3;width:100%;max-height:116px}.magic-canvas-viewport-cluster{left:8px;bottom:max(8px, env(safe-area-inset-bottom))}.magic-canvas-zoom-pill{height:48px}.magic-canvas-zoom-pill button{height:40px}.magic-canvas-zoom-pill input[type=range]{display:none}.magic-canvas-empty-state{padding:80px 16px 80px 72px}.magic-canvas-empty-hint{text-align:center;flex-wrap:wrap;justify-content:center}.magic-canvas-empty-actions button{min-height:44px}}@media (max-width:1023px){.magic-canvas-generation-dock{bottom:calc(64px + env(safe-area-inset-bottom));z-index:55;width:min(640px,100% - 16px);max-height:calc(100% - 152px - env(safe-area-inset-bottom));border-radius:16px;overflow-y:auto;top:auto!important;left:50%!important;transform:translate(-50%)!important}.magic-canvas-generation-dock .magic-canvas-generation-panel{width:100%}.magic-canvas-generation-controls,.magic-canvas-generation-settings{flex-wrap:wrap}.magic-canvas-generation-settings>div{min-width:0;max-width:100%}.magic-canvas-generation-settings button{max-width:100%;min-height:40px}.magic-canvas-floating-toolbar{z-index:56;width:max-content;max-width:calc(100% - 16px);left:50%!important;top:calc(64px + env(safe-area-inset-top))!important;margin-top:0!important;transform:translate(-50%)!important}.magic-canvas-floating-toolbar .magic-canvas-node-toolbar{border-radius:16px;flex-wrap:wrap;justify-content:center;max-width:100%;height:auto}.magic-canvas-floating-toolbar .magic-canvas-markdown-format-bar{flex-wrap:wrap;justify-content:center;max-width:100%;height:auto}.magic-canvas-multi-menu-anchor{position:static}.magic-canvas-multi-menu-anchor>[role=menu]{max-width:100%;max-height:calc(100dvh - 208px);left:0;right:auto;overflow-y:auto}.magic-canvas-multi-menu-anchor>[aria-label=排列节点] button{text-align:center;flex-direction:column;justify-content:center;gap:4px;min-height:48px;padding:8px 4px}.magic-canvas-multi-menu-anchor>[aria-label=排列节点] button span{white-space:nowrap}.magic-canvas-group-color-popover,.magic-canvas-group-layout-menu{max-width:100%;top:calc(100% + 8px)}.magic-canvas-group-color-popover{flex-wrap:wrap;width:max-content}.magic-canvas-project-search input,.magic-canvas-template-search input,.magic-canvas-template-editor-fields input,.magic-canvas-template-editor-fields textarea,.magic-canvas-generation-panel textarea{font-size:16px}}@media (max-width:480px){.magic-canvas-template-grid,.magic-canvas-template-panel.expanded .magic-canvas-template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (hover:none){.magic-canvas-asset-check{opacity:1}.magic-canvas-asset-overlay{opacity:1;background:linear-gradient(#0000 52%,#0000009e);align-items:end;padding-bottom:12px}}@media (prefers-reduced-motion:reduce){.magic-canvas-workspace *,.magic-canvas-workspace :before,.magic-canvas-workspace :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}