*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none}input[type="text"],input[type="search"],input[type="password"],input[type="email"],input[type="url"],input[type="tel"],input[type="number"],input:not([type]),textarea,.anno-editor{-webkit-user-select:text!important;-moz-user-select:text!important;-ms-user-select:text!important;user-select:text!important;-webkit-touch-callout:default}::selection{background:#fff0;color:inherit}input[type="text"]::selection,input[type="search"]::selection,input[type="password"]::selection,input[type="email"]::selection,input[type="url"]::selection,input[type="tel"]::selection,input[type="number"]::selection,input:not([type])::selection,textarea::selection{background:Highlight;color:HighlightText}:root{--color-bg:#eef0f4;--color-canvas:#ffffff;--color-sidebar:#f7f8fb;--color-sidebar-header:transparent;--color-sidebar-border:#e4e7ee;--color-accent:#0f766e;--color-accent-hover:#115e59;--color-accent-soft:#e8eeed;--color-accent-muted:#d5e0de;--color-accent-border:rgba(15, 118, 110, 0.3);--color-accent-ring:rgba(15, 118, 110, 0.12);--color-danger:#dc2626;--color-text-light:#1e293b;--color-text-muted:#64748b;--color-group-label:#94a3b8;--color-toolbar:#ffffff;--color-toolbar-border:#e4e7ee;--toolbar-h:48px;--project-bar-h:36px;--inspector-w:272px;--inspector-w-min:204px;--font:-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', sans-serif;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--pb-action-w:80px;--shadow-sm:0 1px 2px rgba(15, 23, 42, 0.04);--shadow-md:0 4px 16px rgba(15, 23, 42, 0.08), 0 1px 3px rgba(15, 23, 42, 0.04);--shadow-lg:0 12px 32px rgba(15, 23, 42, 0.12), 0 4px 8px rgba(15, 23, 42, 0.04)}html,body{height:100%;overflow:hidden;font-family:var(--font);font-size:13px}body{background:var(--color-bg)}#app{display:flex;flex-direction:column;height:100vh}#toolbar{display:flex;align-items:center;justify-content:space-between;height:var(--toolbar-h);padding:0 16px;background:var(--color-toolbar);border-bottom:1px solid var(--color-toolbar-border);flex-shrink:0;z-index:10}#toolbar-leading{display:flex;align-items:center;gap:10px;min-width:0}#toolbar-title{font-weight:600;font-size:14px;letter-spacing:-.01em;color:var(--color-text-light);white-space:nowrap}.toolbar-project-btn{display:inline-flex;align-items:center;gap:6px;max-width:min(280px, 42vw);padding:4px 10px 4px 8px;font-size:12.5px;font-family:var(--font);font-weight:500;border:1px solid var(--color-toolbar-border);border-radius:var(--radius-sm);background:#fff;color:var(--color-text);cursor:pointer;transition:background 0.15s,border-color 0.15s}.toolbar-project-btn:hover{background:#f8fafc;border-color:#cbd5e1}#toolbar-project-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.toolbar-project-caret{font-size:11px;opacity:.65;flex-shrink:0}#toolbar-actions{display:flex;align-items:center;gap:4px}#toolbar-actions .sep{width:1px;height:18px;background:var(--color-toolbar-border);margin:0 6px}#toolbar-actions button{display:flex;align-items:center;gap:5px;padding:6px 12px;font-size:12.5px;font-family:var(--font);font-weight:500;border:1px solid #fff0;border-radius:var(--radius-sm);background:#fff0;color:var(--color-text-light);cursor:pointer;transition:background 0.15s,color 0.15s,box-shadow 0.15s;user-select:none}#toolbar-actions button:hover{background:#f1f5f9;color:var(--color-accent)}#toolbar-actions button:active{background:#e2e8f0}#toolbar-actions button:disabled{opacity:.4;cursor:not-allowed;color:var(--color-text-muted);background:#fff0}#toolbar-actions button:disabled:hover{background:#fff0;color:var(--color-text-muted)}#toolbar-actions button.is-active{background:var(--color-accent-soft);color:var(--color-accent);box-shadow:inset 0 0 0 1px var(--color-accent-border)}#btn-clear:hover{color:#475569;background:#f1f5f9}#toolbar-actions .bi{font-size:14px;line-height:1}#workspace{display:flex;flex:1;overflow:hidden;position:relative;background:var(--color-canvas)}.panel-resizer{flex:0 0 5px;width:5px;margin:0 -2px;cursor:col-resize;position:relative;z-index:8;background:#fff0;touch-action:none;user-select:none}.panel-resizer::after{content:'';position:absolute;top:0;bottom:0;left:1px;width:3px;background:#fff0;transition:background 0.12s}.panel-resizer:hover::after,.panel-resizer:focus-visible::after,body.is-resizing-panels .panel-resizer:hover::after{background:var(--color-accent)}body.is-resizing-panels{cursor:col-resize!important;user-select:none!important}body.is-resizing-panels *{cursor:col-resize!important;user-select:none!important}#resizer-inspector{position:absolute;top:10px;bottom:10px;right:calc(10px + var(--inspector-w) - 2px);width:6px;margin:0;flex:none;z-index:6}#resizer-inspector::after{left:1.5px;width:3px;border-radius:2px}#palette-bar{display:flex;flex-direction:column;justify-content:flex-start;background:var(--color-sidebar);border-bottom:1px solid var(--color-sidebar-border);flex-shrink:0;z-index:9;position:relative;overflow:visible;padding:6px 12px 6px}#palette-menu-portal{position:absolute;left:0;top:0;width:0;height:0;overflow:visible;z-index:300;pointer-events:none}#palette-menu-portal>*{pointer-events:auto}#pb-body-scroll{width:100%;max-width:100%;min-width:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:#cbd5e1 #fff0}#pb-body-scroll::-webkit-scrollbar{height:5px}#pb-body-scroll::-webkit-scrollbar-track{background:#fff0}#pb-body-scroll::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px}#pb-body{display:flex;flex-direction:row;align-items:stretch;justify-content:flex-start;width:max-content;min-width:0;gap:0}.pb-vsep{flex-shrink:0;width:1px;align-self:stretch;margin:0 8px;background:var(--color-sidebar-border)}.pb-vsep-inner{margin:0 6px;align-self:center;height:36px}#pb-actions{display:flex;align-items:center;flex-shrink:0;gap:2px;height:64px}.pb-action-group{position:relative;display:flex;align-items:center;flex-shrink:0;gap:2px}.pb-group-items{display:flex;align-items:center;gap:2px}.pb-action-group.is-collapsed>.pb-group-items{display:none}.pb-group-chevron{font-size:10px;line-height:1;opacity:.7}#pb-actions .pb-group-items>button,#pb-actions .pb-group-items>.pb-water-wrap>button,#pb-actions .pb-group-toggle,#pb-actions #btn-anno{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:3px;width:var(--pb-action-w);min-width:var(--pb-action-w);height:64px;padding:4px 4px 3px;border:1px solid #fff0;border-radius:var(--radius-md);background:#fff0;color:var(--color-text-light);font-family:var(--font);font-size:inherit;font-weight:500;line-height:1.15;cursor:pointer;transition:background 0.15s,border-color 0.15s,color 0.15s,box-shadow 0.15s;user-select:none;box-sizing:border-box;flex-shrink:0}#pb-actions .pb-group-toggle[hidden]{display:none!important}#pb-actions .pb-group-items>button:hover,#pb-actions .pb-group-items>.pb-water-wrap>button:hover,#pb-actions .pb-group-toggle:hover{background:#fff;border-color:rgb(15 23 42 / .06);box-shadow:var(--shadow-sm);color:var(--color-accent)}#pb-actions .pb-group-items>button:active,#pb-actions .pb-group-items>.pb-water-wrap>button:active,#pb-actions .pb-group-toggle:active{background:#f1f5f9}#pb-actions .pb-group-items>button:disabled,#pb-actions .pb-group-items>.pb-water-wrap>button:disabled{opacity:.38;cursor:not-allowed;color:var(--color-text-muted);background:#fff0;border-color:#fff0;box-shadow:none}#pb-actions .pb-group-items>button:disabled:hover,#pb-actions .pb-group-items>.pb-water-wrap>button:disabled:hover{background:#fff0;border-color:#fff0;box-shadow:none;color:var(--color-text-muted)}#pb-actions .pb-group-items>button.is-active,#pb-actions .pb-group-items>.pb-water-wrap>button.is-active,#pb-actions .pb-group-toggle.is-active,#pb-actions .pb-group-toggle[aria-expanded="true"]{background:var(--color-accent-soft);border-color:#fff0;color:var(--color-accent);box-shadow:inset 0 0 0 1px var(--color-accent-border)}#pb-actions #btn-delete:hover:not(:disabled){color:var(--color-danger);background:#fef2f2;border-color:rgb(220 38 38 / .15);box-shadow:none}.pb-group-menu{position:absolute;top:calc(100% + 4px);right:0;min-width:188px;padding:6px;background:#fff;border:1px solid rgb(15 23 42 / .08);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:360;display:flex;flex-direction:column;gap:2px}.pb-group-menu[hidden]{display:none!important}.pb-group-menu.is-fixed{position:fixed;right:auto;z-index:420}#pb-group-part .pb-group-menu:not(.is-fixed){left:0;right:auto}.pb-group-menu>button,.pb-group-menu>.pb-water-wrap>button{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:10px;width:100%;min-width:0;height:auto;padding:8px 10px;border:1px solid #fff0;border-radius:var(--radius-sm);background:#fff0;color:var(--color-text-light);font-family:var(--font);font-size:12.5px;font-weight:500;line-height:1.2;cursor:pointer;box-sizing:border-box;text-align:left}.pb-group-menu>button:hover,.pb-group-menu>.pb-water-wrap>button:hover{background:#f1f5f9;color:var(--color-accent)}.pb-group-menu>button:disabled,.pb-group-menu>.pb-water-wrap>button:disabled{opacity:.38;cursor:not-allowed;color:var(--color-text-muted);background:#fff0}.pb-group-menu>button.is-active,.pb-group-menu>.pb-water-wrap>button.is-active{background:var(--color-accent-soft);color:var(--color-accent)}.pb-group-menu>button .pb-action-icon,.pb-group-menu>.pb-water-wrap>button .pb-action-icon{width:28px;height:28px;font-size:18px;flex-shrink:0}.pb-group-menu>button .pb-action-caption,.pb-group-menu>.pb-water-wrap>button .pb-action-caption{display:block;font-size:12.5px;line-height:1.2;white-space:nowrap;overflow:visible;text-overflow:clip;text-align:left;max-width:none;max-height:none;-webkit-line-clamp:unset}.pb-group-menu>.pb-water-wrap{position:relative;width:100%}.pb-group-menu .water-menu{top:calc(100% + 2px);left:0;right:auto}.pb-group-menu #btn-delete:hover:not(:disabled){color:var(--color-danger);background:#fef2f2}.pb-water-wrap{position:relative;flex-shrink:0}.pb-water-icon,.water-opt-icon{color:#94a3b8}.pb-water-icon[data-water="cold"],.water-opt-icon[data-water="cold"]{color:#3b82f6}.pb-water-icon[data-water="hot"],.water-opt-icon[data-water="hot"]{color:#ef4444}#pb-actions #btn-water.is-active{background:var(--color-accent-soft);border-color:#fff0;color:var(--color-accent);box-shadow:inset 0 0 0 1px var(--color-accent-border)}#pb-actions #btn-water[aria-expanded="true"]{background:var(--color-accent-soft);border-color:#fff0;box-shadow:inset 0 0 0 1px var(--color-accent-border)}#pb-actions #btn-water[data-water="hot"].is-active{background:#fef2f2;border-color:#fff0;color:#dc2626;box-shadow:inset 0 0 0 1px rgb(239 68 68 / .35)}#pb-actions #btn-water[data-water="cold"].is-active{background:#eff6ff;border-color:#fff0;color:#2563eb;box-shadow:inset 0 0 0 1px rgb(59 130 246 / .35)}.pb-group-menu #btn-water.is-active,.pb-group-menu #btn-water[aria-expanded="true"]{box-shadow:none}.pb-group-menu #btn-water[data-water="cold"].is-active{background:#eff6ff;color:#2563eb}.pb-group-menu #btn-water[data-water="hot"].is-active{background:#fef2f2;color:#dc2626}.water-menu{position:absolute;top:calc(100% + 4px);left:0;min-width:168px;z-index:430}.water-menu .water-menu-option{display:flex;width:100%;margin:0;cursor:pointer}.water-menu .water-menu-option .palette-item-icon{display:flex;align-items:center;justify-content:center;font-size:16px}.water-menu .water-menu-option[aria-selected="true"]{background:var(--color-accent-soft);border-color:#fff0;box-shadow:none}.water-menu .water-menu-option[aria-selected="true"] .palette-item-name{color:var(--color-accent);font-weight:600}.water-menu .water-menu-option[data-water="cold"][aria-selected="true"]{background:#eff6ff}.water-menu .water-menu-option[data-water="cold"][aria-selected="true"] .palette-item-name{color:#2563eb}.water-menu .water-menu-option[data-water="hot"][aria-selected="true"]{background:#fef2f2}.water-menu .water-menu-option[data-water="hot"][aria-selected="true"] .palette-item-name{color:#dc2626}.pb-action-icon{display:flex;align-items:center;justify-content:center;width:44px;height:30px;font-size:20px;line-height:1;font-weight:400;color:#1e293b}.pb-action-icon .bi{font-size:inherit;line-height:1}#pb-actions .pb-group-items>button:disabled .pb-action-icon,#pb-actions .pb-group-items>.pb-water-wrap>button:disabled .pb-action-icon,#pb-actions .pb-group-menu>button:disabled .pb-action-icon,#pb-actions .pb-group-menu>.pb-water-wrap>button:disabled .pb-action-icon{color:inherit}#pb-actions .pb-group-items>button:hover .pb-action-icon,#pb-actions .pb-group-items>.pb-water-wrap>button:hover .pb-action-icon,#pb-actions .pb-group-menu>button:hover .pb-action-icon,#pb-actions .pb-group-menu>.pb-water-wrap>button:hover .pb-action-icon{color:inherit}#pb-actions .pb-group-items>.pb-water-wrap>button:hover .pb-water-icon[data-water=""],#pb-actions .pb-group-menu>.pb-water-wrap>button:hover .pb-water-icon[data-water=""]{color:inherit}#pb-actions .pb-group-items>.pb-water-wrap>button:hover .pb-water-icon[data-water="cold"],#pb-actions .pb-group-menu>.pb-water-wrap>button:hover .pb-water-icon[data-water="cold"]{color:#3b82f6}#pb-actions .pb-group-items>.pb-water-wrap>button:hover .pb-water-icon[data-water="hot"],#pb-actions .pb-group-menu>.pb-water-wrap>button:hover .pb-water-icon[data-water="hot"]{color:#ef4444}.pb-action-caption{font-size:10px;font-weight:500;letter-spacing:-.01em;line-height:1.15;text-align:center;white-space:normal;max-width:100%;max-height:2.3em;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}#pb-tabs-row{display:flex;align-items:center;gap:10px;min-height:30px;margin-bottom:4px;overflow:visible;width:100%}#pb-tabs-scroll{flex:1 1 auto;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;display:flex;align-items:center;min-width:0}#pb-tabs-scroll::-webkit-scrollbar{display:none}#palette-tabs{display:flex;align-items:center;gap:4px;flex-shrink:0;padding:3px;background:#e8ebf0;border-radius:10px}.pb-tab{display:flex;align-items:center;padding:5px 12px;border:none;border-radius:8px;background:#fff0;color:var(--color-text-muted);font-family:var(--font);font-size:12.5px;font-weight:500;letter-spacing:-.01em;cursor:pointer;white-space:nowrap;transition:background 0.15s,color 0.15s,box-shadow 0.15s;user-select:none;position:relative}.pb-tab:hover{color:var(--color-text-light);background:rgb(255 255 255 / .45)}.pb-tab.is-active{background:#fff;color:var(--color-text-light);box-shadow:var(--shadow-sm),0 0 0 1px rgb(15 23 42 / .04)}.pb-tab.is-active::after{display:none}.pb-tab.is-dim{opacity:.35;cursor:not-allowed;pointer-events:none}.pb-tab[data-material="pp"]{color:#3f7a55}.pb-tab[data-material="pe"]{color:#3d6fa0}.pb-tab[data-material="mp"]{color:#5a7088}.pb-tab[data-material="pex"]{color:#a04848}.pb-tab[data-material="brass"]{color:#9a7420}.pb-tab[data-material="equipment"]{color:#4a6a78}.pb-tab[data-material="pp"].is-active{color:#1f6b3a;background:#fff;box-shadow:var(--shadow-sm),0 0 0 1px rgb(74 144 96 / .2)}.pb-tab[data-material="pp"].is-active::after{display:none}.pb-tab[data-material="pe"].is-active{color:#1e5a8a;background:#fff;box-shadow:var(--shadow-sm),0 0 0 1px rgb(96 144 192 / .25)}.pb-tab[data-material="pe"].is-active::after{display:none}.pb-tab[data-material="mp"].is-active{color:#3a5068;background:#fff;box-shadow:var(--shadow-sm),0 0 0 1px rgb(90 112 136 / .28)}.pb-tab[data-material="mp"].is-active::after{display:none}.pb-tab[data-material="pex"].is-active{color:#8a3030;background:#fff;box-shadow:var(--shadow-sm),0 0 0 1px rgb(160 72 72 / .28)}.pb-tab[data-material="pex"].is-active::after{display:none}.pb-tab[data-material="brass"].is-active{color:#8a6818;background:#fff;box-shadow:var(--shadow-sm),0 0 0 1px rgb(192 144 48 / .28)}.pb-tab[data-material="brass"].is-active::after{display:none}.pb-tab[data-material="equipment"].is-active{color:#355564;background:#fff;box-shadow:var(--shadow-sm),0 0 0 1px rgb(74 106 120 / .28)}.pb-tab[data-material="equipment"].is-active::after{display:none}#pb-parts-wrap{position:relative;flex:0 0 auto;display:flex;flex-direction:column}.pb-filter-hint{position:absolute;left:50%;top:calc(100% + 14px);transform:translateX(-50%) translateY(-4px);z-index:250;padding:6px 14px;background:#fff;border:1px solid rgb(15 23 42 / .08);border-radius:8px;box-shadow:0 4px 16px rgb(15 23 42 / .08),0 1px 3px rgb(15 23 42 / .04);font-size:12px;font-weight:500;color:var(--color-text-muted);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity 0.18s ease,transform 0.18s ease}.pb-filter-hint:not([hidden]){opacity:1;transform:translateX(-50%) translateY(0)}.pb-filter-hint[hidden]{display:none!important}#pb-history{display:flex;align-items:center;gap:2px;flex-shrink:0}.pb-history-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:none;border-radius:8px;background:#fff0;color:var(--color-text-muted);cursor:pointer;transition:background 0.15s,color 0.15s;user-select:none}.pb-history-btn:hover:not(:disabled){color:var(--color-text-light);background:rgb(15 23 42 / .08)}.pb-history-btn:active:not(:disabled){background:rgb(15 23 42 / .12)}.pb-history-btn:disabled{opacity:.35;cursor:not-allowed}.pb-history-btn .bi{font-size:16px;line-height:1}#pb-search-wrap{position:relative;display:flex;align-items:center;flex-shrink:0;padding:0;border-left:none}.pb-search{width:200px;padding:5px 32px 5px 12px;border:1px solid #fff0;border-radius:10px;background:#e8ebf0;color:var(--color-text-light);font-family:var(--font);font-size:12.5px;outline:none;transition:background 0.15s,border-color 0.15s,box-shadow 0.15s}.pb-search::placeholder{color:#94a3b8}.pb-search:focus{background:#fff;border-color:rgb(15 118 110 / .45);box-shadow:0 0 0 3px rgb(15 118 110 / .12)}.pb-search::-webkit-search-cancel-button{display:none}.pb-search-clear{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:22px;height:22px;padding:0;border:none;border-radius:6px;background:#fff0;color:var(--color-text-muted);font-size:14px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}.pb-search-clear:hover{color:var(--color-text-light);background:rgb(15 23 42 / .08)}.pb-search-clear[hidden]{display:none!important}#palette-parts{display:flex;flex-direction:row;align-items:stretch;width:max-content;max-width:none;min-height:64px;overflow:visible;padding:0;gap:4px}.palette-parts-list{display:contents}.palette-entry{display:flex;flex-shrink:0;position:relative}.palette-entry[hidden]{display:none!important}.palette-item{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:3px;padding:4px 6px 3px;width:74px;min-width:74px;height:64px;flex-shrink:0;cursor:pointer;user-select:none;border:1px solid #fff0;border-radius:var(--radius-md);background:#fff0;transition:background 0.15s,border-color 0.15s,box-shadow 0.15s,transform 0.15s;position:relative;box-sizing:border-box}.palette-item:hover{background:#fff;border-color:rgb(15 23 42 / .06);box-shadow:var(--shadow-sm)}.palette-item:active{background:#fff;transform:scale(.97)}.palette-item.can-insert:hover{border-color:#fff0;background:var(--color-accent-soft);box-shadow:inset 0 0 0 1px var(--color-accent-border)}.palette-item[hidden]{display:none!important}.palette-item.is-disabled,.palette-group-btn.is-disabled{opacity:.34;cursor:not-allowed;pointer-events:none}.palette-group-btn{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:3px;padding:4px 6px 3px;width:88px;min-width:88px;height:64px;flex-shrink:0;cursor:pointer;user-select:none;border:1px solid #fff0;border-radius:var(--radius-md);background:#fff0;color:inherit;font:inherit;transition:background 0.15s,border-color 0.15s,box-shadow 0.15s;position:relative;box-sizing:border-box}.palette-group-btn:hover{background:#fff;border-color:rgb(15 23 42 / .06);box-shadow:var(--shadow-sm)}.palette-group-btn[aria-expanded="true"]{background:var(--color-accent-soft);border-color:#fff0;box-shadow:inset 0 0 0 1px var(--color-accent-border)}.palette-group-btn .palette-item-name{white-space:normal;line-height:1.2;max-height:2.4em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;max-width:84px;font-weight:500}.palette-item-icon{display:flex;flex-shrink:0;align-items:center;justify-content:center;border-radius:0;background:#fff0;border:none;box-shadow:none;overflow:visible;width:44px;height:30px}.part-icon{width:40px;height:28px;flex-shrink:0;background:#fff0;border:none;padding:0;overflow:visible;filter:none}.palette-item-text{display:flex;flex-direction:column;align-items:center;gap:1px;width:100%;min-width:0}.palette-item-name{font-size:10.5px;font-weight:500;line-height:1.2;letter-spacing:-.01em;color:var(--color-text-light);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;display:block}.palette-item-diam{font-size:10px;font-weight:400;line-height:1.2;color:var(--color-text-muted);text-align:center;white-space:nowrap}.palette-diam-btn{position:absolute;top:4px;right:4px;width:18px;height:18px;margin:0;padding:0;border:none;border-radius:6px;background:#f1f5f9;color:var(--color-text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:9px;line-height:1;z-index:2;transition:background 0.12s,color 0.12s}.palette-diam-btn:hover{background:#e2e8f0;color:var(--color-text-light)}.palette-diam-btn[aria-expanded="true"]{background:var(--color-accent-muted);color:var(--color-accent)}.palette-diam-chevron{font-size:9px;line-height:1}.palette-diam-menu,.palette-size-menu,.palette-group-menu{z-index:320;min-width:168px;max-height:300px;overflow-y:auto;padding:6px;background:#fff;border:1px solid rgb(15 23 42 / .08);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);scrollbar-width:thin;scrollbar-color:#cbd5e1 #fff0}.palette-diam-menu[hidden],.palette-size-menu[hidden],.palette-group-menu[hidden]{display:none!important}.palette-group-menu{min-width:240px;padding:6px}.palette-diam-option,.palette-size-option{display:block;width:100%;margin:0;padding:8px 10px;border:none;border-radius:8px;background:#fff0;color:var(--color-text-light);font-family:var(--font);font-size:12px;line-height:1.3;text-align:left;cursor:pointer;transition:background 0.12s}.palette-diam-option:hover,.palette-size-option:hover{background:#f1f5f9}.palette-diam-option[aria-selected="true"],.palette-size-option[aria-selected="true"]{background:var(--color-accent-soft);color:var(--color-accent);font-weight:600}.palette-diam-option[hidden],.palette-size-option[hidden]{display:none!important}.palette-diam-option.is-disabled,.palette-size-option.is-disabled,.palette-diam-option:disabled,.palette-size-option:disabled{opacity:.35;cursor:not-allowed;pointer-events:none}.palette-menu-row{flex-direction:row;align-items:center;justify-content:flex-start;gap:10px;width:100%;min-width:0;height:auto;padding:8px 10px;border-radius:8px}.palette-menu-row .palette-item-icon{width:42px;height:30px;border-radius:8px;background:#f8fafc;border:1px solid rgb(15 23 42 / .05);overflow:hidden}.palette-menu-row .part-icon{width:36px;height:24px}.palette-menu-row .palette-item-text{flex:1;align-items:flex-start;min-width:0}.palette-menu-row .palette-item-name{text-align:left;max-width:none;font-size:12.5px;font-weight:500}.palette-menu-row .palette-item-diam{text-align:left;font-size:11px}.palette-menu-row:hover{background:#f1f5f9;border-color:#fff0;box-shadow:none}.palette-menu-row.can-insert:hover{border-color:#fff0;background:var(--color-accent-soft);box-shadow:none}.palette-size-arrow{flex-shrink:0;width:28px;height:28px;margin:0;padding:0;border:none;border-radius:8px;background:#fff0;color:var(--color-text-muted);font-size:16px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background 0.12s,color 0.12s}.palette-size-arrow:hover,.palette-size-arrow[aria-expanded="true"]{background:#f1f5f9;color:var(--color-text-light)}.palette-size-menu{min-width:148px}.palette-screen[hidden]{display:none!important}.group-label{padding:4px 14px 3px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--color-group-label)}.palette-custom-btn .palette-custom-btn-icon{display:flex;align-items:center;justify-content:center;width:44px;height:30px;font-size:20px;line-height:1;color:#1e293b}.palette-custom-btn .palette-custom-btn-icon .bi{font-size:inherit;line-height:1}.palette-custom-btn[aria-expanded="true"] .palette-custom-btn-icon{color:var(--color-accent)}.palette-custom-menu-item{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:10px;width:100%;min-width:0;height:auto;margin:0;padding:8px 10px;border:1px solid #fff0;border-radius:var(--radius-sm);background:#fff0;color:var(--color-text-light);font-family:var(--font);font-size:12.5px;font-weight:500;line-height:1.2;text-align:left;cursor:pointer;box-sizing:border-box}.palette-custom-menu-item:hover{background:#f1f5f9;color:var(--color-accent)}.palette-custom-menu-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:28px;height:28px;font-size:18px;line-height:1;color:inherit}.palette-custom-menu-label{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.palette-custom-create{color:var(--color-accent)}.palette-custom-create:hover{background:var(--color-accent-soft);color:var(--color-accent)}.palette-custom-part-row{position:relative;padding-right:32px!important}.palette-custom-del{position:absolute;right:6px;top:50%;transform:translateY(-50%);background:none;border:none;color:#bbb;cursor:pointer;padding:3px 5px;border-radius:3px;font-size:11px;line-height:1}.palette-custom-del:hover{color:#d64545;background:#fef2f2}.pb-anno-group{position:relative;flex-shrink:0}#pb-actions #btn-anno:hover{background:#fff;border-color:rgb(15 23 42 / .06);box-shadow:var(--shadow-sm);color:var(--color-accent)}#pb-actions #btn-anno:active{background:#f1f5f9}#pb-actions #btn-anno.is-active,#pb-actions #btn-anno[aria-expanded="true"]{background:var(--color-accent-soft);border-color:#fff0;box-shadow:inset 0 0 0 1px var(--color-accent-border);color:var(--color-accent)}.anno-type-menu{min-width:212px;padding:6px;border-radius:14px}.anno-type-menu>button{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:11px!important;width:100%;min-height:46px;height:auto!important;padding:8px 10px!important;text-align:left;border-radius:10px!important}.anno-type-icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;flex-shrink:0;border-radius:9px;background:#f8fafc;color:#64748b;border:1px solid rgb(15 23 42 / .05);font-size:15px}.anno-type-menu>button:hover .anno-type-icon{background:var(--color-accent-soft);color:var(--color-accent);border-color:var(--color-accent-ring)}.anno-type-menu>button .pb-action-caption{display:flex;flex-direction:column;align-items:flex-start;gap:1px;max-width:none!important;max-height:none;white-space:normal!important;text-align:left;-webkit-line-clamp:unset}.anno-type-name{font-size:12.5px;font-weight:560;letter-spacing:-.01em;color:var(--color-text-light)}.anno-type-hint{font-size:10.5px;color:#94a3b8;font-weight:400;letter-spacing:.01em}.anno-type-menu>button.is-active{background:var(--color-accent-soft)!important}.anno-type-menu>button.is-active .anno-type-icon{background:var(--color-accent-muted);color:var(--color-accent);border-color:var(--color-accent-border)}.anno-type-menu>button.is-active .anno-type-name{color:var(--color-accent)}.anno-item{cursor:grab}.anno-item .anno-sticker-paper{filter:drop-shadow(0 2.5px 4px rgb(15 23 42 / .14)) drop-shadow(0 .5px 1px rgb(15 23 42 / .08))}.anno-item.is-selected .anno-sticker-paper{filter:drop-shadow(0 3px 9px rgb(15 23 42 / .18)) drop-shadow(0 1px 2px rgb(15 23 42 / .1))}.anno-sel-outline{stroke:var(--color-accent);stroke-width:1.5;stroke-dasharray:4 2.5;fill:var(--color-accent-ring);pointer-events:none}.anno-sel-leader{stroke:var(--color-accent);stroke-width:3.2;stroke-opacity:.35;stroke-linecap:round;pointer-events:none}.anno-sel-anchor{stroke:var(--color-accent);stroke-width:1.5;fill:var(--color-accent-ring);pointer-events:none}.anno-sel-arrow-line{stroke:var(--color-accent);stroke-width:4.5;stroke-opacity:.38;stroke-linecap:round;pointer-events:none}.anno-sel-arrow-head{fill:none;stroke:var(--color-accent);stroke-width:2.4;stroke-opacity:.55;stroke-linejoin:round;pointer-events:none}.anno-item.is-selected .anno-handle,.anno-item.is-selected .anno-anchor{stroke:var(--color-accent)}.anno-note-handle{cursor:pointer;stroke:var(--color-accent)}.anno-note-frame{pointer-events:none;stroke:var(--color-accent)}.anno-color-toolbar{position:relative;display:flex;flex-direction:column;align-items:center;flex-shrink:0}.anno-align-toolbar{position:relative;display:flex;flex-direction:column;align-items:center;flex-shrink:0}.anno-align-toolbar[hidden]{display:none!important}.anno-align-trigger{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;padding:0;border:none;border-radius:999px;background:#fff0;color:#64748b;cursor:pointer;transition:background 0.12s,color 0.12s}.anno-align-trigger:hover{background:#f1f5f9;color:var(--color-accent)}.anno-align-trigger-ico{display:inline-flex;align-items:center;justify-content:center;line-height:0}.anno-align-popover{position:absolute;top:calc(100% + 8px);left:50%;transform:translateX(-50%);z-index:2;padding:6px;border-radius:12px;background:rgb(248 250 252 / .98);border:1px solid rgb(15 23 42 / .08);box-shadow:0 1px 2px rgb(15 23 42 / .04),0 14px 32px rgb(15 23 42 / .12)}.anno-align-popover[hidden]{display:none!important}.anno-align-options{display:flex;align-items:center;gap:2px}.anno-align-opt{display:inline-flex;align-items:center;justify-content:center;width:30px;height:28px;padding:0;border:none;border-radius:8px;background:#fff0;color:#64748b;cursor:pointer;transition:background 0.12s,color 0.12s}.anno-align-opt:hover{background:#f1f5f9;color:var(--color-accent)}.anno-align-opt.is-active{background:var(--color-accent-muted);color:var(--color-accent)}.anno-align-ico{display:block;font-size:14px;line-height:1}.anno-color-inline{display:flex;align-items:center}.anno-color-inline[hidden],.anno-color-trigger[hidden]{display:none!important}.anno-inline-swatches{display:flex;align-items:center;gap:6px;flex-wrap:nowrap}#anno-style-bar.anno-style-bar--arrow{padding:5px 8px}#anno-style-bar.anno-style-bar--arrow .anno-color-toolbar{flex-direction:row;align-items:center}.anno-color-trigger{display:inline-flex;align-items:center;gap:5px;min-width:28px;height:28px;padding:0 8px 0 4px;border:none;border-radius:999px;background:#fff0;box-shadow:none;cursor:pointer;font-family:var(--font);font-size:12px;font-weight:600;color:#64748b;line-height:1;transition:background 0.12s,color 0.12s}.anno-color-trigger:hover{background:#f1f5f9;color:var(--color-accent)}.anno-color-dot{width:14px;height:14px;border-radius:50%;border:1.5px solid rgb(15 23 42 / .1);box-shadow:inset 0 0 0 1px rgb(255 255 255 / .45);flex-shrink:0}.anno-color-popover{position:absolute;top:calc(100% + 8px);left:50%;transform:translateX(-50%);z-index:2;min-width:220px;padding:10px 12px 8px;border-radius:12px;background:rgb(248 250 252 / .98);border:1px solid rgb(15 23 42 / .08);box-shadow:0 1px 2px rgb(15 23 42 / .04),0 14px 32px rgb(15 23 42 / .12)}.anno-color-popover[hidden]{display:none!important}.anno-popover-arrow{position:absolute;top:-6px;left:50%;width:12px;height:12px;margin-left:-6px;background:rgb(248 250 252 / .98);border-left:1px solid rgb(15 23 42 / .08);border-top:1px solid rgb(15 23 42 / .08);transform:rotate(45deg)}.anno-popover-swatches{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:nowrap}.anno-pop-panel[hidden]{display:none!important}.anno-style-group[hidden],.anno-style-sep[hidden]{display:none!important}.anno-item .anno-box{filter:drop-shadow(0 1px 1.5px rgb(15 23 42 / .06))}.anno-item .anno-sticker{filter:drop-shadow(0 2px 3px rgb(15 23 42 / .12)) drop-shadow(0 1px 1px rgb(15 23 42 / .06))}.anno-item.is-selected .anno-box{filter:drop-shadow(0 2px 4px rgb(15 118 110 / .12))}.anno-item.is-selected .anno-sticker{filter:drop-shadow(0 3px 8px rgb(15 23 42 / .16)) drop-shadow(0 1px 2px rgb(15 23 42 / .08))}.anno-handle,.anno-anchor{cursor:crosshair}#canvas.tool-annotate{cursor:crosshair}.anno-editor{position:absolute;z-index:40;margin:0;padding:5px 8px;border:1px solid rgb(15 118 110 / .45);border-radius:8px;outline:none;resize:none;overflow:hidden;line-height:1.25;letter-spacing:.01em;font-family:var(--font);box-shadow:0 0 0 3px rgb(15 118 110 / .1),0 10px 28px rgb(15 23 42 / .12);caret-color:var(--color-accent);background:rgb(255 255 255 / .97)}.anno-editor[hidden]{display:none!important}#anno-style-bar{position:absolute;left:0;top:0;z-index:35;display:flex;align-items:center;gap:6px;padding:5px 7px;background:rgb(255 255 255 / .92);border:1px solid rgb(15 23 42 / .08);border-radius:999px;box-shadow:0 1px 2px rgb(15 23 42 / .04),0 12px 28px rgb(15 23 42 / .1);backdrop-filter:blur(12px) saturate(1.2);-webkit-backdrop-filter:blur(12px) saturate(1.2);transform:translateX(-50%)}#anno-style-bar[hidden]{display:none!important}.anno-style-group{display:flex;align-items:center;gap:2px}.anno-style-btn{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;padding:0 6px;border:none;border-radius:999px;background:#fff0;color:#64748b;font-family:var(--font);font-size:12px;font-weight:600;cursor:pointer;transition:background 0.12s,color 0.12s}.anno-style-btn:hover:not(:disabled){background:#f1f5f9;color:var(--color-accent)}.anno-style-btn:disabled{opacity:.35;cursor:default}.anno-style-a{font-weight:650;line-height:1;color:inherit}.anno-style-a-sm{font-size:11px}.anno-style-a-lg{font-size:14px}.anno-style-fs{min-width:20px;padding:0 2px;text-align:center;font-size:11.5px;font-weight:600;color:#0f172a;font-variant-numeric:tabular-nums;letter-spacing:-.02em}.anno-style-sep{width:1px;height:16px;margin:0 2px;background:rgb(15 23 42 / .08)}.anno-style-swatch{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border-radius:999px;background:#fff0;cursor:pointer;transition:background 0.12s}.anno-style-swatch:hover{background:#f1f5f9}.anno-style-swatch input[type="color"]{width:16px;height:16px;padding:0;border:1.5px solid rgb(15 23 42 / .12);border-radius:50%;background:#fff0;cursor:pointer;overflow:hidden;box-shadow:inset 0 0 0 1px rgb(255 255 255 / .6)}.anno-style-swatch input[type="color"]::-webkit-color-swatch-wrapper{padding:0}.anno-style-swatch input[type="color"]::-webkit-color-swatch{border:none;border-radius:50%}.anno-style-swatch input[type="color"]:disabled{opacity:.35;cursor:default}.anno-style-presets{display:flex;align-items:center;gap:5px;padding:0 2px}.anno-style-presets[hidden],.anno-style-colors[hidden]{display:none!important}.anno-style-colors{display:flex;align-items:center;gap:4px}.anno-preset{width:18px;height:18px;padding:0;border:1.5px solid rgb(15 23 42 / .08);border-radius:50%;cursor:pointer;box-shadow:inset 0 0 0 1px rgb(255 255 255 / .35);transition:transform 0.12s,box-shadow 0.12s}.anno-preset:hover{transform:scale(1.08)}.anno-preset.is-active{box-shadow:0 0 0 2px #fff,0 0 0 3.5px rgb(15 23 42 / .35)}.anno-preset-pop{width:22px;height:22px}.anno-preset-custom{display:inline-flex;align-items:center;justify-content:center;background:conic-gradient(from 0deg,#f87171,#fbbf24,#34d399,#60a5fa,#a78bfa,#f87171);overflow:hidden}.anno-preset-custom input[type="color"]{width:100%;height:100%;padding:0;border:none;border-radius:50%;cursor:pointer;opacity:0}.anno-preset-custom.is-active{box-shadow:0 0 0 2px #fff,0 0 0 3.5px rgb(15 23 42 / .35)}.anno-style-clear{color:#94a3b8}#canvas-container{flex:1;position:relative;overflow:hidden;background:var(--color-canvas)}#canvas{display:block;width:100%;height:100%;cursor:default}html.fill-style-drawing .inst-group [stroke]:not([stroke="none"]):not(.water-mark),html.fill-style-drawing .part-icon [stroke]:not([stroke="none"]):not(.water-mark){stroke:var(--drawing-stroke,#444444)!important}.inst-group{cursor:default}#canvas.tool-ruler,#canvas.tool-ruler .inst-group{cursor:crosshair}#canvas.tool-marquee,#canvas.tool-marquee .inst-group{cursor:crosshair}#canvas.tool-draw-pipe,#canvas.tool-draw-pipe .inst-group,#canvas.tool-draw-pipe .resize-handle{cursor:crosshair}.marquee-rect{fill:rgb(15 118 110 / .12);stroke:#0f766e}.inst-group:hover:not(.selected){filter:url(#inst-outline-hover)}.inst-group.selected{filter:url(#inst-outline-selected)}.measure-line,.measure-tick{stroke:#c2410c;stroke-linecap:round;fill:none}.measure-end{fill:#fff7ed;stroke:#c2410c}.measure-label-bg{fill:#fff7ed;stroke:#c2410c}.measure-label{fill:#9a3412;font-family:var(--font);font-weight:600;pointer-events:none}.port-dot{fill:#fff;stroke:#0f766e;stroke-width:1.1;r:2;pointer-events:none}.port-dot.free{stroke:#0f766e;fill:#c5ddd9}.port-dot.near-ok{stroke:#2b5;fill:#c0f0d0}.port-dot.snapping{stroke:#2b5;fill:#c0f0d0;r:3.2;animation:pulse-green 0.5s infinite alternate}.port-dot.incompatible{stroke:#e03030;fill:#ffd0d0}.port-dot.auto{stroke:#e09030;fill:#fff0c0}@keyframes pulse-green{from{r:2.8;opacity:.8}to{r:4;opacity:1}}.bridge-port-handle-g{cursor:pointer}.bridge-port-hit{pointer-events:all}.bridge-port-handle-g .bridge-port-handle{pointer-events:none;transition:r 0.12s ease}.bridge-port-handle-g:hover .bridge-port-handle{r:2.75}.resize-handle{fill:#fff;stroke:#0f766e;stroke-width:1.1;cursor:ew-resize}.resize-handle.resize-ns{cursor:ns-resize}.resize-handle:hover{fill:#c5ddd9;stroke-width:1.4}.inst-auto .part-body{stroke-dasharray:none;opacity:.92}#drag-ghost{pointer-events:none;position:fixed;left:0;top:0;width:100vw;height:100vh;z-index:1000;overflow:visible}.snap-ghost{opacity:.45;pointer-events:none}.zoom-control{position:absolute;bottom:12px;left:14px;z-index:4}.zoom-indicator-btn{margin:0;background:rgb(255 255 255 / .9);border:1px solid #d0d4dc;border-radius:4px;padding:3px 10px;font-family:var(--font);font-size:11px;font-variant-numeric:tabular-nums;color:#555;cursor:pointer;backdrop-filter:blur(4px);line-height:1.3;min-width:44px;text-align:center;transition:background 0.12s,border-color 0.12s,color 0.12s}.zoom-indicator-btn:hover,.zoom-control.is-open .zoom-indicator-btn{background:#fff;border-color:rgb(15 118 110 / .35);color:var(--color-accent)}.zoom-menu{position:absolute;left:0;bottom:calc(100% + 6px);min-width:148px;display:flex;flex-direction:column;padding:4px;background:#fff;border:1px solid rgb(15 23 42 / .08);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:40}.zoom-menu[hidden]{display:none!important}.zoom-menu-item{display:block;width:100%;margin:0;padding:6px 10px;border:none;border-radius:6px;background:#fff0;color:var(--color-text-light);font-family:var(--font);font-size:12.5px;text-align:left;cursor:pointer;font-variant-numeric:tabular-nums}.zoom-menu-item:hover{background:#f1f5f9;color:var(--color-accent)}.zoom-menu-item[aria-checked="true"]{background:var(--color-accent-soft);color:var(--color-accent);font-weight:600}.zoom-menu-fit{font-variant-numeric:normal}.zoom-menu-sep{height:1px;margin:4px 6px;background:#eef0f4}.auto-label{font-size:7px;fill:#888;text-anchor:middle;pointer-events:none;font-family:var(--font,sans-serif)}.axis-guide{stroke:#e11d48;stroke-linecap:round;fill:none;opacity:.9;pointer-events:none}.axis-callout rect{filter:drop-shadow(0 1px 1.5px rgb(0 0 0 / .12))}.axis-callout text{pointer-events:none}.bridge-callout{cursor:grab}.bridge-callout rect{filter:drop-shadow(0 1px 1.5px rgb(0 0 0 / .12))}.bridge-callout:hover rect{filter:drop-shadow(0 2px 3px rgb(0 0 0 / .18))}.conn-wire{stroke:#1a1a1a;stroke-width:1.4;fill:none;pointer-events:none}.mat-pp .group-label{color:#4a9060}.mat-pe .group-label{color:#6090c0}.mat-mp .group-label{color:#6a8098}.mat-pex .group-label{color:#b05050}.mat-brass .group-label{color:#c09030}.mat-equipment .group-label{color:#5a7a88}.canvas-ctx-menu{position:fixed;z-index:3600;min-width:176px;padding:5px;background:#fff;border:1px solid rgb(15 23 42 / .1);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);user-select:none}.canvas-ctx-menu[hidden]{display:none!important}.canvas-ctx-item{display:flex;align-items:center;justify-content:flex-start;gap:8px;width:100%;margin:0;padding:8px 10px;border:none;border-radius:8px;background:#fff0;color:var(--color-text-light);font-family:var(--font);font-size:12.5px;line-height:1.25;text-align:left;cursor:pointer}.canvas-ctx-item:hover:not(:disabled){background:var(--color-accent-soft);color:var(--color-accent)}.canvas-ctx-item:disabled{color:#94a3b8;cursor:default;opacity:.72}.canvas-ctx-icon{width:16px;flex-shrink:0;font-size:14px;line-height:1;opacity:.9;text-align:center}.canvas-ctx-item kbd{margin-left:auto;font-family:var(--font);font-size:10.5px;font-weight:500;color:#94a3b8;background:#fff0;border:none;padding:0}.canvas-ctx-item:disabled kbd{opacity:.7}.canvas-ctx-chevron{margin-left:auto;color:#94a3b8;font-size:12px;line-height:1}.canvas-ctx-danger:hover:not(:disabled){background:#fef2f2;color:var(--color-danger)}.canvas-ctx-sep{height:1px;margin:4px 6px;background:rgb(15 23 42 / .08)}.canvas-ctx-water-wrap,.canvas-ctx-outlets-wrap{position:relative}.canvas-ctx-submenu{position:absolute;top:0;left:calc(100% + 3px);min-width:148px;padding:5px;background:#fff;border:1px solid rgb(15 23 42 / .1);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:1}#canvas-ctx-outlets-menu{min-width:72px}.canvas-ctx-submenu[hidden]{display:none!important}.canvas-ctx-submenu .canvas-ctx-item{justify-content:flex-start;gap:8px}.canvas-ctx-submenu .canvas-ctx-item[aria-selected="true"]{background:var(--color-accent-soft);color:var(--color-accent);font-weight:600}.canvas-ctx-submenu .canvas-ctx-item[data-ctx-water="cold"][aria-selected="true"]{background:#eff6ff;color:#2563eb}.canvas-ctx-submenu .canvas-ctx-item[data-ctx-water="hot"][aria-selected="true"]{background:#fef2f2;color:#dc2626}.canvas-ctx-water-dot{width:14px;flex-shrink:0;font-size:13px;line-height:1;text-align:center;color:#94a3b8}.canvas-ctx-water-dot[data-water="cold"]{color:#2563eb}.canvas-ctx-water-dot[data-water="hot"]{color:#dc2626}#toast{position:fixed;bottom:calc(var(--project-bar-h) + 16px);left:50%;transform:translateX(-50%) translateY(60px);background:#1e2228;color:#e0e4ec;padding:8px 18px;border-radius:6px;font-size:12px;pointer-events:none;transition:transform 0.2s ease,opacity 0.2s ease;opacity:0;z-index:2000}#toast.show{transform:translateX(-50%) translateY(0);opacity:1}#inspector{position:absolute;top:10px;right:10px;bottom:10px;width:var(--inspector-w);min-width:0;background:#fff0;border:none;display:flex;flex-direction:column;gap:8px;padding:0;overflow:hidden;flex-shrink:0;z-index:5;pointer-events:none}#inspector.is-collapsed,#resizer-inspector.is-collapsed{display:none!important}.inspector-panel{flex:1 1 0%;min-height:0;display:flex;flex-direction:column;overflow:hidden;background:#fff;border:1px solid rgb(228 231 238 / .95);border-radius:var(--radius-md);box-shadow:0 1px 2px rgb(15 23 42 / .04),0 2px 8px rgb(15 23 42 / .06);pointer-events:auto}.inspector-panel[hidden]{display:none!important}#inspector.is-split #inspector-panel-properties{flex:0 0 calc(50% - 4px)}.inspector-panel-body{flex:1 1 auto;min-height:0;overflow-y:auto;display:flex;flex-direction:column;scrollbar-width:thin;scrollbar-color:#c8ced8 #fff}.inspector-panel-body,.inspector-panel-body *{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;-webkit-touch-callout:default}.inspector-panel-body ::selection{background:Highlight;color:HighlightText}.inspector-panel-body::-webkit-scrollbar{width:6px}.inspector-panel-body::-webkit-scrollbar-track{background:#fff0}.inspector-panel-body::-webkit-scrollbar-thumb{background:#c8ced8;border-radius:3px}.inspector-stats{padding:12px 14px 16px}.inspector-stats dd{font-variant-numeric:tabular-nums}#project-bar{display:flex;align-items:center;gap:8px;height:var(--project-bar-h);padding:0 12px;background:var(--color-toolbar);border-top:1px solid var(--color-toolbar-border);flex-shrink:0;z-index:15;position:relative}.proj-bar-right{margin-left:auto;display:flex;align-items:center;gap:6px;flex:0 0 auto}.proj-dd{position:relative;flex:0 0 auto}.proj-dd-trigger{display:flex;align-items:center;gap:6px;max-width:220px;height:28px;padding:0 10px;margin:0;border:1px solid #fff0;border-radius:var(--radius-sm);background:#fff0;color:var(--color-text-light);font-family:var(--font);font-size:12.5px;font-weight:500;cursor:pointer;transition:background 0.12s,border-color 0.12s,color 0.12s;user-select:none}.proj-dd-trigger:hover{background:#f1f5f9;color:var(--color-accent)}.proj-dd.is-open .proj-dd-trigger,.proj-dd-trigger[aria-expanded="true"]{background:var(--color-accent-soft);border-color:var(--color-accent-border);color:var(--color-accent)}.proj-dd-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.proj-dd-chevron{font-size:11px;line-height:1;color:var(--color-text-muted);flex-shrink:0}.proj-dd.is-open .proj-dd-chevron{color:var(--color-accent)}.proj-dd-menu{position:absolute;left:0;bottom:calc(100% + 6px);min-width:220px;max-width:min(320px, calc(100vw - 24px));max-height:min(320px, calc(100vh - 120px));display:flex;flex-direction:column;padding:6px;background:#fff;border:1px solid rgb(15 23 42 / .08);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:40;overflow:hidden}.proj-dd-menu-end{left:auto;right:0;min-width:140px}.proj-dd-menu[hidden]{display:none!important}.proj-dd-menu.is-fixed{position:fixed;left:auto;right:auto;bottom:auto;z-index:420}.proj-dd-check{display:flex;align-items:center;gap:8px;margin:0;padding:8px 10px;border-radius:var(--radius-sm);font-size:12.5px;font-weight:500;color:var(--color-text-light);cursor:pointer;user-select:none}.proj-dd-check:hover{background:#f1f5f9}.proj-dd-check input{margin:0;accent-color:var(--color-accent);flex-shrink:0}#panels-menu{min-width:200px;gap:2px}.proj-info-btn{display:flex;align-items:center;gap:6px;height:28px;padding:0 10px;margin:0;border:1px solid #fff0;border-radius:var(--radius-sm);background:#fff0;color:var(--color-text-light);font-family:var(--font);font-size:12.5px;font-weight:500;cursor:pointer;transition:background 0.12s,border-color 0.12s,color 0.12s;user-select:none;white-space:nowrap}.proj-info-btn:hover{background:#f1f5f9;color:var(--color-accent)}.proj-info-label{color:var(--color-text-muted);font-weight:500}.proj-info-btn:hover .proj-info-label{color:var(--color-accent)}.proj-info-count{font-variant-numeric:tabular-nums;font-weight:600;color:var(--color-text-light)}.proj-info-btn:hover .proj-info-count{color:var(--color-accent)}.proj-gender-opt{width:100%;border-radius:6px}.proj-gender-opt.is-active{background:var(--color-accent-soft);color:var(--color-accent);font-weight:600}.proj-gender-opt:hover{background:#f1f5f9;color:var(--color-accent)}.proj-dd-list{overflow-y:auto;overflow-x:hidden;max-height:240px;scrollbar-width:thin;scrollbar-color:#cbd5e1 #fff0}.proj-row{display:flex;align-items:center;gap:2px;padding:1px 2px;border-radius:8px;min-height:32px}.proj-row.is-active{background:var(--color-accent-soft)}.proj-row.is-hidden-layer .proj-row-name{opacity:.45}.proj-row-main{flex:1;min-width:0;display:flex;align-items:center;padding:6px 8px;margin:0;border:none;border-radius:6px;background:#fff0;color:var(--color-text-light);font-family:var(--font);font-size:12.5px;text-align:left;cursor:pointer}.proj-row.is-active .proj-row-main{color:var(--color-accent);font-weight:600}.proj-row-main:hover .proj-row-name{color:var(--color-accent)}.proj-row-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.proj-icon-btn,.proj-vis-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:none;border-radius:6px;background:#fff0;color:#8a94a6;font-size:13px;line-height:1;cursor:pointer;flex-shrink:0;font-family:var(--font)}.proj-icon-btn:hover,.proj-vis-btn:hover{background:rgb(58 123 213 / .1);color:#2a2d35}.proj-icon-danger:hover{background:rgb(204 34 34 / .12);color:#c22}.proj-vis-btn{font-size:14px}.proj-dd-add{display:block;width:100%;margin:4px 0 0;padding:8px 10px;border:none;border-top:1px solid var(--color-toolbar-border);border-radius:0 0 6px 6px;background:#fff0;color:var(--color-accent);font-family:var(--font);font-size:12.5px;font-weight:600;text-align:left;cursor:pointer}.proj-dd-add:hover{background:var(--color-accent-soft)}.inspector-header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 8px 10px 14px;background:#fff0;border-bottom:1px solid #eef0f4;flex-shrink:0}.inspector-header-title{font-size:13px;font-weight:600;letter-spacing:-.01em;color:var(--color-text-light);line-height:1.3;min-width:0}.inspector-panel-close{flex-shrink:0;width:28px;height:28px;margin:0;padding:0;border:none;border-radius:8px;background:#fff0;color:var(--color-text-muted);font-size:12px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background 0.12s,color 0.12s}.inspector-panel-close:hover{background:#f1f5f9;color:var(--color-text-light)}.inspector-panel-close:active{background:#e2e8f0}.inspector-empty{padding:16px 14px;font-size:12px;line-height:1.45;color:#6a7280}.inspector-content{padding:12px 14px 20px}.inspector-title{font-size:14px;font-weight:600;color:#2a2d35;margin-bottom:12px;line-height:1.35}.inspector-section{margin-bottom:16px}.inspector-section-title{font-size:12px;font-weight:600;letter-spacing:-.01em;color:#8a94a6;margin-bottom:8px}.inspector-section-hint{margin-top:4px;padding-top:12px;border-top:1px dashed #e4e7ee}.inspector-catalog-line{font-size:12px;line-height:1.4;color:#6a7280;font-weight:400}.inspector-dl{display:grid;grid-template-columns:auto 1fr;gap:4px 10px;align-items:center;font-size:12px}.inspector-dl dt{color:#6a7280}.inspector-dl dd{color:#2a2d35;margin:0;font-weight:500}.inspector-dd-edit{display:flex;align-items:center;gap:6px;font-weight:500}.inspector-num{width:4.5em;min-width:0;padding:3px 6px;border:1px solid #d0d5dd;border-radius:5px;background:#fff;color:#2a2d35;font:inherit;font-weight:500;font-variant-numeric:tabular-nums;line-height:1.3}.inspector-num:hover{border-color:#b8c0cc}.inspector-num:focus{outline:none;border-color:#0f766e;box-shadow:0 0 0 2px rgb(15 118 110 / .18)}.inspector-unit{color:#6a7280;font-weight:500;flex-shrink:0}.inspector-ports{list-style:none;display:flex;flex-direction:column;gap:8px}.inspector-port{padding:8px 10px;background:#f5f7fa;border:1px solid #e4e8ef;border-radius:6px;font-size:11px;line-height:1.4}.inspector-port-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:2px}.inspector-port-name{font-weight:600;color:#2a2d35}.inspector-port-detail{display:block;color:#4a5568}.inspector-port-status{flex-shrink:0;font-size:10px;font-weight:600;color:#0d9488}.inspector-port-status.is-busy{color:#888}.help-hint{font-size:13px;line-height:1.55;color:#4a5160}.help-hint p{margin:0 0 8px}.help-hint p:last-child{margin-bottom:0}.help-hint b{color:#2a2d35;font-weight:600}.help-keys{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-direction:column;gap:6px}.help-keys li{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}.help-hint kbd{display:inline-block;padding:1px 6px;background:#f0f2f6;border:1px solid #d8dce4;border-radius:3px;font-size:11px;font-family:monospace;color:#3a404e}.modal-overlay{position:fixed;inset:0;background:rgb(20 24 32 / .45);display:flex;align-items:center;justify-content:center;z-index:3000;padding:16px}.modal-overlay[hidden]{display:none!important}.modal-panel{width:100%;max-width:420px;background:#fff;border-radius:10px;box-shadow:0 12px 40px rgb(0 0 0 / .18);overflow:hidden}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--color-toolbar-border)}.modal-header h2{font-size:15px;font-weight:600;color:#2a2d35}.modal-close{border:none;background:#fff0;font-size:14px;color:#888;cursor:pointer;padding:4px 8px;border-radius:4px;display:inline-flex;align-items:center;justify-content:center}.modal-close:hover{background:#f0f2f6;color:#333}.modal-body{padding:16px}.modal-footer{padding:12px 16px;border-top:1px solid var(--color-toolbar-border);display:flex;justify-content:flex-end;gap:8px}.modal-field-label{display:block;font-size:12px;font-weight:600;color:#2a2d35;margin-bottom:6px}.modal-field-label[hidden],.dup-node-layers[hidden]{display:none!important}.modal-prompt-input{width:100%;box-sizing:border-box;padding:8px 10px;font-size:13px;font-family:var(--font);border:1px solid #d8dce4;border-radius:6px;outline:none}.modal-prompt-input:focus{border-color:var(--color-accent);box-shadow:0 0 0 2px rgb(58 123 213 / .15)}.modal-confirm-msg{margin:0;font-size:13px;line-height:1.45;color:#2a2d35}.dup-tabs{display:flex;gap:0;margin:-4px 0 14px;border-bottom:1px solid #d8dce4}.dup-tab{flex:1;padding:8px 10px;border:none;border-bottom:2px solid #fff0;margin-bottom:-1px;background:#fff0;color:#5a6170;font-size:13px;font-weight:500;cursor:pointer}.dup-tab:hover{color:#2a2d35}.dup-tab.is-active{color:var(--color-accent,#0d9488);border-bottom-color:var(--color-accent,#0d9488)}.dup-tab-panel{display:flex;flex-direction:column;gap:8px}.dup-tab-panel[hidden]{display:none!important}.dup-tab-panel .modal-field-label{margin-top:4px}.dup-node-layer-label{margin-top:14px!important}.dup-node-layers{display:flex;flex-direction:column;gap:8px}.settings-fieldset{border:none;padding:0;margin:0}.settings-fieldset legend{font-weight:600;font-size:13px;color:#2a2d35;margin-bottom:6px}.settings-hint{font-size:12px;color:#6a7280;margin-bottom:12px;line-height:1.4}.bridge-target-section{margin-top:14px;padding-top:12px;border-top:1px solid #e8ebf0}.bridge-target-section:first-of-type{margin-top:12px;padding-top:0;border-top:none}.bridge-target-section .settings-hint{margin:-2px 0 10px}.bridge-target-section .settings-options{gap:6px}.settings-options{display:flex;flex-direction:column;gap:8px}.settings-option{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid #d8dce4;border-radius:6px;cursor:pointer;font-size:13px;transition:border-color 0.12s,background 0.12s}.settings-option:hover{border-color:var(--color-accent);background:var(--color-accent-soft)}.settings-option input{margin:0;accent-color:var(--color-accent)}.btn-primary,.btn-secondary,.btn-danger{padding:7px 16px;font-size:12px;font-family:var(--font);font-weight:600;border:none;border-radius:6px;cursor:pointer}.btn-primary{background:var(--color-accent);color:#fff}.btn-primary:hover{background:var(--color-accent-hover)}.btn-secondary{background:#f0f2f6;color:#2a2d35}.btn-secondary:hover{background:#e4e7ee}.btn-danger{background:#d64545;color:#fff}.btn-danger:hover{background:#c03939}.modal-panel--wide{max-width:820px;width:min(820px, calc(100vw - 24px))}.projects-list{display:flex;flex-direction:column;gap:6px;max-height:min(420px, 55vh);overflow-y:auto}.projects-empty{margin:0;color:var(--color-text-muted,#64748b);font-size:13px}.projects-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 10px;border:1px solid #e2e8f0;border-radius:var(--radius-sm,6px);background:#fff}.projects-row.is-current{border-color:var(--color-accent-border,#93c5fd);background:var(--color-accent-soft,#eff6ff)}.projects-row-name{font-size:13px;font-weight:500;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.projects-row-actions{display:flex;flex-wrap:wrap;gap:4px;flex-shrink:0}.projects-act{display:inline-block;padding:4px 8px;font-size:11.5px;font-family:var(--font);border:1px solid #e2e8f0;border-radius:4px;background:#f8fafc;cursor:pointer;color:inherit;text-decoration:none;line-height:1.3}.projects-act:hover{background:#f1f5f9}.projects-act-danger{color:#b91c1c}.projects-act-danger:hover{background:#fef2f2}.cp-ctor{display:flex;flex-direction:column;gap:12px;padding:14px 16px 16px}.cp-ctor-head{display:flex;flex-wrap:wrap;gap:10px 14px;align-items:flex-end}.cp-field-row{display:flex;flex-direction:column;gap:4px;min-width:0}.cp-field-grow{flex:1 1 220px}.cp-ctor-meta{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end}.cp-select{font-size:12px;font-family:var(--font);padding:4px 6px;border:1px solid var(--color-toolbar-border);border-radius:5px;background:#fff;color:#2a2d35;cursor:pointer;min-width:88px}.cp-select-wide{width:100%;min-width:0}.cp-select:focus{outline:2px solid var(--color-accent);outline-offset:1px}.cp-dim{display:flex;align-items:center;justify-content:center;gap:6px}.cp-dim-bottom{grid-column:2;grid-row:4;padding:2px 0 0}.cp-stage-left{grid-column:1;grid-row:2;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:8px;height:100%}.cp-dim-side{margin-top:auto}.cp-mm-field{display:flex;align-items:center;gap:4px;font-size:11px;color:#3a4250;background:#fff;border:1px solid #c5ccd8;border-radius:6px;padding:3px 6px;box-shadow:0 1px 2px rgb(30 40 60 / .06)}.cp-mm-label{color:#6a7280;white-space:nowrap;font-weight:600;min-width:1em;text-align:center}.cp-mm-input{width:52px;font-size:12px;font-family:var(--font);padding:2px 4px;border:1px solid #d0d5de;border-radius:4px;background:#fafbfc;color:#2a2d35}.cp-mm-input:focus{outline:2px solid var(--color-accent);outline-offset:0;background:#fff}.cp-mm-unit{color:#8a93a3;font-size:10px}.cp-port-diam{margin-top:4px;padding-top:8px;border-top:1px solid #e2e6ee;display:flex;flex-direction:column;gap:4px}.cp-port-diam-label{font-size:11px;font-weight:600;color:#5a6575}.cp-ctor-body{display:grid;grid-template-columns:minmax(280px,1fr) minmax(200px,240px);gap:14px;align-items:start}.cp-ctor-hint{grid-column:1 / -1;font-size:12px;color:#6a7280;margin:0}.cp-ctor-stage{display:grid;grid-template-columns:108px minmax(160px,1fr) 108px;grid-template-rows:auto minmax(160px,220px) auto auto;gap:8px;align-items:center;justify-items:center;background:#f4f6f9;border:1px solid #d8dce4;border-radius:8px;padding:10px}.cp-side-top{grid-column:2;grid-row:1}.cp-side-right{grid-column:3;grid-row:2}.cp-side-bottom{grid-column:2;grid-row:3}.cp-side-btn{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:92px;max-width:108px;padding:7px 8px;border:1.5px dashed #b8c0cc;border-radius:8px;background:#fff;color:#5a6472;cursor:pointer;font-family:var(--font);transition:border-color .12s,background .12s,box-shadow .12s}.cp-side-btn:hover{border-color:var(--color-accent);background:#f8faff}.cp-side-btn.is-selected{border-style:solid;border-color:var(--color-accent);box-shadow:0 0 0 2px var(--color-accent-soft,#e8f0fe);background:#fff}.cp-side-btn.is-set{border-style:solid;border-color:#7a8a9a;color:#2a2d35}.cp-side-btn.is-set.is-selected{border-color:var(--color-accent)}.cp-side-name{font-size:10px;text-transform:uppercase;letter-spacing:.04em;color:#8a93a3;font-weight:600}.cp-side-btn.is-selected .cp-side-name,.cp-side-btn.is-set .cp-side-name{color:#5a6575}.cp-side-val{font-size:12px;font-weight:600;line-height:1.2;text-align:center}.cp-side-btn:not(.is-set) .cp-side-val{font-size:16px;font-weight:500;color:#98a2b3}.cp-preview-wrap{grid-column:2;grid-row:2;width:100%;height:100%;display:flex;flex-direction:column;background:#fff;border:1px solid #d8dce4;border-radius:6px;overflow:hidden;min-height:160px}.cp-preview-title{font-size:11px;color:#6a7280;padding:6px 10px 0}.cp-preview{flex:1;display:flex;align-items:center;justify-content:center;padding:8px 10px 12px;min-height:120px}.cp-preview-svg{display:block;width:100%;max-height:180px;overflow:visible}.cp-preview-error{color:#d64545;font-size:11px}.cp-side-panel{display:flex;flex-direction:column;gap:8px;background:#f7f8fa;border:1px solid #d8dce4;border-radius:8px;padding:10px;min-height:200px}.cp-side-panel-title{font-size:12px;font-weight:600;color:#2a2d35}.cp-opt-list{display:flex;flex-direction:column;gap:6px}.cp-opt-btn{display:flex;flex-direction:column;align-items:flex-start;gap:1px;width:100%;text-align:left;padding:8px 10px;border:1px solid #d0d5de;border-radius:6px;background:#fff;cursor:pointer;font-family:var(--font);color:#2a2d35}.cp-opt-btn:hover{border-color:var(--color-accent);background:#f8faff}.cp-opt-btn.is-active{border-color:var(--color-accent);background:var(--color-accent-soft,#e8f0fe);box-shadow:inset 0 0 0 1px var(--color-accent)}.cp-opt-main{font-size:13px;font-weight:600}.cp-opt-hint{font-size:11px;color:#6a7280}.cp-error{color:#d64545;font-size:12px;padding:4px 8px;margin:0 14px 12px;background:#fef2f2;border-radius:4px;border:1px solid #fca5a5}@media (max-width:640px){.cp-ctor-body{grid-template-columns:1fr}.cp-ctor-stage{grid-template-columns:88px minmax(120px,1fr) 88px}.cp-side-btn{min-width:78px;max-width:88px;padding:5px 4px}.cp-side-val{font-size:11px}}:root{--mobile-tabbar-h:72px}html.mobile,html.mobile body{height:100%;height:100dvh;overflow:hidden}html.mobile #app{height:100%;height:100dvh;padding-top:env(safe-area-inset-top,0);padding-left:env(safe-area-inset-left,0);padding-right:env(safe-area-inset-right,0)}html.mobile #toolbar{height:44px;padding:0 10px;padding-left:max(10px, env(safe-area-inset-left, 0px));padding-right:max(10px, env(safe-area-inset-right, 0px))}html.mobile #toolbar-title{font-size:13px;max-width:42vw;overflow:hidden;text-overflow:ellipsis}html.mobile #btn-clear,html.mobile #btn-catalog-views,html.mobile #toolbar-actions .sep{display:none!important}html.mobile #project-bar{display:none!important}html.mobile #resizer-inspector{display:none!important}html.mobile #mobile-tabbar{display:flex}html.mobile .mobile-tabbar{position:relative;z-index:50;flex-shrink:0;display:flex;align-items:flex-end;justify-content:space-around;height:calc(var(--mobile-tabbar-h) + env(safe-area-inset-bottom, 0px));padding:6px 6px calc(8px + env(safe-area-inset-bottom, 0px));background:var(--color-toolbar);border-top:1px solid var(--color-toolbar-border);box-shadow:0 -4px 16px rgb(15 23 42 / .06)}.mobile-tabbar[hidden]{display:none!important}.mobile-tab-btn{flex:1 1 0%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:0;height:56px;margin:0;padding:6px 2px;border:none;background:#fff0;color:var(--color-text-muted);font-family:var(--font);font-size:11px;font-weight:600;line-height:1.15;cursor:pointer;border-radius:12px;user-select:none;-webkit-tap-highlight-color:#fff0}.mobile-tab-btn .bi{font-size:22px;line-height:1}.mobile-tab-btn.is-active,.mobile-tab-btn[aria-expanded="true"]{color:var(--color-accent);background:var(--color-accent-soft)}.mobile-fab{flex:0 0 auto;width:60px;height:60px;margin:-22px 6px 0;padding:0;border:3px solid #fff;border-radius:50%;background:var(--color-accent);color:#fff;box-shadow:0 6px 18px rgb(15 118 110 / .35);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:2;-webkit-tap-highlight-color:#fff0}.mobile-fab .bi{font-size:28px;line-height:1;transition:transform 0.18s ease}.mobile-fab.is-active{background:var(--color-accent-hover)}.mobile-fab.is-active .bi{transform:rotate(45deg)}.mobile-palette-backdrop{position:fixed;inset:0;background:rgb(15 23 42 / .35);z-index:45}.mobile-palette-backdrop[hidden]{display:none!important}html.mobile #palette-bar{position:fixed;left:0;right:0;bottom:calc(var(--mobile-tabbar-h) + env(safe-area-inset-bottom, 0px));z-index:48;max-height:0;padding:0 12px;border:none;border-radius:16px 16px 0 0;box-shadow:none;overflow:hidden;display:flex;flex-direction:column;background:var(--color-sidebar);visibility:hidden;pointer-events:none;transition:max-height 0.22s ease,padding 0.22s ease,visibility 0.22s}html.mobile #palette-bar.is-open{max-height:min(90dvh, calc(100dvh - 80px - var(--mobile-keyboard-inset, 0px)));padding:10px 12px;border:1px solid rgb(15 23 42 / .08);border-bottom:none;box-shadow:0 -8px 28px rgb(15 23 42 / .14);visibility:visible;pointer-events:auto;overflow:hidden}html.mobile #palette-bar #pb-actions,html.mobile #palette-bar .pb-vsep{display:none!important}html.mobile #pb-tabs-row{flex-direction:column;align-items:stretch;gap:10px;margin-bottom:10px;flex-shrink:0}html.mobile #pb-search-wrap{width:100%;flex:0 0 auto}html.mobile .pb-search{width:100%;min-height:48px;padding:12px 40px 12px 16px;font-size:16px;border-radius:12px}html.mobile .pb-search-clear{width:32px;height:32px;right:8px;font-size:18px}html.mobile #pb-tabs-scroll{width:100%}html.mobile #palette-tabs{gap:6px;padding:4px;border-radius:12px}html.mobile .pb-tab{min-height:44px;padding:10px 16px;font-size:14px;border-radius:10px}html.mobile .palette-mat-back{display:flex;align-items:center;gap:6px;width:100%;min-height:44px;margin:0;padding:8px 12px;border:none;border-radius:12px;background:var(--color-accent-soft);color:var(--color-accent);font-family:var(--font);font-size:15px;font-weight:600;cursor:pointer;-webkit-tap-highlight-color:#fff0}html.mobile .palette-mat-back[hidden]{display:none!important}html.mobile .palette-mat-back .bi{font-size:18px;line-height:1}.palette-mat-back{display:none}.palette-materials[hidden]{display:none!important}html.mobile .palette-materials{display:flex;flex-direction:column;gap:8px;width:100%;padding:4px 0 8px}html.mobile .palette-material-btn{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:56px;margin:0;padding:14px 16px;border:1px solid rgb(15 23 42 / .08);border-radius:14px;background:#fff;color:var(--color-text-light);font-family:var(--font);font-size:16px;font-weight:600;text-align:left;cursor:pointer;box-shadow:var(--shadow-sm);-webkit-tap-highlight-color:#fff0}html.mobile .palette-material-btn:active{background:var(--color-accent-soft);border-color:var(--color-accent-border);color:var(--color-accent)}html.mobile .palette-material-label{flex:1 1 auto;min-width:0}html.mobile .palette-material-chevron{flex-shrink:0;font-size:18px;color:var(--color-text-muted)}html.mobile #palette-bar.is-materials-view #pb-tabs-scroll,html.mobile #palette-bar.is-materials-view #palette-mat-back{display:none!important}#palette-parts[hidden],html.mobile #palette-bar.is-materials-view #palette-parts{display:none!important}html.mobile #pb-body-scroll{flex:1 1 auto;min-height:0;width:100%;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}html.mobile #pb-body{flex-direction:column;flex-wrap:nowrap;width:100%;max-width:100%;align-items:stretch}html.mobile #pb-parts-wrap{width:100%;min-width:0}html.mobile #palette-parts{flex-direction:column;width:100%;max-width:100%;min-height:0;gap:4px}html.mobile .palette-entry{flex-direction:column;width:100%;align-items:stretch}html.mobile .palette-group-btn{flex-direction:row;align-items:center;justify-content:flex-start;gap:10px;width:100%;min-width:0;height:auto;min-height:48px;padding:8px 10px;text-align:left}html.mobile .palette-group-btn .palette-item-icon{width:36px;height:36px;flex-shrink:0}html.mobile .palette-group-btn .palette-item-text{align-items:flex-start;flex:1 1 auto;min-width:0}html.mobile .palette-group-btn .palette-item-name{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-height:none;max-width:none;-webkit-line-clamp:unset;display:block}html.mobile .palette-group-menu:not(.mobile-dd-sheet),html.mobile .palette-size-menu:not(.mobile-dd-sheet),html.mobile .palette-diam-menu:not(.mobile-dd-sheet){display:flex;flex-direction:column;gap:2px;position:static!important;left:auto!important;top:auto!important;right:auto!important;bottom:auto!important;width:100%!important;max-width:none!important;min-width:0!important;max-height:none!important;margin:4px 0 0;padding:4px;border-radius:10px;border:1px solid rgb(15 23 42 / .08);box-shadow:none;background:#f8fafc;z-index:auto;box-sizing:border-box}html.mobile .palette-group-menu[hidden],html.mobile .palette-size-menu[hidden],html.mobile .palette-diam-menu[hidden]{display:none!important}html.mobile .palette-item.palette-menu-row,html.mobile .palette-item.palette-size-row{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:flex-start;gap:10px;width:100%!important;min-width:0!important;max-width:100%;height:auto!important;min-height:48px;padding:8px 10px;box-sizing:border-box}html.mobile .palette-item.palette-menu-row.has-size-menu{display:grid;grid-template-columns:40px minmax(0,1fr) 36px;grid-template-areas:"icon text arrow" "menu menu menu";column-gap:10px;row-gap:6px;align-items:center}html.mobile .palette-item.palette-menu-row.has-size-menu .palette-item-icon{grid-area:icon}html.mobile .palette-item.palette-menu-row.has-size-menu .palette-item-text{grid-area:text}html.mobile .palette-item.palette-menu-row.has-size-menu .palette-size-arrow{grid-area:arrow;margin:0}html.mobile .palette-item.palette-menu-row.has-size-menu .palette-size-menu,html.mobile .palette-item.palette-menu-row.has-size-menu .palette-diam-menu{grid-area:menu;width:100%!important;margin:0}html.mobile .palette-item.palette-menu-row .palette-item-icon,html.mobile .palette-item.palette-size-row .palette-item-icon{width:36px;height:36px;flex-shrink:0}html.mobile .palette-item.palette-menu-row .palette-item-text,html.mobile .palette-item.palette-size-row .palette-item-text{align-items:flex-start;flex:1 1 auto;width:auto!important;min-width:0;max-width:none}html.mobile .palette-item.palette-menu-row .palette-item-name,html.mobile .palette-item.palette-size-row .palette-item-name,html.mobile .palette-item.palette-menu-row .palette-item-diam,html.mobile .palette-item.palette-size-row .palette-item-diam{font-size:14px;max-height:none;-webkit-line-clamp:unset;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left;max-width:100%}html.mobile .palette-item.palette-menu-row .palette-item-diam,html.mobile .palette-item.palette-size-row .palette-item-diam{font-size:12px}html.mobile .palette-size-arrow{flex-shrink:0;width:36px;height:36px;margin:0;font-size:18px;padding:0}html.mobile .palette-size-arrow[aria-expanded="true"]{background:var(--color-accent-soft);color:var(--color-accent);transform:rotate(90deg)}html.mobile .palette-diam-option,html.mobile .palette-size-option{display:block;width:100%;box-sizing:border-box;min-height:44px;font-size:14px;padding:12px 14px;text-align:left}html.mobile #canvas-container{touch-action:none;-webkit-user-select:none;user-select:none}html.mobile #canvas{touch-action:none;-webkit-touch-callout:none}html.mobile .zoom-control{bottom:8px;left:auto;right:max(10px, env(safe-area-inset-right, 0px));z-index:45}html.mobile .zoom-indicator-btn{min-width:52px;min-height:40px;padding:8px 12px;font-size:13px;border-radius:10px;box-shadow:var(--shadow-sm)}html.mobile .zoom-menu{left:auto;right:0;min-width:160px}html.mobile .zoom-menu-item{min-height:40px;padding:10px 12px;font-size:14px}html.mobile #toast{bottom:calc(16px + var(--mobile-tabbar-h) + env(safe-area-inset-bottom, 0px))}html.mobile #app-window{--modal-title:18px;--modal-text:17px;--modal-label:14px;--modal-input:17px;--modal-btn:16px;--modal-btn-h:44px}html.mobile .modal-overlay{align-items:flex-end;justify-content:center;padding:0;padding-left:env(safe-area-inset-left,0);padding-right:env(safe-area-inset-right,0)}html.mobile .modal-panel{max-width:none;width:100%;max-height:min(90dvh, 90vh);border-radius:16px 16px 0 0;display:flex;flex-direction:column;padding-bottom:env(safe-area-inset-bottom,0)}html.mobile .modal-panel--wide{max-width:none}html.mobile .modal-header{flex-direction:column;align-items:stretch;gap:8px;position:relative;padding-top:10px;touch-action:none}html.mobile #app-window .modal-header h2{padding-right:44px;font-size:var(--modal-title)}.modal-sheet-handle{display:none}html.mobile .modal-sheet-handle{display:block;width:40px;height:4px;border-radius:2px;background:#cbd5e1;margin:0 auto 4px}html.mobile .modal-close{position:absolute;right:8px;top:10px;width:44px;height:44px;font-size:18px;display:inline-flex;align-items:center;justify-content:center}html.mobile #app-window .modal-body,html.mobile #app-window-body{overflow-y:auto;-webkit-overflow-scrolling:touch;flex:0 1 auto;min-height:0;font-size:var(--modal-text);line-height:1.45;padding:16px 16px 14px;color:#1e2430}html.mobile #app-window .modal-confirm-msg,html.mobile #app-window .help-hint,html.mobile #app-window .help-hint p,html.mobile #app-window .help-keys{font-size:var(--modal-text);line-height:1.45;color:#1e2430}html.mobile #app-window .modal-field-label{font-size:var(--modal-label);margin-bottom:8px}html.mobile #app-window .modal-prompt-input,html.mobile #app-window input[type="text"],html.mobile #app-window input[type="search"],html.mobile #app-window select,html.mobile #app-window textarea{min-height:var(--modal-btn-h);padding:11px 12px;font-size:var(--modal-input);border-radius:10px}html.mobile #app-window .modal-footer,html.mobile #app-window-footer{flex:0 0 auto;flex-direction:column-reverse;align-items:stretch;gap:8px;padding:10px 16px calc(12px + env(safe-area-inset-bottom, 0px))}html.mobile #app-window-footer button,html.mobile #app-window .modal-footer .btn-primary,html.mobile #app-window .modal-footer .btn-secondary,html.mobile #app-window .modal-footer .btn-danger{width:100%;min-height:var(--modal-btn-h);padding:11px 16px;font-size:var(--modal-btn);border-radius:12px}html.mobile #app-window-footer .btn-modal-cancel{display:none!important}html.mobile .canvas-ctx-menu{left:0!important;right:0!important;bottom:0!important;top:auto!important;width:100%;max-width:none;min-width:0;max-height:min(85dvh, 85vh);overflow-y:auto;-webkit-overflow-scrolling:touch;border-radius:16px 16px 0 0;padding:8px 10px calc(12px + env(safe-area-inset-bottom, 0px));box-shadow:0 -8px 28px rgb(15 23 42 / .18)}html.mobile .canvas-ctx-sheet-handle{display:block;width:40px;height:4px;border-radius:2px;background:#cbd5e1;margin:4px auto 10px;touch-action:none}.canvas-ctx-sheet-handle{display:none}html.mobile .canvas-ctx-item{padding:12px 12px;font-size:14px;min-height:44px}html.mobile .canvas-ctx-item kbd{display:none}html.mobile .canvas-ctx-water-wrap,html.mobile .canvas-ctx-outlets-wrap{position:relative}html.mobile .canvas-ctx-submenu{position:static!important;left:auto!important;right:auto!important;top:auto!important;width:100%;margin:0 0 4px;padding:2px 0 2px 12px;border:none;box-shadow:none;background:var(--color-accent-soft);border-radius:10px}html.mobile .canvas-ctx-submenu[hidden]{display:none!important}html.mobile .canvas-ctx-chevron{transform:rotate(90deg)}html.mobile #inspector{position:fixed;left:0;right:0;top:auto;bottom:0;width:100%;max-width:none;height:auto;max-height:min(78dvh, 78vh);padding:0;gap:0;z-index:2900;pointer-events:none;background:#fff0}html.mobile #inspector.is-collapsed{display:none!important}html.mobile #inspector .inspector-panel{pointer-events:auto;border-radius:16px 16px 0 0;max-height:min(78dvh, 78vh);box-shadow:0 -8px 28px rgb(15 23 42 / .16);border-left:none;border-right:none;border-bottom:none;padding-bottom:env(safe-area-inset-bottom,0)}html.mobile #inspector.is-split #inspector-panel-properties{flex:1 1 auto}html.mobile .inspector-header{touch-action:none;padding-top:14px;position:relative}html.mobile .inspector-header::before{content:'';position:absolute;left:50%;top:6px;width:40px;height:4px;margin-left:-20px;border-radius:2px;background:#cbd5e1}html.mobile .resize-handle{stroke-width:1.6}html.mobile .mobile-dd-sheet,html.mobile .pb-group-menu.mobile-dd-sheet,html.mobile .proj-dd-menu.mobile-dd-sheet{position:fixed!important;left:0!important;right:0!important;width:100%!important;max-width:none!important;min-width:0!important;top:auto!important;z-index:420;margin:0;padding:10px 12px 12px;border-radius:16px 16px 0 0;border:1px solid rgb(15 23 42 / .08);border-bottom:none;box-shadow:0 -8px 28px rgb(15 23 42 / .16);background:#fff;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}html.mobile .mobile-dd-sheet::before,html.mobile .pb-group-menu.mobile-dd-sheet::before,html.mobile .proj-dd-menu.mobile-dd-sheet::before{content:'';display:block;width:40px;height:4px;border-radius:2px;background:#cbd5e1;margin:0 auto 10px}html.mobile .mobile-dd-sheet>button,html.mobile .pb-group-menu.mobile-dd-sheet>button,html.mobile .pb-group-menu.mobile-dd-sheet>.pb-water-wrap>button{min-height:44px;font-size:14px;padding:10px 12px}html.mobile .water-menu.mobile-dd-sheet,html.mobile .anno-type-menu.mobile-dd-sheet{z-index:430}html.mobile .water-menu.mobile-dd-sheet .water-menu-option{min-height:48px;padding:12px 14px;font-size:15px;border-radius:12px}html.mobile .anno-type-menu.mobile-dd-sheet>button{min-height:52px;padding:12px 14px;border-radius:12px}html.mobile .proj-dd-menu.mobile-dd-sheet .proj-dd-list,html.mobile .proj-dd-menu.mobile-dd-sheet{max-height:none}html.mobile .proj-dd-menu.mobile-dd-sheet .proj-dd-list{max-height:min(50dvh, 360px);overflow-y:auto;-webkit-overflow-scrolling:touch}html.mobile .proj-dd-menu.mobile-dd-sheet .proj-row{min-height:48px;gap:4px;padding:2px 4px;border-radius:12px}html.mobile .proj-dd-menu.mobile-dd-sheet .proj-row-main{min-height:44px;padding:10px 12px;font-size:15px;border-radius:10px}html.mobile .proj-dd-menu.mobile-dd-sheet .proj-icon-btn,html.mobile .proj-dd-menu.mobile-dd-sheet .proj-vis-btn{width:44px;height:44px;font-size:18px;border-radius:10px}html.mobile .proj-dd-menu.mobile-dd-sheet .proj-dd-add{min-height:48px;margin-top:10px;padding:12px 14px;font-size:16px;font-weight:600;text-align:center;border-radius:12px;border:none;border-top:none;background:var(--color-accent);color:#fff}html.mobile .proj-dd-menu.mobile-dd-sheet .proj-dd-add:active{background:var(--color-accent-hover)}