.editor-layout{--editor-panel-radius: 12px;--editor-panel-gap: 8px;--editor-column-gap: 8px;--editor-panel-bg: var(--color-surface, #ffffff);--editor-panel-border: var(--color-border, #e8e9eb);--editor-canvas-bg: #f3f4f6;--editor-toggle-size: 22px;--editor-accent: var(--color-primary, #067bef);--editor-accent-soft: rgba(6, 123, 239, .08);--editor-accent-ring: rgba(6, 123, 239, .18);display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden;background:var(--color-bg, #f5f6f7)}.editor-layout__toolbar{flex-shrink:0;z-index:200}.editor-layout__main{flex:1;display:flex;min-height:0;min-width:0;position:relative;z-index:0;overflow:hidden;gap:var(--editor-column-gap);padding:var(--editor-panel-gap) 0;background:var(--editor-canvas-bg)}.editor-layout__left-wrap{--editor-left-width: 304px;position:relative;flex-shrink:0;width:calc(var(--editor-left-width) + var(--editor-panel-gap));min-height:0;z-index:15;overflow:visible;padding-left:var(--editor-panel-gap);transition:width .3s cubic-bezier(.4,0,.2,1)}.editor-layout__left-wrap--collapsed{width:0;padding-left:0;transition:width .24s cubic-bezier(.4,0,.2,1)}.editor-layout__left{width:100%;height:100%;min-height:0;display:flex;flex-direction:column;background:var(--editor-panel-bg);border:1px solid var(--editor-panel-border);border-left:none;border-radius:0 var(--editor-panel-radius) var(--editor-panel-radius) 0;box-shadow:0 1px 2px #0f172a0a,0 4px 16px #0f172a08;overflow:hidden;transition:width .3s cubic-bezier(.4,0,.2,1),opacity .22s ease,transform .3s cubic-bezier(.4,0,.2,1),box-shadow .22s ease}.editor-layout__left>.stencil-shell,.editor-layout__left>.po-flow-dock-layout{flex:1;min-height:0;height:100%}.editor-layout__left>.editor-shell__board-hint{display:flex;flex-direction:column;flex:1;min-height:0;height:100%;overflow:hidden}.editor-layout__left>.editor-shell__board-hint .stencil-shell{flex:1;min-height:0}.editor-layout__left-wrap--collapsed .editor-layout__left{width:0;min-width:0;overflow:hidden;border-color:transparent;box-shadow:none;pointer-events:none;opacity:0;transform:translate(-8px)}.editor-layout__left-toggle{position:absolute;top:50%;right:calc(var(--editor-toggle-size) / -2 - 1px);z-index:25;display:flex;align-items:center;justify-content:center;width:var(--editor-toggle-size);height:36px;padding:0;border:1px solid var(--editor-panel-border);border-radius:999px;background:#fffffff5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#94a3b8;cursor:pointer;transform:translateY(-50%);box-shadow:0 1px 3px #0f172a0f,0 4px 12px #0f172a0d;opacity:.88;transition:background .18s ease,color .18s ease,border-color .18s ease,box-shadow .18s ease,opacity .18s ease,right .3s cubic-bezier(.4,0,.2,1)}.editor-layout__left-wrap:hover .editor-layout__left-toggle,.editor-layout__left-toggle:focus-visible{opacity:1}.editor-layout__left-toggle:hover{background:#fff;color:var(--editor-accent);border-color:#067bef40;box-shadow:0 2px 6px #067bef1f,0 6px 16px #067bef1a}.editor-layout__left-toggle:active{transform:translateY(-50%) scale(.96)}.editor-layout__left-toggle:focus-visible{outline:none;box-shadow:0 0 0 3px var(--editor-accent-ring),0 2px 6px #067bef1f}.editor-layout__left-wrap--collapsed .editor-layout__left-toggle{right:auto;left:var(--editor-panel-gap);opacity:1}.editor-layout__left-toggle .editor-layout__side-toggle-icon{transform:rotate(135deg)}.editor-layout__left-wrap--collapsed .editor-layout__left-toggle .editor-layout__side-toggle-icon{transform:rotate(-45deg)}.editor-layout__right-wrap{--editor-right-width: 320px;position:relative;flex-shrink:0;width:calc(var(--editor-right-width) + var(--editor-panel-gap));min-width:0;min-height:0;z-index:15;overflow:visible;padding-right:var(--editor-panel-gap);transition:width .3s cubic-bezier(.4,0,.2,1);background:transparent}.editor-layout__right-wrap--collapsed{width:0;min-width:0;max-width:0;flex-basis:0;padding-right:0;border:none;background:transparent;transition:width .24s cubic-bezier(.4,0,.2,1)}.editor-layout__main--right-collapsed .editor-layout__right-wrap{position:absolute;top:0;right:0;bottom:0;width:0;min-width:0;max-width:0;padding:0;z-index:20;background:transparent;pointer-events:none}.editor-layout__main--right-collapsed .editor-layout__canvas{border-top-right-radius:0;border-bottom-right-radius:0;border-right:none}.editor-layout__right{width:100%;height:100%;min-height:0;display:flex;flex-direction:column;background:var(--editor-panel-bg);border:1px solid var(--editor-panel-border);border-right:none;border-radius:var(--editor-panel-radius) 0 0 var(--editor-panel-radius);box-shadow:0 1px 2px #0f172a0a,0 4px 16px #0f172a08;overflow:hidden;transition:width .3s cubic-bezier(.4,0,.2,1),opacity .22s ease,transform .3s cubic-bezier(.4,0,.2,1),box-shadow .22s ease}.editor-layout__right>.po-flow-dock-layout,.editor-layout__right>.editor-shell__proto-right{flex:1;min-height:0;height:100%;overflow:hidden}.editor-layout__right>.props-panel{flex:1;min-height:0;height:100%;overflow-x:hidden;overflow-y:auto}.editor-layout__right-wrap--collapsed .editor-layout__right{width:0;min-width:0;max-width:0;overflow:hidden;border:none;border-color:transparent;box-shadow:none;pointer-events:none;opacity:0;visibility:hidden;background:transparent;transform:translate(8px)}.editor-layout__right-toggle{position:absolute;top:50%;left:calc(var(--editor-toggle-size) / -2 - 1px);z-index:25;display:flex;align-items:center;justify-content:center;width:var(--editor-toggle-size);height:36px;padding:0;border:1px solid var(--editor-panel-border);border-radius:999px;background:#fffffff5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#94a3b8;cursor:pointer;transform:translateY(-50%);box-shadow:0 1px 3px #0f172a0f,0 4px 12px #0f172a0d;opacity:.88;transition:background .18s ease,color .18s ease,border-color .18s ease,box-shadow .18s ease,opacity .18s ease,left .3s cubic-bezier(.4,0,.2,1)}.editor-layout__right-wrap:hover .editor-layout__right-toggle,.editor-layout__right-toggle:focus-visible{opacity:1}.editor-layout__right-toggle:hover{background:#fff;color:var(--editor-accent);border-color:#067bef40;box-shadow:0 2px 6px #067bef1f,0 6px 16px #067bef1a}.editor-layout__right-toggle:active{transform:translateY(-50%) scale(.96)}.editor-layout__right-toggle:focus-visible{outline:none;box-shadow:0 0 0 3px var(--editor-accent-ring),0 2px 6px #067bef1f}.editor-layout__right-wrap--collapsed .editor-layout__right-toggle{left:auto;right:var(--editor-panel-gap);opacity:1;pointer-events:auto}.editor-layout__right-toggle .editor-layout__side-toggle-icon{transform:rotate(-45deg)}.editor-layout__right-wrap--collapsed .editor-layout__right-toggle .editor-layout__side-toggle-icon{transform:rotate(135deg)}.editor-layout__side-toggle-icon{display:block;width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;-webkit-user-select:none;user-select:none;transition:transform .22s cubic-bezier(.4,0,.2,1)}.editor-layout__canvas{flex:1;min-width:0;min-height:0;position:relative;z-index:0;background:var(--editor-panel-bg);border:1px solid var(--editor-panel-border);border-radius:var(--editor-panel-radius);box-shadow:inset 0 1px #fff9,0 1px 2px #0f172a0a;overflow:hidden}.editor-layout--canvas-fullscreen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;height:100dvh;max-height:100dvh;background:var(--editor-canvas-bg);overflow:hidden}.editor-layout--canvas-fullscreen .editor-layout__toolbar,.editor-layout--canvas-fullscreen .editor-layout__bottom,.editor-layout--canvas-fullscreen .editor-layout__left-wrap,.editor-layout--canvas-fullscreen .editor-layout__right-wrap{display:none}.editor-layout--canvas-fullscreen .editor-layout__main{flex:1;height:100%;min-height:0;padding:0;gap:0;background:var(--editor-canvas-bg)}.editor-layout--canvas-fullscreen .editor-layout__canvas{flex:1;width:100%;height:100%;min-height:0;border:none;border-radius:0;box-shadow:none;background:var(--editor-canvas-bg)}.editor-layout__fullscreen-exit{position:fixed;top:12px;right:12px;z-index:2050;display:inline-flex;align-items:center;justify-content:center;padding:6px 12px;border:1px solid var(--editor-panel-border);border-radius:8px;background:#fffffff2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--color-text, #1f2329);font-size:12px;font-weight:500;line-height:1;cursor:pointer;box-shadow:0 2px 8px #0f172a1a;transition:background .15s ease,color .15s ease,box-shadow .15s ease}.editor-layout__fullscreen-exit:hover{background:var(--editor-accent-soft);color:var(--editor-accent);box-shadow:0 4px 14px #067bef26}.editor-layout__bottom{flex-shrink:0;z-index:10}.editor-shell__board-hint{padding:24px 18px;font-size:13px;color:var(--color-text-muted, #8f959e);line-height:1.6}.editor-shell__board-hint p:first-child{margin:0;font-size:14px;font-weight:600;color:#646a73}.editor-shell__hint{margin-top:8px;font-size:12px;color:var(--color-text-muted, #8f959e);line-height:1.55}.editor-shell__loading{padding:40px 18px;font-size:13px;color:var(--color-text-muted, #8f959e);text-align:center}.props-panel--empty{padding:40px 22px;color:var(--color-text-muted, #8f959e);text-align:center}.props-panel__hint{margin-top:8px;font-size:12px;color:var(--color-text-muted, #8f959e);line-height:1.55}.props-panel__title{margin:0 0 16px;font-size:14px;font-weight:600;color:var(--color-text, #1f2329);letter-spacing:-.01em}.x6-widget-stencil{background:transparent!important;border:none!important}.x6-widget-stencil .x6-widget-stencil-title{background:transparent!important;font-size:12px!important;font-weight:600!important;color:#646a73!important;text-transform:none!important;letter-spacing:0!important;padding:14px 18px 8px!important;border-bottom:none!important}.x6-widget-stencil .x6-widget-stencil-group{border:none!important}.x6-widget-stencil .x6-widget-stencil-group-title{background:transparent!important;font-size:11px!important;color:var(--color-text-muted, #8f959e)!important;font-weight:500!important;padding:10px 18px 4px!important}.x6-widget-stencil-content{padding:4px 14px!important}.x6-widget-stencil .x6-node{cursor:grab;border-radius:8px;transition:box-shadow .15s ease,transform .15s ease}.x6-widget-stencil .x6-node:hover{box-shadow:0 2px 10px #067bef24;transform:translateY(-1px)}.po-flow-dock-layout{background:transparent;border-left:none}.collab-action{position:relative;display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 14px 0 6px;border:1px solid transparent;border-radius:11px;background:transparent;cursor:pointer;color:#334155;font-size:13px;font-weight:600;letter-spacing:.01em;white-space:nowrap;transition:background .2s ease,border-color .2s ease,box-shadow .2s ease,transform .15s ease,color .2s ease}.collab-action:hover:not(:disabled){background:#ffffffeb;border-color:#0f172a14;box-shadow:0 4px 14px #0f172a14;transform:translateY(-1px)}.collab-action:active:not(:disabled){transform:translateY(0)}.collab-action:disabled{opacity:.45;cursor:not-allowed}.collab-action--active{background:#fff;border-color:#067bef38;box-shadow:0 4px 16px #067bef1f;color:#067bef}.collab-action__icon{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:9px;flex-shrink:0;color:#fff;box-shadow:0 2px 8px #0f172a24,inset 0 1px #ffffff47}.collab-action--neutral.collab-action--icon-import .collab-action__icon{background:linear-gradient(145deg,#14b8a6,#0d9488)}.collab-action--neutral.collab-action--icon-export .collab-action__icon{background:linear-gradient(145deg,#8b5cf6,#7c3aed)}.collab-action--neutral.collab-action--icon-share .collab-action__icon{background:linear-gradient(145deg,#3b82f6,#2563eb)}.collab-action--neutral.collab-action--icon-publish .collab-action__icon{background:linear-gradient(145deg,#fb923c,#ea580c)}.collab-action--neutral:hover:not(:disabled).collab-action--icon-import .collab-action__icon,.collab-action--neutral.collab-action--active.collab-action--icon-import .collab-action__icon{background:linear-gradient(145deg,#2dd4bf,#14b8a6)}.collab-action--neutral:hover:not(:disabled).collab-action--icon-export .collab-action__icon,.collab-action--neutral.collab-action--active.collab-action--icon-export .collab-action__icon{background:linear-gradient(145deg,#a78bfa,#8b5cf6)}.collab-action--neutral:hover:not(:disabled).collab-action--icon-share .collab-action__icon,.collab-action--neutral.collab-action--active.collab-action--icon-share .collab-action__icon{background:linear-gradient(145deg,#60a5fa,#3b82f6)}.collab-action--neutral:hover:not(:disabled).collab-action--icon-publish .collab-action__icon,.collab-action--neutral.collab-action--active.collab-action--icon-publish .collab-action__icon{background:linear-gradient(145deg,#fdba74,#f97316)}.collab-action--neutral .collab-action__icon{background:linear-gradient(145deg,#64748b,#475569)}.collab-action--neutral:hover:not(:disabled) .collab-action__icon,.collab-action--neutral.collab-action--active .collab-action__icon{filter:brightness(1.05)}.collab-action__label{line-height:1}.collab-action__caret{display:inline-flex;margin-left:-4px;opacity:.72}.collab-action__badge{position:absolute;top:-4px;right:6px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:linear-gradient(135deg,#ef4444,#f97316);color:#fff;font-size:10px;font-weight:700;line-height:18px;text-align:center;box-shadow:0 0 0 2px #fff}.collab-dropdown-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10190;background:#0f172a14;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);pointer-events:none}.collab-dropdown-portal{position:fixed;z-index:10200;min-width:188px;margin:0;padding:6px 0;list-style:none;background:#fff;border:1px solid rgba(15,23,42,.08);border-radius:12px;box-shadow:0 16px 40px #0f172a29}.collab-dropdown-portal button{display:block;width:100%;padding:10px 16px;text-align:left;font-size:13px;border:none;background:transparent;cursor:pointer;color:#334155;transition:background .15s,color .15s}.collab-dropdown-portal button:hover{background:#067bef0f;color:#067bef}.collab-dropdown-portal--export{padding:0}.collab-dropdown-portal--import button:hover{background:#14b8a614;color:#0d9488}.export-menu{position:relative}.export-menu__trigger{padding:6px 12px;font-size:13px;border:1px solid var(--color-border);border-radius:4px;background:var(--color-bg);cursor:pointer}.export-menu__trigger:disabled{opacity:.5;cursor:not-allowed}.export-menu__dropdown-wrap{position:absolute;top:calc(100% + 6px);right:0;z-index:10200}.export-menu-portal{min-width:220px;padding:6px 0}.export-menu-panel{display:flex;flex-direction:column}.export-menu-panel__divider{height:1px;margin:4px 12px;background:#0f172a14}.export-menu-panel__item{display:flex;align-items:center;gap:10px;width:100%;min-height:36px;padding:0 14px;border:none;background:transparent;cursor:pointer;color:#1f2329;font-size:13px;text-align:left;transition:background .12s ease}.export-menu-panel__item:hover:not(:disabled){background:#f3f4f6}.export-menu-panel__item:focus,.export-menu-panel__item:focus-visible{outline:none}.export-menu-panel__item--disabled,.export-menu-panel__item:disabled{color:#c2c7cf;cursor:not-allowed}.export-menu-panel__item--disabled .export-menu-panel__icon,.export-menu-panel__item:disabled .export-menu-panel__icon{color:#c2c7cf}.export-menu-panel__icon{display:inline-flex;align-items:center;justify-content:center;width:20px;flex-shrink:0;color:#8f959e}.export-menu-panel__label{flex:1;line-height:1.3}.export-menu-panel__vip{flex-shrink:0;padding:1px 6px;border-radius:4px;background:#fff3e8;color:#fa8c16;font-size:11px;font-weight:600;line-height:1.5}.export-menu-panel__chevron{flex-shrink:0;color:#b8bcc2;font-size:16px;line-height:1}.collab-dropdown-portal--export .export-menu-panel__item:hover:not(:disabled){background:#f3f4f6;color:#1f2329}.export-menu--collab .export-menu__trigger{height:34px;padding:0 14px;border:1px solid rgba(15,23,42,.1);border-radius:8px;background:#fff;font-size:13px;font-weight:500;color:var(--color-text, #1f2329);box-shadow:0 1px 2px #0f172a0a;white-space:nowrap}.export-menu--collab .export-menu__trigger:hover:not(:disabled){background:#f8f9fb;border-color:#0f172a24}.export-menu--collab .export-menu__trigger[aria-expanded=true]{border-color:#067bef59;background:#f0f7ff;color:var(--color-primary, #067bef)}.editor-import-menu{display:flex;align-items:center}.editor-user-avatar-wrap{position:relative;flex-shrink:0;padding:2px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#8b5cf6,#ec4899 70%,#f97316);box-shadow:0 4px 14px #6366f138}.editor-user-avatar{width:36px;height:36px;padding:0;border:2px solid #fff;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;text-decoration:none;color:#fff;font-size:14px;font-weight:700;background:#067bef}.editor-user-avatar:hover{transform:scale(1.04)}.editor-user-avatar-wrap:hover{box-shadow:0 6px 18px #6366f14d}.editor-user-avatar--guest{background:linear-gradient(145deg,#e2e8f0,#cbd5e1);color:#64748b}.editor-user-avatar__img{width:100%;height:100%;border-radius:50%;object-fit:cover}.editor-user-avatar__initial{line-height:1}.editor-user-avatar__menu{position:absolute;top:calc(100% + 12px);right:0;z-index:130;min-width:220px;padding:8px 0;background:#fff;border:1px solid rgba(15,23,42,.08);border-radius:14px;box-shadow:0 16px 40px #0f172a29}.editor-user-avatar__info{display:flex;flex-direction:column;gap:3px;padding:12px 16px 10px;border-bottom:1px solid rgba(15,23,42,.06);margin-bottom:4px}.editor-user-avatar__info strong{font-size:14px;font-weight:600;color:#1f2329}.editor-user-avatar__info span{font-size:12px;color:#8f959e;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.editor-user-avatar__menu-item{display:block;width:100%;padding:10px 16px;text-align:left;font-size:13px;border:none;background:transparent;cursor:pointer;color:#334155;text-decoration:none;transition:background .15s,color .15s}.editor-user-avatar__menu-item:hover{background:#6366f114;color:#6366f1}.editor-user-avatar__menu-item--danger:hover{background:#f9731614;color:#ea580c}.collab-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;height:52px;padding:0 18px 0 12px;background:linear-gradient(180deg,#fff,#fafbfc);border-bottom:1px solid rgba(15,23,42,.07);box-shadow:0 1px #ffffffe6 inset}.collab-bar__brand,.collab-bar__right{display:flex;align-items:center;min-width:0}.collab-bar__brand{flex:1;gap:10px;overflow:visible;position:relative;z-index:2}.collab-bar__right{flex-shrink:0;gap:12px;margin-left:auto;position:relative;z-index:10100}.collab-bar__back{flex-shrink:0}.collab-bar__after-title{display:flex;align-items:center;flex-shrink:0;margin-left:6px}.collab-bar__menus{display:flex;align-items:center;min-width:0;margin-left:8px;overflow:visible;position:relative;z-index:5}.collab-bar__logo-mark{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:10px;flex-shrink:0;color:#fff;background:linear-gradient(135deg,#7c3aed,#6366f1 55%,#818cf8);box-shadow:0 3px 10px #6366f14d,0 0 0 1px #fff3 inset}.collab-bar__logo-mark svg{width:18px;height:18px}.collab-bar__title{flex:0 1 auto;min-width:80px;max-width:260px;padding:5px 8px;margin:0;border:1px solid transparent;border-radius:8px;font-size:15px;font-weight:600;line-height:1.4;letter-spacing:-.01em;background:transparent;color:#1f2329;transition:border-color .15s,background .15s}.collab-bar__title:hover,.collab-bar__title:focus{border-color:#0f172a1a;background:#0f172a08;outline:none}.collab-bar__action-dock{display:flex;align-items:center;gap:6px;padding:5px 8px 5px 6px;border-radius:14px;background:linear-gradient(180deg,#f8fafcfa,#f1f5f9f2);border:1px solid rgba(15,23,42,.08);box-shadow:0 6px 20px #0f172a0f,0 1px #ffffffd9 inset;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.collab-bar__export-wrap,.editor-import-menu,.export-menu--icon{display:flex;align-items:center}.collab-bar__dock-divider{width:1px;height:26px;margin:0 4px;background:linear-gradient(180deg,transparent 0%,rgba(15,23,42,.12) 20%,rgba(15,23,42,.12) 80%,transparent 100%);flex-shrink:0}.collab-bar__notify{flex-shrink:0}.collab-bar__notify .ws-header-actions__btn--icon{border-radius:10px}.collab-bar__notify .ws-header-actions__popover{z-index:10200}.collab-bar__btn{padding:8px 16px;font-size:13px;font-weight:500;border:1px solid rgba(15,23,42,.1);border-radius:10px;background:#fff;color:var(--color-text, #1f2329);cursor:pointer;white-space:nowrap;transition:background .15s,border-color .15s,box-shadow .15s,transform .1s;box-shadow:0 2px 6px #0f172a0d}.collab-bar__btn:hover{background:#f8f9fb;border-color:#0f172a24}.collab-bar__btn:active{transform:scale(.98)}.collab-bar__btn--primary{background:var(--color-primary, #067bef);border-color:var(--color-primary, #067bef);color:#fff}.editor-header{display:flex;flex-direction:column;flex-shrink:0;background:#fff;z-index:200;box-shadow:0 1px #0f172a0f;overflow:visible}#po-header.header{width:100%}.editor-toolbar-skeleton{height:40px;margin:4px 12px;border-radius:8px;background:linear-gradient(90deg,#eef1f5,#f8f9fb,#eef1f5);background-size:200% 100%;animation:editor-toolbar-shimmer 1.2s ease-in-out infinite}@keyframes editor-toolbar-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.hybrid-canvas{position:relative;display:flex;flex-direction:column;width:100%;height:100%;min-height:0}.hybrid-canvas__banner{flex-shrink:0;padding:6px 12px;font-size:12px;color:#5c3d00;background:#fff7e6;border-bottom:1px solid #ffe58f}.hybrid-canvas--readonly .hybrid-canvas__layer{pointer-events:none}.hybrid-canvas__layer{position:relative;flex:1;min-height:0}.hybrid-canvas__loading{padding:24px;font-size:13px;color:var(--color-text-muted, #8f959e)}.hybrid-canvas .flow-editor-wrap{width:100%;height:100%}.page-guide-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:2;overflow:hidden}.page-guide-overlay__frame{position:absolute;box-sizing:border-box;border:1px solid #d0d3d6;background:transparent}.page-guide-overlay__guide-lines{position:absolute;pointer-events:none}.page-guide-overlay__cross-line{stroke:#067bef6b;stroke-dasharray:8 6}.page-guide-overlay__print-line{stroke:#646a738c;stroke-dasharray:6 4}.canvas-preview-chrome{display:flex;align-items:center;gap:12px;min-width:0;flex:1;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.canvas-preview-chrome::-webkit-scrollbar{display:none}.canvas-preview-chrome__group{display:inline-flex;align-items:center;gap:6px;min-width:0;flex-shrink:0}.canvas-preview-chrome__group-label{flex-shrink:0;font-size:11px;font-weight:600;color:#8f959e;letter-spacing:.02em}.canvas-preview-chrome__group--zoom{padding-right:12px;border-right:1px solid rgba(15,23,42,.08)}.canvas-preview-chrome__btn{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;padding:0 6px;border:1px solid transparent;border-radius:7px;background:transparent;font-size:12px;font-weight:500;color:#1f2329;cursor:pointer}.canvas-preview-chrome__btn:hover{background:#0f172a0d;border-color:#0f172a0d;color:#067bef}.canvas-preview-chrome__btn--text{min-width:auto;padding:0 8px}.canvas-preview-chrome__pct{min-width:42px;text-align:center;font-size:12px;font-weight:600;color:#646a73;font-variant-numeric:tabular-nums}.canvas-preview-chrome__slider{width:88px;height:4px;accent-color:#067bef;cursor:pointer;flex-shrink:0}.canvas-preview-chrome__toggle{display:inline-flex;align-items:center;gap:6px;cursor:pointer;-webkit-user-select:none;user-select:none}.canvas-preview-chrome__toggle-input{position:absolute;opacity:0;width:0;height:0}.canvas-preview-chrome__toggle-track{position:relative;width:28px;height:16px;border-radius:999px;background:#d0d3d6;transition:background .15s ease}.canvas-preview-chrome__toggle-track:after{content:"";position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #0f172a26;transition:transform .15s ease}.canvas-preview-chrome__toggle-input:checked+.canvas-preview-chrome__toggle-track{background:#067bef}.canvas-preview-chrome__toggle-input:checked+.canvas-preview-chrome__toggle-track:after{transform:translate(12px)}.canvas-preview-chrome__toggle-label{font-size:12px;color:#1f2329;white-space:nowrap}.canvas-preview-chrome__exit{flex-shrink:0;margin-left:auto;display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 14px;border:1px solid #e4e7ec;border-radius:8px;background:#f8f9fb;color:#646a73;font-size:12px;font-weight:600;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}.canvas-preview-chrome__exit:hover{background:#fff;color:#1f2329;border-color:#c9cdd4}.canvas-preview-chrome__exit kbd{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:18px;padding:0 4px;border-radius:4px;background:#fff;border:1px solid #dfe1e5;font-size:11px;font-family:inherit;color:#8f959e;box-shadow:0 1px #e8eaed}.canvas-preview-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:5000;height:100dvh;max-height:100dvh;background:#f0f2f5;overflow:hidden}.canvas-preview-modal{display:flex;flex-direction:column;width:100%;height:100%;min-height:0;background:#f0f2f5;overflow:hidden}.canvas-preview-modal__header{flex-shrink:0;display:flex;align-items:center;gap:16px;min-height:var(--canvas-preview-header-h, 48px);height:var(--canvas-preview-header-h, 48px);padding:0 12px 0 16px;background:#fff;border-bottom:1px solid #e8eaed;box-shadow:0 1px 3px #0f172a0f;overflow:hidden}.canvas-preview-modal__header-main{display:flex;align-items:center;gap:10px;flex-shrink:0;min-width:0}.canvas-preview-modal__badge{flex-shrink:0;padding:2px 6px;border-radius:4px;background:linear-gradient(135deg,#1677ff,#4096ff);color:#fff;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.canvas-preview-modal__title{margin:0;font-size:14px;font-weight:600;color:#1f2329;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.canvas-preview-modal__header .canvas-preview-chrome{flex:1;min-width:0}.canvas-preview-modal__stage{flex:1;min-height:0;position:relative;overflow:hidden;background:var(--editor-canvas-bg, #f3f4f6)}.canvas-preview-modal__stage>.editor-shell__canvas-inner{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;min-height:0;display:flex;flex-direction:column}.canvas-preview-modal__stage .flow-editor-wrap,.canvas-preview-modal__stage .flowchart-editor-wrap{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;min-height:0}.canvas-preview-modal__stage .flow-editor-canvas-host{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;min-height:0;display:flex;flex-direction:column}.canvas-preview-modal__stage .flowchart-editor-canvas,.canvas-preview-modal__stage .flow-editor-canvas,.canvas-preview-modal__stage [data-testid=flow-canvas]{flex:1;width:100%!important;height:100%!important;min-height:0}.canvas-preview-modal__stage .x6-graph{width:100%!important;height:100%!important}.props-panel{padding:16px;font-size:13px}.props-panel--empty{padding:32px 20px;color:#8f959e;text-align:center}.props-panel--empty p:first-child{font-size:14px;font-weight:500;color:#646a73}.props-panel__hint{margin-top:6px;font-size:12px;color:#8f959e;line-height:1.5}.props-panel__title{margin:0 0 16px;font-size:14px;font-weight:600;color:#1f2329;letter-spacing:-.01em}.props-panel__field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.props-panel__field span{font-size:12px;color:#8f959e;font-weight:500}.props-panel__field input[type=text],.props-panel__field input[type=number]{padding:7px 10px;border:1px solid rgba(0,0,0,.1);border-radius:6px;font-size:13px;font-family:inherit;color:#1f2329;background:#fff;transition:border-color .15s ease,box-shadow .15s ease}.props-panel__field input[type=text]:focus,.props-panel__field input[type=number]:focus{outline:none;border-color:#067bef;box-shadow:0 0 0 3px #067bef1a}.props-panel__field input[type=color]{width:100%;height:32px;padding:2px;border:1px solid rgba(0,0,0,.1);border-radius:6px;cursor:pointer;background:#fff}.props-panel__row{display:flex;gap:8px}.props-panel__field--half{flex:1}.page-tab-bar{display:flex;align-items:center;gap:8px;padding:4px 8px;min-height:36px}.page-tab-bar__tabs{display:flex;gap:2px;flex:1;overflow-x:auto}.page-tab-bar__tab{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;font-size:12px;border:none;border-radius:6px;background:transparent;cursor:pointer;white-space:nowrap;color:var(--color-text-muted, #646a73)}.page-tab-bar__tab:hover{background:#f5f7fa}.page-tab-bar__tab--active{background:#eef5ff;color:var(--color-primary, #067bef);font-weight:600}.page-tab-bar__icon{opacity:.7;font-size:11px}.page-tab-bar__close{margin-left:4px;opacity:.5;cursor:pointer}.page-tab-bar__close:hover{opacity:1;color:#c62828}.page-tab-bar__add{display:flex;gap:4px;flex-shrink:0}.page-tab-bar__add button{padding:4px 8px;font-size:11px;border:none;border-radius:4px;background:transparent;color:var(--color-text-muted, #8f959e);cursor:pointer}.page-tab-bar__add button:hover{background:#f5f7fa;color:var(--color-primary, #067bef)}.editor-status-bar__single-tab{padding:6px 12px;font-size:12px;font-weight:600;color:var(--color-primary, #067bef);background:#eef5ff;border-radius:6px;margin-left:8px}.editor-status-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:36px;padding:0 8px 0 0;background:#fff;border-top:1px solid var(--color-border, #e8e9eb)}.editor-status-bar__left{flex:1;min-width:0;overflow:hidden}.editor-status-bar__right{display:flex;align-items:center;gap:12px;flex-shrink:0;padding-right:8px}.editor-status-bar__count{font-size:12px;color:var(--color-text-muted, #8f959e);white-space:nowrap}.editor-status-bar__fullscreen{display:inline-flex;align-items:center;justify-content:center;height:26px;padding:0 10px;border:1px solid var(--color-border, #e8e9eb);border-radius:6px;background:#fff;font-size:12px;line-height:1;color:var(--color-text, #1f2329);cursor:pointer;white-space:nowrap;transition:background .15s,color .15s,border-color .15s}.editor-status-bar__fullscreen:hover{background:#f0f5ff;color:var(--color-primary, #067bef);border-color:#91caff}.editor-status-bar__fullscreen[aria-pressed=true]{background:#e6f4ff;color:var(--color-primary, #067bef);border-color:#91caff}.po-fill-subpanel{display:flex;flex-direction:column;gap:10px;padding:4px 0}.po-fill-subpanel--canvas{padding:0}.po-fill-subpanel--inline{gap:8px;padding:0}.po-fill-subpanel--inline-gradient{gap:10px}.po-fill-subpanel--inline .po-fill-subpanel__preview-wrap{position:relative}.po-fill-subpanel--inline .po-fill-subpanel__preview{height:52px;border-radius:8px;box-shadow:inset 0 0 0 1px #ffffff73,0 1px 3px #0f172a14}.po-fill-subpanel__preview-wrap{position:relative}.po-fill-subpanel__preview-angle{position:absolute;right:8px;bottom:6px;padding:2px 6px;border-radius:4px;background:#ffffffd1;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);font-size:10px;font-weight:500;color:#646a73;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;pointer-events:none}.po-fill-subpanel__section{display:flex;flex-direction:column;gap:6px}.po-fill-subpanel__section-title{font-size:11px;font-weight:600;color:#8f959e;letter-spacing:.02em}.po-fill-subpanel__direction-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.po-fill-subpanel__direction-btn{display:flex;align-items:center;justify-content:center;height:28px;border:1px solid #e8eaed;border-radius:6px;background:#fff;color:#646a73;font-size:13px;line-height:1;cursor:pointer;transition:border-color .15s ease,color .15s ease,background .15s ease,box-shadow .15s ease}.po-fill-subpanel__direction-btn:hover{border-color:#c9cdd4;color:#1f2329;background:#fafbfc}.po-fill-subpanel__direction-btn--active{border-color:var(--color-primary, #067bef);color:var(--color-primary, #067bef);background:#eef5ff;box-shadow:0 0 0 2px #067bef1a}.po-fill-subpanel__angle-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;font-size:11px;color:#8f959e}.po-fill-subpanel__angle-row input[type=range]{width:100%;height:4px;accent-color:var(--color-primary, #067bef)}.po-fill-subpanel__angle-value{min-width:32px;text-align:right;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;color:#646a73}.po-fill-subpanel__stops-row{display:flex;align-items:flex-end;gap:8px}.po-fill-subpanel__stops-col{display:flex;flex-direction:column;gap:8px}.po-fill-subpanel__stops-actions{display:flex;align-items:center;gap:8px}.po-fill-subpanel__add-stop,.po-fill-subpanel__stop-remove{height:28px;padding:0 10px;border:1px solid #e8eaed;border-radius:6px;background:#fff;color:#646a73;font-size:12px;cursor:pointer}.po-fill-subpanel__add-stop:hover,.po-fill-subpanel__stop-remove:hover{border-color:#c9cdd4;color:#1f2329}.po-fill-subpanel__stop-offset{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:6px;margin-top:4px;font-size:11px;color:#8f959e}.po-fill-subpanel__stop-offset input[type=range]{width:100%;height:4px;accent-color:var(--color-primary, #067bef)}.po-fill-subpanel__stop{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.po-fill-subpanel__stop-label{font-size:11px;color:#8f959e}.po-fill-subpanel__stop-swatch{position:relative;width:100%;height:32px;padding:0;border:1px solid rgba(15,23,42,.1);border-radius:8px;cursor:pointer;overflow:hidden;box-shadow:inset 0 0 0 1px #fff6;transition:border-color .15s ease,box-shadow .15s ease}.po-fill-subpanel__stop-swatch:hover{border-color:#067bef73;box-shadow:inset 0 0 0 1px #fff6,0 0 0 2px #067bef1f}.po-fill-subpanel__stop-input{position:absolute;width:0;height:0;opacity:0;pointer-events:none}.po-fill-subpanel__stop-hex{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;color:#8f959e;text-align:center}.po-fill-subpanel__swap-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;margin-bottom:14px;flex-shrink:0;border:1px solid #e8eaed;border-radius:6px;background:#fff;color:#646a73;cursor:pointer;transition:border-color .15s ease,color .15s ease,background .15s ease}.po-fill-subpanel__swap-btn:hover{border-color:#c9cdd4;color:#1f2329;background:#f7f8fa}.po-fill-subpanel--inline .po-fill-subpanel__field{padding:6px 8px;border-radius:6px;background:#fff;border:1px solid #e4e7ec}.po-fill-subpanel--inline .po-fill-subpanel__preset-grid{grid-template-columns:repeat(4,1fr);gap:5px}.po-fill-subpanel--inline .po-fill-subpanel__preset{height:24px;border-radius:5px;transition:transform .12s ease,box-shadow .12s ease}.po-fill-subpanel--inline .po-fill-subpanel__preset:hover{transform:scale(1.04);box-shadow:0 2px 6px #0f172a1f}.po-fill-subpanel--inline .po-fill-subpanel__apply{margin-top:2px;height:32px;border-radius:8px;font-weight:500;font-size:12px}.po-fill-subpanel--inline .po-fill-subpanel__upload{border-radius:8px;padding:8px 10px}.po-fill-subpanel--inline .po-fill-subpanel__pattern-grid{grid-template-columns:repeat(3,1fr)}.po-fill-subpanel--inline .po-fill-subpanel__pattern{height:40px;border-radius:6px}.po-fill-subpanel__header{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:#1f2329}.po-fill-subpanel__back{border:none;background:none;color:#067bef;cursor:pointer;padding:0;font-size:13px}.po-fill-subpanel__preview{height:72px;border-radius:8px;border:1px solid #e4e7ec;background:#f8fafc}.po-fill-subpanel__preview--empty{background:linear-gradient(45deg,#e2e8f0 25%,transparent 25%),linear-gradient(-45deg,#e2e8f0 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e2e8f0 75%),linear-gradient(-45deg,transparent 75%,#e2e8f0 75%);background-size:12px 12px;background-position:0 0,0 6px,6px -6px,-6px 0}.po-fill-subpanel__field{display:flex;flex-direction:column;gap:6px;font-size:12px;color:#646a73}.po-fill-subpanel__field--row{flex-direction:row;align-items:center}.po-fill-subpanel__field input[type=range]{width:100%}.po-fill-subpanel__directions{display:flex;flex-wrap:wrap;gap:4px}.po-fill-subpanel__direction{border:1px solid #e4e7ec;border-radius:6px;background:#fff;color:#646a73;font-size:11px;line-height:1.2;padding:4px 6px;cursor:pointer}.po-fill-subpanel__direction--active{border-color:#067bef;color:#067bef;background:#eef5ff}.po-fill-subpanel__swap{display:inline-flex;align-items:center;gap:4px;margin-left:auto;border:1px solid #e4e7ec;border-radius:6px;background:#fff;color:#646a73;font-size:11px;padding:4px 8px;cursor:pointer}.po-fill-subpanel__swap:hover{border-color:#c9cdd4;color:#1f2329}.po-fill-subpanel__field input[type=text],.po-fill-subpanel__field input:not([type=color]):not([type=range]){flex:1;border:1px solid #e4e7ec;border-radius:6px;padding:6px 8px;font-size:12px}.po-fill-subpanel__hex{font-family:ui-monospace,monospace;font-size:11px;color:#8f959e}.po-fill-subpanel__label{font-size:12px;color:#646a73;margin-bottom:4px}.po-fill-subpanel__presets{display:flex;flex-direction:column;gap:6px}.po-fill-subpanel__quick-colors{display:grid;grid-template-columns:repeat(8,1fr);gap:5px}.po-fill-subpanel__quick-colors .po-edge-color-swatch{width:100%;min-height:22px}.po-fill-subpanel__preset-grid,.po-fill-subpanel__pattern-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.po-fill-subpanel__preset{height:28px;border:1px solid #e4e7ec;border-radius:6px;cursor:pointer}.po-fill-subpanel__pattern{border:1px solid #e4e7ec;border-radius:6px;background:#fff;padding:6px 4px;font-size:11px;cursor:pointer}.po-fill-subpanel__pattern--active,.po-fill-subpanel__fit--active{border-color:#067bef;color:#067bef;background:#eef5ff}.po-fill-subpanel__fit-row{display:flex;gap:6px}.po-fill-subpanel__fit{flex:1;border:1px solid #e4e7ec;border-radius:6px;background:#fff;padding:6px;font-size:12px;cursor:pointer}.po-fill-subpanel__upload{border:1px dashed #c9cdd4;border-radius:8px;background:#fafbfc;padding:8px;font-size:12px;cursor:pointer}.po-fill-subpanel__apply{margin-top:4px;border:none;border-radius:8px;background:#067bef;color:#fff;padding:8px 12px;font-size:13px;cursor:pointer}.po-fill-subpanel__apply:disabled{opacity:.5;cursor:not-allowed}.po-edge-color-picker{width:296px;max-height:min(82vh,700px);overflow-y:auto;padding:12px 14px 10px;background:#fff;border-radius:10px;box-shadow:0 4px 6px #0f172a0a,0 12px 32px #0f172a1f;border:1px solid rgba(15,23,42,.08);font-family:inherit;scrollbar-width:thin;scrollbar-color:rgba(100,106,115,.35) transparent}.po-edge-color-picker::-webkit-scrollbar{width:4px}.po-edge-color-picker::-webkit-scrollbar-thumb{background:#646a7359;border-radius:3px}.po-edge-color-picker::-webkit-scrollbar-thumb:hover{background:#646a7380}.po-edge-color-picker__section{margin-bottom:12px}.po-edge-color-picker__section--presets{margin-bottom:10px}.po-edge-color-picker__title{font-size:12px;font-weight:600;color:#1f2329;margin-bottom:8px}.po-edge-color-picker__no-fill{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:100%;min-height:36px;margin:0 0 12px;padding:0 12px;border:1px solid #e4e7ec;border-radius:8px;background:#fff;font-size:13px;font-weight:500;font-family:inherit;line-height:1.2;color:#1f2329;cursor:pointer;transition:background .15s ease,border-color .15s ease,box-shadow .15s ease}.po-edge-color-picker__no-fill:hover{background:#f7f8fa;border-color:#d0d3d6}.po-edge-color-picker__no-fill--active{border-color:var(--color-primary, #067bef);background:#eef5ff;box-shadow:0 0 0 3px #067bef1a}.po-edge-color-picker__presets{display:flex;flex-wrap:wrap;gap:6px}.po-edge-color-picker__grid{display:grid;grid-template-columns:repeat(10,1fr);gap:5px}.po-edge-color-picker__grid--cols10{grid-template-columns:repeat(10,1fr)}.po-edge-color-picker__primary{display:grid;grid-template-columns:repeat(10,1fr);gap:5px;margin-top:5px}.po-edge-color-picker__primary--cols10{grid-template-columns:repeat(10,1fr)}.po-edge-color-swatch{width:100%;aspect-ratio:1;min-width:0;min-height:22px;padding:0;border:1px solid rgba(0,0,0,.06);border-radius:5px;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,outline-color .12s ease;box-shadow:inset 0 0 0 1px #ffffff59}.po-edge-color-swatch:hover:not(:disabled){transform:scale(1.1);z-index:1;box-shadow:inset 0 0 0 1px #ffffff59,0 2px 8px #0f172a1f}.po-edge-color-swatch--active{outline:2px solid var(--color-primary, #067bef);outline-offset:1px}.po-edge-color-swatch--preset{width:24px;height:24px;aspect-ratio:auto}.po-edge-color-swatch--empty{background:#f5f6f7;cursor:default;border-style:dashed;border-color:#e4e7ec}.po-edge-color-swatch--empty:hover{transform:none;box-shadow:none}.po-edge-color-picker__recent{display:grid;grid-template-columns:repeat(10,1fr);gap:5px}.po-edge-color-picker__footer{display:flex;align-items:center;gap:8px;padding-top:10px;margin-bottom:4px;border-top:1px solid rgba(15,23,42,.06)}.po-edge-color-picker__eyedropper{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;flex-shrink:0;border:1px solid #e4e7ec;border-radius:8px;background:#fff;color:#646a73;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}.po-edge-color-picker__eyedropper:hover{background:#f7f8fa;border-color:#d0d3d6;color:#1f2329}.po-edge-color-picker__hex,.po-edge-color-picker__rgb{flex:1;display:flex;align-items:center;gap:6px;min-width:0;border:1px solid #e4e7ec;border-radius:8px;padding:0 8px;height:32px;background:#fff;transition:border-color .15s ease,box-shadow .15s ease}.po-edge-color-picker__hex:focus-within,.po-edge-color-picker__rgb:focus-within{border-color:var(--color-primary, #067bef);box-shadow:0 0 0 3px #067bef1a}.po-edge-color-picker__hex-toggle{display:inline-flex;align-items:center;gap:3px;border:none;background:none;padding:0;font-size:11px;font-weight:500;color:#8f959e;cursor:pointer;flex-shrink:0;font-family:inherit}.po-edge-color-picker__hex-toggle:hover{color:#646a73}.po-edge-color-picker__hex input{flex:1;border:none;outline:none;font-size:12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;min-width:0;color:#1f2329}.po-edge-color-picker__rgb-input{flex:1;min-width:0;width:0;border:none;outline:none;font-size:11px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:#1f2329;-moz-appearance:textfield}.po-edge-color-picker__rgb-input::-webkit-outer-spin-button,.po-edge-color-picker__rgb-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.po-edge-color-picker__preview{width:32px;height:32px;border-radius:8px;border:1px solid rgba(15,23,42,.1);flex-shrink:0;box-shadow:inset 0 0 0 1px #ffffff73}.po-edge-color-picker__preview--none{background:linear-gradient(to top right,transparent calc(50% - 1px),#f87171 calc(50% - 1px),#f87171 calc(50% + 1px),transparent calc(50% + 1px));background-color:#fff}.po-edge-color-picker__native-color{position:absolute;width:0;height:0;opacity:0;pointer-events:none}.po-edge-color-picker__extras{margin-top:4px;border-top:1px solid rgba(15,23,42,.06)}.po-edge-color-picker__extra{display:flex;align-items:center;gap:10px;width:100%;padding:10px 6px;border:none;border-bottom:1px solid rgba(15,23,42,.05);background:transparent;font-size:13px;color:#1f2329;cursor:pointer;text-align:left;position:relative;font-family:inherit;transition:background .15s ease}.po-edge-color-picker__extra:last-child{border-bottom:none}.po-edge-color-picker__extra:not(:disabled):hover,.po-edge-color-picker__extra--expanded{background:#f5f6f7}.po-edge-color-picker__extra--active .po-edge-color-picker__extra-label{color:var(--color-primary, #067bef);font-weight:500}.po-edge-color-picker__extra-icon{width:20px;height:20px;border-radius:50%;flex-shrink:0}.po-edge-color-picker__extra-icon--more{background:conic-gradient(#ef4444,#f97316,#eab308,#22c55e,#06b6d4,#3b82f6,#8b5cf6,#ef4444)}.po-edge-color-picker__extra-icon--gradient{background:conic-gradient(from 0deg,#f87171,#fbbf24,#4ade80,#60a5fa,#c084fc,#f87171)}.po-edge-color-picker__extra-icon--image{background:linear-gradient(135deg,#86efac,#22c55e);border-radius:6px}.po-edge-color-picker__extra-icon--brush{background:linear-gradient(135deg,#64748b,#1e293b);border-radius:6px}.po-edge-color-picker__extra-label{flex:1}.po-edge-color-picker__extra-arrow{color:#b0b6bf;font-size:16px;line-height:1}.po-edge-color-picker__extra-panel{padding:6px 4px 10px;background:#fff;border-bottom:1px solid rgba(15,23,42,.05)}.po-edge-color-picker__extra-panel--gradient{padding:8px 6px 10px;border-radius:0 0 6px 6px;background:linear-gradient(180deg,#fafbfc,#fff)}.po-edge-color-picker--font,.po-edge-color-picker--fill,.po-edge-color-picker--background{width:296px}.po-toolbar-tip{display:inline-flex;vertical-align:middle}.po-toolbar-tip:has(>:disabled){cursor:not-allowed}.po-toolbar-tip>:disabled{pointer-events:none}.po-toolbar-tip__label{position:fixed;z-index:10050;transform:translate(-50%);padding:4px 10px;border-radius:6px;background:#0f172aeb;color:#fff;font-size:12px;font-weight:500;line-height:1.35;white-space:nowrap;pointer-events:none;box-shadow:0 4px 14px #0f172a2e;animation:po-toolbar-tip-in .12s ease}@keyframes po-toolbar-tip-in{0%{opacity:0;transform:translate(-50%) translateY(-2px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.po-edge-menu{position:relative;display:inline-flex;flex-shrink:0}.po-edge-menu__trigger{display:inline-flex;align-items:center;gap:5px;height:var(--po-toolbar-control-h, 36px);padding:0 8px;border:1px solid transparent;border-radius:9px;background:transparent;font-size:14px;color:#374151;cursor:pointer;font-family:inherit;white-space:nowrap;transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease,transform .1s ease}.po-edge-menu__trigger:hover{background:#ffffffa6;border-color:#0f172a0f}.po-edge-menu__trigger:active{transform:scale(.97)}.po-edge-menu__trigger:focus-visible{outline:none;box-shadow:0 0 0 3px #067bef33}.po-edge-menu__trigger[aria-expanded=true]{background:#fff;border-color:#0f172a1a;box-shadow:0 1px 3px #0f172a1a,0 0 0 1px #0f172a0a;color:#111827}.po-edge-menu__label{color:#8f959e;font-size:11px;font-weight:500}.po-edge-menu__summary{display:inline-flex;align-items:center;gap:4px;font-size:14px;max-width:88px;overflow:hidden;text-overflow:ellipsis}.po-edge-menu__trigger--compact{min-width:var(--po-toolbar-control-h, 32px);padding:0 7px}.po-edge-menu__trigger--compact .po-edge-menu__summary{max-width:none}.po-edge-menu__value{font-size:12px;font-weight:500;color:#646a73;min-width:1.5em}.po-edge-menu__caret{flex-shrink:0;color:#94a3b8;transition:transform .16s ease,color .15s ease}.po-edge-menu__trigger[aria-expanded=true] .po-edge-menu__caret{transform:rotate(180deg);color:var(--color-primary, #067bef)}.po-edge-menu__panel{position:absolute;top:calc(100% + 4px);left:0;z-index:200}.po-edge-menu__panel--portal{position:fixed;z-index:10050;min-width:160px;max-height:360px;overflow-y:auto;padding:6px;background:#fff;border:1px solid rgba(15,23,42,.08);border-radius:12px;box-shadow:0 16px 40px #0f172a24,0 4px 10px #0f172a0f;scrollbar-width:thin;scrollbar-color:rgba(100,106,115,.3) transparent}.po-edge-menu__panel--color{min-width:auto;max-height:none;padding:0;overflow:visible}.po-edge-menu--font-family .po-edge-menu__panel--portal{min-width:230px;max-height:400px}.po-edge-menu__group-title{padding:6px 10px 4px;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#8f959e;-webkit-user-select:none;user-select:none}.po-edge-menu__group-title:not(:first-child){margin-top:4px;padding-top:8px;border-top:1px solid rgba(15,23,42,.06)}.po-edge-menu__item{display:flex;align-items:center;gap:8px;width:100%;min-height:34px;padding:6px 10px;border:none;border-radius:8px;background:transparent;font-size:13px;color:var(--color-text, #1f2329);cursor:pointer;text-align:left;font-family:inherit;transition:background-color .12s ease,color .12s ease}.po-edge-menu__item:hover{background:#0f172a0d}.po-edge-menu__item--active{background:#067bef14;color:var(--color-primary, #067bef);font-weight:500}.po-edge-menu__check{width:18px;flex-shrink:0;text-align:center;font-size:12px;color:var(--color-primary, #067bef)}.po-edge-menu__preview{width:52px;flex-shrink:0;color:#1f2329}.po-edge-menu__preview-line,.po-edge-menu__preview-marker{display:block;width:25px;height:12px}.po-edge-menu__preview-marker--source,.po-edge-menu__preview-marker--target{display:block;width:52px;height:20px}.po-edge-menu__text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.po-edge-color-trigger-swatch{width:16px;height:16px;border-radius:5px;border:1px solid rgba(0,0,0,.1);box-shadow:0 1px #ffffff80 inset}.po-edge-menu--color .po-edge-menu__panel{left:auto;right:0}.po-edge-menu--disabled{opacity:.34}.po-edge-menu--disabled .po-edge-menu__trigger{cursor:not-allowed}.po-text-direction-preview{display:inline-flex;align-items:center;justify-content:center;width:20px;font-size:16px;font-weight:600;line-height:1}.po-edge-menu__hint{margin:4px 10px 6px;padding-top:6px;border-top:1px solid rgba(15,23,42,.06);font-size:11px;color:#8f959e;line-height:1.5}.dock-card{background:var(--dock-surface, #ffffff);border:1px solid var(--dock-border, rgba(15, 23, 42, .07));border-radius:var(--dock-radius, 10px);padding:10px;margin-bottom:8px;box-shadow:var(--dock-shadow, none);transition:border-color .15s ease}.dock-card:last-child{margin-bottom:0}.dock-card:hover{border-color:#067bef29;box-shadow:none}.dock-card__header{display:flex;align-items:center;gap:7px;margin-bottom:8px;padding-bottom:6px;border-bottom:1px solid rgba(15,23,42,.05)}.dock-card__icon{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:7px;background:linear-gradient(135deg,#e8f3ff,#f0f7ff);color:var(--color-primary, #067bef);flex-shrink:0;box-shadow:inset 0 0 0 1px #067bef1f}.dock-card__accent{width:3px;height:14px;border-radius:2px;background:linear-gradient(180deg,#067bef,#5eb0ff);flex-shrink:0}.dock-card__title{margin:0;font-size:12px;font-weight:700;letter-spacing:.01em;color:var(--color-text, #1f2329);text-transform:none}.dock-card__body{display:flex;flex-direction:column;gap:6px}.dock-field{display:grid;grid-template-columns:var(--dock-label-width, 56px) minmax(0,1fr);column-gap:6px;align-items:center;min-width:0}.dock-field--stack{grid-template-columns:1fr;row-gap:6px}.dock-field--stack .dock-field__label-wrap,.dock-field--stack .dock-field__control{grid-column:1}.dock-field--disabled{opacity:.55;pointer-events:none}.dock-field--coord{--dock-label-width: 40px}.dock-field__label-wrap{grid-column:1;justify-self:start;align-self:center;min-width:0}.dock-field__label{font-size:12px;font-weight:500;line-height:1.2;color:var(--color-text-muted, #646a73)}.dock-field__hint{display:block;margin-top:2px;font-size:12px;color:var(--color-text-muted, #8f959e)}.dock-field__control{grid-column:2;min-width:0;display:flex;align-items:center;min-height:var(--dock-control-h, 34px)}.dock-field__control--toggle{justify-content:flex-start}.dock-field__control>.dock-input,.dock-field__control>.dock-select,.dock-field__control>.dock-number-input,.dock-field__control>.po-edge-menu,.dock-field__control>.dock-color-field{width:100%}.dock-field__control .po-toolbar-tip{display:flex;width:100%;min-width:0}.dock-field__control .po-edge-menu{display:flex;width:100%;min-width:0;flex-shrink:1}.dock-field__control .po-edge-menu__trigger{width:100%;height:var(--dock-control-h, 34px);padding:0 10px;border:1px solid rgba(15,23,42,.08);border-radius:8px;background:#f8f9fb;font-size:12px;color:#1f2329;box-sizing:border-box;justify-content:space-between;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease}.dock-field__control .po-edge-menu__trigger:hover:not(:disabled){border-color:#0f172a1f;background:#fff}.dock-field__control .po-edge-menu__trigger[aria-expanded=true]{border-color:var(--color-primary, #067bef);background:#fff;box-shadow:0 0 0 3px #067bef14}.dock-field__control .po-edge-menu__summary{flex:1;display:flex;align-items:center;justify-content:flex-start;min-width:0;max-width:none}.dock-field__control .dock-color-field__trigger{width:100%;height:var(--dock-control-h, 34px)}.dock-input,.dock-select{width:100%;height:var(--dock-control-h, 34px);padding:0 11px;border:1px solid var(--dock-border-strong, rgba(15, 23, 42, .1));border-radius:var(--dock-radius-sm, 8px);font-size:12px;font-family:inherit;color:var(--color-text, #1f2329);background:var(--dock-surface-muted, #f8f9fb);transition:border-color .15s ease,box-shadow .15s ease,background .15s ease;box-sizing:border-box}.dock-input:hover:not(:disabled),.dock-select:hover:not(:disabled){border-color:#0f172a24;background:#fff}.dock-input:focus,.dock-select:focus{outline:none;border-color:var(--color-primary, #067bef);background:#fff;box-shadow:0 0 0 3px #067bef1a}.dock-input:disabled,.dock-select:disabled{opacity:.55;cursor:not-allowed;background:#f5f6f7}.dock-input--full{width:100%}.dock-text-block{display:flex;flex-direction:column;gap:6px}.dock-text-block .dock-input--full{margin:0}.dock-select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%238f959e' d='M3 4.5 6 7.5 9 4.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-right:28px}.dock-toggle{display:inline-flex;cursor:pointer;-webkit-user-select:none;user-select:none}.dock-toggle--disabled{opacity:.55;cursor:not-allowed}.dock-toggle__track{position:relative;flex-shrink:0;width:42px;height:24px}.dock-toggle__input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer;margin:0;z-index:1}.dock-toggle__input:disabled{cursor:not-allowed}.dock-toggle__thumb{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:12px;background:#c8ccd4;transition:background .22s ease;box-shadow:inset 0 1px 2px #0f172a14;pointer-events:none}.dock-toggle__thumb:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 4px #0f172a2e;transition:transform .22s cubic-bezier(.4,0,.2,1)}.dock-toggle__input:checked+.dock-toggle__thumb{background:linear-gradient(135deg,#067bef,#3d94f5);box-shadow:inset 0 1px 2px #0000000f}.dock-toggle__input:checked+.dock-toggle__thumb:after{transform:translate(18px)}.dock-toggle__input:focus-visible+.dock-toggle__thumb{box-shadow:0 0 0 3px #067bef33}.dock-color-field{position:relative;width:100%}.dock-color-field__trigger{display:flex;align-items:center;gap:10px;width:100%;height:var(--dock-control-h, 34px);padding:0 11px;border:1px solid var(--dock-border-strong, rgba(15, 23, 42, .1));border-radius:var(--dock-radius-sm, 8px);background:var(--dock-surface-muted, #f8f9fb);cursor:pointer;font-family:inherit;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}.dock-color-field__trigger:hover:not(:disabled){border-color:#0f172a24;background:#fff}.dock-color-field__trigger--open{border-color:var(--color-primary, #067bef);background:#fff;box-shadow:0 0 0 3px #067bef1a}.dock-color-field__trigger:disabled{opacity:.55;cursor:not-allowed}.dock-color-field__swatch{width:20px;height:20px;border-radius:6px;border:1px solid rgba(0,0,0,.08);flex-shrink:0;box-shadow:inset 0 0 0 1px #fff6}.dock-color-field__swatch--no-fill{background:linear-gradient(45deg,#f0f0f0 25%,transparent 25%),linear-gradient(-45deg,#f0f0f0 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#f0f0f0 75%),linear-gradient(-45deg,transparent 75%,#f0f0f0 75%);background-size:8px 8px;background-position:0 0,0 4px,4px -4px,-4px 0}.dock-color-field__hex{flex:1;text-align:left;font-size:12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--color-text-muted, #646a73)}.dock-color-field__caret{font-size:10px;color:#8f959e}.dock-color-field__panel{position:absolute;top:calc(100% + 6px);right:0;z-index:50}.dock-color-field__panel--portal{position:fixed;z-index:10050;display:flex;flex-direction:column;min-height:0;overflow:hidden}.dock-color-field__panel--portal .po-edge-color-picker{max-height:var(--dock-color-panel-max-height, min(700px, 82vh));overflow-y:auto;flex:1 1 auto;min-height:0}.dock-swatch-row{display:flex;flex-wrap:wrap;gap:6px;padding:0}.dock-swatch-row__item{width:24px;height:24px;padding:0;border:2px solid transparent;border-radius:7px;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease;box-shadow:inset 0 0 0 1px #0000000f,0 1px 2px #0f172a0f}.dock-swatch-row__item:hover:not(:disabled){transform:scale(1.04);box-shadow:inset 0 0 0 1px #0000000f,0 2px 6px #0f172a1a}.dock-swatch-row__item--active{border-color:var(--color-primary, #067bef);transform:scale(1.04);box-shadow:inset 0 0 0 1px #0000000f,0 0 0 2px #067bef38,0 2px 8px #067bef2e}.dock-swatch-row__item:disabled{opacity:.5;cursor:not-allowed}.dock-range{display:flex;align-items:center;gap:8px;width:100%}.dock-range__input{flex:1;height:6px;border-radius:3px;accent-color:var(--color-primary, #067bef);cursor:pointer}.dock-range__value{min-width:40px;padding:2px 6px;border-radius:5px;font-size:12px;font-weight:600;color:var(--color-primary, #067bef);text-align:center;font-variant-numeric:tabular-nums;background:var(--dock-accent-soft, #e8f3ff)}.dock-number-input{display:flex;align-items:stretch;width:100%;height:var(--dock-control-h, 34px);border:1px solid var(--dock-border-strong, rgba(15, 23, 42, .1));border-radius:var(--dock-radius-sm, 8px);background:var(--dock-surface-muted, #f8f9fb);overflow:hidden;box-sizing:border-box;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}.dock-number-input:hover:not(.dock-number-input--disabled){border-color:#0f172a24;background:#fff}.dock-number-input:focus-within{border-color:var(--color-primary, #067bef);background:#fff;box-shadow:0 0 0 3px #067bef1a}.dock-number-input--disabled{opacity:.55;cursor:not-allowed;background:#f5f6f7}.dock-number-input__field{flex:1;min-width:0;width:0;height:100%;border:none;padding:0 8px;font-size:12px;font-family:inherit;color:var(--color-text, #1f2329);background:transparent;font-variant-numeric:tabular-nums;-moz-appearance:textfield}.dock-number-input__field:focus{outline:none}.dock-number-input__field::placeholder{color:var(--color-text-3, #8f959e);font-weight:500}.dock-number-input__field:disabled{cursor:not-allowed}.dock-number-input__field::-webkit-outer-spin-button,.dock-number-input__field::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.dock-number-input__steppers{display:flex;flex-direction:column;width:26px;flex-shrink:0;border-left:1px solid var(--dock-border, rgba(15, 23, 42, .07));background:#fff9}.dock-number-input__step{flex:1;display:flex;align-items:center;justify-content:center;padding:0;border:none;background:transparent;cursor:pointer;color:#8f959e;transition:background .12s ease,color .12s ease}.dock-number-input__step--up{border-bottom:1px solid var(--dock-border, rgba(15, 23, 42, .07))}.dock-number-input__step:hover:not(:disabled){background:var(--dock-accent-soft, #e8f3ff);color:var(--color-primary, #067bef)}.dock-number-input__step:active:not(:disabled){background:#dceeff}.dock-number-input__step:disabled{cursor:not-allowed}.dock-number-input__caret{width:10px;height:10px;flex-shrink:0}.dock-number-input__caret--up{transform:rotate(180deg)}.dock-labeled-stack{display:flex;flex-direction:column;gap:6px}.dock-coord-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.dock-swatch-row--indented{margin-left:calc(var(--dock-label-width, 56px) + 6px)}.dock-btn-group{display:flex;flex-wrap:wrap;gap:6px}.dock-icon-btn,.dock-text-btn{display:inline-flex;align-items:center;justify-content:center;min-width:30px;height:30px;padding:0 7px;border:1px solid var(--dock-border-strong, rgba(15, 23, 42, .1));border-radius:var(--dock-radius-sm, 8px);background:var(--dock-surface-muted, #f8f9fb);color:var(--color-text, #1f2329);cursor:pointer;font-family:inherit;transition:background .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease,transform .12s ease}.dock-icon-btn:hover:not(:disabled),.dock-text-btn:hover:not(:disabled){background:#fff;border-color:#0f172a24;transform:none;box-shadow:none}.dock-icon-btn--active,.dock-text-btn--active{background:linear-gradient(180deg,#eef6ff,#e8f3ff);border-color:var(--color-primary, #067bef);color:var(--color-primary, #067bef);box-shadow:inset 0 0 0 1px #067bef1f,0 1px 4px #067bef1f}.dock-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:220px;padding:36px 20px;text-align:center}.dock-empty-state__icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;margin-bottom:14px;border-radius:16px;background:linear-gradient(145deg,#e8f3ff,#f5f9ff 45%,#eef4ff);color:var(--color-primary, #067bef);box-shadow:0 4px 16px #067bef1f,inset 0 0 0 1px #067bef1a;animation:dock-empty-float 3s ease-in-out infinite}@keyframes dock-empty-float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.dock-empty-state__title{margin:0;font-size:12px;font-weight:600;color:var(--color-text, #1f2329);line-height:1.45}.dock-empty-state__hint{margin:8px 0 0;font-size:12px;line-height:1.65;color:var(--color-text-muted, #8f959e);max-width:240px}.dock-text-btn{font-size:12px;font-weight:700;min-width:30px}.dock-icon-btn:disabled,.dock-text-btn:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}.text-appearance-controls--dock{display:flex;flex-direction:column;gap:6px;width:100%;min-width:0}.text-appearance-controls--dock .po-edge-menu,.text-appearance-controls--dock .po-toolbar-tip{display:flex;width:100%;min-width:0}.text-appearance-controls--dock .po-edge-menu__trigger{width:100%;height:var(--dock-control-h, 34px);padding:0 10px;border:1px solid rgba(15,23,42,.08);border-radius:8px;background:#f8f9fb;font-size:12px;color:#1f2329;box-sizing:border-box;justify-content:space-between;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease}.text-appearance-controls--dock .po-edge-menu__trigger:hover:not(:disabled){border-color:#0f172a1f;background:#fff}.text-appearance-controls--dock .po-edge-menu__trigger[aria-expanded=true]{border-color:var(--color-primary, #067bef);background:#fff;box-shadow:0 0 0 3px #067bef14}.text-appearance-controls--dock .po-edge-menu__trigger--compact{justify-content:space-between}.text-appearance-controls--dock .po-edge-menu__summary{flex:1;display:flex;align-items:center;justify-content:flex-start;min-width:0;max-width:none}.text-appearance-controls__tool-card{width:100%;padding:3px;border-radius:8px;background:#f4f6f9;border:1px solid rgba(15,23,42,.06);box-sizing:border-box}.text-appearance-controls__tool-row{display:flex;align-items:center;gap:4px}.text-appearance-controls__tool-cluster{display:grid;grid-template-columns:repeat(3,1fr);flex:1;min-width:0;gap:3px}.text-appearance-controls__tool-row--direction{display:grid;grid-template-columns:repeat(4,1fr);gap:3px}.text-appearance-controls__tool-row--style .text-appearance-controls__tool-cluster{grid-template-columns:repeat(3,1fr)}.text-appearance-controls__tool-sep{width:1px;height:20px;margin:auto 0;background:#0f172a1a;border-radius:1px;flex-shrink:0}.text-appearance-controls__chip{display:inline-flex;align-items:center;justify-content:center;min-width:0;height:28px;padding:0;border:none;border-radius:6px;background:transparent;color:#4b5563;font-size:12px;font-weight:700;font-family:inherit;cursor:pointer;transition:background .12s ease,color .12s ease,box-shadow .12s ease}.text-appearance-controls__chip--icon{font-weight:400}.text-appearance-controls__chip--icon svg{width:16px;height:16px}.text-appearance-controls__chip:hover:not(:disabled){background:#ffffffbf;color:#1f2329}.text-appearance-controls__chip--active{background:#fff;color:var(--color-primary, #067bef);box-shadow:0 1px 2px #0f172a14,inset 0 0 0 1px #067bef1f}.text-appearance-controls__chip:disabled{opacity:.45;cursor:not-allowed}.text-appearance-controls__chip svg{display:block}.dock-text-block.text-appearance-controls--dock,.dock-labeled-stack{gap:6px}.dock-container.dock-container--page{padding:8px 10px 14px;background:radial-gradient(ellipse 120% 72px at 50% 0%,rgba(6,123,239,.05),transparent 65%),linear-gradient(180deg,#f3f5f9,#f8fafc 48px,#fff 120px)}#po-dock-page.page-style-panel{display:flex;flex-direction:column;gap:2px}.page-style-hero{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:10px;padding:10px;margin-bottom:8px;border-radius:10px;background:linear-gradient(135deg,#067bef0d,#fff 55%,#f8f9fc);border:1px solid rgba(6,123,239,.1);box-shadow:none}.page-style-hero__preview-wrap{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:5px;border-radius:9px;background:linear-gradient(145deg,#067bef1a,#067bef0a);box-shadow:inset 0 0 0 1px #067bef1f}.page-style-hero__preview-btn{display:flex;flex-direction:column;align-items:center;gap:2px;width:100%;height:100%;padding:0;border:none;background:transparent;cursor:pointer;border-radius:7px;transition:transform .15s ease,box-shadow .15s ease}.page-style-hero__preview-btn:hover{transform:scale(1.04)}.page-style-hero__preview-btn:focus-visible{outline:none;box-shadow:0 0 0 2px #067bef59}.page-style-hero__preview{aspect-ratio:var(--page-aspect, .7);width:auto;height:auto;max-width:34px;max-height:34px;border-radius:5px;border:1px solid rgba(15,23,42,.1);box-shadow:inset 0 0 0 1px #ffffff80,0 2px 8px #0f172a14;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.page-style-hero__preview:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,transparent 42%,rgba(6,123,239,.06) 50%,transparent 58%);pointer-events:none}.page-style-hero__preview-label{font-size:12px;font-weight:700;letter-spacing:.02em;color:#0f172a8c;text-transform:uppercase;z-index:1;display:flex;flex-direction:column;align-items:center;gap:2px;line-height:1}.page-style-hero__preview-icon{flex-shrink:0;opacity:.7}.page-style-hero__meta{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.page-style-hero__eyebrow{font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#8f959e}.page-style-hero__title{margin:0;font-size:12px;font-weight:700;color:#1f2329;line-height:1.3;letter-spacing:-.01em}.page-style-hero__dims{margin:0;font-size:12px;font-weight:500;color:#646a73;font-variant-numeric:tabular-nums}.page-style-hero__dims strong{color:var(--color-primary, #067bef);font-weight:600}#po-dock-page .dock-card{margin-bottom:8px;padding:10px;border-radius:10px;border:1px solid rgba(15,23,42,.06);background:#fff;box-shadow:none;transition:border-color .15s ease}#po-dock-page .dock-card:hover{border-color:#067bef2e;box-shadow:none;transform:none}#po-dock-page .dock-card__header{margin-bottom:8px;padding-bottom:6px;border-bottom:1px solid rgba(15,23,42,.05)}#po-dock-page .dock-card__icon{width:24px;height:24px;border-radius:7px}#po-dock-page .page-style-section--bg .dock-card__icon{background:linear-gradient(135deg,#fff7ed,#ffedd5);color:#ea580c;box-shadow:inset 0 0 0 1px #ea580c26}#po-dock-page .page-style-section--size .dock-card__icon{background:linear-gradient(135deg,#e8f3ff,#dbeafe);color:#067bef;box-shadow:inset 0 0 0 1px #067bef26}#po-dock-page .page-style-section--grid .dock-card__icon{background:linear-gradient(135deg,#ecfdf5,#d1fae5);color:#059669;box-shadow:inset 0 0 0 1px #05966926}#po-dock-page .page-style-section--guides .dock-card__icon{background:linear-gradient(135deg,#f5f3ff,#ede9fe);color:#7c3aed;box-shadow:inset 0 0 0 1px #7c3aed26}#po-dock-page .dock-card__title{font-size:12px;font-weight:700;letter-spacing:-.01em}#po-dock-page .dock-card__body{gap:8px}.page-style-bg-banner{display:flex;align-items:stretch;gap:12px;padding:12px;border-radius:12px;background:linear-gradient(180deg,#f8fafc,#f1f5f9);border:1px solid rgba(15,23,42,.05)}.page-style-bg-banner__swatch{flex-shrink:0;width:48px;border-radius:10px;border:1px solid rgba(0,0,0,.08);box-shadow:inset 0 0 0 1px #ffffff73,0 2px 10px #0f172a1a}.page-style-bg-banner__info{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:2px}.page-style-bg-banner__label{font-size:12px;font-weight:600;color:#1f2329}.page-style-bg-banner__hex{font-size:12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:#8f959e;letter-spacing:.04em}#po-dock-page .dock-swatch-row{gap:6px;padding:0}#po-dock-page .dock-swatch-row--indented{margin-left:0;padding-top:4px}#po-dock-page .dock-swatch-row__item{width:24px;height:24px;border-radius:7px}#po-dock-page .dock-color-field__trigger{height:30px;border-radius:8px;background:#fff}#po-dock-page .dock-color-field__swatch{width:22px;height:22px;border-radius:6px}.page-style-preset-chips{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.page-style-preset-chip{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:46px;padding:6px 4px;border:1px solid rgba(15,23,42,.08);border-radius:8px;background:linear-gradient(180deg,#fafbfc,#f4f6f9);cursor:pointer;font-family:inherit;transition:border-color .15s ease,background .15s ease}.page-style-preset-chip:hover{border-color:#067bef59;background:#fff;transform:none;box-shadow:none}.page-style-preset-chip--active{border-color:var(--color-primary, #067bef);background:linear-gradient(180deg,#067bef1a,#067bef0d);box-shadow:inset 0 0 0 1px #067bef1f;transform:none}.page-style-preset-chip__name{font-size:12px;font-weight:700;letter-spacing:.02em;color:#1f2329}.page-style-preset-chip--active .page-style-preset-chip__name{color:var(--color-primary, #067bef)}.page-style-preset-chip__size{font-size:12px;font-weight:500;color:#8f959e;font-variant-numeric:tabular-nums;line-height:1.2;text-align:center}.page-style-size-detail{display:flex;flex-direction:column;gap:10px;padding-top:6px;margin-top:2px;border-top:1px dashed rgba(15,23,42,.08)}#po-dock-page .page-style-size-detail .dock-select,#po-dock-page .page-style-size-detail .dock-number-input{height:30px;border-radius:8px;font-size:12px;background:#fff}#po-dock-page .dock-coord-grid{gap:6px}#po-dock-page .dock-field__label{font-size:12px}.page-style-switch-list{display:flex;flex-direction:column;gap:6px}.page-style-switch-list--compact{display:grid;grid-template-columns:1fr 1fr;gap:6px}.page-style-switch{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;border-radius:8px;background:#f8fafc;border:1px solid rgba(15,23,42,.05);cursor:pointer;transition:background .15s ease,border-color .15s ease}.page-style-switch:hover{background:#fff;border-color:#0f172a14;box-shadow:none}.page-style-switch--on{background:#0596690f;border-color:#0596692e}.page-style-section--guides .page-style-switch--on{background:#7c3aed0f;border-color:#7c3aed2e}.page-style-switch--disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.page-style-switch__text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.page-style-switch__label{font-size:12px;font-weight:600;color:#1f2329}.page-style-switch__desc{font-size:12px;color:#8f959e;line-height:1.35}.page-style-switch__control{position:relative;flex-shrink:0;width:38px;height:22px}.page-style-switch__input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;margin:0;cursor:pointer;z-index:1}.page-style-switch__input:disabled{cursor:not-allowed}.page-style-switch__track{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:13px;background:#c8ccd4;box-shadow:inset 0 1px 2px #0f172a14;transition:background .22s ease}.page-style-switch__track:after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 4px #0f172a2e;transition:transform .22s cubic-bezier(.4,0,.2,1)}.page-style-switch__input:checked+.page-style-switch__track{background:linear-gradient(135deg,#067bef,#3d94f5)}.page-style-section--guides .page-style-switch__input:checked+.page-style-switch__track{background:linear-gradient(135deg,#7c3aed,#a78bfa)}.page-style-switch__input:checked+.page-style-switch__track:after{transform:translate(16px)}.page-style-panel--compact{gap:0}.page-style-panel--compact .page-style-switch-list--compact .page-style-switch{flex-direction:column;align-items:stretch;gap:6px;padding:8px}.page-style-panel--compact .page-style-switch-list--compact .page-style-switch__control{align-self:flex-end}.page-style-switch__input:focus-visible+.page-style-switch__track{box-shadow:0 0 0 3px #067bef33}#po-dock-page .page-style-section--grid .dock-field--disabled{opacity:.5}#po-dock-page .page-style-section--grid .dock-select:disabled{background:#f1f3f5}.po-flow-dock-layout{--dock-accent: var(--color-primary, #067bef);--dock-accent-soft: #e8f3ff;--dock-accent-glow: rgba(6, 123, 239, .14);--dock-surface: #ffffff;--dock-surface-muted: #f4f6f9;--dock-border: rgba(15, 23, 42, .07);--dock-border-strong: rgba(15, 23, 42, .1);--dock-shadow: none;--dock-radius: 10px;--dock-radius-sm: 7px;--dock-label-width: 56px;--dock-control-h: 30px;--dock-font-size: 12px;display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden;background:transparent;border-left:none;position:relative;font-size:var(--dock-font-size)}#po-flow-dock-layout-page-shape{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.dock-header{display:flex;gap:3px;margin:8px 10px 0;padding:3px;flex-shrink:0;background:var(--dock-surface-muted);border:1px solid var(--dock-border);border-radius:9px;box-shadow:inset 0 1px 2px #0f172a0a}.dock-header-item{flex:1;position:relative;display:flex;align-items:center;justify-content:center;gap:5px;padding:7px 8px;border:none;border-radius:var(--dock-radius-sm);background:transparent;font-size:12px;font-weight:500;color:var(--color-text-muted, #646a73);cursor:pointer;font-family:inherit;transition:background .2s ease,color .2s ease,box-shadow .2s ease,transform .15s ease}.dock-header-item__icon{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;flex-shrink:0;opacity:.72;transition:opacity .2s ease}.dock-header-item:hover:not(.active){color:var(--color-text, #1f2329);background:#ffffff8c}.dock-header-item:hover:not(.active) .dock-header-item__icon{opacity:.95}.dock-header-item.active{color:var(--dock-accent);background:var(--dock-surface);font-weight:600;box-shadow:0 1px 3px #0f172a14,0 0 0 1px #067bef0f}.dock-header-item.active .dock-header-item__icon{opacity:1;color:var(--dock-accent)}.dock-header-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;margin-left:2px;padding:0 5px;border-radius:9px;background:linear-gradient(135deg,#067bef,#3d94f5);color:#fff;font-size:10px;font-weight:700;line-height:1;box-shadow:0 1px 4px #067bef59}.dock-container{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:8px 10px 14px;background:radial-gradient(ellipse 120% 60px at 50% -16px,rgba(6,123,239,.05),transparent 70%),linear-gradient(180deg,#f6f8fb,#fafbfc 36px,#fff 96px);scrollbar-width:thin;scrollbar-color:rgba(15,23,42,.12) transparent}.dock-container::-webkit-scrollbar{width:4px}.dock-container::-webkit-scrollbar-thumb{background:#0f172a1f;border-radius:999px}.dock-container::-webkit-scrollbar-thumb:hover{background:#0f172a33}.dock-container-item{display:flex;flex-direction:column;gap:0;animation:dock-panel-in .28s ease both}@keyframes dock-panel-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.dock-shape-location{display:flex;align-items:baseline;gap:8px;margin-bottom:10px;padding:8px 10px;border-radius:var(--dock-radius);background:var(--dock-surface-muted, #f4f6f9);border:1px solid var(--dock-border, rgba(15, 23, 42, .06));font-size:12px;line-height:1.4}.dock-shape-location__label{flex-shrink:0;color:#86909c}.dock-shape-location__path{min-width:0;color:#1f2329;font-weight:500;word-break:break-all}.dock-batch-banner{display:flex;align-items:center;gap:10px;padding:8px 10px;margin-bottom:8px;border-radius:var(--dock-radius);background:linear-gradient(135deg,#e8f3ff,#f3f8ff 55%,#eef4ff);border:1px solid rgba(6,123,239,.16);box-shadow:none}.dock-batch-banner__count{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;padding:0 6px;border-radius:8px;background:linear-gradient(135deg,#067bef,#3d94f5);color:#fff;font-size:12px;font-weight:700;box-shadow:0 2px 8px #067bef4d}.dock-batch-banner__text{font-size:12px;font-weight:600;color:#1f2329;line-height:1.4}.dock-batch-banner__text small{display:block;margin-top:1px;font-size:12px;color:#646a73;font-weight:400}.dock-container-box{display:flex;flex-direction:column;gap:10px}.dock-section{margin-bottom:0}.dock-section-title{margin:0 0 10px;font-size:12px;font-weight:600;color:var(--color-text, #1f2329)}.dock-size-row{display:flex;gap:8px;align-items:center}.dock-size-row--quad{display:grid;grid-template-columns:1fr 1fr;gap:8px}.dock-inline-field{display:flex;align-items:center;gap:6px;flex:1;min-width:0}.dock-empty{padding:24px 14px;text-align:center;color:var(--color-text-muted, #8f959e);font-size:12px}.dock-empty__hint{margin-top:6px;font-size:12px;line-height:1.5}.dock-container.dock-container--shape{padding:8px 10px 14px}#po-dock-shape .dock-card:last-child{margin-bottom:0}#po-dock-shape .dock-text-block{gap:6px}.po-flow-dock-layout .po-edge-menu__trigger,.po-flow-dock-layout .dock-color-field__hex{font-size:var(--dock-font-size, 12px)}.po-flow-header-menus{background:linear-gradient(180deg,#fafbfc,#f5f6f8);border-bottom:1px solid rgba(15,23,42,.06)}.po-flow-header-menus--inline{background:transparent;border-bottom:none;flex:1;min-width:0;overflow:visible}.po-flow-header-menus--inline .po-flow-header-menus__inner{padding:0;min-height:auto;gap:6px;overflow:visible}.po-flow-header-menus__inner{display:flex;align-items:center;gap:4px;padding:0 14px;min-height:36px}.po-flow-header-menus__item{position:relative;flex-shrink:0}.po-header-menu-btn{display:inline-flex;align-items:center;gap:4px;padding:6px 14px;border:1px solid transparent;border-radius:8px;background:transparent;font-size:13px;font-weight:500;color:#4e5969;cursor:pointer;font-family:inherit;white-space:nowrap;-webkit-user-select:none;user-select:none;transition:background .15s ease,color .15s ease,border-color .15s ease,box-shadow .15s ease,transform .1s ease}.po-header-menu-btn:hover{background:#0f172a0d;color:#1f2329}.po-header-menu-btn:active{transform:scale(.97);background:#0f172a14}.po-header-menu-btn--open,.po-header-menu-btn--open:hover{background:#fff;border-color:#0f172a1a;color:#1f2329;box-shadow:0 1px 3px #0f172a1a,0 0 0 1px #0f172a0a}.po-header-menu-btn__chevron{width:0;height:0;margin-top:2px;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid #8f959e;transition:border-top-color .15s ease}.po-header-menu-btn:hover .po-header-menu-btn__chevron,.po-header-menu-btn--open .po-header-menu-btn__chevron{border-top-color:#6366f1}.po-flow-header-menus--inline .po-header-menu-btn{padding:7px 16px;margin:0 2px}.po-menu{position:absolute;top:calc(100% + 6px);left:0;z-index:500;min-width:200px;margin:0;padding:6px;list-style:none;background:#fffffffa;border:1px solid rgba(15,23,42,.08);border-radius:12px;box-shadow:0 12px 32px #0f172a1f,0 2px 6px #0f172a0f;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.po-menu--large{min-width:240px}.po-menu-item{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;padding:8px 12px;border:none;border-radius:8px;background:transparent;font-size:13px;text-align:left;cursor:pointer;font-family:inherit;color:var(--color-text, #1f2329);transition:background .12s}.po-menu-item:hover{background:#0f172a0d}.po-menu-item__text{flex:1}.po-menu-item__hotkey{font-size:11px;font-weight:500;color:var(--color-text-muted, #8f959e);white-space:nowrap;padding:2px 6px;border-radius:4px;background:#0f172a0a}.po-menu-divider{display:block;height:1px;margin:4px 6px;background:#0f172a0f}.po-menu-item-wrap{position:relative;list-style:none}.po-menu-item-wrap--has-sub>.po-menu-item{cursor:default}.po-menu-item:disabled{opacity:.4;cursor:not-allowed}.po-menu-item__chevron{font-size:14px;color:var(--color-text-muted, #8f959e);margin-left:8px}.po-menu--sub{position:absolute;top:-4px;left:calc(100% + 4px);min-width:180px;z-index:510}.po-flow-header-menus:not(.po-flow-header-menus--inline) .po-header-menu-btn:hover,.po-flow-header-menus:not(.po-flow-header-menus--inline) .po-header-menu-btn--open{background:#ffffffe6;border-color:#0f172a0f;color:var(--color-primary, #067bef);box-shadow:0 1px 3px #0f172a0d}.po-beautify-menu,.po-beautify-menu__trigger-row{display:inline-flex;align-items:stretch}.po-beautify-menu__main{border-top-right-radius:0;border-bottom-right-radius:0}.po-beautify-menu__caret{width:18px;min-width:18px;padding:0;margin-left:-1px;border-top-left-radius:0;border-bottom-left-radius:0;border-left:1px solid rgba(0,0,0,.06)}.po-beautify-menu__caret--open{background:#2563eb14}.po-beautify-menu__panel{position:fixed;z-index:10050;min-width:240px;padding:8px;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:8px;box-shadow:0 8px 24px #0f172a1f}.po-beautify-menu__hint{margin:0 8px 6px;font-size:12px;color:#64748b}.po-beautify-menu__item{display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:100%;padding:8px 10px;border:none;border-radius:6px;background:transparent;text-align:left;cursor:pointer}.po-beautify-menu__item:hover{background:#2563eb0f}.po-beautify-menu__item-label{font-size:13px;font-weight:600;color:#0f172a}.po-beautify-menu__item-desc{font-size:11px;line-height:1.35;color:#64748b}.editor-more-menu{position:relative}.editor-more-menu__trigger{padding:6px 12px;font-size:13px;border:1px solid var(--color-border);border-radius:4px;background:var(--color-surface);cursor:pointer}.editor-more-menu__trigger:hover{border-color:var(--color-primary);color:var(--color-primary)}.editor-more-menu__dropdown{position:absolute;top:calc(100% + 4px);right:0;z-index:100;min-width:160px;margin:0;padding:4px 0;list-style:none;background:#fff;border:1px solid var(--color-border);border-radius:6px;box-shadow:0 4px 12px #0000001f}.editor-more-menu__dropdown button{display:block;width:100%;padding:8px 14px;text-align:left;font-size:13px;border:none;background:transparent;cursor:pointer}.editor-more-menu__dropdown button:hover{background:var(--color-bg)}.po-format-menu__panel--portal,.po-format-menu__panel{z-index:10050;min-width:180px;max-height:380px;overflow-y:auto;padding:6px;background:#fff;border:1px solid rgba(15,23,42,.08);border-radius:12px;box-shadow:0 16px 40px #0f172a24,0 4px 10px #0f172a0f}.po-format-menu__item{display:block;width:100%;padding:8px 12px;border:none;border-radius:8px;background:transparent;font-size:13px;color:#1f2329;text-align:left;cursor:pointer;font-family:inherit;transition:background .12s}.po-format-menu__item:hover:not(:disabled){background:#0f172a0d}.po-format-menu__item:disabled{opacity:.38;cursor:not-allowed}.po-format-more-menu .editor-more-menu__trigger{height:var(--po-toolbar-control-h, 32px);padding:0 10px;border:1px solid transparent;border-radius:8px;background:transparent;font-size:14px;color:#1f2329;cursor:pointer;font-family:inherit;transition:background .15s,border-color .15s}.po-format-more-menu .editor-more-menu__trigger:hover{background:#0f172a0d;border-color:#0f172a0d}.po-format-more-menu .editor-more-menu__dropdown{z-index:10050}.po-toolbar{--po-toolbar-height: 58px;--po-toolbar-control-h: 36px;--po-toolbar-gap: 1px;--po-toolbar-icon-size: 22px;--po-stack-glyph-size: 20px;--po-stack-width: 24px;--po-toolbar-card-bg: #f3f4f6;--po-toolbar-card-border: rgba(15, 23, 42, .06);--po-toolbar-card-radius: 12px;--po-toolbar-card-gap: 10px;--po-toolbar-accent: #3b82f6;--po-toolbar-accent-soft: rgba(59, 130, 246, .1);--po-toolbar-accent-ring: rgba(59, 130, 246, .24);--po-toolbar-text: #475569;display:flex;align-items:center;justify-content:flex-start;min-height:var(--po-toolbar-height);padding:8px 16px;background:#fff;border-bottom:1px solid rgba(15,23,42,.05);overflow:visible}.po-toolbar--collapsed{min-height:0;padding:0 16px;justify-content:center;border-bottom:1px solid rgba(15,23,42,.05)}.po-toolbar-expand{display:inline-flex;align-items:center;gap:4px;margin:0 auto;padding:3px 14px 5px;border:1px solid var(--po-toolbar-card-border);border-top:none;border-radius:0 0 10px 10px;background:var(--po-toolbar-card-bg);color:var(--po-toolbar-text);font-size:12px;line-height:1;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}.po-toolbar-expand:hover{background:var(--po-toolbar-accent-soft);color:var(--po-toolbar-accent);border-color:#3b82f62e}.po-toolbar-expand:focus-visible{outline:none;box-shadow:0 0 0 3px var(--po-toolbar-accent-ring)}.po-toolbar-expand__icon{display:inline-flex;transform:rotate(180deg)}.po-toolbar-expand__label{font-weight:500}.po-toolbar-strip{display:flex;align-items:center;justify-content:flex-start;flex:1;min-width:0;gap:0;padding:0;background:transparent;border:none;border-radius:0;box-shadow:none}.po-toolbar-center{flex:1;min-width:0;display:flex;justify-content:flex-start;overflow-x:auto;overflow-y:visible;scrollbar-width:thin;scrollbar-color:rgba(100,106,115,.25) transparent}.po-toolbar-center::-webkit-scrollbar{height:3px}.po-toolbar-center::-webkit-scrollbar-thumb{background:#646a7340;border-radius:999px}.po-toolbar-container{display:flex;align-items:center;padding:0;min-width:max-content}.po-toolbar-group{display:inline-flex;align-items:center;margin-right:6px;padding:5px 3px;background:#fff;border:2px solid rgb(0 0 0 / 6%);border-radius:var(--po-toolbar-card-radius);box-shadow:0 1px 2px #0f172a0a,0 4px 12px #0f172a14;flex-shrink:0}.po-toolbar-group:last-child{margin-right:0}.po-toolbar-group__head{display:none}.po-toolbar-group__items{display:inline-flex;align-items:center;gap:var(--po-toolbar-gap)}.po-toolbar-right{display:flex;align-items:center;flex-shrink:0;margin-left:auto;padding-left:6px}.po-toolbar-right .po-toolbar-group{margin-right:0}.po-toolbar .po-tool-button{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-width:var(--po-toolbar-control-h);height:var(--po-toolbar-control-h);padding:0 3px;border:1px solid transparent;border-radius:8px;background:transparent;font-size:14px;color:var(--po-toolbar-text);cursor:pointer;font-family:inherit;position:relative;transition:background-color .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease,transform .1s ease}.po-toolbar .po-tool-button:hover:not(:disabled):not(.po-tool-button--active){background:#ffffffb8;border-color:#0f172a0f}.po-toolbar .po-tool-button:active:not(:disabled){transform:scale(.96)}.po-toolbar .po-tool-button:focus-visible{outline:none;box-shadow:0 0 0 3px var(--po-toolbar-accent-ring)}.po-toolbar .po-tool-button:disabled{opacity:.34;cursor:not-allowed}.po-toolbar .po-tool-button--active{background:#fff;border-color:var(--po-toolbar-accent);color:var(--po-toolbar-accent);box-shadow:none}.po-toolbar .po-tool-button--active .po-toolbar-icon,.po-toolbar .po-tool-button--active .po-toolbar-font-size-chip,.po-toolbar .po-tool-button--active .po-toolbar-font-size-chip__a,.po-toolbar .po-tool-button--active .po-toolbar-font-size-chip__n{color:var(--po-toolbar-accent)}.po-toolbar .po-tool-button--dropdown{width:64px;justify-content:flex-start}.po-toolbar .po-tool-button--dropdown .text-content{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.po-toolbar .po-tool-button--text{margin-right:4px}.po-toolbar .po-tool-button--text .text{font-size:14px}.po-toolbar .po-tool-button--color input[type=color]{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.po-toolbar .po-tool-button--color input:disabled{cursor:not-allowed}.po-tool-devider{display:inline-block;width:1px;height:26px;margin:0 2px;background:#0f172a1f;flex-shrink:0;align-self:center}.po-icon{font-size:16px;line-height:1}.po-toolbar .po-toolbar-icon{width:var(--po-toolbar-icon-size);height:var(--po-toolbar-icon-size);color:currentColor}.po-toolbar .po-toolbar-icon-stack{--po-stack-swatch-h: 7px;width:var(--po-stack-width)}.po-toolbar-icon{display:block;flex-shrink:0}.po-toolbar-icon--glyph{width:var(--po-toolbar-icon-size);height:var(--po-toolbar-icon-size)}.po-toolbar-icon--text-glyph{width:26px;height:26px}.po-toolbar-font-size-chip{display:inline-flex;align-items:baseline;gap:2px;line-height:1;color:#2563eb}.po-toolbar-font-size-chip__a{font-size:16px;font-weight:700;color:#2563eb}.po-toolbar-font-size-chip__n{font-size:17px;font-weight:600;font-variant-numeric:tabular-nums;color:#1e40af}.po-toolbar-icon--text{font-size:18px;font-weight:700;line-height:1}.po-toolbar-icon-stack{--po-stack-swatch-h: 7px;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;width:var(--po-stack-width);line-height:0;flex-shrink:0}.po-toolbar-icon-stack .po-toolbar-icon--stack-glyph,.po-toolbar-icon-stack>.po-toolbar-icon{width:var(--po-stack-glyph-size);height:var(--po-stack-glyph-size);flex-shrink:0}.po-toolbar-icon-stack__bar{position:relative;display:block;width:100%;height:var(--po-stack-swatch-h);border-radius:3.5px;overflow:hidden;box-shadow:inset 0 1px #ffffff80,inset 0 -1px #0f172a0f,0 0 0 1px #0f172a1a;transition:background-color .12s ease,box-shadow .12s ease}.po-toolbar .po-tool-button--active .po-toolbar-icon-stack__bar,.po-toolbar .po-tool-button--color-menu[aria-expanded=true] .po-toolbar-icon-stack__bar,.po-toolbar .po-edge-menu__trigger[aria-expanded=true] .po-toolbar-icon-stack__bar{box-shadow:inset 0 1px #ffffff80,inset 0 -1px #0f172a0f,0 0 0 1px #3b82f659}.po-toolbar-icon-stack__bar--none{background-color:#fff!important;background-image:linear-gradient(45deg,#e2e8f0 25%,transparent 25%),linear-gradient(-45deg,#e2e8f0 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e2e8f0 75%),linear-gradient(-45deg,transparent 75%,#e2e8f0 75%)!important;background-size:6px 6px!important;background-position:0 0,0 3px,3px -3px,-3px 0!important}.po-toolbar-icon-stack__bar--none:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top right,transparent calc(50% - .5px),#f87171 calc(50% - .5px),#f87171 calc(50% + .5px),transparent calc(50% + .5px));pointer-events:none}.po-toolbar .po-edge-menu__trigger{height:var(--po-toolbar-control-h);padding:0 5px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--po-toolbar-text);font-size:14px}.po-toolbar .po-edge-menu__trigger:hover:not([aria-expanded=true]){background:#ffffffb8;border-color:#0f172a0f}.po-toolbar .po-edge-menu__trigger[aria-expanded=true]{background:#fff;border-color:var(--po-toolbar-accent);color:var(--po-toolbar-accent);box-shadow:none}.po-toolbar .po-edge-menu__label{color:#6b7280}.po-toolbar .po-edge-menu__summary{font-weight:500;color:inherit}.po-toolbar .po-edge-menu__caret{flex-shrink:0;color:#94a3b8;width:11px;height:11px}.po-toolbar .po-edge-menu__trigger[aria-expanded=true] .po-edge-menu__caret{color:var(--po-toolbar-accent);transform:rotate(180deg)}.po-toolbar .po-color-trigger{display:inline-flex;align-items:center;justify-content:center;min-width:var(--po-toolbar-control-h);height:var(--po-toolbar-control-h);padding:0 3px;border:1px solid transparent;border-radius:8px;background:transparent;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease}.po-toolbar .po-color-trigger:hover:not([aria-expanded=true]){background:#ffffffb8;border-color:#0f172a0f}.po-toolbar .po-color-trigger[aria-expanded=true]{background:#fff;border-color:var(--po-toolbar-accent);box-shadow:none}.po-toolbar .po-color-trigger:disabled{opacity:.34;cursor:not-allowed}.po-toolbar .po-font-size-trigger,.po-toolbar .po-font-family-trigger{height:var(--po-toolbar-control-h);min-width:48px;padding:0 5px;border:1px solid transparent;border-radius:8px;background:transparent;font-size:14px;font-weight:600;color:var(--po-toolbar-text)}.po-toolbar .po-font-size-trigger:hover,.po-toolbar .po-font-family-trigger:hover{background:#ffffffb8;border-color:#0f172a0f}.po-toolbar .po-font-size-trigger[aria-expanded=true],.po-toolbar .po-font-family-trigger[aria-expanded=true]{background:#fff;border-color:var(--po-toolbar-accent);color:var(--po-toolbar-accent);box-shadow:none}.po-toolbar .po-tool-button--color-menu[aria-expanded=true]{background:#fff;border-color:var(--po-toolbar-accent);box-shadow:none}.po-toolbar .po-tool-button--color-menu{overflow:visible;min-width:42px;padding:0 3px 0 2px;gap:2px}.po-toolbar .po-tool-button--color-menu .po-toolbar-icon-stack{flex-shrink:0}.po-toolbar-icon-stack--fill{--po-stack-swatch-h: 4px;gap:1px}.po-toolbar-icon-stack--fill .po-toolbar-icon-stack__bar{border-radius:2px}.po-toolbar .po-toolbar-icon--font-color{flex-shrink:0}.po-toolbar .po-toolbar-icon--glyph text{font-family:Times New Roman,Times,Georgia,Songti SC,serif}.po-toolbar .po-text-align-trigger{min-width:var(--po-toolbar-control-h);height:var(--po-toolbar-control-h);border:1px solid transparent;border-radius:8px}.po-toolbar .po-text-align-trigger:hover{background:#ffffffb8}.po-toolbar .po-text-align-trigger[aria-expanded=true]{background:#fff;border-color:var(--po-toolbar-accent);color:var(--po-toolbar-accent);box-shadow:none}.po-toolbar--colored{--po-toolbar-height: 40px;--po-toolbar-control-h: 34px;min-height:var(--po-toolbar-height);padding:4px 12px 4px 0;border-bottom:none}.po-toolbar--colored .po-toolbar-group{margin-right:4px;padding:3px 2px;border-width:1px;border-color:#0f172a0d;border-radius:10px;box-shadow:0 1px 3px #0f172a0d}.po-toolbar--colored .po-tool-button{border-radius:8px}.po-toolbar--colored .po-tool-button:hover:not(:disabled):not(.po-tool-button--active){background:#f2f3f5;transform:translateY(-1px)}.po-toolbar--colored .po-tool-button--active{background:#7c4dff1a;border-color:#7c4dff47;color:#7c4dff;box-shadow:inset 0 0 0 1px #7c4dff33}.po-toolbar--colored .po-tool-button--active .colored-toolbar-icon,.po-toolbar--colored .po-tool-button--active .mindmap-toolbar-icon{transform:scale(1.06);filter:drop-shadow(0 2px 6px rgba(124,77,255,.22))}.po-toolbar--colored .po-tool-button:hover:not(:disabled) .colored-toolbar-icon,.po-toolbar--colored .po-tool-button:hover:not(:disabled) .mindmap-toolbar-icon{transform:scale(1.05);filter:drop-shadow(0 2px 5px rgba(15,23,42,.12))}.po-toolbar--colored .po-tool-button:disabled .colored-toolbar-icon,.po-toolbar--colored .po-tool-button:disabled .mindmap-toolbar-icon{filter:grayscale(.7) opacity(.85)}.po-toolbar--colored .colored-toolbar-icon,.po-toolbar--colored .mindmap-toolbar-icon{display:block;flex-shrink:0;transition:transform .18s ease,filter .18s ease}.po-toolbar--colored .colored-toolbar-icon--stack-glyph{width:20px;height:20px}.po-toolbar--colored .po-edge-menu__trigger--compact{height:34px;border-radius:8px}.po-toolbar--colored .po-edge-menu__trigger--compact:hover:not(:disabled){background:#f2f3f5}.po-toolbar--colored .po-toolbar-font-size-chip--colored{line-height:0}.po-toolbar--colored .po-tool-devider{height:22px;margin:0 1px}