.tree-hint{padding:8px 15px;color:#708b89;font-size:calc(10px * var(--ui-density, 1));border-bottom:1px solid var(--line)}
.tree-caret{width:calc(18px * var(--ui-density, 1));height:calc(24px * var(--ui-density, 1));flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;color:#809b99;font-size:calc(12px * var(--ui-density, 1));line-height:1;text-align:center;cursor:pointer}
.tree-caret.has-children{font-size:calc(22px * var(--ui-density, 1));font-weight:700;color:#c5efdf}
.tree-caret.has-children:hover{color:#fff;background:#36574b;border-radius:calc(3px * var(--ui-density, 1))}
.layer{gap:calc(6px * var(--ui-density, 1))}.layer .symbol{width:calc(19px * var(--ui-density, 1));font-size:calc(16px * var(--ui-density, 1))}.layer strong{font-size:calc(11px * var(--ui-density, 1))}.layer small{font-size:calc(9px * var(--ui-density, 1))}
#elementList .layer{height:calc(28px * var(--ui-density, 1));min-height:calc(28px * var(--ui-density, 1));padding-top:calc(2px * var(--ui-density, 1));padding-bottom:calc(2px * var(--ui-density, 1));border-bottom:1px solid #35434a}
#elementList .layer strong{line-height:calc(12px * var(--ui-density, 1))}
#elementList .layer small{display:block;line-height:calc(10px * var(--ui-density, 1));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.shape-toggle{display:flex;gap:4px;margin-top:8px}.shape-toggle button{flex:1;font-size:calc(10px * var(--ui-density, 1));padding:calc(7px * var(--ui-density, 1)) calc(3px * var(--ui-density, 1))}
.shape-toggle button.active{border-color:#649e8e;background:#243d34;color:var(--accent)}
select{font:inherit;background:#12191d;border:1px solid #354148;border-radius:calc(5px * var(--ui-density, 1));color:var(--text);padding:calc(8px * var(--ui-density, 1));width:100%;margin-top:8px}
.field .layer-hint{float:none;display:block;margin-top:8px;color:#7bb59f;font-size:calc(10px * var(--ui-density, 1));line-height:1.8}
#shapeHint{margin:6px 0 0;font-size:calc(10px * var(--ui-density, 1))}.stage svg .vertex{fill:#9ed9ff;stroke:#112b40;stroke-width:1;vector-effect:non-scaling-stroke;cursor:move}
.stage svg .polygon-draft{fill:#76d6c117;stroke:#76d6c1;stroke-width:2;vector-effect:non-scaling-stroke;stroke-dasharray:6 3;pointer-events:none}
.stage svg .marquee-box{fill:#76d6c11f;stroke:#76d6c1;stroke-width:1.5;vector-effect:non-scaling-stroke;stroke-dasharray:5 4;pointer-events:none}
.toolbar{height:auto;min-height:66px;flex-wrap:wrap;padding-top:8px;padding-bottom:8px;gap:4px}.toolbar .tools{flex-shrink:0}.toolbar .tools button{padding:calc(6px * var(--ui-density, 1)) calc(7px * var(--ui-density, 1))}
.toolbar .zoom-tools{margin-left:auto}.toolbar .divider{margin:0 3px}
.preview-note{margin:-10px 0 18px;color:#95a9aa;font-size:calc(10px * var(--ui-density, 1))}#imageOptions>.field{margin-top:12px;margin-bottom:12px}
.stage svg .vertex-selected{fill:#ffcf76;stroke:#382b13;stroke-width:2;filter:drop-shadow(0 0 3px #ffcf76)}
.stage svg:focus{outline:none}
.panel-title button.reanalyze{margin-top:8px;border-color:#4d7c70;background:#20382f;color:#9cdec9}.reset-hint{font-size:calc(10px * var(--ui-density, 1));color:#829d96;line-height:1.65;margin:7px 0 0}

.layer-follow-option{display:flex;align-items:center;gap:calc(7px * var(--ui-density, 1));padding:calc(7px * var(--ui-density, 1)) calc(14px * var(--ui-density, 1));font-size:calc(11px * var(--ui-density, 1));color:#b7d3c8;border-bottom:1px solid var(--line);flex-shrink:0}.layer-follow-option input{margin:0;flex-shrink:0}.show-resources .layer-follow-option{display:none}

.layer.drop-inside,.layer-root-drop.drop-inside{background:#2d5145;outline:2px solid #76d6c1;outline-offset:-2px}.layer-root-drop{margin:10px 9px 14px;padding:calc(10px * var(--ui-density, 1)) calc(5px * var(--ui-density, 1));text-align:center;border:1px dashed #49625a;border-radius:calc(5px * var(--ui-density, 1));color:#8dbbaa;font-size:calc(11px * var(--ui-density, 1));min-height:calc(38px * var(--ui-density, 1))}

.layer-menu{position:fixed;z-index:80;min-width:calc(210px * var(--ui-density, 1));padding:calc(5px * var(--ui-density, 1));background:#20352d;border:1px solid #5e8675;border-radius:calc(7px * var(--ui-density, 1));box-shadow:0 8px 24px #0008}.layer-menu[hidden]{display:none}.layer-menu button{display:block;width:100%;border:0;text-align:left;font-size:calc(12px * var(--ui-density, 1));padding:calc(9px * var(--ui-density, 1));background:transparent}.layer-menu button:hover{background:#345343}.layer.group .symbol{color:#b8c8df}
.layer-menu button:disabled{opacity:.4;cursor:not-allowed}
.layer-menu button.danger{color:#ff9c9c}
.layer-menu button:focus-visible{outline:1px solid #74bba7}
.layer-menu .menu-separator{height:calc(1px * var(--ui-density, 1));margin:5px 7px;background:currentColor;opacity:.2}
.layer-menu .menu-title{padding:calc(6px * var(--ui-density, 1)) calc(9px * var(--ui-density, 1)) calc(5px * var(--ui-density, 1));font-size:calc(11px * var(--ui-density, 1));line-height:1.4;opacity:.62;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:calc(260px * var(--ui-density, 1))}