html[data-youzi-route="canvas"],html[data-youzi-route="canvas"] body{width:100%;height:100%;margin:0;overflow:hidden;overscroll-behavior:none}html[data-youzi-route="canvas"] #root{width:100%;height:100%;overflow:hidden}html[data-youzi-route="canvas"] .portable-app{width:100%;height:100dvh;min-height:0;overflow:hidden;background:#f8fafc}html[data-youzi-route="canvas"] .quiet-header{height:var(--yz-app-header-height,64px);min-width:0!important;padding:0;display:block;background:#fbfcff;backdrop-filter:none}html[data-youzi-route="canvas"] .white-canvas{inset:var(--yz-app-header-height,64px) 0 0;overflow:hidden;overscroll-behavior:none;background-color:#f8fafc}html[data-youzi-route="canvas"] .youzi-return-home{display:none!important}
.yz-canvas-tools{position:fixed;z-index:900;top:calc(var(--yz-app-header-height,64px) + (100dvh - var(--yz-app-header-height,64px))/2);left:14px;transform:translateY(-50%);display:flex;flex-direction:column;gap:6px;padding:7px;border:1px solid rgba(31,37,50,.11);border-radius:15px;background:rgba(255,255,255,.96);box-shadow:0 10px 28px rgba(35,49,80,.11)}.yz-canvas-tool{position:relative;display:grid;place-items:center;width:38px;height:38px;border:0;border-radius:10px;background:transparent;color:#596477;cursor:pointer;font-size:18px;transition:transform 180ms cubic-bezier(.22,1,.36,1),background-color 180ms,color 180ms}.yz-canvas-tool:hover{color:#1f63e9;background:#eef4ff;transform:translateY(-1px)}.yz-canvas-tool.is-primary{color:#fff;background:#1f63e9}.yz-canvas-tool.is-primary:hover{color:#fff;background:#1859d5}.yz-canvas-tool:disabled{color:#a8b0be;cursor:default;opacity:.55}.yz-canvas-tool:disabled:hover{color:#a8b0be;background:transparent;transform:none}.yz-canvas-tool span{pointer-events:none}.yz-canvas-tool::after{content:attr(data-tooltip);position:absolute;left:47px;top:50%;padding:6px 8px;border-radius:7px;background:#202532;color:#fff;font-size:11px;white-space:nowrap;opacity:0;transform:translate(4px,-50%);pointer-events:none;transition:opacity 160ms,transform 160ms}.yz-canvas-tool:hover::after,.yz-canvas-tool:focus-visible::after{opacity:1;transform:translate(0,-50%)}.yz-canvas-tools i{height:1px;margin:2px 5px;background:#edf0f5}
html[data-youzi-route="canvas"] .floating-toolbar{z-index:920;left:50%!important;right:auto!important;bottom:16px!important;transform:translateX(-50%)!important;display:flex!important;align-items:center;gap:4px;min-width:0!important;height:auto!important;padding:6px!important;border:1px solid rgba(31,37,50,.11)!important;border-radius:14px!important;background:rgba(255,255,255,.96)!important;box-shadow:0 10px 28px rgba(35,49,80,.12)!important}html[data-youzi-route="canvas"] .floating-toolbar button{display:grid;place-items:center;min-width:34px;height:34px;padding:0 10px;border:0;border-radius:9px;background:transparent;color:#4e596b;font-size:12px}html[data-youzi-route="canvas"] .floating-toolbar button:hover{background:#eef4ff;color:#1f63e9}html[data-youzi-route="canvas"] .floating-toolbar>.yz-toolbar-new-task,html[data-youzi-route="canvas"] .floating-toolbar>i{display:none!important}.yz-zoom-out{order:1}.yz-zoom-value{order:2;min-width:58px!important;pointer-events:none}.yz-zoom-in{order:3}.yz-fit-canvas{order:4;min-width:68px!important}.yz-center-canvas{order:5}
.yz-canvas-settings{position:fixed;z-index:900;right:16px;bottom:16px;display:grid;place-items:center;width:40px;height:40px;border:1px solid rgba(31,37,50,.11);border-radius:12px;background:#fff;color:#5d6879;box-shadow:0 8px 24px rgba(35,49,80,.1);cursor:pointer;font-size:17px}.yz-canvas-settings:hover,.yz-canvas-settings[aria-expanded="true"]{color:#1f63e9;border-color:rgba(31,99,233,.28);background:#f5f8ff}.yz-canvas-settings-popover{position:fixed;z-index:950;right:16px;bottom:64px;width:190px;padding:8px;border:1px solid rgba(31,37,50,.11);border-radius:13px;background:#fff;box-shadow:0 16px 40px rgba(35,49,80,.15)}.yz-canvas-settings-popover button{width:100%;min-height:34px;padding:0 10px;border:0;border-radius:8px;background:transparent;color:#4e596b;text-align:left;cursor:pointer;font-size:12px}.yz-canvas-settings-popover button:hover{background:#f1f5ff;color:#1f63e9}html[data-youzi-route="canvas"] .portable-settings-trigger{display:none!important}.yz-hide-canvas-grid .white-canvas{background-image:none!important}.yz-hide-canvas-wires .thin-connections{opacity:0!important}
html[data-youzi-route="canvas"] .yz-assistant-launcher{display:none!important}html[data-youzi-route="canvas"] .yz-assistant-panel{position:fixed;z-index:1100;top:calc(var(--yz-app-header-height,64px) + 10px);right:10px;left:auto;bottom:10px;width:clamp(340px,28vw,390px);max-height:none;border-radius:16px;box-shadow:0 20px 50px rgba(25,37,66,.18);animation:yz-assistant-drawer-in 200ms cubic-bezier(.22,1,.36,1)}html[data-youzi-route="canvas"] .yz-assistant-panel[hidden]{display:none!important}@keyframes yz-assistant-drawer-in{from{opacity:0;transform:translateX(14px)}to{opacity:1;transform:none}}
.result-card{--yz-result-actions-opacity:0}.result-card:hover,.result-card:focus-within,.result-card.is-selected{--yz-result-actions-opacity:1}.result-card footer{position:relative;gap:6px}.yz-result-actions{display:flex;align-items:center;gap:5px;min-width:0;margin-left:auto;opacity:var(--yz-result-actions-opacity);pointer-events:none;transition:opacity 180ms}.result-card:hover .yz-result-actions,.result-card:focus-within .yz-result-actions,.result-card.is-selected .yz-result-actions{pointer-events:auto}.yz-result-actions button,.yz-result-actions a{display:grid;place-items:center;min-width:30px;height:30px;padding:0 8px;border:1px solid rgba(31,37,50,.1);border-radius:8px;background:#fff;color:#4b5668;cursor:pointer;font-size:11px;white-space:nowrap}.empty-result span{display:none!important}.empty-result::before{content:"◇";color:#9aa5b5;font-size:22px}.empty-result small{color:#707b8d!important;font-size:12px!important}
html[data-yz-theme="dark"][data-youzi-route="canvas"] .yz-app-header,html[data-yz-theme="dark"][data-youzi-route="canvas"] .quiet-header{background:#111620;color:#edf1f7;border-color:#29313f}html[data-yz-theme="dark"][data-youzi-route="canvas"] .yz-app-brand,html[data-yz-theme="dark"][data-youzi-route="canvas"] .yz-canvas-name{color:#edf1f7}html[data-yz-theme="dark"][data-youzi-route="canvas"] .yz-canvas-tools,html[data-yz-theme="dark"][data-youzi-route="canvas"] .floating-toolbar,html[data-yz-theme="dark"][data-youzi-route="canvas"] .yz-canvas-settings,html[data-yz-theme="dark"][data-youzi-route="canvas"] .yz-canvas-settings-popover{color:#dbe2ee;background:#171d27!important;border-color:#303949!important}html[data-yz-theme="dark"][data-youzi-route="canvas"] .yz-canvas-settings-popover button{color:#d1d8e5}html[data-yz-theme="dark"][data-youzi-route="canvas"] .yz-result-actions button,html[data-yz-theme="dark"][data-youzi-route="canvas"] .yz-result-actions a{color:#d7deea;background:#1c2330;border-color:#354052}
html[data-yz-theme="dark"][data-youzi-route="canvas"] .portable-app{background:#090b10!important}html[data-yz-theme="dark"][data-youzi-route="canvas"] .white-canvas{background-color:#0b0e15!important;background-image:radial-gradient(circle at 1px 1px,rgba(130,145,170,.18) 1px,transparent 1.2px)!important;background-size:30px 30px!important}
@media(max-width:720px){.yz-canvas-tools{left:8px;padding:5px}.yz-canvas-tool{width:34px;height:34px}html[data-youzi-route="canvas"] .floating-toolbar{bottom:10px!important}html[data-youzi-route="canvas"] .floating-toolbar button{min-width:32px;height:32px;padding:0 8px}.yz-fit-canvas{min-width:56px!important}.yz-canvas-settings{right:10px;bottom:10px}html[data-youzi-route="canvas"] .yz-assistant-panel{top:var(--yz-app-header-height,64px);right:0;bottom:0;width:min(390px,100vw);border-radius:0}html[data-youzi-route="canvas"] .canvas-tip{display:none}}@media(max-width:520px){.yz-fit-canvas{font-size:0!important}.yz-fit-canvas::before{content:"⌗";font-size:16px}.yz-canvas-tools{gap:3px}.yz-canvas-tool{width:32px;height:32px}.yz-canvas-settings{width:36px;height:36px}}@media(prefers-reduced-motion:reduce){.yz-canvas-tool,.yz-assistant-panel,.yz-result-actions{animation:none!important;transition:none!important}}