.view-div{display:flex;flex-direction:column;gap:20px}.submit{margin-top:10px;padding:10px;border:1px dotted;display:grid;grid-template-columns:1fr;gap:20px}.submit button,.submit .grid-column-1{grid-column:-1}.container{overflow:auto;display:flex;height:100vh}.chart-container{background-color:#f5f5f5;border-radius:8px;box-shadow:0 2px 4px #0000001a;min-height:100%}.toolbar{margin:20px;padding:15px;background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a}button{margin-right:5px;margin-left:5px;padding:8px 16px;border:none;border-radius:4px;background-color:#4caf50;color:#fff;cursor:pointer;transition:background-color .3s}button:hover{background-color:#45a049}button:disabled{background-color:#ccc;cursor:not-allowed}input{margin-left:10px;padding:8px;border:1px solid #ddd;border-radius:4px;width:240px}input:focus{outline:none;border-color:#4caf50;box-shadow:0 0 5px #4caf504d}.shortcuts-tips{margin-top:15px;padding:10px;background-color:#f8f8f8;border-radius:4px;font-size:14px}.shortcuts-tips p{margin:0 0 8px;color:#333;font-weight:700}.shortcuts-tips ul{margin:0;padding-left:20px;color:#666}.shortcuts-tips li{margin:4px 0}:deep(circle){transition:fill .2s}:deep(circle:hover){fill:gold}:deep(circle.active){fill:#ff9800}:deep(polygon){fill-opacity:.5;transition:fill-opacity .3s}:deep(polygon:hover){fill-opacity:.7}:deep(text){-webkit-user-select:none;user-select:none;font-family:Arial,sans-serif}.color-picker{display:inline-flex;gap:8px;margin:0 10px;vertical-align:middle}.color-option{width:24px;height:24px;border-radius:4px;cursor:pointer;border:2px solid transparent;transition:all .3s}.color-option:hover{transform:scale(1.1)}.color-option.active{border-color:#333;transform:scale(1.1)}:deep(.legend){background-color:#fffc;padding:10px;border-radius:4px;box-shadow:0 2px 4px #0000001a}:deep(.legend rect){transition:opacity .3s}:deep(.legend text){transition:opacity .3s}:deep(.legend g:hover){opacity:.8}.readonly :deep(polygon){cursor:default}.readonly :deep(circle){cursor:default}:deep(polygon.selected){stroke-dasharray:5,5;stroke-width:3}.mode-indicator{margin:10px 0;padding:8px;background-color:#f5f5f5;border-radius:4px}.mode-indicator span{margin-right:10px}.mode-indicator button{padding:4px 8px}.shape-templates{margin-bottom:15px;border-bottom:1px solid #ddd;padding-bottom:15px}.shape-templates h4{margin:0 0 10px}.shape-templates .template-buttons{display:flex;gap:10px}.shape-templates .template-buttons button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:8px;border:1px solid #ddd;background:white;cursor:pointer;border-radius:4px}.shape-templates .template-buttons button:hover{background:#f5f5f5}.shape-templates .template-buttons button svg{width:20px;height:20px}.shape-templates .template-buttons button svg>*{fill:#4caf50}:deep(.scale-indicator){pointer-events:none}:deep(.scale-indicator) rect{box-shadow:0 2px 4px #0000001a}:deep(.scale-indicator) text{-webkit-user-select:none;user-select:none;font-family:Arial,sans-serif}